:root{--bg:#0A0A0D;--panel:#121217;--line:#2A2A30;--y:#FFC21A;--r:#FF3B3B;--tx:#F4F1EA;--mut:#CFCBC0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:400 18px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Oswald,Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:1;margin:0}
p{margin:0;color:var(--mut)}
.wrap{max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(20px,4vw,48px)}
.y{color:var(--y)}
.kick{font:500 16px Oswald,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--r);margin-bottom:8px}
.big{font-size:clamp(40px,5.8vw,80px)}
header{border-bottom:1px solid var(--line);position:relative}
.bar{max-width:1200px;margin:0 auto;padding:16px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font:700 22px Oswald,sans-serif;letter-spacing:.04em;color:var(--y)}
.logo span{color:var(--tx)}
nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px}
nav a:hover,nav a[aria-current]{color:var(--y)}
nav a.btn{color:#0A0A0D}
.burger{display:none;background:none;border:1px solid var(--y);color:var(--y);padding:10px 16px;font:700 15px Oswald,sans-serif;letter-spacing:.1em;cursor:pointer}
.btn{display:inline-block;background:var(--y);color:#0A0A0D;padding:14px 28px;font:700 17px Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--y);cursor:pointer}
.btn:hover{background:#FFD34D}
.btn.o{background:none;color:var(--y)}
.btn.o:hover{background:var(--y);color:#0A0A0D}
.row{display:flex;flex-wrap:wrap;gap:16px}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.split{display:grid;gap:56px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.card{background:var(--panel);border:1px solid #3A3A42;padding:32px}
.card.g{border-color:var(--y)}
.card h3{font-size:36px;margin:8px 0 14px}
.card .btn{margin-top:24px}
.price{font:700 36px Oswald,sans-serif;color:var(--y);margin-top:14px}
.alt{background:var(--panel);border-block:1px solid var(--line)}
.band{background:var(--y);color:#0A0A0D}
.band .btn{background:#0A0A0D;border-color:#0A0A0D;color:var(--y)}
.band .btn.o{background:none;color:#0A0A0D}
.band .wrap{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between}
.hero{display:grid;gap:48px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.hero h1 span{display:block;color:var(--y)}
.hero h1 .k{font-size:clamp(18px,2.6vw,32px);letter-spacing:.14em;color:var(--r);margin-bottom:14px}
.hero h1 .n{font-size:clamp(68px,13vw,176px)}
.hero h1 .t{font-size:clamp(42px,8.4vw,112px)}
.tag{margin-top:36px;padding-top:20px;border-top:3px solid var(--y);max-width:640px}
.tag b{display:block;font:500 clamp(22px,2.8vw,34px)/1.25 Oswald,sans-serif;text-transform:uppercase;margin-bottom:12px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat{background:var(--panel);border:1px solid var(--y);padding:24px 20px}
.stat b{display:block;font:700 clamp(40px,5vw,60px)/1 Oswald,sans-serif;color:var(--y)}
.stat span{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.ph{height:320px;border:1px dashed #5A5A64;background:var(--panel);display:grid;place-items:center;color:#B9B5AA;font-size:14px;letter-spacing:.1em}
form{display:grid;gap:18px}
label{display:grid;gap:8px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
input,select,textarea{background:var(--bg);border:1px solid #5A5A64;color:var(--tx);padding:14px;font:16px Inter,sans-serif;width:100%}
:is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--y);outline-offset:2px}
address{font-style:normal;color:var(--mut)}
footer{border-top:1px solid var(--line);font-size:14px;color:#B9B5AA}
footer div{max-width:1200px;margin:0 auto;padding:28px clamp(20px,4vw,48px);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
@media(max-width:760px){
.burger{display:block}
nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px;padding:20px clamp(20px,4vw,48px)}
nav.open{display:flex}
}
