:root{--ink:#0E0D0C;--graphite:#1A1917;--raised:#262422;--rope:#2E2B28;--wrap:#F4EFE7;--muted:#A39D94;--faint:#6B665F;--glove:#E5252F;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--wrap);font:17px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{color:inherit}
.display{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:800;line-height:.86;letter-spacing:-.005em;margin:0;text-wrap:balance}
.nav{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,48px);transition:background .3s var(--ease),backdrop-filter .3s}
.nav.solid{background:rgba(14,13,12,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.nav img{height:28px;width:auto}
.nav a.pill{font-size:15px}
.pill{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:999px;background:var(--wrap);color:var(--ink);font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s var(--ease),opacity .2s;white-space:nowrap}
.pill:active{transform:scale(.96)}
.pill.small{height:40px;padding:0 18px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,.35) 0%,rgba(14,13,12,0) 30%,rgba(14,13,12,.15) 55%,rgba(14,13,12,.92) 100%)}
.hero .inner{position:relative;z-index:1;width:100%;padding:0 clamp(16px,4vw,48px) clamp(32px,6vh,64px)}
.hero h1{font-size:clamp(84px,13vw,220px)}
.hero p{font-size:clamp(18px,1.6vw,22px);max-width:30em;margin:18px 0 28px;color:var(--wrap)}
.form{display:flex;gap:10px;max-width:520px;flex-wrap:wrap}
.form input{flex:1 1 220px;min-width:0;height:48px;border-radius:999px;border:1px solid rgba(244,239,231,.28);background:rgba(14,13,12,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--wrap);padding:0 22px;font:inherit;font-size:16px;outline:none;transition:border-color .2s}
.form input::placeholder{color:var(--muted)}
.form input:focus{border-color:var(--wrap)}
.form .pill{flex:0 0 auto}
.form[aria-busy=true] .pill{opacity:.6;pointer-events:none}
.note{font-size:14px;color:var(--muted);margin-top:12px;min-height:1.4em}
.note.err{color:var(--glove)}
.done{display:none;font-size:20px;font-weight:600}
.done span{color:var(--glove)}
form.sent{display:none}
form.sent+.done{display:block}
.statement{padding:clamp(96px,16vw,200px) clamp(16px,4vw,48px)}
.statement .display{font-size:clamp(64px,11vw,176px)}
.statement .display em{font-style:normal;color:var(--glove)}
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);padding:clamp(56px,8vw,120px) clamp(16px,4vw,48px);max-width:1360px;margin:0 auto}
.feature.flip .copy{order:2}
.kicker{font-size:15px;color:var(--glove);font-weight:600;margin:0 0 14px}
.feature h2{font-size:clamp(56px,7.4vw,120px)}
.feature p{font-size:clamp(18px,1.5vw,21px);color:var(--muted);max-width:24em;margin:22px 0 0}
.phone{justify-self:center;width:min(340px,78vw);border-radius:48px;padding:10px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 120px -20px rgba(229,37,47,.18),0 30px 80px rgba(0,0,0,.6)}
.phone img{border-radius:39px;width:100%;height:auto;outline:1px solid rgba(255,255,255,.06);outline-offset:-1px}
.bleed{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden}
.bleed>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bleed::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,0) 40%,rgba(14,13,12,.88) 100%)}
.bleed .inner{position:relative;z-index:1;padding:0 clamp(16px,4vw,48px) clamp(32px,6vh,64px)}
.bleed h2{font-size:clamp(64px,11vw,176px)}
.cta{text-align:center;padding:clamp(96px,14vw,180px) 16px}
.cta h2{font-size:clamp(72px,12vw,190px)}
.cta p{color:var(--muted);font-size:clamp(18px,1.5vw,21px);margin:20px auto 30px;max-width:26em}
.cta .form{margin:0 auto;justify-content:center}
.cta .done{text-align:center}
footer{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding:28px clamp(16px,4vw,48px) 40px;border-top:1px solid var(--rope);color:var(--faint);font-size:14px}
footer nav{display:flex;gap:22px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--wrap)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (max-width:820px){
  .hero{display:block;min-height:0}
  .hero picture{position:relative;display:block;height:58svh}
  .hero picture img{object-position:50% 20%}
  .hero .shade{bottom:auto;height:58svh;background:linear-gradient(180deg,rgba(14,13,12,.45) 0%,rgba(14,13,12,0) 22%,rgba(14,13,12,0) 55%,var(--ink) 100%)}
  .hero .inner{margin-top:-16svh;padding-bottom:40px}
  .hero h1{font-size:clamp(76px,23vw,140px)}
  .feature{grid-template-columns:1fr;text-align:left}
  .feature.flip .copy{order:0}
  .phone{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
}

body::after{content:"";position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}100%{transform:translate(0,0)}}
.display{font-weight:900;text-transform:uppercase;line-height:.84;letter-spacing:-.01em}
.hero picture img,.bleed>img{filter:contrast(1.28) saturate(.82) brightness(.92)}
.pill{border-radius:2px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-size:15px;height:52px;padding:0 26px;box-shadow:4px 4px 0 var(--glove)}
.pill:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--glove)}
.pill.small{height:40px;font-size:13px;box-shadow:3px 3px 0 var(--glove)}
.form input{border-radius:2px;border:2px solid rgba(244,239,231,.4);height:52px;background:rgba(14,13,12,.7)}
.kicker,.tape{display:inline-block;background:var(--glove);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;padding:6px 12px 5px;transform:rotate(-2deg);box-shadow:3px 3px 0 rgba(0,0,0,.6)}
.ticker{position:relative;z-index:2;overflow:hidden;background:var(--glove);color:#fff;transform:rotate(-1.6deg);margin:-26px -10px 0;padding:14px 0;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.ticker div{display:flex;width:max-content;animation:tick 26s linear infinite}
.ticker span{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(26px,3.4vw,44px);line-height:1;padding-right:28px;white-space:nowrap}
.ticker span::after{content:"✕";margin-left:28px;color:var(--ink)}
@keyframes tick{to{transform:translateX(-50%)}}
.statement .display .hollow{color:transparent;-webkit-text-stroke:2px var(--wrap)}
.bleed,.cta{clip-path:polygon(0.00% 0.45%, 2.17% 0.21%, 4.35% 0.91%, 6.52% 0.10%, 8.70% 0.75%, 10.87% 0.51%, 13.04% 0.08%, 15.22% 0.71%, 17.39% 0.05%, 19.57% 0.61%, 21.74% 0.10%, 23.91% 0.13%, 26.09% 0.59%, 28.26% 1.16%, 30.43% 0.17%, 32.61% 0.31%, 34.78% 0.88%, 36.96% 1.33%, 39.13% 0.81%, 41.30% 0.56%, 43.48% 1.37%, 45.65% 0.07%, 47.83% 1.20%, 50.00% 0.41%, 52.17% 0.20%, 54.35% 0.16%, 56.52% 0.43%, 58.70% 1.14%, 60.87% 0.25%, 63.04% 0.81%, 65.22% 0.89%, 67.39% 0.52%, 69.57% 0.77%, 71.74% 0.09%, 73.91% 0.08%, 76.09% 0.29%, 78.26% 0.95%, 80.43% 0.60%, 82.61% 0.44%, 84.78% 0.82%, 86.96% 0.63%, 89.13% 0.42%, 91.30% 1.11%, 93.48% 0.98%, 95.65% 0.34%, 97.83% 0.80%, 100.00% 0.74%, 100% 100%, 0% 100%);margin-top:-24px}
.phone{border-radius:44px;box-shadow:14px 14px 0 var(--glove),0 30px 80px rgba(0,0,0,.6)}
.cta{background:var(--graphite)}
.done{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:900;text-transform:uppercase;font-size:32px}
@media (prefers-reduced-motion:reduce){body::after,.ticker div{animation:none}}