:root{--bg:#0d0a08;--panel:#17120e;--line:#2c241c;--text:#f4efe8;--muted:#b9afa3;--tag:#f7c600;--ink:#141414;color-scheme:dark}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:var(--tag)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--tag);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:9;background:var(--tag);color:var(--ink);padding:8px 14px}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
header.top{position:absolute;inset:0 0 auto;z-index:3}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:15px}
header.top a{color:var(--text);text-decoration:none}header.top a:hover{color:var(--tag)}header.top nav{display:flex;gap:20px}
.hero{position:relative;min-height:min(92vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--bg)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:32% 50%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,4,0) 36%,rgba(8,6,4,.98) 54%),linear-gradient(0deg,var(--bg),rgba(8,6,4,0) 26%)}
.hero .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end;padding:96px 0 64px}
.hero-box{width:min(500px,100%)}.hero-box img{width:100%;margin-bottom:6px}
.hero-box h1{font-size:clamp(21px,2.6vw,27px);line-height:1.3;font-weight:600;margin-bottom:22px}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-block;background:var(--tag);color:var(--ink);font-weight:700;padding:13px 24px;text-decoration:none;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%)}
a.btn:hover{background:#ffdc3d}.btn.soon{background:#3a3128;color:var(--text)}.note{color:var(--muted);font-size:15px}
section{padding:72px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(27px,3.6vw,40px);line-height:1.15;margin-bottom:18px}
h3{font-size:19px;margin-bottom:4px}.lead{max-width:68ch;color:var(--muted)}
.steps{list-style:none;padding:0;margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px 44px;counter-reset:s}
.steps li{counter-increment:s;padding-left:58px;position:relative}.steps p{color:var(--muted)}
.steps li:before{content:counter(s);position:absolute;left:0;top:2px;width:42px;height:28px;background:var(--tag);color:var(--ink);font-weight:700;text-align:center;line-height:28px;padding-left:7px;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}
figure{background:var(--panel)}figcaption{padding:10px 14px;color:var(--muted);font-size:15px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.list{padding-left:20px;color:var(--muted)}.list li{margin-bottom:8px}.list li::marker{color:var(--tag)}
.table-wrap{overflow-x:auto;margin-top:26px}
table{border-collapse:collapse;width:100%;min-width:600px;font-size:15.5px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{color:var(--tag)}tbody th{font-weight:600}td{color:var(--muted)}
.support{background:var(--panel)}.mail{font-size:clamp(21px,3vw,28px);font-weight:700;overflow-wrap:anywhere}
footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:space-between}footer a{color:var(--text)}
.legal{padding:112px 0 72px}.legal .wrap{max-width:760px}.legal h1{font-size:clamp(30px,4vw,42px);line-height:1.15;margin-bottom:8px}.legal h2{font-size:21px;margin:32px 0 8px}
.legal p,.legal li{color:var(--muted);margin-bottom:10px}.legal strong{color:var(--text)}
@media (max-width:820px){
 .hero{min-height:0;display:block}.hero>img{position:relative;height:auto;aspect-ratio:16/10;object-position:30% 50%}
 .hero:after{background:linear-gradient(0deg,var(--bg) 0,rgba(8,6,4,0) 42%);bottom:auto;aspect-ratio:16/10}
 .hero .wrap{padding:6px 0 44px}.hero-box{width:100%}.hero-box img{max-width:380px;margin-inline:auto}
 .shots,.two{grid-template-columns:1fr}.two{gap:40px}section{padding:52px 0}
 header.top{position:relative;background:var(--bg)}.legal{padding-top:36px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}