:root{--bg:#000;--ink:#f2f2f2;--field:#131110;--accent:#e8c46a;--on-accent:#000;--m:clamp(16px,3vw,40px);--sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.55 var(--sans)}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px var(--m);background:var(--bg)}
.mark{font-weight:700;text-decoration:none;font-size:20px}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none}
nav a:hover{color:var(--accent)}
#lang{font:inherit;background:none;color:inherit;border:0;padding:8px;cursor:pointer}
#lang:hover{color:var(--accent)}
section{padding:clamp(80px,12vw,180px) var(--m)}
h1,h2{margin:0;font-weight:700;letter-spacing:-.04em}
h1{font-size:clamp(40px,8.6vw,140px);line-height:.95}
h2{font-size:clamp(34px,5vw,72px);line-height:1;letter-spacing:-.03em}
.hero{min-height:calc(100svh - 70px);display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(40px,6vw,90px);padding-bottom:var(--m)}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:48px}
.lead{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.35;max-width:30em}
.btn{display:inline-block;background:var(--accent);color:var(--on-accent);font:700 18px var(--sans);text-decoration:none;border:0;padding:18px 32px;cursor:pointer;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.data{background:var(--field)}
.big{list-style:none;margin:48px 0 0;padding:0;font-size:clamp(34px,5vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.big li{padding:.25em 0}
.big small{display:block;font-size:18px;font-weight:400;letter-spacing:0;line-height:1.4;margin-top:6px}
.scope,.proof,.price{display:grid;grid-template-columns:1fr 1fr;gap:var(--m);align-items:start}
.scope p,.proof p,.price p{margin:20px 0 0;max-width:34em}
.scope .clubs{list-style:none;margin:0;padding:0;font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.3}
.clubs li{padding:.2em 0}
.proof{background:var(--field)}
.proof .btn{margin-top:32px}
.proof p{margin-top:0;font-size:clamp(20px,1.8vw,24px)}
.price{background:var(--accent);color:var(--on-accent)}
.price h2{font-size:clamp(40px,7vw,112px);letter-spacing:-.04em}
.price p{margin-top:0;font-size:clamp(20px,1.8vw,24px)}
code{font:inherit;font-weight:700}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--m);align-items:start}
form{display:grid;gap:20px;max-width:560px}
label span{display:block;margin-bottom:8px}
input,textarea{width:100%;font:inherit;color:var(--ink);background:var(--field);border:0;border-bottom:3px solid var(--ink);padding:14px;border-radius:0}
input:focus,textarea:focus{outline:0;border-bottom-color:var(--accent);background:#1d1a17}
form .btn{justify-self:start}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
#status{margin:0;min-height:1.5em}
footer{padding:0 var(--m) var(--m)}
.big-name{margin:0;font-size:clamp(80px,26vw,420px);font-weight:700;letter-spacing:-.06em;line-height:.85}
.small{margin:24px 0 0;color:var(--ink);opacity:.8;font-size:16px}
@media(max-width:800px){
  .scope,.proof,.price,.contact{grid-template-columns:1fr}
  nav{gap:16px}
  .hero{min-height:0}
  .btn{width:100%;text-align:center}
}
@media(prefers-reduced-motion:no-preference){
  .rise{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
  .rise.in{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}