.hero-demo{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1.25fr);gap:0;align-items:stretch;min-height:420px}@media(max-width:900px){.hero-demo{grid-template-columns:1fr}.hero-demo__link{height:70px}}.sb{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.sb__bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--fg-2);background:var(--bg-2)}.sb__bar b{color:#ff4785;font-size:12px}.sb__crumbs{font-family:var(--font-mono);font-size:10.5px}.sb__preview{flex:1;display:grid;place-items:center;padding:26px 16px;min-height:120px;position:relative;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:20px 20px;background-position:center}.sb .code{border:0;border-top:1px solid var(--border);border-radius:0;font-size:11.5px}.hero-demo__link{position:relative;display:grid;place-items:center}.agent-chip{position:absolute;z-index:2;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:10.5px;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);white-space:nowrap;color:var(--fg-2)}.agent-chip i{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero-figma{display:grid;grid-template-columns:minmax(0,1fr) 258px;min-height:420px}.hero-figma .fig-panel__value{font-size:10px;gap:4px;padding:2px 5px}.hero-figma .canvas{border-radius:var(--radius-lg) 0 0 var(--radius-lg);padding:40px 16px 20px;display:grid;place-items:center;min-height:300px}.hero-figma__right{background:var(--panel);border:1px solid var(--border);border-left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:8px;display:grid;align-content:start;gap:8px}@media(max-width:560px){.hero-figma{grid-template-columns:1fr}.hero-figma .canvas{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.hero-figma__right{border-left:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}}.hero-cset{position:relative}.hero-cset .cset__grid{grid-template-columns:repeat(3,auto);gap:12px 14px}.phase-caption{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--fg-2);min-height:20px}.phase-caption b{color:var(--fg);font-weight:600}.flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}@media(max-width:900px){.flow{grid-template-columns:repeat(2,1fr)}.flow__svg{display:none}}@media(max-width:520px){.flow{grid-template-columns:1fr}}.flow__node{position:relative;z-index:1;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:border-color .25s,box-shadow .25s;display:grid;gap:8px}.flow__node[aria-current=step]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.flow__node h3{font-size:1rem;margin:0}.flow__node p{margin:0;color:var(--fg-2);font-size:.86rem}.flow__icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:14px;font-weight:700}.flow__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.flow__detail{margin-top:24px;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;background:var(--bg-2);min-height:92px}.flow__detail h4{margin:0 0 6px;font-size:.95rem}.flow__detail p{margin:0;color:var(--fg-2);font-size:.93rem}.flow__dots{display:flex;gap:6px;margin-top:14px}.flow__dots button{width:22px;height:6px;border-radius:3px;border:0;background:var(--border-2);cursor:pointer;padding:0}.flow__dots button[aria-current=step]{background:var(--blue)}.matrix{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}@media(max-width:860px){.matrix{grid-template-columns:1fr}}.matrix__controls{display:grid;gap:10px}.prop-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer;text-align:left;width:100%}.prop-toggle[aria-pressed=true]{border-color:var(--purple);background:var(--purple-soft)}.prop-toggle code{font-size:12px}.prop-toggle small{color:var(--fg-2);font-size:11px;display:block;margin-top:2px}.switch{width:30px;height:18px;border-radius:999px;background:var(--border-2);position:relative;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #00000040}.prop-toggle[aria-pressed=true] .switch{background:var(--purple)}.prop-toggle[aria-pressed=true] .switch:after{transform:translate(12px)}.matrix__canvas{padding:36px 24px 24px;min-height:320px}.matrix__cset{display:inline-block;min-width:200px}.matrix__grid{display:grid;gap:14px 20px;justify-items:start;align-items:center}.matrix__cell{position:relative}.matrix__cell small{position:absolute;left:0;top:100%;margin-top:2px;font-size:9px;color:var(--fg-3);font-family:var(--font-mono);white-space:nowrap}.matrix__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;font-size:12.5px;color:var(--fg-2)}.matrix__side{display:grid;gap:12px}.sync{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:stretch}@media(max-width:900px){.sync{grid-template-columns:1fr}}.sync__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}@media(max-width:640px){.sync__steps{grid-template-columns:repeat(2,1fr)}}.sync__step{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;display:grid;gap:2px}.sync__step[aria-current=step]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.sync__step b{font-size:.85rem}.sync__step span{font-size:.75rem;color:var(--fg-2)}.plugin{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.plugin__bar{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.plugin__row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);font-size:12px}.plugin__row .grow{flex:1}.plugin__body{padding:12px;display:grid;gap:10px;flex:1}.review{display:grid;gap:8px}.review__head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--fg-2)}.review__pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review__cell{position:relative;border:1px dashed var(--border-2);border-radius:8px;padding:18px 12px;display:grid;place-items:center;min-height:64px}.review__cell small{position:absolute;top:4px;left:8px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}.review__overlay{position:relative;border:1px dashed var(--border-2);border-radius:8px;padding:18px 12px;display:grid;place-items:center;min-height:64px}.review__overlay>*{grid-area:1 / 1}.sync__canvas{padding:40px 20px 20px;display:grid;gap:30px;align-content:start}.page-frame{position:relative;border:1px solid var(--border-2);background:var(--bg);border-radius:6px;padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-frame__label{position:absolute;top:-17px;left:0;font-size:10.5px;color:var(--fg-2)}.instance-tag{font-size:9px;color:var(--purple);font-family:var(--font-mono);margin-left:6px}.hero-figma .fig-panel__text{white-space:normal;line-height:1.35}:root{color-scheme:light dark;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--blue: #0d99ff;--blue-soft: rgba(13, 153, 255, .12);--purple: #7b61ff;--purple-soft: rgba(123, 97, 255, .14);--green: #14ae5c;--green-soft: rgba(20, 174, 92, .14);--orange: #f29d2e;--orange-soft: rgba(242, 157, 46, .16);--red: #f24822;--red-soft: rgba(242, 72, 34, .14);--bg: #ffffff;--bg-2: #f5f5f5;--bg-3: #ececec;--panel: #ffffff;--canvas: #f0f0f0;--dot: rgba(0, 0, 0, .14);--fg: #1e1e1e;--fg-2: #5c5c5c;--fg-3: #8c8c8c;--border: #e3e3e3;--border-2: #cfcfcf;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--code-bg: #f7f7f8;--code-fg: #1e1e1e;--code-kw: #a626a4;--code-str: #50a14f;--code-prop: #4078f2;--code-com: #a0a1a7;--code-add: rgba(20, 174, 92, .16);--code-del: rgba(242, 72, 34, .14);--radius: 8px;--radius-lg: 14px;--maxw: 1180px;--gutter: 20px;--dur: .3s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1e1e1e;--bg-2: #2c2c2c;--bg-3: #383838;--panel: #2c2c2c;--canvas: #1e1e1e;--dot: rgba(255, 255, 255, .14);--fg: #ffffff;--fg-2: #b3b3b3;--fg-3: #7f7f7f;--border: #3b3b3b;--border-2: #4d4d4d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--code-bg: #171717;--code-fg: #e6e6e6;--code-kw: #c678dd;--code-str: #98c379;--code-prop: #61afef;--code-com: #7f848e}}:root[data-theme=dark]{--bg: #1e1e1e;--bg-2: #2c2c2c;--bg-3: #383838;--panel: #2c2c2c;--canvas: #1e1e1e;--dot: rgba(255, 255, 255, .14);--fg: #ffffff;--fg-2: #b3b3b3;--fg-3: #7f7f7f;--border: #3b3b3b;--border-2: #4d4d4d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--code-bg: #171717;--code-fg: #e6e6e6;--code-kw: #c678dd;--code-str: #98c379;--code-prop: #61afef;--code-com: #7f848e}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;letter-spacing:-.015em;font-weight:600}h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.025em}h3{font-size:1.15rem}p{margin:0 0 1em}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code,pre,kbd{font-family:var(--font-mono);font-size:.875em}code{background:var(--bg-2);padding:.1em .35em;border-radius:4px;border:1px solid var(--border)}pre code{background:none;padding:0;border:0;font-size:1em}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}table{border-collapse:collapse;width:100%;font-size:.925rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{font-weight:600;color:var(--fg-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue-soft)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}.section{padding:72px 0}.section--tight{padding:40px 0}.section-head{max-width:680px;margin-bottom:36px}.section-head .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);margin-bottom:10px}.section-head p{color:var(--fg-2);font-size:1.05rem;margin:0}.muted{color:var(--fg-2)}.small{font-size:.875rem}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;line-height:1.2;transition:background var(--dur),border-color var(--dur),color var(--dur),transform .12s;white-space:nowrap}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:#0b86e0}.btn--secondary{background:var(--bg);color:var(--fg);border-color:var(--border-2)}.btn--secondary:hover{background:var(--bg-2)}.btn--ghost{background:transparent;color:var(--fg)}.btn--ghost:hover{background:var(--bg-2)}.btn--lg{padding:13px 22px;font-size:1.02rem}.btn--sm{padding:6px 10px;font-size:.82rem;border-radius:6px}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--fg);font-weight:700;letter-spacing:-.02em;font-size:1.05rem}.brand:hover{text-decoration:none}.brand__mark{width:26px;height:26px;border-radius:7px;background:var(--purple);display:grid;place-items:center;color:#fff;font-size:14px}.brand__beta{font-size:.65rem;font-weight:600;color:var(--purple);background:var(--purple-soft);padding:2px 6px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:4px}.nav a{color:var(--fg-2);font-weight:500;font-size:.92rem;padding:7px 10px;border-radius:6px}.nav a:hover{color:var(--fg);background:var(--bg-2);text-decoration:none}.nav a.active{color:var(--fg);background:var(--bg-2)}.header__actions{display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--fg-2)}.icon-btn:hover{background:var(--bg-2);color:var(--fg)}.menu-toggle{display:none}@media(max-width:860px){.nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--border);padding:10px var(--gutter) 16px;gap:2px}.nav.open{display:flex}.nav a{padding:10px 12px}.menu-toggle{display:grid}.header__cta{display:none}}.footer{border-top:1px solid var(--border);padding:48px 0 36px;margin-top:48px;color:var(--fg-2);font-size:.9rem}.footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin-bottom:12px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer a{color:var(--fg-2)}.footer a:hover{color:var(--fg)}.footer__bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;color:var(--fg-3)}@media(max-width:760px){.footer__grid{grid-template-columns:1fr 1fr}}.canvas{position:relative;overflow:hidden;background-color:var(--canvas);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:16px 16px;border:1px solid var(--border);border-radius:var(--radius-lg)}.canvas--flat{border-radius:0;border:0}.fig-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);font-size:11px;color:var(--fg);overflow:hidden}.fig-panel__title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);font-weight:600;font-size:11px}.fig-panel__row{display:flex;align-items:center;gap:8px;padding:5px 10px;min-height:26px}.fig-panel__row+.fig-panel__row{border-top:1px solid var(--border)}.fig-panel__label{color:var(--fg-2);min-width:44px}.fig-panel__value{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:10.5px;min-height:20px}.fig-panel__text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fig-panel__section{padding:6px 10px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-weight:600;border-top:1px solid var(--border)}.diamond{color:var(--purple);font-size:12px;line-height:1}.layer{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;border-radius:4px}.layer--sel{background:var(--blue-soft)}.layer--component{color:var(--purple)}.layer__indent{width:12px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;line-height:1.4}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--synced{color:var(--green);background:var(--green-soft)}.badge--outdated{color:var(--orange);background:var(--orange-soft)}.badge--neutral{color:var(--fg-2);background:var(--bg-2)}.selbox{position:absolute;inset:0;border:1.5px solid var(--blue);pointer-events:none}.selbox i{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--blue)}.selbox i:nth-child(1){top:-4px;left:-4px}.selbox i:nth-child(2){top:-4px;right:-4px}.selbox i:nth-child(3){bottom:-4px;left:-4px}.selbox i:nth-child(4){bottom:-4px;right:-4px}.selbox__size{position:absolute;left:50%;bottom:-20px;transform:translate(-50%);background:var(--blue);color:#fff;font-size:10px;padding:1px 5px;border-radius:3px;white-space:nowrap;font-family:var(--font-mono)}.cset{position:relative;border:1.5px dashed var(--purple);border-radius:6px;padding:18px}.cset__label{position:absolute;top:-18px;left:0;display:inline-flex;align-items:center;gap:4px;color:var(--purple);font-size:11px;font-weight:600;white-space:nowrap}.cset__grid{display:grid;gap:14px;align-items:center;justify-items:start}.ds-btn{display:inline-flex;align-items:center;gap:6px;border-radius:6px;border:1px solid transparent;font-weight:600;font-family:var(--font-sans);cursor:default;white-space:nowrap;line-height:1;transition:background .2s,color .2s,border-color .2s,opacity .2s,padding .35s,border-radius .35s}.ds-btn--s{font-size:11px;padding:5px 9px}.ds-btn--m{font-size:13px;padding:8px 13px}.ds-btn--l{font-size:15px;padding:11px 18px}.ds-btn--primary{background:#2563eb;color:#fff}.ds-btn--primary.is-hover{background:#1d4ed8}.ds-btn--secondary{background:transparent;color:#2563eb;border-color:#2563eb}.ds-btn--secondary.is-hover{background:#2563eb1a}.ds-btn--ghost{background:transparent;color:#334155}:root[data-theme=dark] .ds-btn--ghost{color:#e2e8f0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ds-btn--ghost{color:#e2e8f0}}.ds-btn--ghost.is-hover{background:#64748b2e}.ds-btn.is-disabled{opacity:.45}.ds-btn--v2{border-radius:10px}.ds-btn--v2.ds-btn--m{padding:9px 16px}.ds-btn--v2.ds-btn--s{padding:6px 11px}.ds-btn--v2.ds-btn--l{padding:12px 20px}.ds-btn--v2.ds-btn--primary{background:#4f46e5}.code{background:var(--code-bg);color:var(--code-fg);border:1px solid var(--border);border-radius:10px;overflow:auto;font-size:12.5px;line-height:1.6}.code pre{margin:0;padding:14px 16px}.code__title{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--border);font-size:11px;color:var(--fg-3);font-family:var(--font-mono)}.code__title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-2)}.tok-kw{color:var(--code-kw)}.tok-str{color:var(--code-str)}.tok-prop{color:var(--code-prop)}.tok-com{color:var(--code-com)}.code .line{display:block;padding:0 16px;margin:0 -16px}.code .line--add{background:var(--code-add)}.code .line--del{background:var(--code-del);text-decoration:line-through;opacity:.8}.grid{display:grid;gap:20px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.card h3{margin-bottom:8px;font-size:1.02rem}.card p{color:var(--fg-2);margin:0;font-size:.93rem}.card__icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:14px;background:var(--purple-soft);color:var(--purple);font-size:16px}.card__icon--blue{background:var(--blue-soft);color:var(--blue)}.card__icon--green{background:var(--green-soft);color:var(--green)}.card__icon--orange{background:var(--orange-soft);color:var(--orange)}.callout{border:1px solid var(--border);border-left:3px solid var(--blue);background:var(--bg-2);padding:12px 16px;border-radius:8px;font-size:.93rem;margin:16px 0}.callout--warn{border-left-color:var(--orange)}.callout--draft{border-left-color:var(--red)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--bg-2);border:1px solid var(--border);color:var(--fg-2)}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}.check-list li:before{content:"";flex:none;width:16px;height:16px;margin-top:3px;border-radius:50%;background:var(--green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%2314ae5c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}.check-list.no li:before{background:var(--red-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23f24822' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}.check-list.plus li:before{background:var(--purple-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4v8M4 8h8' fill='none' stroke='%237b61ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}.page-hero{padding:64px 0 24px}.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);max-width:760px}.page-hero p.lede{font-size:1.12rem;color:var(--fg-2);max-width:680px}.prose{max-width:760px}.prose h2{font-size:1.45rem;margin-top:2.2em}.prose h3{font-size:1.1rem;margin-top:1.8em}.prose p,.prose li{color:var(--fg);font-size:.97rem}.prose li{margin-bottom:.35em}.prose table{margin:1em 0 1.5em}.prose .code{margin:1em 0 1.4em}.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}.docs{display:grid;grid-template-columns:240px 1fr;gap:48px;padding:40px 0 80px;align-items:start}.docs__side{position:sticky;top:76px}.docs__side h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin:0 0 8px 10px}.docs__side ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:1px}.docs__side a{display:block;padding:7px 10px;border-radius:6px;color:var(--fg-2);font-size:.9rem}.docs__side a:hover{background:var(--bg-2);color:var(--fg);text-decoration:none}.docs__side a.active{background:var(--purple-soft);color:var(--purple);font-weight:600}.docs__main{min-width:0}.docs__nav{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;border-top:1px solid var(--border);font-size:.9rem}.docs__select{display:none;width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;margin-bottom:12px}@media(max-width:860px){.docs{grid-template-columns:1fr;gap:12px}.docs__side{position:static}.docs__side ul,.docs__side h4{display:none}.docs__select{display:block}}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}@media(max-width:900px){.price-grid{grid-template-columns:1fr}}.plan{display:flex;flex-direction:column;gap:14px;position:relative}.plan--highlight{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple),var(--shadow)}.plan__tag{position:absolute;top:-12px;left:20px;background:var(--purple);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.plan__price{display:flex;align-items:baseline;gap:6px}.plan__price strong{font-size:2.3rem;letter-spacing:-.03em;font-weight:700}.plan__price span{color:var(--fg-2);font-size:.9rem}.plan .check-list{flex:1}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:var(--bg-2);gap:2px}.toggle button{border:0;background:transparent;padding:6px 14px;border-radius:999px;font-weight:600;font-size:.85rem;color:var(--fg-2);cursor:pointer}.toggle button[aria-pressed=true]{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-sm)}.verified{font-size:.78rem;color:var(--fg-3)}.waitlist{background:linear-gradient(135deg,var(--purple-soft),var(--blue-soft));border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}@media(max-width:800px){.waitlist{grid-template-columns:1fr;padding:28px 22px}}.waitlist form{display:flex;gap:8px;flex-wrap:wrap}.waitlist input{flex:1;min-width:200px;padding:12px 14px;border-radius:8px;border:1px solid var(--border-2);background:var(--bg);color:var(--fg);font:inherit}.waitlist__note{font-size:.8rem;color:var(--fg-2);margin-top:10px}.cta-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}@media(max-width:700px){.cta-card{grid-template-columns:1fr}}.kbd-row{display:flex;gap:10px;flex-wrap:wrap}.stat{display:grid;gap:2px}.stat strong{font-size:1.9rem;letter-spacing:-.03em;font-weight:700}.stat span{color:var(--fg-2);font-size:.88rem}.logos{display:flex;gap:10px 28px;flex-wrap:wrap;align-items:center;color:var(--fg-2);font-weight:600;font-size:.95rem}.logos span{display:inline-flex;align-items:center;gap:8px}.logos span:before{content:"◈";color:var(--purple);font-size:12px}.step-list{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:18px}.step-list li{display:grid;grid-template-columns:32px 1fr;gap:14px}.step-list li:before{counter-increment:s;content:counter(s);width:28px;height:28px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-weight:700;font-size:.85rem;display:grid;place-items:center}.step-list h3{margin-bottom:4px;font-size:1rem}.step-list p{margin:0;color:var(--fg-2);font-size:.93rem}.compare-table td:first-child{font-weight:500}.compare-table .yes{color:var(--green);font-weight:600}.compare-table .no{color:var(--red)}.compare-table .part{color:var(--orange)}.changelog-entry{display:grid;grid-template-columns:140px 1fr;gap:24px}@media(max-width:700px){.changelog-entry{grid-template-columns:1fr}}.changelog-entry time{color:var(--fg-3);font-size:.9rem;font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}