:root{color-scheme:light;--paper:#f5f3ef;--ink:#302d32;--muted:#77727b;--purple:#795d8c;--line:#dedadf;--panel:#eeebf0;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}header{max-width:1360px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand img{border-radius:11px}.brand span{font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:9px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--purple)}nav span{color:var(--purple)}main{overflow:hidden}.hero{padding:72px 48px 0;max-width:1360px;margin:auto;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--purple)}.eyebrow i,.live-code i{display:inline-block;width:6px;height:6px;background:#9ba982;border-radius:50%;margin-right:7px}h1{font-size:clamp(45px,5.6vw,80px);line-height:1.07;letter-spacing:-4px;font-weight:500;margin:27px 0 23px}em{font-family:var(--serif);font-weight:400;color:var(--purple)}.hero>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:550px;margin:0 auto}.hero-actions{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px 0 17px}.button{background:var(--ink);color:#fff;border-radius:12px;display:inline-flex;align-items:center;gap:25px;padding:17px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--purple);transform:translateY(-2px)}.button[aria-disabled=true]{opacity:.55;pointer-events:none}.text-link{font-size:13px}.text-link span{margin-left:8px}.platform{font-size:10px;color:var(--muted)}.platform span{margin:0 7px}.app-preview{margin-top:58px;text-align:left;border:1px solid #d4cdd9;border-radius:18px;overflow:hidden;background:#e5e2e7;box-shadow:0 25px 80px #5b466a17;transform:perspective(1800px) rotateX(2deg)}.windowbar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#ece9ee;font-size:10px;color:#675d6d}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;background:#ccaaaa;border-radius:50%}.traffic i:nth-child(2){background:#d3c399}.traffic i:nth-child(3){background:#a9ba9d}.windowtools{font-size:16px}.workspace{display:flex;min-height:510px;padding:12px;gap:16px}.workspace aside{width:164px;flex-shrink:0;background:#f5f2f5aa;border-radius:14px;padding:18px 9px;font-size:10px}.workspace strong{padding:4px 10px;display:block;font-size:12px}.workspace small{font-size:8px;font-weight:400;display:block;color:var(--muted);line-height:1.7;margin-top:5px}.workspace h3{font-size:8px;letter-spacing:1.2px;color:#8b8390;margin:30px 10px 10px}.workspace aside>div{padding:9px;border-radius:6px;margin:2px 0;color:#78717d}.workspace aside .active{color:#6b4e7e;background:#e5daed}.workspace aside .indent{padding-left:22px}.workspace aside .layerselected{color:#6b4e7e;border:1px solid #d4c0df}.sidebar-note{line-height:1.8;color:#a39aa8;margin:80px 10px 0}.canvas{padding:30px 28px 52px;position:relative;flex:1;min-width:0;display:flex;align-items:center}.canvas>img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 3px 7px #2221}.frame-label{position:absolute;top:11px;left:28px;font-size:8px;color:#805c96}.mini-toolbar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#f8f4faad;border-radius:9px;padding:9px 20px;word-spacing:15px;color:#55475e}.mini-toolbar span{color:#9a8ca1}.selection-badge{position:absolute;right:8%;bottom:12%;font:9px ui-monospace,monospace;text-align:center;border-radius:7px;background:#7c6091;color:white;padding:6px 9px}.selection-badge small{display:block;color:#eadff0;font-size:8px}.preview-caption{display:flex;justify-content:space-between;font-size:9px;color:#a198a5;letter-spacing:1px;margin:18px 2px}.workflow,.features{max-width:1264px;margin:auto;padding:125px 0 0}.section-heading{position:relative}.section-heading h2{font-size:clamp(37px,4vw,55px);letter-spacing:-2px;line-height:1.12;font-weight:500;margin:23px 0 20px}.section-heading>p{position:absolute;right:0;bottom:0;max-width:260px;line-height:1.8;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:50px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step{font:italic 25px var(--serif);color:#a890b5}h3{font-size:19px;letter-spacing:-.4px;font-weight:550;margin:22px 0 13px}.steps p,.features p{font-size:13px;color:var(--muted);line-height:1.9}.file-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:26px}.file-chips span{padding:7px 10px;border:1px solid #ddd5e2;border-radius:6px;font:10px ui-monospace,monospace;color:var(--purple)}.code-pill,.terminal{display:inline-block;font:12px ui-monospace,monospace;padding:13px 15px;background:#eae3ef;border-radius:9px;color:var(--purple);margin-top:15px}.terminal{background:#302d32;color:#ddd3e2}.terminal span{color:#bea4cf;margin-right:7px}.features{padding-top:120px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin-top:42px}.feature-grid article{padding:30px;border-radius:17px;background:#eeebef}.feature-grid .large{grid-row:span 2;background:#e4deea}.feature-icon{font:25px var(--serif);color:var(--purple)}.feature-grid h3{font-size:23px;line-height:1.2;margin-top:25px}.feature-grid small{font-size:10px;line-height:1.6;color:var(--muted)}.shortcut{margin-top:85px;display:flex;gap:14px;align-items:center;color:#85718f;font-size:11px}kbd{display:inline-block;padding:19px 23px;border:1px solid #c2b3cf;border-bottom-width:4px;border-radius:12px;background:#f2edf6;font-size:16px}.stroke-demo{color:var(--purple);margin-top:20px}.wide{grid-column:span 2;display:flex;align-items:center;gap:40px}.wide>div{flex:1}.live-code{border:1px solid #d5cadb;border-radius:10px;overflow:hidden}.live-code>span{display:block;padding:11px 14px;background:#e5dee9;color:#8a7296;font-size:10px}.live-code code{display:block;padding:20px 14px;font-size:12px;line-height:1.9;color:#77518b}.live-code small{display:block;padding:10px 14px;font-size:8px!important}.download-section{text-align:center;margin:120px auto 0;padding:65px 24px 75px;background:#e9e2ee;border-radius:80px 80px 0 0}.download-section>img{display:block;margin:0 auto 24px;border-radius:23px}.download-section h2{font-size:65px;font-weight:500;line-height:1.08;letter-spacing:-3px;margin:25px auto 30px}.release-status{font-size:11px;color:var(--muted);margin:15px 0}.honest-note{max-width:600px;margin:40px auto 0;font-size:11px;line-height:1.9;color:#8c8093}.honest-note strong{font-weight:600}footer{max-width:1360px;padding:35px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer .brand{font-size:20px}footer p{font-size:11px;color:var(--muted)}footer>small{width:100%;font-size:9px;color:#aaa0ac;border-top:1px solid var(--line);padding-top:20px}footer .brand span{font-size:10px;font-weight:400}@media(min-width:1500px){.workflow,.features{max-width:1264px}}@media(max-width:1360px){.workflow,.features{margin:0 48px}}@media(max-width:800px){header{padding:20px 24px}.brand span{display:none}nav{gap:16px;font-size:11px}.hero{padding:50px 24px 0}h1{letter-spacing:-2px}.hero>p{font-size:15px}.hero-actions{gap:18px}.app-preview{margin-top:40px}.workspace{min-height:0;padding:8px;gap:6px}.workspace aside{width:105px;padding:8px 4px;font-size:7px}.workspace strong{font-size:9px}.workspace h3{margin:18px 7px 7px;font-size:6px}.workspace aside>div{padding:6px}.workspace small{font-size:6px}.workspace aside .indent{padding-left:12px}.sidebar-note{display:none}.canvas{padding:22px 7px 32px}.frame-label{left:7px;font-size:6px}.selection-badge{display:none}.mini-toolbar{font-size:10px;padding:5px 12px;bottom:3px}.preview-caption{font-size:7px;letter-spacing:0}.workflow,.features{margin:0 24px;padding-top:80px}.section-heading>p{position:static;max-width:100%;font-size:13px}.steps{gap:22px}.steps h3{font-size:17px}.steps p{font-size:12px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .large{grid-row:auto;grid-column:span 2}.shortcut{margin-top:30px}.wide{gap:24px}.download-section{margin-top:80px}.download-section h2{font-size:50px}footer{padding:30px 24px}}@media(max-width:520px){nav a:first-child{display:none}h1{font-size:43px}.hero>p{font-size:14px}.button{font-size:12px;padding:15px 18px;gap:16px}.hero-actions>.text-link{font-size:11px}.workspace aside{display:none}.windowbar{padding:9px 12px;font-size:8px}.canvas{padding:20px 7px 32px}.steps{grid-template-columns:1fr;gap:32px;margin-top:30px}.steps p{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-grid .large,.wide{grid-column:auto}.wide{display:block}.live-code{margin-top:25px}.feature-grid article{padding:25px}.section-heading h2{font-size:39px}.preview-caption span:last-child{display:none}.download-section{border-radius:35px 35px 0 0}footer{align-items:flex-start;flex-direction:column}.hero .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;transform:none!important}}

/* Theme surfaces share the same palette in system and explicit modes. */
:root{--card:#eeebef;--card-strong:#e4deea;--code:#eae3ef;--cta:#e9e2ee;--preview:#e5e2e7;--bar:#ece9ee;--glass:#f5f2f5aa;--active:#e5daed;--button-ink:#fff;--key:#f2edf6}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--paper:#18171b;--ink:#eee9f2;--muted:#b6aebd;--purple:#c5a5df;--line:#45404b;--panel:#242129;--card:#242129;--card-strong:#302837;--code:#332a3d;--cta:#2b2432;--preview:#252229;--bar:#302b35;--glass:#211e26cc;--active:#45364f;--button-ink:#211b28;--key:#3a3043}}
:root[data-theme="dark"]{color-scheme:dark;--paper:#18171b;--ink:#eee9f2;--muted:#b6aebd;--purple:#c5a5df;--line:#45404b;--panel:#242129;--card:#242129;--card-strong:#302837;--code:#332a3d;--cta:#2b2432;--preview:#252229;--bar:#302b35;--glass:#211e26cc;--active:#45364f;--button-ink:#211b28;--key:#3a3043}
.button{color:var(--button-ink)}.app-preview{background:var(--preview);border-color:var(--line)}.windowbar{background:var(--bar);color:var(--muted)}.workspace aside{background:var(--glass)}.workspace aside>div,.workspace h3,.sidebar-note,.preview-caption,.honest-note,footer>small{color:var(--muted)}.workspace aside .active{background:var(--active);color:var(--purple)}.workspace aside .layerselected{color:var(--purple);border-color:var(--line)}.frame-label,.shortcut,.live-code code,.live-code>span{color:var(--purple)}.mini-toolbar{background:var(--glass);color:var(--ink)}.file-chips span,.live-code,kbd{border-color:var(--line)}.code-pill{background:var(--code)}.feature-grid article{background:var(--card)}.feature-grid .large{background:var(--card-strong)}kbd{background:var(--key)}.live-code>span{background:var(--code)}.download-section{background:var(--cta)}
.appearance{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.appearance select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:7px 10px;cursor:pointer}.appearance select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}