@font-face{font-family:Inter;src:url('/fonts/inter-var.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Montserrat;src:url('/fonts/montserrat-var.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--page:#fff;--alt:#f6f6f6;--border:#ededed;--border-strong:#ddd;--ink:#1a1919;--secondary:#666;--muted:#808080;--band:#1a1919;--footer:#111;--dark-card:#242424;--dark-secondary:#b8b8b8;--dark-muted:#8f8f8f;--accent:#f23755;--accent-hover:#e02e4c;--accent-active:#c9243f;--accent-tint:#fde7eb;--conversation:#3069fe;--machine:#ff921b;--settled:#68c132;--container:1200px;--side:32px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.625}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.34vw,64px);line-height:1.0625;letter-spacing:-.03em;margin-bottom:24px}h1 span{color:var(--accent)}h2{font-size:clamp(30px,3.34vw,40px);line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}h3{font-size:clamp(24px,2.34vw,28px);line-height:1.286;letter-spacing:-.01em}.container{width:min(100%,calc(var(--container) + 2 * var(--side)));margin-inline:auto;padding-inline:var(--side)}.narrow{max-width:800px}.lead{font-size:20px;line-height:1.5;color:var(--secondary);max-width:720px}.eyebrow{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:16px;top:-80px;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--conversation);outline-offset:3px}
.site-header{height:64px;position:fixed;z-index:20;inset:0 0 auto;color:#fff;transition:background-color 150ms,border-color 150ms}.site-header[data-scrolled]{background:rgba(26,25,25,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:500 16px/1 Montserrat,Inter,sans-serif}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.nav-links a:hover,.text-link:hover{color:var(--accent)}.nav-actions,.actions{display:flex;align-items:center;gap:20px}.menu-button{display:none;background:transparent;border:0;color:inherit;font-size:20px}.button{min-height:40px;padding:8px 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;line-height:24px;transition:background-color 150ms,color 150ms,border-color 150ms}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover);color:#fff}.button-primary:active{background:var(--accent-active)}.button-large{min-height:48px;padding-inline:24px}.text-link{font-weight:500}.on-dark{color:#fff}
.hero{padding:160px 0 96px;background:var(--band);color:#fff;min-height:680px}.hero .lead{color:var(--dark-secondary)}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}.hero-grid>div:first-child{grid-column:1/7}.hero-grid>.product-pane{grid-column:7/13}.product-pane{background:#fff;color:var(--ink);border-radius:16px 0 0 16px;padding:28px;box-shadow:0 12px 32px -8px rgba(0,0,0,.5)}.product-pane>h2{font-size:20px;line-height:28px}.hero-compact{min-height:560px}.section{padding-block:96px}.feature{display:grid;grid-template-columns:minmax(0,486px) minmax(0,588px);justify-content:space-between;gap:48px;align-items:center}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px}.needs-you-card{border-color:var(--accent)}.card h3{font-size:20px;line-height:28px}.card p:not(.eyebrow),.card dd{color:var(--secondary)}.plan-card{padding:0;overflow:hidden}.plan-card>.eyebrow,.plan-card>h3{margin-inline:24px}.plan-card>.eyebrow{margin-top:24px}.plan-card dl{margin:0}.plan-card dl div{padding:16px 24px;border-top:1px solid var(--border)}.plan-card dt{font-size:12px;line-height:18px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.plan-card dd{margin:4px 0 0;font-size:14px;line-height:22px}.approve-bar{padding:16px 24px;background:var(--alt)}.run-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--border);font-size:14px;line-height:20px}.run-meta{font-size:12px;color:var(--secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.status-question{background:var(--conversation)}.status-machine{background:var(--machine)}.status-done{background:var(--settled)}
.footer-cta{padding-block:96px;background:var(--band);color:#fff}.footer-cta .lead{color:var(--dark-secondary)}.stack-center{text-align:center;display:flex;flex-direction:column;align-items:center}.site-footer{padding:64px 0 24px;background:var(--footer);color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer-brand p{font-size:14px;color:var(--dark-muted);max-width:280px;margin-top:20px}.footer-grid h2{font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--dark-muted)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{font-size:14px;color:var(--dark-secondary)}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;color:var(--dark-muted);font-size:12px}
@media(max-width:768px){:root{--side:24px}.site-header{position:relative;height:auto;background:var(--band)}.nav{height:auto;min-height:64px;flex-wrap:wrap}.nav-links{position:static;width:100%;padding:16px 0 32px;flex-direction:column;align-items:stretch;font-size:16px}.js .site-header{position:fixed;height:64px;background:transparent}.js .site-header[data-scrolled]{background:rgba(26,25,25,.92)}.js body:not(.dark-nav) .site-header{background:#fff}.js .nav{height:64px;flex-wrap:nowrap}.js .menu-button{display:block}.js .nav-links{display:none;position:fixed;inset:64px 0 0;width:auto;background:var(--band);color:#fff;padding:32px var(--side)}.js .nav-links[data-open]{display:flex}.nav-actions{margin-top:auto;flex-direction:column;align-items:stretch}.hero{padding-top:128px;min-height:auto}.hero-grid,.feature{grid-template-columns:1fr}.hero-grid>div:first-child,.hero-grid>.product-pane{grid-column:auto}.product-pane{border-radius:16px}.section,.footer-cta{padding-block:64px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.lead{font-size:18px;line-height:28px}}
@media(max-width:480px){:root{--side:20px}.hero .actions{align-items:stretch;flex-direction:column}.hero .button{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.run-row{grid-template-columns:8px 1fr}.run-meta{grid-column:2}.approve-bar{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s!important}}
.sign-in-section{min-height:680px;padding-top:192px;background:var(--alt)}.sign-in-card{width:min(calc(100% - 40px),480px);margin:auto;padding:40px;background:#fff;border:1px solid var(--border);border-radius:12px}.sign-in-card h1{font-size:40px;line-height:46px;margin:20px 0 12px}.sign-in-card .button{width:100%}
body:not(.dark-nav) .site-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--border)}
.start-header{height:64px;position:absolute;z-index:20;inset:0 0 auto;color:#fff}.start-nav{height:64px;display:flex;align-items:center}.start-section{padding:160px 0 96px;background:var(--band);color:#fff;min-height:720px}.start-grid{display:grid;grid-template-columns:minmax(0,486px) minmax(0,480px);justify-content:space-between;gap:64px;align-items:start}.start-copy .lead{color:var(--dark-secondary)}.waitlist-form{padding:32px;background:#fff;color:var(--ink);border-radius:12px}.waitlist-form label{display:block;margin-bottom:18px;font-size:14px;font-weight:600}.waitlist-form label span{color:var(--secondary);font-weight:400}.waitlist-form input:not([type=hidden]),.waitlist-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.waitlist-form textarea{resize:vertical}.waitlist-form .button{width:100%;border:0;cursor:pointer}.waitlist-form .button:disabled{cursor:wait;opacity:.65}.form-status{min-height:26px;margin:16px 0 0;color:var(--secondary);font-size:14px}.waitlist-form[data-joined] .form-status{color:var(--settled);font-weight:600}
@media(max-width:768px){.start-section{padding:112px 0 64px}.start-grid{grid-template-columns:1fr}.waitlist-form{padding:24px}}
@media(max-width:480px){.waitlist-form{padding:20px}}
@font-face{font-family:Inter;src:url('/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url('/fonts/montserrat-var.woff2') format('woff2');font-weight:100 900;font-display:swap}:root{--page:#fff;--alt:#f6f6f6;--border:#ededed;--strong:#ddd;--ink:#1a1919;--secondary:#666;--muted:#808080;--band:#1a1919;--footer:#111;--dark-card:#242424;--accent:#f23755;--accent-hover:#e02e4c;--accent-active:#c9243f;--accent-tint:#fde7eb;--blue:#3069fe;--orange:#ff921b;--green:#68c132;--radius:12px;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.625}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:8px 12px;background:#fff;color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}.nav{position:fixed;z-index:20;inset:0 0 auto;color:#fff;transition:background-color .15s}.nav.is-scrolled{background:rgba(26,25,25,.92);backdrop-filter:blur(8px)}.nav__inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Montserrat,Inter,sans-serif;font-weight:500}.nav__menu{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.nav__actions{display:flex;align-items:center;gap:24px;margin-left:16px}.nav__toggle{display:none;border:0;background:transparent;color:inherit;font-size:20px}.button{display:inline-flex;min-height:40px;padding:8px 18px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s}.button:hover{background:var(--accent-hover)}.button:active{background:var(--accent-active)}.button--large{min-height:48px;padding-inline:24px}.button--small{min-height:36px;padding:6px 16px}.button--secondary{border-color:var(--strong);background:transparent;color:var(--ink)}.button--secondary:hover{background:var(--alt)}.text-link{font-weight:500}.text-link:hover{text-decoration:underline}.text-link--dark{color:#fff}.actions{display:flex;align-items:center;gap:24px}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(40px,5.2vw,64px);line-height:1.0625;letter-spacing:-.03em}h1 span,h2 span{color:var(--accent)}h2{margin-bottom:20px;font-size:clamp(30px,3.4vw,40px);line-height:1.15;letter-spacing:-.02em}.h3,h3{font-size:28px;line-height:1.285;letter-spacing:-.01em}.lead{color:var(--secondary);font-size:20px;line-height:1.5}.caption{color:var(--muted);font-size:12px;line-height:1.5}section:not(.hero):not(.footer-cta){padding:96px 0}.alt{background:var(--alt)}.section-head{max-width:800px;margin-bottom:48px}.hero{padding-top:64px;background:var(--band);color:#fff}.hero__grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero__copy .lead{color:#b8b8b8;max-width:570px}.product-pane{align-self:end;margin-right:-8vw;padding:24px 32px 12px;background:#fff;color:var(--ink);border-radius:16px 0 0 0;box-shadow:0 12px 32px -8px rgba(0,0,0,.5)}.pane-title{padding:8px 0 20px;font-weight:600}.needs-card{padding:24px;border:1px solid var(--accent);border-radius:12px}.needs-card h2{font-size:20px;line-height:1.4}.needs-card p:not(.eyebrow){color:var(--secondary)}.run{min-height:52px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border);font-size:14px;line-height:1.4}.run small{color:var(--secondary);font-size:12px;text-align:right}.dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.dot.needs{background:var(--accent)}.dot.done{background:var(--green)}.dot.working{background:var(--orange)}.dot.question{background:var(--blue)}.proof{border-block:1px solid rgba(255,255,255,.12);padding:16px 0;color:#8f8f8f;text-align:center;font-size:14px}.three-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.business-card{min-width:0}.business-card h3{font-size:20px;margin-bottom:0}.business-card .run{grid-template-columns:8px minmax(0,1fr)}.business-card .run small{grid-column:2;text-align:left;margin-top:-10px;margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.steps b{color:var(--accent);font-size:14px}.steps h3{margin:8px 0;font-size:20px}.steps p,.card-grid p{color:var(--secondary);font-size:14px;line-height:1.57}.card-grid article{padding:24px;border:1px solid var(--border);border-radius:12px;background:#fff}.workers-grid article{border:0;background:var(--alt)}.workers-grid h3{font-size:16px}.workers-grid blockquote{margin:0 0 16px;font-size:18px;line-height:1.45;font-weight:500}.feature{display:grid;grid-template-columns:minmax(0,486px) minmax(0,588px);gap:clamp(48px,8vw,126px);align-items:center}.feature--reverse{grid-template-columns:minmax(0,588px) minmax(0,486px)}.feature p:not(.eyebrow),.feature li{color:var(--secondary)}.tick-list{list-style:none;padding:0;margin:28px 0 0}.tick-list li{padding:12px 0 12px 22px;border-bottom:1px solid var(--border);position:relative}.tick-list li::before{content:"";position:absolute;left:0;top:21px;width:6px;height:6px;background:var(--accent);border-radius:50%}.plan,.always-card,.machine-card{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.plan>h3,.plan>.eyebrow,.plan>dl{margin-left:24px;margin-right:24px}.plan>.eyebrow{margin-top:24px}.plan dl,.always-card dl{margin-bottom:0}.plan dl div,.always-card dl div{padding:14px 0;border-top:1px solid var(--border)}dt{font-weight:600}dd{margin:2px 0 0;color:var(--secondary);font-size:14px;line-height:1.55}.plan__bar{padding:16px 24px;display:flex;gap:20px;align-items:center;background:var(--alt)}.machine-card{padding:0 24px}.machine-strip{display:flex;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid var(--border);font-size:13px}.machine-strip span{color:var(--secondary);flex:1}.always-card{padding:24px;background:var(--alt);border:0}.always-card .caption{margin:8px 0 0}.icon-grid article>span{font-size:20px;color:var(--accent)}.icon-grid h3{margin:12px 0 8px;font-size:20px}.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}.plan-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px}.plan-card--featured{border-color:var(--accent)}.plan-card h3{margin:0;font-size:20px}.plan-card__price{min-height:56px;margin:10px 0;font-size:20px;font-weight:600}.plan-card>p:not(.eyebrow):not(.plan-card__price){color:var(--secondary);font-size:14px;flex:1}.plan-card .button{margin-top:12px}.center{text-align:center;margin:32px 0 0}.footer-cta{padding:96px 0;background:var(--band);color:#fff;text-align:center}.footer-cta .lead{color:#b8b8b8}.footer-cta .actions{justify-content:center}.footer{padding:64px 0 24px;background:var(--footer);color:#fff}.footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer p{color:#8f8f8f;max-width:280px}.footer h4{font-size:14px}.footer__grid>div>a:not(.brand){display:block;margin:8px 0;color:#b8b8b8;font-size:14px}.footer__bottom{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#8f8f8f;font-size:12px}:focus-visible{outline:3px solid #fff;outline-offset:3px}.footer :focus-visible,.product-pane :focus-visible,section:not(.hero):not(.footer-cta) :focus-visible{outline-color:var(--accent)}
@media(max-width:1000px){.nav__menu{gap:16px}.hero__grid{gap:32px}.product-pane{margin-right:-32px}.plans{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.container{width:min(calc(100% - 48px),var(--container))}.nav__toggle{display:block}.nav__menu{display:none;position:fixed;inset:64px 0 0;padding:32px 24px;background:var(--band);flex-direction:column;align-items:stretch;font-size:16px}.nav__menu.is-open{display:flex}.nav__actions{margin:0;display:flex;flex-direction:column;align-items:stretch}.nav__actions .button{width:100%;margin-top:auto}.hero__grid{padding:64px 0 0;display:block;min-height:0}.hero__copy{padding-bottom:48px}.product-pane{margin:0 -24px;padding:24px;border-radius:16px 16px 0 0}.three-grid,.card-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.feature,.feature--reverse{grid-template-columns:1fr;gap:40px}.feature--reverse>:first-child{order:2}.plans{grid-template-columns:1fr 1fr}.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.container{width:calc(100% - 40px)}section:not(.hero):not(.footer-cta){padding:64px 0}.hero__copy{padding-top:24px}.actions{align-items:stretch;flex-direction:column}.hero__copy .button,.footer-cta .button{width:100%}.product-pane{margin-inline:-20px;padding:20px}.needs-card{padding:18px}.run{grid-template-columns:8px minmax(0,1fr)}.run small{grid-column:2;text-align:left;margin-top:-8px;margin-bottom:8px}.proof{line-height:1.6}.three-grid,.card-grid,.steps,.plans,.footer__grid{grid-template-columns:1fr}.feature{gap:32px}.machine-card{padding:0 16px}.machine-strip{align-items:flex-start;flex-wrap:wrap;padding:14px 0}.machine-strip span{flex-basis:100%;order:3}.plan__bar{align-items:stretch;flex-direction:column}.footer__grid>div:first-child{grid-column:auto}.footer__bottom{gap:16px;flex-direction:column}.footer-cta{padding:64px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
.light-nav .nav{position:relative;background:#fff;color:var(--ink);border-bottom:1px solid var(--border)}.light-nav .nav.is-scrolled{background:rgba(255,255,255,.92)}.hero--simple{padding:160px 0 96px}.hero--simple .container{max-width:920px;margin-left:max(32px,calc((100% - var(--container))/2))}.hero--simple .lead{max-width:720px;color:#b8b8b8}.narrow{max-width:720px}.narrow>p{font-size:18px;line-height:1.55}.timeline{border-top:1px solid var(--strong)}.timeline article{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--strong)}.timeline article>b{color:var(--accent);font-size:14px}.timeline h3{margin:0 0 4px;font-size:20px}.timeline p{margin:0;color:var(--secondary)}.four-grid{grid-template-columns:repeat(4,1fr)}.work-values article{background:var(--alt);border:0}.work-values h3{font-size:18px}.capture-card{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;border-radius:12px;background:var(--dark-card);color:#fff}.capture-card strong{font-family:Montserrat,Inter,sans-serif;font-size:32px}.capture-card span{color:#b8b8b8}.sign-in{min-height:620px;padding:128px 24px!important;display:flex;justify-content:center;background:var(--alt)}.sign-in__card{width:100%;max-width:480px;padding:40px;border:1px solid var(--border);border-radius:12px;background:#fff}.sign-in__card img{margin-bottom:24px}.sign-in__card h1{margin-bottom:12px;font-size:40px}.sign-in__card .button{width:100%;margin:8px 0 24px}.sign-in__card hr{height:1px;margin:0 0 24px;border:0;background:var(--border)}.sign-in__card .caption{margin-bottom:8px}.legal{max-width:720px;padding-top:96px;padding-bottom:96px}.legal h1{margin-bottom:8px}.legal__effective{margin-bottom:56px;color:var(--secondary);font-size:18px}.legal h2{margin-top:48px;font-size:24px}.legal p{color:var(--secondary)}.legal strong{color:var(--ink)}
@media(max-width:768px){.light-nav .nav__menu{background:#fff}.four-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hero--simple{padding:120px 0 64px}.hero--simple .container{margin-inline:20px}.four-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:8px}.sign-in{padding:64px 20px!important}.sign-in__card{padding:28px}.legal{padding-top:64px;padding-bottom:64px}}

/* Inner pages: pricing and safety */
.inner-hero{padding:144px 0 88px;background:var(--band);color:#fff}.inner-hero .container{max-width:920px;margin-left:max(20px,calc((100% - var(--container))/2))}.inner-hero h1{max-width:850px;font-size:56px;line-height:1.07}.inner-hero h1 span,.section-head h2 span,.footer-cta h2 span{color:var(--accent)}.inner-hero .lead{max-width:760px;color:#b8b8b8}.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.pricing-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px;background:#fff}.pricing-card--featured{border-color:var(--accent)}.pricing-card h3{margin:0;font-size:20px}.pricing-card__price{margin:12px 0 6px;font-size:20px;font-weight:600}.pricing-card__line{min-height:64px;margin:0;color:var(--secondary);font-size:14px}.pricing-card ul{flex:1;list-style:none;margin:16px 0;padding:0;border-top:1px solid var(--border)}.pricing-card li{position:relative;padding:10px 0 10px 22px;border-bottom:1px solid var(--border);font-size:13px;line-height:1.45}.pricing-card li::before{content:"✓";position:absolute;left:0;font-weight:700}.pricing-card .button{margin-top:16px}.pricing-caption{margin:24px 0 0;color:var(--secondary);font-size:14px}.explainer-grid article{background:#fff}.not-yet{border-top:1px solid var(--border)}.not-yet article{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.not-yet h3{margin:0 0 4px;font-size:18px}.not-yet p{margin:0;color:var(--secondary)}.not-yet span{flex:none;padding:5px 8px;border-radius:6px;background:var(--alt);color:var(--secondary);font-size:12px}.faq-wrap{max-width:720px}.faq details{border-top:1px solid var(--strong)}.faq details:last-child{border-bottom:1px solid var(--strong)}.faq summary{display:flex;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;font-size:18px;font-weight:500;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"⌄"}.faq details[open] summary::after{transform:rotate(180deg)}.faq details p{margin:0;padding:0 40px 20px 0;color:var(--secondary)}
.map{padding:24px;border:1px solid var(--border);border-radius:12px;background:#fff}.map-box{padding:18px;border:1px solid var(--border-strong);border-radius:12px}.map-box--strong{border-color:var(--ink)}.map-box>strong,.map-label{display:block;margin-bottom:14px;font-size:14px}.map-label{margin:20px 0 10px;color:var(--secondary)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-grid span,.pipeline__flow span,.business-box{padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:12px}.mini-grid--outside{grid-template-columns:1fr 1fr}.pipeline__flow{display:flex;align-items:center;gap:8px}.pipeline__flow span{flex:1;text-align:center}.pipeline__flow b,.pipeline__flow small{display:block}.pipeline__flow small{margin-top:4px;color:var(--secondary)}.pipeline__flow i{font-style:normal;color:var(--muted)}.verdicts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.verdicts article{padding:12px;border:1px solid var(--border);border-radius:12px}.verdicts b{font-size:13px}.verdicts em{float:right;padding:3px 6px;border-radius:6px;font-size:12px;font-style:normal}.verdicts .pass{background:#e8f6df;color:#397713}.verdicts .hold{background:#fff0dc;color:#8d4a00}.verdicts p{margin:14px 0 0;color:var(--secondary);font-size:12px;line-height:1.4}.diagram-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.diagram-steps article{padding:12px;border:1px solid var(--border);border-radius:12px}.diagram-steps b{color:var(--accent);font-size:12px}.diagram-steps h3{margin:5px 0;font-size:14px}.diagram-steps p{margin:0;color:var(--secondary);font-size:12px;line-height:1.4}.action-card{background:var(--alt);border:0}.piece-row,.repo-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:48px;border-bottom:1px solid var(--border);font-size:13px}.piece-row b,.repo-row b{font-weight:500}.piece-row small,.repo-row small{color:var(--secondary)}.action-card .button{margin-top:20px}.repo-row{grid-template-columns:8px minmax(0,1fr) auto}.repo-row small{grid-column:2/4;margin-top:-14px}.wall-map{display:grid;grid-template-columns:1fr 2px 1fr;gap:24px;align-items:stretch}.business-box{padding:24px;font-size:14px}.business-box p{color:var(--secondary);line-height:1.8}.data-wall{position:relative;background:var(--ink)}.data-wall span{position:absolute;top:50%;left:50%;width:max-content;padding:4px 8px;background:#fff;transform:translate(-50%,-50%) rotate(-90deg);font-size:12px}.narrow{max-width:720px}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.inner-hero{padding:120px 0 64px}.inner-hero h1{font-size:36px;line-height:1.11}.pricing-grid{grid-template-columns:1fr 1fr}.pipeline__flow{align-items:stretch;flex-direction:column}.pipeline__flow i{transform:rotate(90deg);text-align:center}.diagram-steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.pricing-grid{grid-template-columns:1fr}.pricing-card__line{min-height:0}.not-yet article{align-items:flex-start;flex-direction:column}.mini-grid,.mini-grid--outside,.verdicts,.diagram-steps{grid-template-columns:1fr}.wall-map{grid-template-columns:1fr;gap:16px}.data-wall{height:2px}.data-wall span{transform:translate(-50%,-50%)}.piece-row{grid-template-columns:minmax(0,1fr) auto}.piece-row small{grid-column:2}.repo-row small{font-size:12px}.map{padding:16px}}
.faq details{border-top:1px solid var(--border-strong)}.faq details:last-child{border-bottom:1px solid var(--border-strong)}
/* The shell and Home arrived independently. Keep the shell nav's inner layout
   after Home's top-level .nav rules, while Home continues to use its nav. */
.site-header .nav{position:static;inset:auto;color:inherit;transition:none}
@media(max-width:768px){.site-header .nav{display:flex}.js .site-header .nav{height:64px;flex-wrap:nowrap}}

/* How it works and Who it's for */
.hero-compact__copy{padding-top:44px}.explainer-page .hero-compact{display:flex;align-items:center}.explainer-page .hero-compact .actions{margin-top:32px}.explainer-page .feature>div>p:not(.eyebrow),.explainer-page .feature>div>li{color:var(--secondary)}
.composer-card,.record-card{padding:24px;border:1px solid var(--border);border-radius:12px;background:#fff}.composer-card__input{min-height:52px;padding:13px 16px;border:1px solid var(--strong);border-radius:8px;color:var(--ink)}.composer-card__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;color:var(--secondary);font-size:14px}.always-card--detailed{background:#fff;border:1px solid var(--border)}.always-card--detailed .button{margin-top:20px}.approve-always{padding-top:0}.approve-always .plan__bar{margin:0 -24px 24px}.approve-always .plan__bar .button{margin-top:0}.alt .always-card--detailed{margin-top:32px}.do-check-card{padding-bottom:20px}.build-check{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;padding-top:20px;font-size:12px;font-weight:600}.build-check span{padding:8px 10px;border:1px solid var(--border-strong);border-radius:12px;text-align:center}.build-check i{height:1px;background:var(--border-strong)}.record-card h3{font-size:20px}.four-grid{grid-template-columns:repeat(4,1fr)}.explainer-page blockquote{margin:0 0 16px;font-size:18px;line-height:1.45;font-weight:500}.audience-grid h3{font-size:20px}.audience-grid h4{margin:24px 0 4px;font-size:16px}.audience-grid h4+p{margin-bottom:0}
.day-timeline{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;margin:76px 0 24px;padding:0;list-style:none}.day-timeline::before{content:"";position:absolute;z-index:0;top:-28px;left:0;right:0;height:1px;background:var(--border-strong)}.day-timeline li{position:relative;min-width:0;font-size:12px;line-height:1.45}.day-timeline li::before{content:"";position:absolute;z-index:1;top:-32px;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent)}.day-timeline li.work::before{width:calc(100% + 12px);height:8px;border-radius:4px;background:var(--orange)}.day-timeline li.done::before{background:var(--green)}.day-timeline b,.day-timeline span{display:block}.day-timeline span{color:var(--secondary)}.timeline-caption{text-align:right;color:var(--muted);font-size:12px}.never-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.never-list span{position:relative;padding:14px 0 14px 20px;border-bottom:1px solid var(--border)}.never-list span::before{content:"";position:absolute;top:24px;left:0;width:6px;height:6px;border-radius:50%;background:var(--muted)}.team-grid blockquote+blockquote{padding-top:16px;border-top:1px solid var(--border)}.light-pane{align-self:auto;margin:0;padding:24px;border:1px solid var(--border);border-radius:12px;box-shadow:none}.light-pane h3{font-size:20px}
@media(max-width:1000px){.four-grid{grid-template-columns:1fr 1fr}.day-timeline{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:64px}.day-timeline::before{display:none}.day-timeline li::after{content:"";position:absolute;top:-28px;left:0;right:-12px;height:1px;background:var(--border-strong)}}
@media(max-width:768px){.hero-compact__copy{padding-top:0}.day-timeline{display:block;margin-top:40px;padding-left:28px}.day-timeline::before{display:block;inset:0 auto 0 3px;width:1px;height:auto}.day-timeline li{min-height:76px;padding-left:16px}.day-timeline li::before{top:5px;left:-28px}.day-timeline li.work::before{width:8px;height:52px;border-radius:4px}.day-timeline li::after{display:none}.timeline-caption{text-align:left;padding-left:44px}.build-check{grid-template-columns:1fr}.build-check i{width:1px;height:12px;margin:auto}.feature--reverse .plan,.feature--reverse .do-check-card{order:2}}
@media(max-width:480px){.composer-card__bar{align-items:stretch;flex-direction:column}.composer-card__bar .button{width:100%}.four-grid,.never-list{grid-template-columns:1fr}.explainer-page .hero-compact .actions{align-items:stretch}.explainer-page .hero-compact .button{width:100%}}

/* The real logo lockup: mark in its three colours, logotype takes the surrounding text colour. */
.brand .brand__logo{height:28px;width:auto;display:block}.footer .brand .brand__logo{height:32px}

/* One mobile menu for both page shells (Home's .nav__menu and the inner
   pages' .nav-links). Two generations of nav styles disagreed about the
   open menu: one put it in the flow, so it drew over the page instead of
   covering it. Last word, so it wins for both. */
@media(max-width:768px){
  .site-header,.nav{position:fixed;inset:0 0 auto;height:64px;z-index:30}
  .nav-links,.nav__menu{display:none;position:fixed;inset:64px 0 0;width:auto;margin:0;padding:24px var(--side) 32px;background:var(--band);color:#fff;flex-direction:column;align-items:stretch;gap:4px;font-size:17px;overflow-y:auto}
  .nav-links[data-open],.nav__menu[data-open],.nav-links.is-open,.nav__menu.is-open{display:flex}
  .nav-links>a,.nav__menu>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#fff}
  .nav-actions,.nav__actions{margin:24px 0 0;flex-direction:column;align-items:stretch;gap:16px}
  .nav-actions .button,.nav__actions .button{width:100%;text-align:center;justify-content:center}
  .site-header .nav-links a,.nav .nav__menu a{color:#fff}
}
/* The hero on a phone: less air above the words, a tighter subtitle, and a
   real gap under the product pane before the proof strip. */
@media(max-width:768px){
  .hero{padding-top:56px}
  .hero__grid{padding-top:24px}
  .hero__copy{padding-top:0;padding-bottom:28px}
  .hero .lead,.hero__copy .lead{font-size:17px;line-height:25px;max-width:34em}
  .hero h1{margin-bottom:16px}
  .hero .product-pane,.hero__grid .product-pane{margin-bottom:32px}
}
/* The waiting line on a phone: the card was inset twice, so its fields read
   as a narrow column inside a narrow page. */
@media(max-width:768px){
  .start-section .container,.start-grid{padding-inline:0}
  .waitlist-form{padding:24px 20px}
}
@media(max-width:480px){
  .waitlist-form{padding:20px 16px}
  .start-section .container{width:calc(100% - 32px)}
}

/* Between a phone and a laptop (769–1000px) the page kept desktop column
   counts at half the width: the nav collided with the wordmark, diagrams
   broke out of their cards, and six-card grids read as ribbons. The
   breakpoints below move those decisions up to 1000px. */
@media(max-width:1000px){
  .nav__toggle,.menu-button{display:block}
  .nav__menu,.nav-links{display:none}
  .nav__menu[data-open],.nav-links[data-open],.nav__menu.is-open,.nav-links.is-open{display:flex}
  .nav__menu a,.nav-links a,.nav__actions a,.nav-actions a{white-space:nowrap}
  .hero__grid,.hero-grid,.start-grid,.feature{grid-template-columns:1fr}
  .hero__grid>div:first-child,.hero__grid>.product-pane,.hero-grid>div:first-child,.hero-grid>.product-pane{grid-column:auto}
  .product-pane{margin-bottom:40px;margin-inline:0;border-radius:16px}
  .pipeline__flow,.flow{flex-direction:column;align-items:stretch}
  .pipeline__flow .arrow,.flow .arrow{transform:rotate(90deg);align-self:center}
  .four-grid,.three-grid,.steps,.verdicts,.diagram-steps,.footer-grid,.footer__grid{grid-template-columns:1fr 1fr;gap:24px}
  .pricing-grid,.plan-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
  .waitlist-form{padding:24px}
}
/* The nav's own sheet is the same at every width below the laptop. */
@media(max-width:1000px){
  .nav-links,.nav__menu{position:fixed;inset:64px 0 0;width:auto;margin:0;padding:24px var(--side) 32px;background:var(--band);color:#fff;flex-direction:column;align-items:stretch;gap:4px;font-size:17px;overflow-y:auto}
  .nav-links>a,.nav__menu>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#fff}
  .nav-actions,.nav__actions{margin:24px 0 0;flex-direction:column;align-items:stretch;gap:16px}
  .nav-actions .button,.nav__actions .button{width:100%;text-align:center;justify-content:center}
}
/* Desktop rhythm the walkers measured: air under the hero pane before the
   strip, feature columns that start level, cards that keep their padding,
   and a readable measure on the legal pages. */
.hero .proof,.hero__grid+.proof{margin-top:48px}
.feature{align-items:start;gap:96px}
.three-grid.explainer-grid>div,.explainer-grid>div{padding:24px;border-radius:12px}
.pricing-grid,.plan-grid{gap:24px}
.pricing-card,.plan-card{padding:24px}
.verdicts article{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.verdicts article em{align-self:flex-start}
.diagram-steps{align-items:start}
.form-status:empty{display:none;min-height:0}
.legal p,.legal li{max-width:65ch}

/* One gutter, not two. Two generations of .container were both live: one
   made the gutter out of padding, the other out of width, and pages that
   got both sat 40px in from the edge while Home sat 20px. The padding one
   wins everywhere, so every page lines up with every other. */
.container{width:min(100%,calc(var(--container) + 2 * var(--side)));margin-inline:auto;padding-inline:var(--side)}
.legal.container,.start-section .container,.sign-in-section .container{padding-inline:var(--side)}
/* The fixed bar is 64px tall, so a page that starts at 64px starts under it. */
@media(max-width:1000px){
  article.legal{padding-top:112px}
  body section.sign-in-section,body section.start-section{padding-top:112px}
  .start-grid{gap:40px}
  .sign-in-card,.sign-in__card{padding:28px}
  .hero--simple .container,.legal.container{margin-inline:auto;max-width:none}
}
@media(max-width:480px){
  .product-pane{border-radius:16px;margin-inline:0}
  .sign-in-card,.sign-in__card{padding:24px}
}
/* One button height, whichever generation named it. */
.button-large,.button--large{min-height:48px;display:inline-flex;align-items:center;justify-content:center}

/* Safari sizes an inline SVG from its attributes, not its viewBox: without
   a ratio the logo collapses to nothing. */
.brand__logo{aspect-ratio:241.3/25;height:28px;width:auto;max-width:100%}
.footer .brand__logo{height:32px}

/* The sample task in the hero: the press and the link were crowding the
   card's bottom edge, and the runs underneath started against it. */
.product-pane .needs-card{padding:24px}
.product-pane .needs-card .actions{margin-top:20px;gap:24px;align-items:center}
.product-pane .run-list{margin-top:24px}
@media(max-width:480px){
  .product-pane .needs-card{padding:20px}
  .product-pane .needs-card .actions{margin-top:16px;gap:14px;flex-direction:column;align-items:stretch}
  .product-pane .needs-card .actions .text-link{padding-top:2px}
  .product-pane .run-list{margin-top:20px}
}

/* Three hero shapes had drifted apart: Pricing and How we keep it safe sat
   20px further in than Who it's for and How it works (and their buttons ran
   off the right edge on a phone), while the two explainer heroes reserved
   560px of height and ended in a screenful of dark. One shape for all four. */
.inner-hero .container{max-width:none;margin-inline:auto}
@media(max-width:1000px){
  .inner-hero,.hero--simple{padding:104px 0 56px}
  .hero.hero-compact{padding:104px 0 56px;min-height:0}
  .hero-compact .eyebrow{margin-bottom:8px}
  .explainer-page .hero-compact{display:block}
  .inner-hero h1,.hero-compact h1{margin-bottom:16px}
  .inner-hero .actions,.hero--simple .actions,.explainer-page .hero-compact .actions{margin-top:24px}
  section:not(.hero):not(.inner-hero):not(.footer-cta){padding:64px 0}
}