:root{
  --ink:#0E0E10;
  --bone:#EFEDE7;
  --flare:#FF4A17;
  --steel:#6E7480;
  --paper:#FFFFFF;
  --muted-on-ink:#9AA0AA;
  --plate-pad:clamp(28px,6vw,90px);
  --maxw:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:Onest,system-ui,sans-serif;font-weight:800;letter-spacing:-0.03em;line-height:1.02;margin:0;text-transform:lowercase}
h1{font-size:clamp(44px,7.4vw,104px)}
h2{font-size:clamp(34px,5vw,68px)}
h3{font-size:clamp(22px,2.4vw,30px)}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--flare);outline-offset:3px}

.plate{padding:var(--plate-pad) 0;position:relative}
.plate--ink{background:var(--ink);color:var(--paper)}
.plate--bone{background:var(--bone);color:var(--ink)}
.plate--flare{background:var(--flare);color:var(--ink)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,48px)}

.tag{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:14px;font-weight:500;letter-spacing:.06em;display:block;margin-bottom:clamp(40px,9vw,120px)}
.plate--ink .tag{color:var(--flare)}
.plate--bone .tag{color:var(--steel)}
.plate--flare .tag{color:var(--ink)}
.tagrow{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.mark{font-family:Onest,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.04em;line-height:1}
.mark i{display:inline-block;width:.34em;height:.34em;border-radius:50%;background:var(--flare);margin-left:.1em;vertical-align:baseline}
.plate--flare .mark i{background:var(--paper)}

.lede{font-size:clamp(18px,1.9vw,22px);max-width:56ch;margin-top:28px;line-height:1.55}
.plate--ink .lede{color:var(--muted-on-ink)}
.plate--bone .lede{color:var(--steel)}

.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px}
.btn{display:inline-block;font-family:Onest,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.02em;
  padding:16px 30px;border:2px solid currentColor;background:none;color:inherit;cursor:pointer;text-decoration:none;
  transition:background .12s ease,color .12s ease}
.btn--solid{background:var(--flare);border-color:var(--flare);color:var(--ink)}
.btn--solid:hover{background:var(--paper);border-color:var(--paper)}
.btn--ghost:hover{background:currentColor}
.plate--ink .btn--ghost:hover{color:var(--ink);background:var(--paper)}
.plate--bone .btn--ghost:hover{color:var(--bone);background:var(--ink)}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(28px,4vw,56px);margin-top:56px}
.step .n{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--flare);display:block;margin-bottom:14px}
.step p{margin-top:12px;color:var(--steel);font-size:17px}

/* big number plate */
.huge+.lede{margin-top:clamp(28px,4vw,54px)}
.huge{font-family:Onest,sans-serif;font-weight:800;font-size:clamp(96px,20vw,280px);line-height:.86;letter-spacing:-.05em;text-transform:lowercase}

.cases{margin-top:52px;border-top:1px solid rgba(14,14,16,.16)}
.case{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:20px;align-items:baseline;
  padding:26px 0;border-bottom:1px solid rgba(14,14,16,.16)}
.case h3{text-transform:none}
.case .meta{color:var(--steel);font-size:16px}
.case .num{font-family:Onest,sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em;white-space:nowrap}
@media(max-width:720px){.case{grid-template-columns:1fr;gap:8px}}

form{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.field{display:flex;flex-direction:column;gap:9px}
.field--wide{grid-column:1/-1}
label{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.05em;color:var(--muted-on-ink)}
input,textarea,select{
  font-family:Inter,sans-serif;font-size:17px;color:var(--paper);background:transparent;
  border:0;border-bottom:2px solid #33343a;padding:12px 2px;border-radius:0;width:100%}
textarea{resize:vertical;min-height:104px}
input:focus,textarea:focus,select:focus{outline:none;border-bottom-color:var(--flare)}
select option{background:var(--ink)}
.err{color:var(--flare);font-size:14px;min-height:0}
.formfoot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:8px}
.formnote{font-size:14px;color:var(--muted-on-ink);max-width:44ch}

.ticker{font-family:"JetBrains Mono",monospace;font-weight:500;font-size:clamp(52px,11vw,140px);letter-spacing:-.02em;color:var(--flare);line-height:1}
.hidden{display:none}

footer{background:var(--ink);color:var(--muted-on-ink);padding:56px 0;font-size:15px}
footer a{color:var(--paper);text-decoration:none;border-bottom:1px solid #3a3b41}
footer a:hover{border-bottom-color:var(--flare)}
.footrow{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-end}

.video{margin-top:52px;background:#000;aspect-ratio:16/9;width:100%;display:flex;align-items:center;justify-content:center;
  color:var(--muted-on-ink);font-family:"JetBrains Mono",monospace;font-size:14px;text-align:center;padding:20px}
.video iframe,.video video{width:100%;height:100%;border:0;display:block}

.reel{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:52px}
@media(max-width:720px){.reel{grid-template-columns:1fr;gap:28px}}
.reel__frame{position:relative;aspect-ratio:9/16;background:var(--ink);border-radius:22px;overflow:hidden;width:100%;max-width:300px}
.reel__frame img{width:100%;height:100%;object-fit:cover;display:block}
.reel__frame iframe,.reel__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.reel__play{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:rgba(14,14,16,.25);border:0;cursor:pointer;padding:0}
.reel__play:hover .reel__dot{transform:scale(1.08)}
.reel__dot{width:72px;height:72px;border-radius:50%;background:var(--flare);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}
.reel__dot::after{content:"";border-left:22px solid var(--ink);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.reel__cap{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--steel);letter-spacing:.05em;margin-bottom:14px;display:block}
.reel__meta h3{margin:0 0 12px;text-transform:none}
.reel__meta p{color:var(--steel);font-size:17px;max-width:46ch}