.studio{--bg:#ede8dd;--bg-side:#e5dfd2;--card:#f6f2ea;--card-2:#e8e2d6;--border:#d9d2c5;--border-strong:#c4bcae;--text:#1c1917;--text-2:#57534e;--text-3:#756f66;--accent:#9c4707;--accent-soft:#f7e8d3;--ink:#1c1917;--ink-text:#f6f2ea;--ink-hover:#2f2b27;--good:#166534;--good-soft:#dcebdd;--bad:#b42318;--bad-soft:#f4e0db;--warn-soft:#f4e5cd;--on-ink-good:#4ade80;--on-ink-warn:#f0a83b;--overlay:rgba(28,25,23,.32);--overlay-strong:rgba(28,25,23,.6);--shadow-card:0 1px 2px rgba(28,25,23,.04);--shadow-pop:0 12px 32px rgba(28,25,23,.12),0 1px 2px rgba(28,25,23,.06);--field-radius:6px;--field-pop-radius:8px;--field-item-radius:5px;color-scheme:light;font-family:var(--font-studio),Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}[data-theme=dark] .studio{--bg:#101216;--bg-side:#0c0e12;--card:#161920;--card-2:#1c2028;--border:#262b34;--border-strong:#353c48;--text:#e6e8ec;--text-2:#a3aab6;--text-3:#6f7785;--accent:#f0a83b;--accent-soft:rgba(240,168,59,.14);--ink:#e6e8ec;--ink-text:#101216;--ink-hover:#fff;--good:#4ade80;--good-soft:rgba(74,222,128,.14);--bad:#f87171;--bad-soft:hsla(0,91%,71%,.14);--warn-soft:rgba(240,168,59,.14);--on-ink-good:#15803d;--on-ink-warn:#b45309;--overlay:rgba(0,0,0,.6);--overlay-strong:rgba(0,0,0,.75);--shadow-card:0 1px 2px rgba(0,0,0,.4);--shadow-pop:0 12px 32px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4);color-scheme:dark}.studio .text-bad{color:var(--bad)}.studio .bg-bad-soft{background-color:var(--bad-soft)}.studio .bg-bad{background-color:var(--bad)}.studio .border-bad-soft{border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.studio .studio-hover-text-bad:hover{color:var(--bad)}.studio .studio-hover-bad-soft:hover{background-color:var(--bad-soft)}.studio [data-field-label]{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.studio ::-moz-selection{background:var(--accent-soft)}.studio ::selection{background:var(--accent-soft)}.studio .studio-embed .font-serif{font-family:inherit;letter-spacing:0}.studio .studio-embed>div{border-radius:10px}.studio .studio-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_37ef13;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_37ef13{font-family:__Inter_37ef13,__Inter_Fallback_37ef13;font-style:normal}.__variable_37ef13{--font-studio:"__Inter_37ef13","__Inter_Fallback_37ef13"}.landing{--bg:#ede8dd;--bg-side:#e5dfd2;--card:#f6f2ea;--card-2:#e8e2d6;--border:#d9d2c5;--border-strong:#c4bcae;--text:#1c1917;--text-2:#57534e;--text-3:#5f5852;--ink:#1c1917;--ink-text:#f6f2ea;--ink-hover:#33302c;--accent:#b25108;--accent-hover:#9a4607;--accent-soft:#f7e8d3;--on-accent:#fff;--accent-dot:hsla(0,0%,100%,.22);--good:#166534;--good-soft:#dcebdd;--wash-a:oklch(89% 0.065 65/0.7);--wash-b:oklch(90% 0.04 95/0.6);--tint-a:oklch(95.5% 0.032 65);--tint-b:oklch(95.5% 0.027 95);--tint-c:oklch(95.5% 0.032 150);--shadow-card:0 1px 2px rgba(28,25,23,.04),0 12px 32px rgba(28,25,23,.06);--shadow-frame:0 1px 2px rgba(28,25,23,.05),0 32px 80px -32px rgba(28,25,23,.28);--shadow-pop:0 8px 30px rgba(28,25,23,.16);--text-display:clamp(2.625rem,1.4rem + 4.4vw,4.5rem);--text-h2:clamp(1.875rem,1.1rem + 2.4vw,3rem);--text-lead:clamp(1.0625rem,1rem + 0.35vw,1.25rem);--text-body:1.0625rem;--dur-micro:150ms;overflow-x:clip;position:relative}[data-theme=dark] .landing{--bg:#141210;--bg-side:#1b1815;--card:#211d19;--card-2:#2a2521;--border:#2f2a25;--border-strong:#3d3630;--text:#f3eee4;--text-2:#b9b0a2;--text-3:#8d8478;--ink:#f3eee4;--ink-text:#1c1917;--ink-hover:#fff;--accent:#f0a83b;--accent-hover:#f5b95c;--accent-soft:#3a2d18;--on-accent:#1c1917;--accent-dot:rgba(28,25,23,.22);--good:#4ade80;--good-soft:#15301f;--wash-a:oklch(30% 0.06 65/0.55);--wash-b:oklch(28% 0.04 95/0.5);--tint-a:oklch(24% 0.03 65);--tint-b:oklch(24% 0.025 95);--tint-c:oklch(24% 0.03 150);--shadow-card:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35);--shadow-frame:0 1px 2px rgba(0,0,0,.4),0 32px 80px -32px rgba(0,0,0,.7);--shadow-pop:0 8px 30px rgba(0,0,0,.5)}.landing h1,.landing h2,.landing h3{font-family:var(--font-display),system-ui,sans-serif;font-optical-sizing:auto;font-weight:700;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;min-width:0;margin:0}.landing h1{font-size:var(--text-display);line-height:1}.landing h2{font-size:var(--text-h2);line-height:1.05;letter-spacing:-.03em}.landing h3{font-size:1.125rem;line-height:1.25;letter-spacing:-.01em;font-weight:600}.landing p{text-wrap:pretty}.landing .lead{font-size:var(--text-lead);line-height:1.55;color:var(--text-2);max-width:60ch}.landing .prose{font-size:var(--text-body);line-height:1.6;color:var(--text-2);max-width:62ch}.landing .accent-word{color:var(--accent)}.landing .display,.landing .font-serif{font-family:var(--font-display),system-ui,sans-serif;font-optical-sizing:auto}.landing .font-serif{font-weight:600;letter-spacing:-.02em}.landing .micro{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;line-height:1.4;color:var(--text-3)}.bp-rails{position:absolute;inset:0;margin-inline:auto;max-width:72rem;pointer-events:none;display:none}@media (min-width:64rem){.bp-rails{display:block}}.bp-rails:after,.bp-rails:before{content:"";position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--border-strong)}.bp-rails:before{left:0}.bp-rails:after{right:0}.bp-rule{position:relative;border-top:1px dashed var(--border-strong)}.bp-rule:after,.bp-rule:before{content:"";position:absolute;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--text-3)}.bp-rule:before{left:-3px}.bp-rule:after{right:-3px}@media (max-width:63.98rem){.bp-rule:after,.bp-rule:before{display:none}}.bp-corner{position:absolute;width:12px;height:12px;border:0 solid var(--border-strong);pointer-events:none}.bp-corner[data-at=tl]{top:-7px;left:-7px;border-top-width:1px;border-left-width:1px}.bp-corner[data-at=tr]{top:-7px;right:-7px;border-top-width:1px;border-right-width:1px}.bp-corner[data-at=bl]{bottom:-7px;left:-7px;border-bottom-width:1px;border-left-width:1px}.bp-corner[data-at=br]{bottom:-7px;right:-7px;border-bottom-width:1px;border-right-width:1px}.landing-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:9999px;border:1px solid transparent;font-weight:600;font-size:.9375rem;line-height:1;min-height:2.75rem;padding:.75rem 1.25rem;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out)}.btn-lg{font-size:1rem;min-height:3.25rem;padding:.875rem 1.625rem}.btn-sm{font-size:.875rem;min-height:2.5rem;padding:.625rem 1rem}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-side);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--card);border-color:var(--border-strong)}.btn-ink{background:var(--ink);color:var(--ink-text)}.btn-ink:hover{background:var(--ink-hover)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:color-mix(in srgb,var(--border) 45%,transparent)}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px)}}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.landing :where(a,button,[role=tab],input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.badge-accent{border-radius:9999px;background:var(--accent);color:var(--on-accent);padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1.25}.badge-accent,.chip{display:inline-flex;align-items:center;white-space:nowrap}.chip{border:1px solid var(--border);border-radius:9999px;padding:.3125rem .625rem;font-size:.78125rem;font-weight:500;color:var(--text-2);line-height:1}.hero-wash{position:absolute;inset:auto 0 0 0;height:min(72%,640px);pointer-events:none;background:radial-gradient(60% 70% at 18% 100%,var(--wash-a),transparent 66%),radial-gradient(55% 65% at 84% 96%,var(--wash-b),transparent 66%),linear-gradient(180deg,transparent,var(--bg-side));-webkit-mask-image:linear-gradient(180deg,transparent,#000 34%);mask-image:linear-gradient(180deg,transparent,#000 34%)}.hero-frame{position:relative;border-radius:14px}.hero-frame .demo-frame{box-shadow:var(--shadow-frame)}.tool-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:20rem;border-radius:16px;border:1px solid var(--border);background:var(--tint-a);padding:1.25rem;overflow:hidden}.tool-card[data-tint=b]{background:var(--tint-b)}.tool-card[data-tint=c]{background:var(--tint-c)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px}.tag{font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;color:var(--text-3);letter-spacing:.02em}.price{font-family:var(--font-display),system-ui,sans-serif;font-optical-sizing:auto;font-size:2.5rem;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.plan-popular{border-color:var(--accent);box-shadow:var(--shadow-card)}.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:50;background:var(--card);border-top:1px solid var(--border);box-shadow:var(--shadow-pop);transform:translateY(110%);visibility:hidden;transition:transform .22s var(--ease-out),visibility 0s linear .22s;padding-bottom:env(safe-area-inset-bottom)}.sticky-cta.is-shown{transform:none;visibility:visible;transition:transform .22s var(--ease-out),visibility 0s}@media (prefers-reduced-motion:reduce){.landing *{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0ms!important}}.demo-root{position:relative}.landing .studio{--text-3:#5f5852;--accent:#b25108}[data-theme=dark] .landing .studio{--bg:#16181d;--bg-side:#1b1e24;--card:#1e2127;--card-2:#23272e;--border:#2c3139;--border-strong:#3a404a;--text:#e8eaee;--text-2:#a6adb8;--text-3:#8b93a0;--accent:#f0a83b;--accent-soft:#3a2d18;--ink:#e8eaee;--ink-text:#15181d;--ink-hover:#fff;--good:#4ade80;--good-soft:#15301f;--bad:#f87171;--bad-soft:#3b1a1a;--warn-soft:#3a2d18;--shadow-card:0 1px 2px rgba(0,0,0,.35);--shadow-pop:0 12px 32px rgba(0,0,0,.5);color-scheme:dark}.demo-frame{display:flex;overflow:hidden;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-card);text-align:left}.demo-side{display:none;width:232px;flex-shrink:0;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-side);padding:16px 12px 12px}@media (min-width:64rem){.demo-side{display:flex}}.demo-group{padding:14px 10px 4px;font-size:11.5px}.demo-group,.demo-nav{font-weight:500;color:var(--text-2)}.demo-nav{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;border:1px solid transparent;font-size:13px}.demo-nav>svg{color:var(--text-3)}.demo-nav[data-active=true]{border-color:var(--border);background:var(--card);color:var(--text)}.demo-nav[data-active=true]>svg{color:var(--text)}.demo-badge{margin-left:auto;border-radius:6px;background:color-mix(in srgb,var(--border) 60%,transparent);padding:0 6px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-2)}.demo-account{display:grid;grid-template-columns:auto minmax(0,1fr);-moz-column-gap:10px;column-gap:10px;row-gap:6px;align-items:center;margin-top:auto;border-radius:10px;border:1px solid var(--border);background:var(--card);padding:12px;box-shadow:var(--shadow-card)}.demo-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);font-size:12px;font-weight:600;color:var(--text)}.demo-meter{grid-column:1/-1;height:4px;background:var(--border);overflow:hidden}.demo-meter,.demo-meter i{display:block;border-radius:999px}.demo-meter i{height:100%;width:var(--pct,0);background:var(--accent)}.demo-account>span:last-child{grid-column:1/-1}.demo-main{display:flex;min-width:0;flex:1;flex-direction:column;height:960px;background:var(--bg)}@media (min-width:40rem){.demo-main{height:800px}}@media (min-width:64rem){.demo-main{height:840px}}.demo-head{display:flex;height:52px;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:0 20px}.demo-head,.demo-tokens{flex-shrink:0;align-items:center}.demo-tokens{display:inline-flex;height:30px;gap:6px;border-radius:6px;border:1px solid var(--border);background:var(--card);padding:0 10px;font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-2)}.demo-body{display:flex;min-height:0;flex:1;flex-direction:column;gap:14px;padding:16px 20px 20px}@media (min-width:40rem){.demo-body{padding:20px 24px 24px}}.demo-composer{flex-shrink:0;overflow:hidden}.demo-attach{border-radius:6px;border:1px dashed var(--border-strong);color:var(--text-2)}.demo-attach,.demo-chip{display:inline-flex;height:28px;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;font-weight:500}.demo-chip{border-radius:6px;border:1px solid var(--border);background:var(--card-2);color:var(--text)}.demo-brief{display:grid;gap:2px;min-height:72px;padding:12px 12px 4px;font-size:14px;line-height:1.6;color:var(--text)}.demo-typed{display:block;white-space:nowrap;overflow:hidden;max-width:0}[data-animate=true] .demo-typed{animation:demo-type 1s steps(var(--n)) var(--d) forwards}.demo-composer[data-phase="1"] .demo-typed,.demo-composer[data-phase="2"] .demo-typed,[data-animate=false] .demo-typed{max-width:100%;animation:none}@keyframes demo-type{to{max-width:100%}}@media (max-width:39.98rem){.demo-composer .demo-typed{white-space:normal;max-width:100%;animation:demo-rise .5s cubic-bezier(.16,1,.3,1) var(--d) both}}.demo-file{display:inline-flex;align-items:center;gap:8px;height:30px;border-radius:6px;border:1px solid var(--border);background:var(--card-2);padding:0 10px 0 5px;font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap}.demo-file-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.demo-file-meta{font-weight:400;color:var(--text-3)}[data-animate=true][data-phase="0"] .demo-file.demo-in{animation-name:demo-fly;animation-duration:.6s}@keyframes demo-fly{0%{opacity:0;transform:translate(28px,-22px) scale(.9)}60%{opacity:1}to{opacity:1;transform:none}}.demo-in{opacity:0}[data-animate=true][data-phase="0"] .demo-in{animation:demo-drop .45s cubic-bezier(.16,1,.3,1) var(--d) forwards}[data-animate=false] .demo-in,[data-phase="1"] .demo-in,[data-phase="2"] .demo-in{opacity:1}@keyframes demo-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.demo-options{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);margin:0 12px;padding:12px 0 8px}.demo-field{display:grid;gap:2px;min-width:130px;border-radius:6px;border:1px solid var(--border);background:var(--card-2);padding:7px 10px}.demo-field-label{font-size:11px;font-weight:500;color:var(--text-2)}.demo-field-value{font-size:13px;font-weight:500;color:var(--text)}.demo-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:10px 12px 12px}.demo-run{transition:transform .18s cubic-bezier(.16,1,.3,1)}.demo-run.is-pressed{transform:scale(.96)}.demo-composer[data-animate=true][data-phase="1"] .demo-run{animation:demo-press .35s cubic-bezier(.16,1,.3,1) both}@keyframes demo-press{0%{transform:scale(1)}45%{transform:scale(.94)}to{transform:scale(.96)}}.demo-output{position:relative}.demo-output,.demo-output-card{display:flex;min-height:0;flex:1;flex-direction:column}.demo-output-card{overflow:hidden;padding:16px}@media (min-width:40rem){.demo-output-card{padding:20px}}.demo-output:after{content:"";position:absolute;inset:auto 1px 1px 1px;height:40px;border-radius:0 0 10px 10px;background:linear-gradient(to bottom,transparent,var(--card));pointer-events:none}.demo-idle{margin-top:14px;border-radius:8px;border:1px dashed var(--border-strong);background:var(--card-2)}.demo-stages{margin-top:14px;display:grid;gap:12px}.demo-stage-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width:40rem){.demo-stage-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-stage{display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--border);background:var(--card-2);padding:8px 10px;font-size:12.5px;font-weight:500;color:var(--text-3);transition:color .3s ease,border-color .3s ease}[data-animate=true] .demo-stage{animation:demo-row .4s cubic-bezier(.16,1,.3,1) var(--d) both}@keyframes demo-row{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}.demo-stage[data-state=live]{color:var(--text);border-color:var(--border-strong)}.demo-stage[data-state=done]{color:var(--text)}.demo-stage-ic{position:relative;display:grid;place-items:center;width:16px;height:16px;flex-shrink:0}.demo-stage-ic i{width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.demo-stage[data-state=live] .demo-stage-ic i{background:var(--accent);animation:demo-pulse 1s ease infinite}.demo-stage[data-state=done] .demo-stage-ic i{opacity:0}.demo-stage-ic svg{position:absolute;color:var(--good);opacity:0;transform:scale(.4);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.demo-stage[data-state=done] .demo-stage-ic svg{opacity:1;transform:none}@keyframes demo-pulse{50%{opacity:.35;transform:scale(.78)}}.demo-progress{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-3)}.demo-progress>span:first-child{flex:1;height:4px;border-radius:999px;background:var(--border);overflow:hidden}.demo-progress>span:first-child i{display:block;height:100%;width:100%;border-radius:999px;background:var(--accent);transform-origin:left center;transform:scaleX(var(--p,0));transition:transform .5s cubic-bezier(.16,1,.3,1)}.demo-progress[data-done=true]{color:var(--text)}.demo-scroll{flex:1;min-height:0;overflow:hidden;margin-top:14px}.demo-draft{display:grid;gap:12px}[data-animate=true] .demo-draft[data-scroll=true]{animation:demo-scroll 5s cubic-bezier(.45,0,.2,1) 2.6s forwards}@keyframes demo-scroll{to{transform:translateY(calc(-1 * var(--scroll, 0px)))}}[data-animate=false] .demo-scroll{overflow-y:auto}.demo-rise{opacity:1}[data-animate=true] .demo-rise{animation:demo-rise .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.15s + var(--i, 0) * .26s)}.demo-saved{animation:demo-drop .4s cubic-bezier(.16,1,.3,1) both}@media (max-width:41.98rem){.demo-status{min-height:2.75rem;align-content:flex-start}}@keyframes demo-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-cite{border-radius:4px;background:var(--accent-soft);padding:1px 4px;color:var(--text)}.demo-ref{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.5;color:var(--text-2)}.demo-tick{display:inline-grid;place-items:center;width:16px;height:16px;flex-shrink:0;margin-top:2px;border-radius:50%;background:var(--good-soft);color:var(--good)}.demo-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:420px;margin:16px auto 0}.demo-seg{display:flex;flex-direction:column;gap:6px;padding:4px 0;border:none;background:none;cursor:pointer;color:inherit;font:inherit;border-radius:6px}.demo-seg-fill{height:3px;background:var(--border-strong);overflow:hidden}.demo-seg-fill,.demo-seg-fill i{display:block;border-radius:999px}.demo-seg-fill i{height:100%;width:0;background:var(--accent)}.demo-seg[data-done=true] .demo-seg-fill i{width:100%}.demo-seg[data-active=true] .demo-seg-fill i{width:100%;animation-name:demo-seg;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes demo-seg{0%{width:0}}.demo-seg-label{font-size:12.5px;font-weight:500;color:var(--text-3);transition:color .3s ease}.demo-seg[data-active=true] .demo-seg-label{color:var(--text)}@media (prefers-reduced-motion:reduce){.demo-root *,.demo-root :after,.demo-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.demo-typed{max-width:100%}.demo-in,.demo-rise{opacity:1}}.ai-checks{--chip:hsla(0,0%,100%,.045);--chip-line:hsla(40,38%,92%,.1);--chip-line-strong:hsla(40,38%,92%,.18);--beat-good:#4ade80;--beat-ink:var(--band-ink);--beat-muted:var(--band-ink-2);--beat-pop:cubic-bezier(0.2,0.9,0.2,1.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--beat-ink)}.ai-b-doc{position:relative;display:grid;align-content:start;gap:6px;width:92px;aspect-ratio:3/4;padding:14px 12px;border-radius:12px;background:#fffdf8;box-shadow:0 8px 34px rgba(240,168,59,.28)}.ai-b-doc i{display:block;height:4px;border-radius:999px;background:#d9d0bd}.ai-b-doc i:first-child{background:#1c1917;height:5px}.ai-b-doc-xs{width:26px;gap:3px;padding:5px 4px;border-radius:4px;box-shadow:0 4px 14px rgba(240,168,59,.25)}.ai-b-doc-xs i,.ai-b-doc-xs i:first-child{height:2px}.ai-b-checkers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:min(760px,92vw)}.ai-b-box{position:relative;display:grid;justify-items:center;gap:8px;padding:14px 10px 12px;border-radius:16px;border:1px solid var(--chip-line);background:var(--chip);animation:checksRowIn .5s var(--beat-pop) both;animation-delay:var(--d);transition:border-color .3s ease,background .3s ease}.ai-b-box[data-state=passed]{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.06)}.ai-b-box-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fffdf8;overflow:hidden}.ai-b-box-logo img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.ai-b-box-name{font-size:12px;font-weight:600;color:var(--beat-ink);white-space:nowrap}.ai-b-box-slot{position:relative;display:block;width:100%;height:44px;border-radius:10px;border:1px dashed var(--chip-line-strong);overflow:hidden}.ai-b-box-doc{position:absolute;left:50%;top:6px;transform:translate(-50%,-140%);opacity:0}.ai-b-box[data-state=landing] .ai-b-box-doc,.ai-b-box[data-state=passed] .ai-b-box-doc{animation:checksDocDrop .55s var(--beat-pop) both}@keyframes checksDocDrop{0%{opacity:0;transform:translate(-50%,-140%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.ai-b-box-result{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--beat-good);background:rgba(74,222,128,.12);opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s var(--beat-pop)}.ai-b-box[data-state=passed] .ai-b-box-result{opacity:1;transform:none;transition-delay:.45s}.ai-b-box-check{width:13px;height:13px}.ai-b-check-file{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--beat-muted)}.ai-checks-foot{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--beat-muted);opacity:.8}@keyframes checksRowIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.ai-checks-strip{position:relative;padding:clamp(40px,6vh,72px) clamp(20px,5vw,48px);color:var(--band-ink);overflow:hidden;scroll-margin-top:4rem}.ai-checks-strip-inner{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:1120px;margin:0 auto}.ai-checks-copy h2{margin:0;font-family:var(--font-display,var(--font-serif)),system-ui,sans-serif;font-optical-sizing:auto;font-size:var(--text-h2,clamp(1.875rem,1.1rem + 2.4vw,3rem));line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--band-ink)}.ai-checks-copy p{margin:10px 0 0;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.5;color:var(--band-ink-2)}.ai-checks-strip .ai-b-checkers{width:100%}@media (max-width:56rem){.ai-checks-strip-inner{grid-template-columns:1fr}}@media (max-width:40rem){.ai-b-checkers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ai-b-box-name{font-size:11px}}@media (prefers-reduced-motion:reduce){.ai-checks *,.ai-checks :after,.ai-checks :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}