@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/dm-mono-400-latin.woff2") format("woff2")}@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/dm-mono-500-latin.woff2") format("woff2")}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/space-grotesk-400-700-latin.woff2") format("woff2")}
:root { --ink:#111411; --paper:#f2f0e9; --lime:#d5ff36; --orange:#ff6b3d; --orange-text:#bd3f13; --muted:#5f645c; --telemetry-muted:#aab5a5; --line:rgba(17,20,17,.16); --mono:"DM Mono", monospace; --sans:"Space Grotesk", Arial, sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); overflow-x:hidden; } .noise { opacity:.045; pointer-events:none; position:fixed; inset:0; z-index:9; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); } .wrap { width:min(1180px,calc(100% - 48px)); margin:auto; }
.skip-link{position:fixed;left:16px;top:12px;z-index:20;padding:11px 14px;background:var(--lime);color:var(--ink);font:12px var(--mono);font-weight:700;text-decoration:none;transform:translateY(-150%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.toolbox a:focus-visible,.hero-device a:focus-visible{outline-color:var(--orange)}
.site-header { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); } .brand { color:var(--ink); text-decoration:none; font-weight:700; letter-spacing:-.06em; font-size:22px; display:flex; align-items:center; gap:10px; flex-shrink:0; } .brand-mark { display:flex; align-items:flex-end; gap:3px; height:22px; } .brand-mark i { display:block; width:4px; background:var(--ink); transform:skew(-12deg); } .brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px;background:var(--orange)}.brand-mark i:nth-child(3){height:22px}.site-header nav { display:flex; gap:30px; }.site-header nav a,.header-link { color:var(--ink); text-decoration:none; font:12px var(--mono); text-transform:uppercase; letter-spacing:.03em; }.header-link{flex-shrink:0}.header-link span { color:var(--orange); font-size:18px; }
.hero { min-height:690px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:60px; padding:66px 0 78px; }.eyebrow,.section-kicker { font:11px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 25px; }.status-dot { display:block;width:8px;height:8px;border-radius:50%;background:var(--orange); box-shadow:0 0 0 5px rgba(255,107,61,.15); }.hero h1 { margin:0; font-size:clamp(64px,8.4vw,112px); line-height:.87; letter-spacing:-.085em; font-weight:700; }.hero h1 em,.manifesto h2 span,.split-copy h2 span,.proof-answer em { font-style:normal;color:var(--orange-text); }.hero-lede { width:min(420px,100%); margin:32px 0; font-size:20px; line-height:1.35; letter-spacing:-.02em; }.hero-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.button { padding:15px 19px; text-decoration:none; font-weight:600; font-size:14px; border:1px solid var(--ink); transition:transform .2s,background .2s; }.button:hover { transform:translate(-2px,-2px); }.button-primary { background:var(--ink); color:var(--paper); box-shadow:4px 4px 0 var(--orange); }.button-primary span { color:var(--lime); margin-left:8px; }.button-quiet { color:var(--ink); background:transparent; }.terminal-line { margin-top:50px; color:var(--muted); font:12px var(--mono); }.terminal-line span { color:var(--orange-text); }.terminal-line b { color:var(--ink); }
.hero-device { width:100%; background:var(--ink); color:var(--paper); box-shadow:11px 11px 0 var(--orange); border:1px solid #242922; transform:rotate(2deg); overflow:hidden; }.device-top,.device-bottom { padding:13px 17px; font:10px var(--mono); letter-spacing:.08em; display:flex; justify-content:space-between; }.device-top{border-bottom:1px solid #30372e}.device-bottom{border-top:1px solid #30372e;color:var(--telemetry-muted)}.gps{color:var(--lime)}.gps i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:5px}.route-map { height:230px; position:relative; background:linear-gradient(110deg,#1e281d,#142016); overflow:hidden; }.route-map:before,.route-map:after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(213,255,54,.07) 40px),repeating-linear-gradient(90deg,transparent 0 61px,rgba(213,255,54,.06) 62px); }.route-map svg { position:absolute;inset:0;width:100%;height:100%; }.route-map path { fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-dasharray:9 6; }.route-map circle { fill:var(--orange);stroke:#111411;stroke-width:4; }.map-label { position:absolute;background:#eaf8b6;color:#111411;padding:6px 8px;font:11px var(--mono);z-index:2; }.map-label small{font-size:8px}.label-a{top:35px;left:45px}.label-b{bottom:28px;right:42px;background:var(--orange)}.metrics-grid { display:grid;grid-template-columns:repeat(3,1fr);padding:19px 16px;gap:8px; }.metrics-grid small,.coach-cue small{display:block;color:var(--telemetry-muted);font:9px var(--mono);letter-spacing:.1em}.metrics-grid strong{font-size:31px;letter-spacing:-.07em}.metrics-grid strong span{color:var(--lime)}.metrics-grid b{font:10px var(--mono);color:var(--telemetry-muted);font-weight:400}.coach-cue{margin:0 16px 16px;background:#252d23;display:flex;gap:11px;padding:11px}.coach-cue p{margin:0;font-size:13px;line-height:1.3}.cue-icon{color:var(--orange);font-size:22px}.device-bottom{color:var(--telemetry-muted)}.device-bottom span:first-child{color:var(--lime)}
.ticker { background:var(--orange); overflow:hidden; white-space:nowrap; padding:14px 0; font:12px var(--mono); letter-spacing:.07em; }.ticker div { display:inline-block; animation:scroll 30s linear infinite; }.ticker b{padding:0 22px;color:var(--paper)}@keyframes scroll{to{transform:translateX(-30%)}}
.manifesto { padding:140px 0; }.section-kicker { color:var(--muted); margin:0 0 22px; }.manifesto-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:100px; }.manifesto h2,.split-copy h2,.cta h2 { font-size:clamp(42px,5.4vw,72px);line-height:.93;letter-spacing:-.07em;margin:0; }.manifesto-grid>div { padding-top:10px; }.manifesto p { color:#50574e;line-height:1.55;font-size:16px; }.manifesto .big-copy { margin-top:0;color:var(--ink);font-size:23px;line-height:1.3;letter-spacing:-.025em; }
.toolbox { padding:100px 0 110px;background:var(--ink);color:var(--paper); }.section-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:33px; }.section-heading .section-kicker{color:#9ca69a}.section-heading>p:last-child{margin:0;color:#b8c0b5;font-size:16px}.tool-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#3d473a;border:1px solid #3d473a; }.tool { min-height:450px;background:var(--ink);padding:26px;display:flex;flex-direction:column;align-items:flex-start; }.tool-index{font:11px var(--mono);color:var(--orange)}.tool h3{font-size:32px;line-height:1;letter-spacing:-.055em;margin:32px 0 17px}.tool p{color:#b9c0b6;line-height:1.5;font-size:14px;margin:0}.tag{font:10px var(--mono);letter-spacing:.05em;color:var(--lime);margin-top:auto;padding-top:25px}.glyph{margin-top:40px;height:66px}.route-glyph{width:100px;position:relative;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:skew(-15deg)}.route-glyph span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange)}.route-glyph span:nth-child(1){left:16px;bottom:20px}.route-glyph span:nth-child(2){left:49px;bottom:42px;background:var(--lime)}.route-glyph span:nth-child(3){right:-5px;top:-4px}.waveform{display:flex;gap:5px;align-items:center}.waveform i{width:5px;background:var(--lime);display:block}.waveform i:nth-child(1){height:20px}.waveform i:nth-child(2){height:48px}.waveform i:nth-child(3){height:30px;background:var(--orange)}.waveform i:nth-child(4){height:63px}.waveform i:nth-child(5){height:40px}.waveform i:nth-child(6){height:22px;background:var(--orange)}.waveform i:nth-child(7){height:36px}.file-glyph{font:16px var(--mono);line-height:.85;color:var(--lime);border:2px solid var(--lime);padding:10px 13px;height:auto;transform:rotate(-4deg)}.file-glyph b{color:var(--orange)}
.split-section{padding:135px 0;display:grid;grid-template-columns:.95fr 1.05fr;gap:100px;align-items:center}.code-card{background:#20241e;color:#d9e1d3;box-shadow:9px 9px 0 var(--lime);font-family:var(--mono)}.code-bar{padding:12px;border-bottom:1px solid #3e4739;font-size:10px;color:#91a18d}.code-bar span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#687464;margin-right:4px}.code-bar span:nth-child(1){background:var(--orange)}.code-bar span:nth-child(2){background:var(--lime)}.code-bar b{margin-left:8px;font-weight:400}.code-card pre{margin:0;padding:30px;font:14px/1.8 var(--mono);overflow:auto}.code-card em{font-style:normal;color:var(--orange)}.code-footer{border-top:1px solid #3e4739;padding:12px;font-size:10px;color:#a6b8a2;letter-spacing:.06em}.code-footer span{float:right;color:var(--lime)}.split-copy>p:not(.section-kicker){line-height:1.6;color:#4e554c;font-size:17px;max-width:500px}.split-copy ul{list-style:none;padding:9px 0 0;margin:0}.split-copy li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.split-copy li span{color:var(--orange-text);font:20px var(--mono);margin-right:9px}
.proof{padding:85px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:1fr 60px 1fr 60px 1.7fr;align-items:center}.proof-number strong{display:block;font-size:100px;letter-spacing:-.1em;line-height:.8}.proof-number span{font:13px var(--mono);color:var(--muted);text-transform:uppercase}.proof-plus{font-size:40px;color:var(--orange);text-align:center}.proof-answer{font-size:clamp(25px,3vw,42px);line-height:1;letter-spacing:-.055em}
.cta{padding:115px 0}.cta-panel{padding:64px;position:relative;overflow:hidden;background:var(--orange);min-height:390px}.cta-panel:after{content:"";position:absolute;right:-120px;bottom:-180px;width:420px;height:420px;border:35px solid var(--lime);border-radius:50%;opacity:.9}.cta-panel h2{position:relative;z-index:1;max-width:700px}.cta-panel>p:not(.section-kicker){position:relative;z-index:1;max-width:470px;line-height:1.5}.cta-panel .section-kicker{color:var(--ink)}.cta-panel .button-primary{background:var(--ink)}.cta-panel .button-quiet.light{border-color:var(--ink)}.cta-corner{position:absolute;right:40px;top:38px;font:32px/.7 var(--mono);color:var(--ink);z-index:1}.cta-panel .hero-actions{position:relative;z-index:1;margin-top:28px}footer{padding:0 0 30px;display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);letter-spacing:.05em}
@media (max-width:800px){.wrap{width:calc(100% - 34px)}.site-header{height:70px}.site-header nav{display:none}.header-link{font-size:10px}.hero{grid-template-columns:1fr;gap:58px;padding:56px 0 72px;min-height:0}.hero h1{font-size:clamp(63px,17vw,92px)}.hero-device{max-width:500px;justify-self:center}.route-map{height:190px}.manifesto{padding:84px 0}.manifesto-grid,.split-section{grid-template-columns:1fr;gap:38px}.manifesto h2{font-size:55px}.toolbox{padding:74px 0}.section-heading{display:block}.section-heading>p:last-child{margin-top:8px}.tool-grid{grid-template-columns:1fr}.tool{min-height:350px}.split-section{padding:80px 0}.proof{padding:65px 0}.proof-grid{grid-template-columns:1fr 30px 1fr;gap:13px}.proof-number strong{font-size:72px}.proof-plus{font-size:28px}.proof-answer{grid-column:1/-1;margin-top:23px}.proof-grid .proof-plus:nth-of-type(2){display:none}.cta{padding:70px 0}.cta-panel{padding:38px 28px;min-height:0}.cta-panel:after{width:280px;height:280px;right:-150px;bottom:-160px;border-width:22px}.cta-corner{right:22px;top:24px;font-size:25px}footer{gap:15px;flex-direction:column}.metrics-grid strong{font-size:27px}}
@media (max-width:800px){.hero,.manifesto-grid,.split-section{grid-template-columns:minmax(0,1fr)}.hero-copy,.code-card{min-width:0}.eyebrow{font-size:9px;letter-spacing:.035em;line-height:1.5;flex-wrap:wrap}.hero-lede{font-size:18px}.hero-device{transform:rotate(1deg)}.manifesto .big-copy{font-size:21px}.code-card pre{padding:22px 18px;font-size:12px}.metrics-grid strong{font-size:clamp(22px,7vw,27px)}}
@media (max-width:420px){.header-link span{display:none}.hero{padding-top:46px}.hero h1{font-size:clamp(56px,17vw,72px)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{text-align:center}.device-top,.device-bottom{font-size:8px;padding-left:12px;padding-right:12px}.metrics-grid{padding-left:12px;padding-right:12px}.metrics-grid strong{font-size:22px}.metrics-grid b{font-size:8px}.cta-panel .hero-actions{align-items:flex-start}.cta-panel .button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button,.skip-link{transition:none}.hero-device{transform:none}}