@font-face{font-family:Geist;src:url('/marketing/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#171715;--surface:#22221f;--line:#383833;--ink:#f3f0e9;--ink2:oklch(0.75 0.006 85);--ink3:oklch(0.60 0.006 85);--ink4:oklch(0.50 0.008 85);--muted:var(--ink2);--acc:oklch(0.68 0.11 252);--accSoft2:oklch(0.33 0.06 252);--fsKicker:12px;--fsCaption:13px;--fsSmall:14px;--fsBody:15px;--fsLead:17px;--r:12px;font-family:Geist,'Helvetica Neue',sans-serif;font-synthesis:none;font-weight:400;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a,input,textarea{touch-action:manipulation}
a:hover{color:var(--ink)}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--accSoft2)}
::selection{background:#aec9df;color:#171715}
img{max-width:100%;height:auto;display:block}
p{color:var(--muted);line-height:1.7}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:450;text-wrap:balance}
h1{font-size:clamp(44px,7.2vw,94px);line-height:1.045;letter-spacing:-.065em}
h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.045em}
h3{font-size:22px;line-height:1.25;letter-spacing:-.025em}
.wrap{width:min(1184px,calc(100% - 72px));margin:auto}
.skip{position:absolute;top:-100px;padding:14px;background:var(--ink);color:var(--bg);z-index:30}
.skip:focus{top:10px;left:10px}
.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:123px;height:31px}
.nav,.nav-primary,.nav-actions{display:flex;align-items:center;gap:30px}
.nav{flex:1;justify-content:flex-end}
.nav a{font-size:var(--fsSmall);color:var(--ink2)}
.nav a[aria-current=page]{color:var(--ink)}
.menu-toggle,.nav-phone{display:none}
.nav a:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 24px;border:1px solid transparent;border-radius:100px;font-size:var(--fsSmall);font-weight:550;background:var(--ink);color:var(--bg)!important;transition:background .15s,opacity .15s,transform .12s}
.button:hover{text-decoration:none!important}
.button:active{opacity:.86}
.button.secondary{background:transparent;color:var(--ink)!important;border-color:#53534c}
.button.secondary:hover{background:var(--surface)}
.button.secondary:active{opacity:1;transform:scale(.985)}
.button.small{min-height:38px;padding:0 18px;font-size:var(--fsCaption)}
.kicker{display:block;font-size:var(--fsKicker);letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--ink3)}
.beta{display:inline-flex;align-items:center;border:1px solid #40403a;border-radius:100px;padding:8px 14px;font-size:var(--fsKicker);letter-spacing:.09em;text-transform:uppercase;font-weight:500;color:var(--ink3)}
.hero{padding:65px 0 57px;text-align:center}
.hero h1{margin:25px auto 23px;max-width:840px}
.hero .lead{font-size:var(--fsLead);max-width:640px;margin:auto;line-height:1.65}
.actions{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:28px}
.fine{font-size:var(--fsCaption);line-height:1.6;color:var(--ink3)}
.hero .fine{margin-top:16px}
.stage{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#20201d;box-shadow:0 24px 90px #0003}
.compare{position:relative;display:grid;aspect-ratio:3/2;--split:50%;background:#62594a;user-select:none}
.compare img{grid-area:1/1;width:100%;height:100%;object-fit:cover}
.compare img.after{clip-path:inset(0 0 0 var(--split))}
.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;z-index:2}
.compare-handle{position:absolute;top:0;bottom:0;left:var(--split);width:2px;margin-left:-1px;background:#f3f0e9d9;pointer-events:none;z-index:1}
.compare-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 2px 14px #0007;transition:box-shadow .15s}
.compare-knob svg{width:14px;height:14px}
.compare-range:focus-visible ~ .compare-handle .compare-knob{box-shadow:0 0 0 2px var(--bg),0 0 0 5px var(--acc)}
.compare-label{position:absolute;bottom:18px;font-size:var(--fsCaption);color:var(--ink);background:#171715c0;backdrop-filter:blur(8px);padding:8px 13px;border-radius:100px;pointer-events:none;z-index:1}
.compare-label.left{left:18px}
.compare-label.right{right:18px}
.caption{display:flex;justify-content:space-between;gap:20px;padding:16px 2px;font-size:var(--fsCaption);color:var(--ink3);line-height:1.65}
.caption a{text-decoration:underline;text-underline-offset:3px}
.section{padding:110px 0;border-bottom:1px solid var(--line)}
.intro-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.intro-row h2{max-width:460px}
.intro-row p{font-size:var(--fsLead);max-width:430px;padding-top:5px;line-height:1.65}
.intro-row .kicker{margin-bottom:22px}
.section>.kicker{margin-bottom:20px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:62px}
.features .kicker{margin-bottom:26px}
.features h3{font-size:19px;margin-bottom:12px}
.features p{font-size:var(--fsSmall);line-height:1.75}
.text-link{display:inline-block;font-size:var(--fsSmall);margin-top:20px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.use-case{display:block}
.use-case img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;margin-bottom:22px}
.use-case h3{font-size:20px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .15s}
.use-case:hover h3{text-decoration-color:var(--ink)}
.use-case p{font-size:var(--fsSmall);margin-top:9px;max-width:430px}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}
.faq h2{max-width:300px}
.faq details{border-bottom:1px solid var(--line);padding:22px 0}
.faq details:first-child{padding-top:0}
.faq summary{font-size:var(--fsBody);cursor:pointer;line-height:1.5;list-style:none;display:flex;justify-content:space-between;gap:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font-size:20px;color:var(--ink3)}
.faq details[open] summary:after{content:'−'}
.faq details p{font-size:var(--fsSmall);line-height:1.75;margin-top:14px}
.access{scroll-margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:100px}
.access h2{max-width:400px;margin:20px 0}
.access p{max-width:360px;font-size:var(--fsBody)}
.access-form{display:grid;gap:19px}
.field{display:grid;gap:9px}
.field label{font-size:var(--fsCaption);color:var(--ink2)}
.field label span{color:var(--ink3)}
.field input,.field textarea{min-height:46px;border:1px solid #494942;background:#20201d;color:var(--ink);border-radius:8px;padding:12px 14px;width:100%;font-size:var(--fsBody)}
.field textarea{min-height:92px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:var(--ink3)}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.check{display:flex;align-items:flex-start;gap:10px;font-size:var(--fsCaption);line-height:1.6;color:var(--ink2)}
.check input{margin-top:4px;accent-color:var(--ink);flex-shrink:0}
.check a{text-decoration:underline}
.form-status{font-size:var(--fsCaption);line-height:1.7;color:#d3dfd0;min-height:0}
.form-status[data-error=true]{color:#ffc2ae}
.trap{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.access-form .button{justify-self:start;min-width:160px}
.footer{padding:50px 0 32px}
.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}
.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:var(--fsCaption);color:var(--ink2);max-width:600px;justify-content:flex-end}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:44px;padding-top:23px;font-size:var(--fsCaption);color:var(--ink3)}
.page-hero{padding:72px 0 65px}
.page-hero h1{font-size:clamp(40px,6vw,72px);max-width:900px;margin:0 0 23px}
.page-hero .lead{font-size:var(--fsLead);max-width:630px;line-height:1.65}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:80px}
.price-card{padding:40px;border:1px solid var(--line);border-radius:16px;background:#20201d}
.price-card.featured{background:#eeece4;color:#252421;border-color:#eeece4}
.price-card.featured p,.price-card.featured .fine,.price-card.featured .price span,.price-card.featured li svg{color:#5b5b52}
.price{font-size:58px;line-height:1.1;letter-spacing:-.06em;margin:22px 0 14px}
.price span{display:block;font-size:var(--fsCaption);letter-spacing:0;color:var(--ink3);margin-top:8px;line-height:1.5}
.price-card h2{font-size:22px;letter-spacing:-.025em}
.price-card ul{padding:0;list-style:none;font-size:var(--fsSmall);line-height:1.7;margin:28px 0}
.price-card li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid #55554b38}
.price-card li svg{flex:none;width:16px;height:16px;margin-top:4px;color:var(--ink2)}
.price-card .fine,.price-card .price span{color:var(--ink2)}
.price-card p{font-size:var(--fsSmall)}
.price-card.featured .button{background:#252421;color:#f3f0e9!important}
.prose{max-width:750px;margin:0 auto;padding-bottom:90px}
.prose h2{font-size:27px;margin:38px 0 16px}
.prose h3{font-size:19px;margin:28px 0 12px}
.prose p,.prose li{font-size:var(--fsBody);line-height:1.75;color:var(--muted)}
.prose p+p{margin-top:18px}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:8px 0}
.notice{border-left:2px solid #aaa58e;background:#282720;padding:18px 22px;margin:24px 0}
.article-cover{border-radius:12px;width:100%;margin:0 0 50px;aspect-ratio:3/2;object-fit:cover}
.example-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.example-pair img{border-radius:12px;width:100%;aspect-ratio:4/5;object-fit:cover}
.example-pair figcaption{font-size:var(--fsCaption);color:var(--muted);padding:14px 0;line-height:1.7}
.shot{margin:28px 0 6px}
.shot img{width:100%;border-radius:12px;border:1px solid var(--line);background:#20201d}
.shot figcaption{font-size:var(--fsCaption);color:var(--ink3);padding:12px 0 0;line-height:1.6}
.prose .shot{margin:22px 0 34px}
.related{display:flex;gap:30px;flex-wrap:wrap;margin-top:36px}
.related a{font-size:var(--fsSmall);text-decoration:underline;text-underline-offset:5px}
.no-js{font-size:var(--fsCaption);color:#f0c9b9}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{padding-top:86px}}
@media(max-width:900px){.wrap{width:calc(100% - 44px)}.header{height:80px}.nav,.nav-primary,.nav-actions{gap:20px}.hero{padding-top:50px}.intro-row{gap:50px}.access{gap:50px}.faq{gap:50px}.features{gap:26px}.section{padding:80px 0}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;height:auto;min-height:80px;padding:22px 0}.logo{width:104px;height:26px}.nav{display:contents}.menu-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #40403a;border-radius:100px;background:transparent;color:#e0dfd7;transition:background .15s}.menu-toggle svg{width:18px;height:18px;display:block}.menu-toggle .close-glyph,.menu-toggle[aria-expanded=true] .menu-glyph{display:none}.menu-toggle[aria-expanded=true] .close-glyph{display:block}.menu-toggle[aria-expanded=true]{background:var(--surface);color:var(--ink)}.menu-toggle:active{opacity:.86}.nav-actions{order:1;justify-self:end}.nav-actions a:not(.button){display:none}.nav-phone{display:block}.nav-primary{display:none;order:3;grid-column:1/-1;flex-direction:column;align-items:flex-start;gap:0;margin-top:16px;padding:6px 0 2px;border-top:1px solid var(--line)}.nav-primary.open{display:flex}.nav-primary a{font-size:var(--fsBody);color:var(--ink);padding:10px 0;width:100%}.nav-actions{gap:14px}.nav .button{min-height:36px;padding:0 14px;font-size:var(--fsCaption)}.hero{padding:43px 0 35px}.hero h1{font-size:clamp(42px,10.7vw,64px);margin-top:23px;letter-spacing:-.06em}h1 br,h2 br{display:none}.hero .lead{font-size:var(--fsBody);max-width:330px}.hero .actions{gap:10px}.button{min-height:44px;font-size:var(--fsCaption);padding:0 20px}.stage{border-radius:12px}.compare{aspect-ratio:4/5}.compare img{object-position:43% center}.compare-label{bottom:14px;padding:7px 11px;font-size:var(--fsKicker)}.compare-label.left{left:14px}.compare-label.right{right:14px}.caption{flex-direction:column;gap:4px;padding:13px 2px}.section{padding:62px 0}.intro-row,.features,.faq,.access,.pricing-grid{grid-template-columns:1fr;gap:32px}.intro-row p{font-size:var(--fsBody);max-width:100%}.intro-row .kicker{margin-bottom:16px}.features{margin-top:40px;gap:32px}.features .kicker{margin-bottom:12px}.features h3{font-size:20px}.features p{max-width:420px}.use-cases{grid-template-columns:1fr;gap:34px;margin-top:32px}.use-case img{margin-bottom:18px}.faq h2{max-width:100%}.faq details:first-child{padding-top:5px}.access h2{max-width:100%}.access p{max-width:100%}.field-pair{grid-template-columns:1fr}.footer{padding-top:36px}.footer-top{flex-direction:column;gap:28px}.footer-links{justify-content:flex-start;gap:18px}.footer-bottom{flex-direction:column;gap:10px;margin-top:30px}.page-hero{padding:43px 0 40px}.page-hero .lead{font-size:var(--fsBody)}.price-card{padding:28px}.pricing-grid{padding-bottom:35px;gap:18px}.price{font-size:50px}.prose{padding-bottom:55px}.example-pair{grid-template-columns:1fr}.article-cover{margin-bottom:30px}.related{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}