@font-face{font-family:Archivo;src:url('../assets/fonts/Archivo-Variable.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--bg:#E9EAEA;--panel:#F5F5F3;--panel2:#FFFFFF;--panel3:#DCE0DF;--ink:#25292A;--muted:#555D5D;--line:#BBC0B9;--line2:#90998D;--logo-light:block;--logo-dark:none;color-scheme:light; --paper:var(--bg);--chalk:var(--panel);--green:var(--ink);--gold:#CCD2AD;--dark:#222526;--selection:linear-gradient(110deg in srgb,#FFFFFF,#BEC3CE,#CCD2AD)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#222526;--panel:#2B2F30;--panel2:#34393A;--panel3:#404647;--ink:#F2F5F3;--muted:#C9D1CF;--line:#59635C;--line2:#778272;--logo-light:none;--logo-dark:block;color-scheme:dark;}}
:root[data-theme=dark]{--bg:#222526;--panel:#2B2F30;--panel2:#34393A;--panel3:#404647;--ink:#F2F5F3;--muted:#C9D1CF;--line:#59635C;--line2:#778272;--logo-light:none;--logo-dark:block;color-scheme:dark;}
body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit}
.brand-light{display:var(--logo-light)}.brand-dark{display:var(--logo-dark)}.logo{flex-shrink:0}.header{gap:24px;background:var(--bg)}.header nav{gap:22px}.header .logo img{width:178px;height:auto}.header .theme-toggle{margin-left:auto}.theme-toggle{flex-shrink:0;min-width:54px;min-height:44px;padding:9px 12px;border:1px solid var(--line2);border-radius:4px;background:var(--panel);color:var(--ink);font-size:12px;cursor:pointer}
:focus-visible{outline:3px solid var(--ink)!important;outline-offset:5px!important} .dark-band :focus-visible,.closing :focus-visible{outline-color:#F2F5F3!important}
h1,h2,h3{font-weight:520}h1{letter-spacing:-.055em}em{font-style:normal}.eyebrow,.image-label,.preview-label,.pricing-card>span,.prototype,.pill{text-transform:none!important;letter-spacing:.025em!important}.eyebrow{color:var(--muted)}.hero .lead{color:var(--muted)}
.button,.button.light,.btn,.pricing-card.featured>span,.pill,.studio-tier.on,.seat-tiers .on{background:var(--selection);color:#20231B;border-color:var(--line2);opacity:1}.button:hover,.button.light:hover,.btn:hover{background:var(--selection);color:#20231B;filter:brightness(1.04);transform:translateY(-2px)}.button:disabled,.btn:disabled{opacity:1;cursor:not-allowed;transform:none;filter:none}.button,.btn{transition:transform 180ms ease,filter 180ms ease}
.spec-section,.notice,.draft-banner,mark{background:var(--panel3);color:var(--ink);border-color:var(--line2)}.pricing-card{background:var(--panel);border-color:var(--line)}.pricing-card.featured{background:var(--panel);border-color:var(--line2);box-shadow:inset 0 5px #CCD2AD}.pricing-card.featured>span{background:var(--selection);color:#20231B}.pricing-card p,.pricing-card li,.price-note{color:var(--muted)}.price,.pricing-card h3{color:var(--ink)}.pricing-card span{border-color:var(--line)}
.dark-band,.closing{background:#222526;color:#F2F5F3;--paper:#F2F5F3;--ink:#F2F5F3;--muted:#C9D1CF;--green:#F2F5F3;--line:#59635C}.dark-band p,.dark-band figcaption,.dark-band .eyebrow,.closing p,.closing .eyebrow,.closing li,.closing span{color:#C9D1CF}.closing .button,.closing .button span{color:#20231B}.demo-frame{background:#2B2F30;border-color:#59635C}.demo-controls button{color:#F2F5F3;border-color:#778272}.demo-controls button[aria-pressed=true]{background:var(--selection);color:#20231B}.demo-controls small,.demo-status{color:#C9D1CF}.demo-controls button[aria-pressed=true] small{color:#20231B}
.studio-seat-stepper{background:var(--panel2);border-color:var(--line2)}.studio-seat-stepper button,.studio-seat-stepper input{color:var(--ink);background:var(--panel2)}.studio-seat-tiers .on{background:var(--selection);color:#20231B}.studio-seat-tiers li{border-color:var(--line)}.studio-seat-tiers li.on{color:#20231B}
.footer,.draft-header,.credit-table td,.credit-table th,details,.draft-card{border-color:var(--line)}.draft-card{background:var(--panel)}.draft-banner{font-weight:550}.draft-nav{margin-left:auto}.draft-header{flex-wrap:wrap}.legal-main{max-width:960px}.legal-main h1{max-width:800px}.legal-main p{line-height:1.8}.legal-main h2{margin-top:42px}.credit-table{color:var(--ink)}.credit-table th{background:var(--panel3)}
/* The account preview uses the same tokens without entering the public build. */
body:has(.workspace) header{background:var(--bg);flex-wrap:wrap}body:has(.workspace) .prototype{background:var(--panel3);color:var(--ink)}body:has(.workspace) aside,body:has(.workspace) footer,body:has(.workspace) header{border-color:var(--line)}body:has(.workspace) .panel{background:var(--panel);border-color:var(--line)}body:has(.workspace) :is(.note,.intro,.metrics span,.device p,aside>p){color:var(--muted)}body:has(.workspace) nav button{color:var(--ink)}body:has(.workspace) nav button[aria-current=page]{background:var(--selection);color:#20231B}body:has(.workspace) :is(input,.code,.callout,.notice){background:var(--panel3);color:var(--ink);border-color:var(--line2)}body:has(.workspace) :is(.back,.success){color:var(--ink)}body:has(.workspace) .btn.secondary{background:var(--panel);color:var(--ink);border-color:var(--line2)}body:has(.workspace) .btn.danger{background:#85382D;color:#fff}body:has(.workspace) :is(.rule,.device,.feature){border-color:var(--line)}
@media(max-width:1100px){.header{gap:14px;padding-left:28px;padding-right:28px}.header nav{gap:14px}.header-cta{display:none}}@media(max-width:760px){.header{padding-left:20px;padding-right:20px;gap:10px}.header .logo img{width:145px}.header .theme-toggle{margin-left:auto}.header nav{background:var(--bg);color:var(--ink)}.draft-header .draft-nav{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:18px}.hero{padding-top:34px}.hero h1{font-size:52px}.pricing-card{padding:28px}.theme-toggle{font-size:11px;min-width:50px}.legal-main h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover,.btn:hover{transform:none}}
h1 em{color:var(--muted)}.header nav a:hover{color:var(--ink);text-decoration:underline}.skip{color:#25292A}.comparison:focus-within{outline-color:var(--ink)}.image-label{background:#25292A;color:#fff}.pricing-grid article{background:var(--panel);border-color:var(--line)}.pricing-grid .featured-plan{background:var(--selection);color:#20231B;border:1px solid var(--line2)}.pricing-grid .featured-plan :is(p,h3,a,span,.price){color:#20231B}.pricing-grid .featured-plan span{border-color:#737A68}.studio-seats .seat-tiers li.on{background:var(--selection);color:#20231B}.studio-seats .seat-stepper :focus-visible{outline:2px solid var(--ink)!important;outline-offset:-4px!important}.credits-main .notice,.legal-main mark{background:var(--panel3);color:var(--ink)}.draft-card button:disabled,.closing button:disabled{opacity:1}.dark-band .material-options button[aria-pressed=true] small{color:#20231B}.demo-controls #demo-status{color:#C9D1CF}.demo-launch p{background:#222526;color:#F2F5F3;display:inline-block;padding:5px 10px;border-radius:3px}.spec-list>div,.workflow article,.workflow picture{border-color:var(--line)}.feature .studio-screen{background:var(--panel3);border-color:var(--line)}

/* Launch purchase status. */
.pricing-grid button.text-link{display:block;font:inherit;font-size:13px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin-top:14px;color:var(--muted);cursor:not-allowed;line-height:1.5;max-width:100%}

/* Homepage proof pass (Claude 2026-09-29): Cycles close-ups first, current Studio screens, one notify action. */
.closeup-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:24px}
.closeup-grid figure{display:flex;flex-direction:column;min-width:0}
.closeup-grid picture{display:block;position:relative;border-radius:12px;overflow:hidden;background:#101213}
.closeup-main picture{aspect-ratio:16/11}
.closeup-side picture{flex:1;min-height:260px}
.closeup-grid img{width:100%;height:100%;object-fit:cover}
.closeup-side img{position:absolute;inset:0}
.closeup-grid figcaption{font-size:14px;line-height:1.55;padding-top:16px;display:flex;flex-direction:column;gap:6px}
.closeup-grid figcaption span{font-size:11px;letter-spacing:.06em;color:#9EA7A4}
.steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px;margin-bottom:34px}
.steps-grid article{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:22px}
.steps-grid h3{font-size:27px;margin:14px 0 10px}
.steps-grid p{font-size:15px;color:var(--muted);margin-bottom:20px}
.steps-grid strong{font-weight:600;color:var(--ink)}
.step-shot{display:block;margin-top:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel3)}
.step-shot img{width:100%;height:100%;object-fit:cover}
.step-shot.maps{display:grid;place-items:center;padding:0 3%;background:#1D2021}
.step-shot.maps picture,.step-shot.maps img{width:100%;height:auto;object-fit:contain}
.pricing-education{text-align:center;font-size:14px;color:var(--muted);margin:26px auto 0}
.pricing-grid{align-items:start}.section-head.centered>p,.closing h2+p{max-width:760px;margin-inline:auto}
.pricing-grid .featured-plan button.text-link{color:#20231B;border-color:#737A68}
@media(max-width:1050px){.closeup-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.closeup-grid{grid-template-columns:1fr;gap:28px}.closeup-side picture{flex:none;aspect-ratio:4/3;min-height:0}.steps-grid{grid-template-columns:1fr;gap:36px}.steps-grid h3{font-size:24px}.steps-grid p{font-size:14px}}

/* Account access remains visible at every width. */
.home-header .header-signin{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:1.5px solid var(--ink);border-radius:6px;background:var(--panel);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
.home-header .header-signin:hover{background:var(--ink);color:var(--bg)}
.home-header{gap:16px}.home-header nav{gap:16px}
@media(max-width:1200px) and (min-width:761px){.home-header{flex-wrap:wrap;height:auto;min-height:98px;padding-top:16px;padding-bottom:16px}.home-header nav{order:5;width:100%;justify-content:center}.home-header .header-signin{margin-left:auto}.home-header .header-cta{display:inline-flex}}
@media(max-width:760px){.home-header{height:auto;min-height:130px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.home-header .logo{order:0}.home-header .theme-toggle{order:1}.home-header .menu-toggle{order:2}.home-header .header-signin{order:3;flex:1}.home-header .header-cta{display:inline-flex;order:4;flex:1;justify-content:center;min-height:46px}.home-header nav{order:5}}

.coming-soon{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted)}.coming-soon h3{font-size:22px;margin-bottom:22px;color:var(--ink)}.coming-soon-groups{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.coming-soon h4{font-size:13px;font-weight:600;margin:0 0 16px}.coming-soon dl{margin:0}.coming-soon dt{font-size:15px;font-weight:600;color:var(--ink);margin-top:14px}.coming-soon dd{font-size:14px;line-height:1.6;margin:4px 0 0}.coming-soon p{font-size:13px;margin-top:14px}@media(max-width:760px){.coming-soon-groups{grid-template-columns:1fr;gap:24px}}