@font-face{font-family:"Jost";src:url(/fonts/jost.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jbmono.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Jost Fallback";src:local("Arial");size-adjust:98%;ascent-override:100%;descent-override:26%;line-gap-override:0%}
:root{
  --page:#ebebe9;--card:#fff;--inset:#f4f3f1;--deep:#2c2a29;--navy:#03204a;--coral:#ff6f4a;--coral-d:#c2431f;--ok:#3d7a14;--crit:#b3261e;
  --ink:30 6% 17%;--t1:hsl(var(--ink) / .96);--t2:hsl(var(--ink) / .76);--t3:hsl(var(--ink) / .66);--line:hsl(var(--ink) / .13);
  --inv:0 0% 100%;--i1:hsl(var(--inv) / .97);--i2:hsl(var(--inv) / .82);--i3:hsl(var(--inv) / .68);--iline:hsl(var(--inv) / .2);
  --root:3rem;
  --t-hero:clamp(2.6rem,min(5.6vw,11dvh),calc(var(--root)*2.2));
  --t-h2:clamp(1.8rem,3.6vw,calc(var(--root)*1.3));
  --f:"Jost","Jost Fallback",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  --r:14px;--r-pill:999px;--sh:0 1px 2px rgb(44 42 41 / .08),0 14px 36px -16px rgb(44 42 41 / .3);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--t1);font:400 1.0625rem/1.6 var(--f);overflow-x:hidden}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}
a{color:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border-radius:var(--r-pill);border:1.5px solid var(--deep);font-weight:500;text-decoration:none;background:transparent;transition:background .15s,color .15s,transform .1s}
.btn:hover{background:var(--deep);color:#fff}.btn:active{transform:translateY(1px)}
.btn.sm{min-height:44px;padding:8px 18px;font-size:.95rem}
.btn.p{background:var(--coral-d);border-color:var(--coral-d);color:#fff}.btn.p:hover{background:#a53819;border-color:#a53819}
.btn.ghost{border-color:var(--iline);color:#fff}.btn.ghost:hover{background:#fff;color:var(--navy)}
.btn.light{background:#fff;border-color:#fff;color:var(--deep)}.btn.light:hover{background:var(--deep);color:#fff;border-color:var(--deep)}
.eyebrow{font:500 .75rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--coral);margin-bottom:16px}
.eyebrow.dark{color:var(--coral-d)}

.bar{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);color:#fff;background:linear-gradient(180deg,rgb(3 32 74 / .75),transparent)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:1.3rem;font-weight:500}
.mark{width:30px;height:30px;border-radius:50%;background:var(--coral);position:relative}
.mark::after{content:"";position:absolute;inset:8px 6px;border-radius:50%/70% 70% 30% 30%;background:var(--navy);transform:rotate(-18deg)}
.bar nav{display:flex;gap:6px;align-items:center}
.bar nav a:not(.btn){padding:10px 14px;text-decoration:none;color:var(--i2);font-size:.95rem}
.bar nav a:not(.btn):hover{color:#fff}

.hs{position:relative;padding:0;background:var(--navy);color:#fff}
.hs-stage{position:relative}
.hs-media{position:relative;overflow:hidden;background:var(--navy)}
.hs-poster,.hs-video{width:100%;height:100%;object-fit:cover}
.hs-media picture,.hs-media picture img{display:block;width:100%;height:100%}
.hs-video{position:absolute;inset:0;opacity:0;transition:opacity .4s}.hs-video.is-ready{opacity:1}
.hs-scrim{position:absolute;inset:0;pointer-events:none}
.hs-cap{position:absolute;right:16px;bottom:10px;margin:0;color:var(--i3);font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hs-copy{position:relative;background:var(--navy);padding:28px clamp(16px,4vw,48px) 40px}
.hs h1{font-weight:300;font-size:var(--t-hero);line-height:1.02;letter-spacing:-.02em}
.lede{font-size:clamp(1.05rem,1.3vw,1.3rem);color:var(--i2);max-width:44ch;margin:20px 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.log{list-style:none;padding:0;margin:32px 0 0;max-width:540px;display:grid;gap:0}
.log li{display:grid;grid-template-columns:3.4rem 1fr auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--iline);font-size:.95rem;color:var(--i1);transition:opacity .4s,transform .4s}
.log time{font:500 .75rem/1 var(--mono);color:var(--i3)}
.log b{font:500 .8rem/1 var(--mono);background:var(--coral);color:var(--deep);border-radius:4px;padding:3px 6px;margin-right:8px}
.log i{font:500 .625rem/1 var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1.5px solid var(--iline);border-radius:4px;padding:4px 6px}
html[data-motion="scrub"] .log li{opacity:0;transform:translateY(8px)}
html[data-motion="scrub"] .log li.on{opacity:1;transform:none}
@media (min-width:900px){
  .hs-stage{height:100dvh;min-height:640px;overflow:hidden}
  .hs-media{position:absolute;inset:0}
  .hs-scrim{background:linear-gradient(90deg,rgb(3 32 74 / .9) 0%,rgb(3 32 74 / .7) 36%,rgb(3 32 74 / 0) 64%),linear-gradient(180deg,rgb(3 32 74 / .55) 0%,rgb(3 32 74 / 0) 20%),radial-gradient(130% 120% at 72% 62%,transparent 52%,rgb(3 32 74 / .55) 120%)}
  .hs-copy{position:absolute;inset:0;background:none;display:flex;align-items:center;padding:96px clamp(16px,4vw,48px) 40px}
  .hs-text{max-width:880px}
}
@media (min-width:900px) and (max-height:820px){.lede{margin:14px 0 18px}.log{margin-top:20px}.log li{padding:6px 0}}
@media (max-width:899px){.hs-media{aspect-ratio:4/5;max-height:62dvh}.hs-scrim{background:linear-gradient(180deg,rgb(3 32 74 / .55) 0%,transparent 28%,transparent 70%,var(--navy) 100%)}.bar nav a:not(.btn){display:none}.log{margin-top:24px}}

.strip{background:var(--deep);color:#fff;padding:32px clamp(16px,4vw,48px)}
.strip dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1180px;margin:0 auto}
.strip dt{font:500 .7rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--i3)}
.strip dd{font-weight:300;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.1;color:var(--coral)}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.sec{padding-top:clamp(56px,9vw,112px);padding-bottom:clamp(40px,6vw,80px)}
h2{font-weight:300;font-size:var(--t-h2);line-height:1.1;letter-spacing:-.01em;max-width:20ch}
h3{font-weight:500;font-size:1.35rem;line-height:1.25}
.row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;margin-top:clamp(32px,5vw,64px)}
.row.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.row.flip>img{order:2}
.row img{border-radius:var(--r);box-shadow:var(--sh);background:var(--card)}
.row p{color:var(--t2);margin:12px 0 20px;max-width:42ch}
.how{background:var(--navy);color:#fff;padding:clamp(56px,9vw,112px) 0}
.how h2{max-width:22ch}
.steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.steps li{border-top:1px solid var(--iline);padding-top:16px}
.steps time{font:500 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.steps h3{margin:12px 0 8px}.steps p{color:var(--i2)}
.proof{margin-top:40px;font:500 .9rem/2 var(--mono);color:var(--i1);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.stamp{display:inline-block;font:500 .6875rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:4px;border:1.5px solid currentColor}
.stamp.ok{color:#a9e07a}.stamp.bad{background:var(--crit);border-color:var(--crit);color:#fff}
.about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.about p{margin-top:16px;max-width:54ch;color:var(--t2)}
.clients{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.clients span{background:var(--card);border-radius:var(--r-pill);padding:7px 16px;font-weight:500;font-size:.95rem;box-shadow:var(--sh)}
.cta-card{background:var(--coral-d);color:#fff;border-radius:var(--r);padding:clamp(24px,3vw,40px);box-shadow:var(--sh)}
.cta-card p{color:var(--i1);margin:12px 0 24px}.cta-card .small{font-size:.9rem;margin:20px 0 0;color:var(--i2)}
.foot{background:var(--deep);color:var(--i2);padding:32px clamp(16px,4vw,48px);font-size:.875rem}.foot p{max-width:80ch}
@media (max-width:899px){
  .strip dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row,.row.flip{grid-template-columns:minmax(0,1fr)}.row.flip>img{order:0}
  .steps,.about{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}