:root{--paper:#f9f8f4;--ink:#212622;--muted:#6e746c;--line:#dedfd6;--accent:#fd6b3b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #46755a;outline-offset:4px}.wrap{max-width:1140px;margin:auto;padding-left:28px;padding-right:28px}.nav{height:100px;display:flex;align-items:center;gap:40px}.brand{font-size:18px;font-weight:850;letter-spacing:-.6px;display:flex;align-items:center;gap:8px}.brand>span:last-child{color:var(--muted);margin-left:-8px}.brandmark{display:inline-grid;place-items:center;width:30px;height:32px;border-radius:7px;background:var(--ink);color:white;font-size:22px;margin-right:4px;position:relative}.brandmark span{position:absolute;font-size:12px;right:4px;bottom:4px;color:#fd906d}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--ink);color:white;padding:17px 22px;border-radius:8px;border:1px solid var(--ink);font-weight:650;font-size:14px;box-shadow:0 3px 0 #0002}.button:hover{background:#3d493e}.button.small{padding:12px 16px;font-size:12px;gap:14px}.hero{padding-top:58px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px}.hero .eyebrow{justify-content:center}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(42px,6.1vw,74px);line-height:1.04;letter-spacing:-3.7px;margin:24px auto;max-width:960px;font-weight:760}h1 span{color:#7d8573}.lead{font-size:18px;line-height:1.65;max-width:530px;margin:0 auto;color:var(--muted)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px auto 14px}.textlink{font-size:13px;font-weight:650}.fine{font-size:11px;line-height:1.7;color:var(--muted)}.demo-shell{margin-top:49px;border:1px solid #cdd1c6;border-radius:13px;overflow:hidden;box-shadow:0 20px 55px #28352a0b;text-align:left;scroll-margin-top:25px}.windowbar{height:43px;background:#f0f1eb;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:#7c8279;border-bottom:1px solid var(--line)}.lights{display:flex;gap:5px}.lights i{width:7px;height:7px;background:#c5c9bd;border-radius:50%}.demo-badge{background:#e3e7dc;color:#56604d;padding:4px 7px;border-radius:4px;font-size:9px}.demo-grid{display:grid;grid-template-columns:1fr 300px;min-height:460px}.preview{background-color:#edf0e7;background-image:radial-gradient(#c7cdbb .8px,transparent .8px);background-size:15px 15px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:45px}.canvas-meta,.canvas-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;color:#737b69}.canvas-meta{position:absolute;inset:20px 22px auto}.canvas-footer{position:absolute;inset:auto 22px 17px;letter-spacing:0}.artboard{background:#fffefb;min-height:280px;display:grid;place-items:center;box-shadow:0 6px 20px #252b2010;border:1px solid #e1e2d9;padding:25px;overflow:hidden}.motif{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;justify-items:center;align-items:center;width:100%;max-width:320px;min-height:180px}.motif svg{max-width:100%;height:auto}.inspector{background:#fff;border-left:1px solid var(--line);padding:19px}.plugin-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.plugin-heading b{font-size:12px;display:block}.plugin-heading small{font-size:9px;color:var(--muted)}.plugin-icon{background:#fae6d9;color:#d25525;border-radius:8px;display:grid;place-items:center;width:34px;height:34px;font-size:23px}.version{margin-left:auto;font-size:8px;color:#8c9387;letter-spacing:.1em}.toolstrip{display:flex;padding:4px;background:#f3f4ef;border-radius:7px;gap:3px}.toolstrip button{border:0;background:transparent;flex:1;padding:8px 4px;border-radius:4px;font-size:11px;color:#70786a}.toolstrip button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #0002;color:#242d20}.toolstrip span{font-size:9px;margin-left:3px}.settings{border-bottom:1px solid #ebede5;margin-top:12px}.settings summary{list-style:none;font-size:10px;font-weight:700;cursor:pointer;padding:9px 0;display:flex;justify-content:space-between}.settings summary:before{content:'⌄';margin-right:6px}.settings:not([open]) summary:before{content:'›'}.settings summary span{margin-left:auto;color:#a2a89b;font-size:8px}.field{margin:11px 0}.field label{display:flex;justify-content:space-between;font-size:9px;color:#697261;margin-bottom:7px}.field output{color:#35422d}.colorfield{border:1px solid #dfe3d7;border-radius:5px;display:flex;align-items:center;padding:3px;gap:9px}.colorfield input{width:25px;height:22px;border:0;padding:0;background:transparent}.colorfield output{font:10px ui-monospace,monospace}input[type=range]{width:100%;accent-color:#647b50;height:13px}.inline{display:flex;justify-content:space-between;align-items:center}.inline label{margin:0}.inline input{accent-color:#647b50}.demo-actions{display:flex;gap:7px;margin:14px 0 9px}.secondary{flex:1;background:#fff;border:1px solid #dfe3d7;font-size:10px;padding:8px;border-radius:5px}.export{font-size:10px;width:100%;padding:11px;justify-content:space-between}.demo-note{font-size:8px;color:#79816f;line-height:1.6;text-align:center;margin-bottom:0}.democaption{background:#fffefb;padding:13px 18px;display:flex;justify-content:space-between;gap:12px;font-size:9px;border-top:1px solid var(--line);color:#747c6a}.democaption .dot{width:5px;height:5px;margin-right:5px}.madeby{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px;font-size:11px}.madeby>span{color:#8a9081}.madeby a{font-weight:600}.section{padding-top:110px;padding-bottom:70px;scroll-margin-top:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}h2{font-size:39px;line-height:1.12;letter-spacing:-1.8px;font-weight:700;margin:18px 0 22px}.muted{color:var(--muted);font-size:15px;line-height:1.8;max-width:450px}.code-card{background:#242c24;color:#d9e3cc;border:1px solid #333f31;border-radius:9px;padding:22px;margin-top:28px;font:11px ui-monospace,monospace;overflow:auto}.code-card>span{color:#fd9e7b}.code-card pre{line-height:2;margin:16px 0;white-space:pre}.code-card em{font-style:normal;color:#93a087}.code-card small{font:9px system-ui;color:#99a68e}.feature-list article{padding:0 0 27px;margin-bottom:25px;border-bottom:1px solid var(--line)}.feature-no{font-size:9px;letter-spacing:.12em;color:#858d79}.feature-list h3{font-size:19px;letter-spacing:-.4px;margin:10px 0}.feature-list p{font-size:13px;color:var(--muted);line-height:1.7}.state{font-size:9px;background:#eaf0e2;color:#627154;padding:5px 7px;border-radius:4px}.process{background:#eef0e7}.process .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:35px 0}.steps article>span{font:11px ui-monospace,monospace;color:#949e86}.steps h3{font-size:17px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.signup-grid h2{font-size:55px}.checklist{list-style:none;padding:0;font-size:12px;color:#63705a;line-height:2.4}.checklist li:before{content:'✓';margin-right:10px}.signup{padding:28px;background:white;border:1px solid var(--line);border-radius:11px;box-shadow:0 6px 0 #eeeee5}.signup>label{display:block;font-size:11px;font-weight:650;margin:0 0 9px}.signup>label>span:not(.consent span){float:right;font-weight:400;color:#959b8c;font-size:9px}.signup>input,.signup>textarea,.signup>select{display:block;width:100%;padding:12px;border:1px solid #dce0d3;background:#fcfcfa;border-radius:5px;margin-bottom:20px;font-size:12px;color:var(--ink)}.signup textarea{resize:vertical}.signup label.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#707968;font-weight:400;line-height:1.6;margin:18px 0}.consent input{margin-top:3px;accent-color:#647b50;flex:none}.consent span{float:none!important;font-size:10px!important;color:#707968!important}.signup .button{width:100%;justify-content:space-between}.signup>small{display:block;font-size:9px;line-height:1.8;color:#939a88;margin-top:14px}.signup>small a{text-decoration:underline}#form-status{font-size:12px;line-height:1.7;color:#32663a}#form-status.error{color:#b33c2b}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:65px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-size:13px;font-weight:650;cursor:pointer}.faq p{font-size:12px;color:var(--muted);line-height:1.8}.footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:32px;font-size:10px;color:var(--muted)}.footer .brand{font-size:14px;margin-right:auto;color:var(--ink)}.hp,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.privacy{max-width:700px;padding-top:60px;padding-bottom:90px}.privacy h1{font-size:42px;letter-spacing:-1.5px}.privacy p{font-size:14px;line-height:1.8;color:var(--muted)}.privacy a{text-decoration:underline}@media(max-width:800px){.nav{gap:15px}.nav nav{display:none}.nav>.button{margin-left:auto}.demo-grid{grid-template-columns:1fr 265px}.preview{padding:40px 20px}.split,.signup-grid{gap:35px}.section{padding-top:75px}.hero{padding-top:35px}}@media(max-width:590px){.wrap{padding-left:20px;padding-right:20px}.nav{height:80px}.brand{font-size:15px}.brandmark{display:none}.button.small{font-size:10px;padding:10px}.hero h1{font-size:43px;letter-spacing:-2px}.lead{font-size:15px}.hero-actions{flex-direction:column;gap:20px}.demo-shell{margin-top:35px}.demo-grid{grid-template-columns:1fr}.preview{min-height:310px;padding:43px 28px}.artboard{min-height:220px}.inspector{border-left:0;border-top:1px solid var(--line);padding:20px}.motif{max-width:260px}.democaption{font-size:8px}.democaption>span:last-child{display:none}.madeby{gap:14px;font-size:10px}.split,.signup-grid,.faq{grid-template-columns:1fr;gap:30px}.signup-grid h2{font-size:43px}.process .steps{grid-template-columns:1fr;gap:15px}.section{padding-top:65px;padding-bottom:45px}h2{font-size:33px}.footer{flex-wrap:wrap;gap:20px}.footer .brand{flex-basis:100%}.windowbar{font-size:8px}.signup{padding:21px}.feature-list article:last-child{margin-bottom:0}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}