*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:#0d0f12;color:#e8e6e1;font:17px/1.6 'Inter',system-ui,sans-serif}
a{color:#ffb020}.w{max-width:1160px;margin:0 auto;padding:0 22px}
h1,h2,h3,.logo{font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-.01em;line-height:1.05;text-transform:uppercase}
header{position:sticky;top:0;z-index:9;background:rgba(13,15,18,.9);backdrop-filter:blur(8px);border-bottom:1px solid #22262d}
header .w{display:flex;align-items:center;justify-content:space-between;height:66px;gap:12px}
.logo{color:#fff;text-decoration:none;font-size:20px;display:flex;align-items:center;gap:8px}.logo span{color:#ffb020}
nav{display:flex;gap:20px}nav a{color:#cfcac0;text-decoration:none;font-weight:600;font-size:15px}nav a:hover{color:#ffb020}
.hero{position:relative;padding:96px 0 84px;background:radial-gradient(900px 400px at 85% 0,rgba(255,176,32,.18),transparent),repeating-linear-gradient(135deg,#0d0f12 0 22px,#101317 22px 44px);border-bottom:6px solid #ffb020}
.kick{display:inline-block;font-weight:800;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#0d0f12;background:#ffb020;padding:6px 12px;border-radius:4px;margin-bottom:22px}
h1{font-size:clamp(40px,7.4vw,92px);color:#fff;max-width:13ch}h1 em{font-style:normal;color:#ffb020}
.lead{font-size:clamp(18px,2.2vw,22px);color:#cfcac0;max-width:640px;margin:22px 0 32px}
.btn{display:inline-block;background:#ffb020;color:#0d0f12;font-weight:800;text-decoration:none;padding:15px 26px;border-radius:8px;margin:0 10px 10px 0;box-shadow:0 6px 0 #b37400;transition:transform .1s}.btn:hover{transform:translateY(2px);box-shadow:0 4px 0 #b37400}
.btn.alt{background:transparent;color:#fff;border:2px solid #3a3f48;box-shadow:none}
.ex{margin-top:26px;color:#8f8a80;font-size:15px}.ex b{color:#cfcac0}
section{padding:84px 0}section.alt{background:#13161b;border-top:1px solid #22262d;border-bottom:1px solid #22262d}
h2{font-size:clamp(30px,4.6vw,52px);color:#fff;margin-bottom:14px}h2 span{color:#ffb020}.sub{color:#a9a49a;max-width:680px;margin-bottom:38px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}
.card{background:#171a20;border:1px solid #2a2f37;border-radius:16px;padding:30px;position:relative}
.card.feat{border:2px solid #ffb020;box-shadow:0 20px 60px rgba(255,176,32,.12)}
.tag{position:absolute;top:-13px;left:26px;background:#ffb020;color:#0d0f12;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.card h3{font-size:22px;color:#fff;margin-bottom:10px}.price{font-family:'Archivo Black',sans-serif;font-size:48px;color:#ffb020;line-height:1}.per{color:#a9a49a;margin:6px 0 18px}
ul.c{list-style:none;margin-bottom:22px}ul.c li{padding:7px 0 7px 28px;position:relative;border-top:1px solid #23272e}ul.c li:before{content:"";position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:3px solid #ffb020;border-bottom:3px solid #ffb020;transform:rotate(-45deg)}
.note{margin-top:26px;color:#cfcac0;font-weight:600}.ico{width:46px;height:46px;margin-bottom:16px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}@media(max-width:820px){.split{grid-template-columns:1fr}}
.big{font-family:'Archivo Black',sans-serif;font-size:clamp(28px,4vw,44px);color:#ffb020;line-height:1.1;text-transform:uppercase}
.steps{counter-reset:s;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:22px}
.steps li{counter-increment:s;background:#171a20;border:1px solid #2a2f37;border-radius:16px;padding:26px}.steps li:before{content:"0" counter(s);display:block;font-family:'Archivo Black';font-size:40px;color:#ffb020;margin-bottom:6px}
.thumb{display:block;border-radius:14px;overflow:hidden;border:1px solid #2a2f37;text-decoration:none;color:#fff;background:#171a20}.thumb img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}.thumb span{display:block;padding:14px 18px;font-weight:700}
.cta{text-align:center;background:linear-gradient(135deg,#ffb020,#ff7a1a);color:#0d0f12}.cta h2{color:#0d0f12}.cta .btn{background:#0d0f12;color:#fff;box-shadow:0 6px 0 #000}.cta p{max-width:620px;margin:0 auto 28px;font-weight:600}
.fnote{background:rgba(255,176,32,.12);border:1px dashed #ffb020;border-radius:8px;padding:10px 12px;font-size:14px;color:#e8e6e1;margin:-6px 0 16px}.special{padding:46px 0;background:#171a20;border-top:1px solid #2a2f37;border-bottom:1px solid #2a2f37}.special h2{font-size:clamp(26px,3.6vw,40px)}.special p{color:#cfcac0;max-width:720px}.spw{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}
footer{padding:34px 0;color:#8f8a80;font-size:14px;border-top:1px solid #22262d}
@media(max-width:640px){nav{gap:12px}nav a{font-size:13px}.logo{font-size:16px}.logo svg{display:none}.hero{padding:64px 0 56px}section{padding:60px 0}.card{padding:24px}}