@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --font-display:'Archivo Black',Impact,sans-serif; --font-sans:'Manrope',Arial,sans-serif; --font-mono:'DM Mono',monospace; --ink:#0d0f0c; --paper:#f2ecdf; --lime:#d7ff3f; --orange:#ff5b35; --blue:#3155ff; --muted:#aaa69d; --rule:rgba(242,236,223,.22); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:hidden; }
body { margin:0; overflow-x:hidden; background:var(--ink); color:var(--paper); font-family:var(--font-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1440px,calc(100% - 64px)); margin-inline:auto; }
.label { font:500 11px var(--font-mono); letter-spacing:.14em; text-transform:uppercase; }
.topbar { height:92px; border-bottom:1px solid var(--rule); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; font:500 10px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.brand { display:flex; align-items:center; gap:13px; font-family:var(--font-sans); }
.brand span { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--ink); font:500 11px var(--font-mono); }
.topbar p { margin:0; color:var(--muted); }
.top-link { justify-self:end; border-bottom:1px solid var(--paper); padding-bottom:5px; }
.hero { min-height:760px; padding:34px 0 64px; display:flex; flex-direction:column; justify-content:space-between; }
.hero-note { display:flex; justify-content:space-between; font:400 10px var(--font-mono); letter-spacing:.14em; }
.hero h1 { margin:40px 0; font:400 clamp(74px,13vw,190px)/.8 var(--font-display); letter-spacing:-.075em; text-transform:uppercase; }
.hero h1 span { display:block; }
.hero h1 span:last-child { color:var(--lime); margin-left:7vw; }
.hero-bottom { display:flex; align-items:end; justify-content:flex-end; gap:8vw; }
.hero-bottom>p { margin:0; max-width:560px; font-size:22px; line-height:1.5; }
.disc { width:128px; height:128px; flex:0 0 auto; border:1px solid var(--paper); border-radius:50%; display:flex; align-items:center; justify-content:space-around; padding:22px; font:500 10px/1.35 var(--font-mono); text-transform:uppercase; transition:.25s; }
.disc b { font-size:26px; font-weight:300; }.disc:hover { background:var(--lime); border-color:var(--lime); color:var(--ink); transform:rotate(-7deg); }
.signal { overflow:hidden; background:var(--paper); color:var(--ink); padding:15px 0; white-space:nowrap; font:500 11px var(--font-mono); letter-spacing:.16em; }
.signal div { width:max-content; animation:marquee 26s linear infinite; }.signal i { color:var(--orange); margin:0 25px; font-style:normal; }
@keyframes marquee { to { transform:translateX(-50%); } }
.letter { display:grid; grid-template-columns:1fr 2fr; gap:48px; padding:148px 0; border-bottom:1px solid var(--rule); }
.letter-copy h2 { max-width:990px; margin:0; font:400 clamp(46px,6.6vw,96px)/.94 var(--font-display); text-transform:uppercase; letter-spacing:-.055em; }
.letter-copy .lead { max-width:800px; margin:52px 0 60px; font-size:25px; line-height:1.45; color:var(--lime); }
.letter-columns { display:grid; grid-template-columns:1fr 1fr; gap:52px; }.letter-columns p { margin:0; font-size:16px; line-height:1.75; color:#c3beb4; }.letter-columns a { color:var(--paper); border-bottom:1px solid var(--lime); }
.system { background:var(--paper); color:var(--ink); padding:138px 0 128px; }
.system-head { display:grid; grid-template-columns:1fr 2fr; gap:48px; }.system-head h2,.proof-head h2 { margin:0; font:400 clamp(54px,7.4vw,106px)/.9 var(--font-display); text-transform:uppercase; letter-spacing:-.06em; }.system-head h2 em,.proof-head h2 em { color:var(--blue); font-style:normal; }.system-head>p { grid-column:2; max-width:500px; margin:20px 0 70px; font-size:19px; }
.stage-list { border-top:2px solid var(--ink); }.stage { display:grid; grid-template-columns:80px .8fr 1.4fr 40px; gap:24px; align-items:center; min-height:132px; border-bottom:1px solid rgba(13,15,12,.28); transition:.22s; }.stage>span { font:500 11px var(--font-mono); }.stage h3 { margin:0; font:400 clamp(34px,4vw,58px) var(--font-display); text-transform:uppercase; letter-spacing:-.04em; }.stage p { max-width:650px; margin:0; line-height:1.6; }.stage b { font-size:26px; font-weight:300; }.stage:hover { padding-inline:18px; background:var(--lime); }
.proof { padding:148px 0 80px; }.proof-head { display:grid; grid-template-columns:1fr 2fr; gap:48px; margin-bottom:104px; }.proof-head h2 em { color:var(--lime); }.proof-head>div>p { max-width:560px; margin:34px 0 0; font-size:20px; color:var(--muted); }
.example { padding:0 0 112px; margin-bottom:92px; border-bottom:1px solid var(--rule); }.example-visual { height:clamp(420px,56vw,760px); position:relative; overflow:hidden; display:block; transition:.4s; }.example-visual:hover { transform:scale(.99); }.browser-dots { position:absolute; z-index:2; top:0; left:0; right:0; height:54px; display:flex; align-items:center; gap:8px; padding:0 20px; border-bottom:1px solid currentColor; opacity:.72; }.browser-dots i { width:8px; height:8px; border-radius:50%; background:currentColor; }.mock-content { position:absolute; inset:0; padding:12% 7% 8%; display:flex; flex-direction:column; justify-content:flex-end; }.mock-kicker { position:absolute; top:14%; right:7%; font:500 10px var(--font-mono); letter-spacing:.18em; }.mock-content strong { font:400 clamp(46px,7.8vw,116px)/.87 var(--font-display); letter-spacing:-.06em; text-transform:uppercase; position:relative; z-index:1; }.mock-content>i { position:absolute; right:6%; bottom:2%; font:400 clamp(180px,32vw,470px)/1 var(--font-display); opacity:.12; font-style:normal; }.example-diner { background:#f5d8aa; color:#7f1e14; }.example-dentist { background:#d9f5ef; color:#123f40; }.example-offer { background:var(--blue); color:white; }.example-offer .mock-content strong { color:var(--lime); }
.view-live { position:absolute; right:24px; bottom:24px; width:106px; height:106px; border-radius:50%; background:var(--orange); color:white; display:grid; place-items:center; font:500 10px var(--font-mono); transform:rotate(-7deg); transition:.25s; }.example-visual:hover .view-live { transform:rotate(0) scale(1.07); }
.example-copy { display:grid; grid-template-columns:70px 1fr 1.2fr; gap:28px; padding-top:30px; }.example-copy>span,.example-copy p,.example-copy a { font:400 11px/1.55 var(--font-mono); text-transform:uppercase; letter-spacing:.07em; }.example-copy p { margin:0; color:var(--muted); }.example-copy h3 { margin:8px 0 0; font:400 clamp(38px,5vw,72px)/1 var(--font-display); text-transform:uppercase; letter-spacing:-.045em; }.example-copy>div:last-child>p { max-width:550px; }.example-copy a { display:inline-block; margin-top:25px; border-bottom:1px solid var(--paper); padding-bottom:4px; }
.capabilities { padding:80px 0 148px; display:grid; grid-template-columns:1fr 2fr; gap:56px; }.cap-intro h2 { margin:42px 0 25px; font:400 clamp(48px,6vw,84px)/.92 var(--font-display); text-transform:uppercase; letter-spacing:-.05em; }.cap-intro p { max-width:350px; color:var(--muted); line-height:1.6; }.cap-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--rule); }.cap-grid article { min-height:190px; padding:25px; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); }.cap-grid article:nth-child(2n) { border-right:0; }.cap-grid span { font:400 10px var(--font-mono); color:var(--muted); }.cap-grid h3 { margin:38px 0 12px; font-size:23px; text-transform:uppercase; }.cap-grid p { margin:0; font-size:14px; color:var(--muted); }
.takeaway { padding:128px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }.takeaway blockquote { max-width:1250px; margin:60px 0 48px; font:400 clamp(50px,7.6vw,110px)/.92 var(--font-display); letter-spacing:-.06em; text-transform:uppercase; }.takeaway blockquote::first-letter { color:var(--lime); }.takeaway>p { max-width:650px; margin-left:auto; font-size:19px; line-height:1.65; color:var(--muted); }
.cta { padding:130px 0; }.cta>p { font:500 11px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }.cta>a { margin-top:58px; padding-bottom:22px; border-bottom:4px solid var(--lime); display:flex; justify-content:space-between; align-items:center; font:400 clamp(52px,8vw,116px)/.92 var(--font-display); letter-spacing:-.06em; text-transform:uppercase; }.cta>a span { color:var(--lime); font-family:var(--font-sans); font-weight:300; }
.footer { min-height:112px; display:grid; grid-template-columns:1fr 1fr auto; gap:30px; align-items:center; border-top:1px solid var(--rule); font:400 10px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }.footer .brand { color:var(--paper); }.footer .brand span { width:34px; height:34px; }.footer p { margin:0; }.footer div { display:flex; gap:22px; }.footer div a { border-bottom:1px solid transparent; }.footer div a:hover { border-color:var(--paper); color:var(--paper); }
@media(max-width:820px){.shell{width:min(100% - 32px,1440px)}.topbar{height:76px;grid-template-columns:1fr auto}.topbar>p{display:none}.brand b{font-size:10px}.hero{min-height:650px;padding-bottom:48px}.hero h1{font-size:clamp(59px,18.5vw,120px)}.hero h1 span:last-child{margin-left:0}.hero-bottom{justify-content:space-between;gap:20px}.hero-bottom>p{font-size:16px;max-width:290px}.disc{width:94px;height:94px;padding:15px}.letter,.system-head,.proof-head,.capabilities{grid-template-columns:1fr}.letter{padding:90px 0;gap:46px}.letter-copy .lead{font-size:20px;margin:38px 0 46px}.letter-columns{grid-template-columns:1fr;gap:25px}.system{padding:90px 0}.system-head>p{grid-column:1;margin-bottom:45px}.stage{grid-template-columns:42px .7fr 1.3fr;min-height:116px}.stage b{display:none}.stage h3{font-size:32px}.stage p{font-size:13px}.proof{padding-top:92px}.proof-head{margin-bottom:62px}.example{padding-bottom:72px;margin-bottom:58px}.example-visual{height:65vw;min-height:330px}.mock-kicker{display:none}.view-live{width:80px;height:80px;right:14px;bottom:14px}.example-copy{grid-template-columns:38px 1fr}.example-copy>div:last-child{grid-column:2}.capabilities{padding-bottom:94px}.cap-grid article{min-height:165px;padding:18px}.cap-grid h3{font-size:18px}.takeaway{padding:90px 0}.takeaway>p{margin-left:0}.cta{padding:90px 0}.cta>a{font-size:13vw}.footer{grid-template-columns:1fr auto}.footer>p{display:none}}
@media(max-width:520px){.hero-note span:last-child{display:none}.stage{grid-template-columns:34px 1fr;padding:24px 0}.stage p{grid-column:2}.example-visual{min-height:290px}.cap-grid{grid-template-columns:1fr}.cap-grid article,.cap-grid article:nth-child(2n){border-right:0}.footer .brand b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal div{animation:none}.disc,.example-visual,.view-live,.stage{transition:none}}