*{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#0b0d0c;
--bg-soft:#141712;
--panel:#181c17;
--ink:#eef1e6;
--muted:#8b9288;
--lime:#ccff33;
--coral:#ff5c72;
--line:rgba(238,241,230,0.12);
--font-head:'Unbounded',sans-serif;
--font-mono:'JetBrains Mono',monospace;
}
html{scroll-behavior:smooth}
body{
background:var(--bg);
color:var(--ink);
font-family:var(--font-mono);
font-size:16px;
line-height:1.6;
overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{display:block;max-width:100%}

.site-header{
position:sticky;top:0;z-index:50;
background:rgba(11,13,12,0.92);
backdrop-filter:blur(6px);
border-bottom:1px solid var(--line);
}
.header-inner{
max-width:1500px;margin:0 auto;
display:flex;align-items:center;justify-content:space-between;
padding:14px 24px;
gap:24px;
}
.brand{display:flex;align-items:center;gap:10px}
.brand-name{font-family:var(--font-head);font-weight:800;font-size:1.25rem;letter-spacing:1px}
.main-nav{display:flex;gap:26px;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px}
.main-nav a{color:var(--muted);transition:color .25s}
.main-nav a:hover{color:var(--lime)}
.header-actions{display:flex;align-items:center;gap:10px}

.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:22px;height:2px;background:var(--ink)}

.btn{
font-family:var(--font-mono);
font-size:0.85rem;
font-weight:600;
padding:11px 20px;
border-radius:2px;
border:1px solid var(--line);
position:relative;
overflow:hidden;
transition:box-shadow .25s ease, transform .25s ease, color .25s ease;
display:inline-block;
white-space:nowrap;
}
.btn-ghost{color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.btn-solid{background:var(--lime);color:#0b0d0c;border-color:var(--lime)}
.btn-solid::before{
content:'';
position:absolute;inset:0;
background:var(--coral);
transform:translateX(-101%);
transition:transform .3s ease;
z-index:0;
}
.btn-solid span{position:relative;z-index:1}
.btn-solid:hover::before{transform:translateX(0)}
.btn-solid:hover{box-shadow:6px 6px 0 var(--coral);transform:translate(-3px,-3px)}
.btn-outline{color:var(--lime);border-color:var(--lime);background:transparent}
.btn-outline:hover{box-shadow:6px 6px 0 var(--lime);transform:translate(-3px,-3px)}
.btn-lg{padding:16px 30px;font-size:0.95rem}

.hero{
min-height:100vh;
display:flex;flex-direction:column;justify-content:center;
position:relative;
padding:120px 24px 40px;
border-bottom:1px solid var(--line);
}
.hero-grid{
max-width:1500px;
margin:0 auto;
width:100%;
position:relative;
}
.hero-kicker{
font-size:0.8rem;
letter-spacing:2px;
text-transform:uppercase;
color:var(--lime);
margin-bottom:18px;
}
.hero-title{
font-family:var(--font-head);
font-weight:800;
font-size:clamp(2.6rem,8vw,6.4rem);
line-height:1.02;
letter-spacing:-1px;
max-width:1100px;
margin-left:-4px;
}
.hero-lead{
max-width:520px;
margin-top:34px;
margin-left:6px;
color:var(--muted);
font-size:1rem;
}
.hero-ctas{
display:flex;gap:16px;flex-wrap:wrap;
margin-top:38px;
margin-left:6px;
}
.sticker{
position:absolute;
font-family:var(--font-mono);
font-size:0.78rem;
font-weight:700;
text-transform:uppercase;
border:1px solid var(--line);
padding:8px 14px;
background:var(--panel);
letter-spacing:0.5px;
}
.sticker-1{top:0;right:6%;transform:rotate(-4deg);color:var(--coral);border-color:var(--coral)}
.sticker-2{top:44%;right:0;transform:rotate(3deg);color:var(--lime);border-color:var(--lime)}
.sticker-3{bottom:6%;left:50%;transform:rotate(-2deg);color:var(--ink)}

.marquee{
margin-top:60px;
overflow:hidden;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
padding:14px 0;
}
.marquee-track{
display:flex;
width:max-content;
animation:scroll-left 26s linear infinite;
}
.marquee-track span{
font-family:var(--font-head);
font-weight:700;
font-size:1.1rem;
text-transform:uppercase;
padding:0 28px;
color:var(--muted);
white-space:nowrap;
}
.marquee-track span:nth-child(odd){color:var(--lime)}
@keyframes scroll-left{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}

.hero-sentinel{height:1px}

.stats-strip{
max-width:1500px;margin:0 auto;
display:grid;grid-template-columns:repeat(4,1fr);
border:1px solid var(--line);
opacity:0;transform:translateY(16px);
transition:opacity .6s ease, transform .6s ease;
}
.stats-strip.is-visible{opacity:1;transform:translateY(0)}
.stat-item{
padding:26px 20px;
border-right:1px solid var(--line);
display:flex;flex-direction:column;gap:6px;
}
.stat-item:last-child{border-right:none}
.stat-num{font-family:var(--font-head);font-size:1.8rem;font-weight:700;color:var(--lime)}
.stat-label{font-size:0.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px}

.section{
max-width:1500px;margin:0 auto;
padding:90px 24px;
}
.section-alt{background:var(--bg-soft)}
.section-head{
display:flex;align-items:baseline;gap:18px;
margin-bottom:34px;
opacity:0;transform:translateY(14px);
transition:opacity .6s ease, transform .6s ease;
}
.section-head.is-visible{opacity:1;transform:translateY(0)}
.section-index{
font-family:var(--font-mono);
color:var(--coral);
font-size:0.9rem;
border:1px solid var(--coral);
padding:2px 8px;
}
.section h2{
font-family:var(--font-head);
font-weight:700;
font-size:clamp(1.7rem,3.6vw,2.6rem);
letter-spacing:-0.5px;
}
.section-body{
max-width:840px;
opacity:0;transform:translateY(14px);
transition:opacity .6s ease .05s, transform .6s ease .05s;
}
.section-body.is-visible{opacity:1;transform:translateY(0)}
.section-body p{margin-bottom:16px;color:var(--ink)}
.section > p.section-body{margin-bottom:34px}

.list-marked{display:flex;flex-direction:column;gap:12px}
.list-marked li{
position:relative;
padding-left:26px;
color:var(--ink);
}
.list-marked li::before{
content:'—';
position:absolute;left:0;
color:var(--lime);
}

.slots-grid{
opacity:0;transform:translateY(16px);
transition:opacity .6s ease, transform .6s ease;
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:20px;
}
.slots-grid.is-visible{opacity:1;transform:translateY(0)}
.slot-card{
border:1px solid var(--line);
background:var(--panel);
overflow:hidden;
transition:box-shadow .25s ease, transform .25s ease;
}
.slot-card:hover{transform:translateY(-4px);box-shadow:6px 8px 0 var(--line)}
.slot-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.slot-info{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:10px}
.slot-name{font-size:0.85rem;font-weight:600}
.slot-tag{font-size:0.68rem;color:var(--muted);text-transform:uppercase;border:1px solid var(--line);padding:3px 7px;white-space:nowrap}

.advantages-grid{
opacity:0;transform:translateY(16px);
transition:opacity .6s ease, transform .6s ease;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.advantages-grid.is-visible{opacity:1;transform:translateY(0)}
.advantage-card{
border:1px solid var(--line);
padding:26px 20px;
background:var(--panel);
}
.advantage-card:nth-child(odd){transform:rotate(-0.6deg)}
.advantage-card:nth-child(even){transform:rotate(0.6deg);margin-top:18px}
.advantage-num{font-family:var(--font-head);color:var(--coral);font-size:1.4rem;font-weight:700}
.advantage-card h4{font-family:var(--font-head);margin:14px 0 8px;font-size:1.1rem}
.advantage-card p{color:var(--muted);font-size:0.88rem}

.table-wrap{overflow-x:auto;margin:28px 0}
.strategy-table{width:100%;border-collapse:collapse;min-width:560px}
.strategy-table th,.strategy-table td{
border:1px solid var(--line);
padding:12px 14px;
text-align:left;
font-size:0.85rem;
}
.strategy-table th{color:var(--lime);font-family:var(--font-mono);text-transform:uppercase;font-size:0.75rem}
.strategy-table tr:nth-child(even) td{background:rgba(238,241,230,0.03)}

.howto-grid{
opacity:0;transform:translateY(16px);
transition:opacity .6s ease, transform .6s ease;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}
.howto-grid.is-visible{opacity:1;transform:translateY(0)}
.howto-card{border-left:2px solid var(--lime);padding-left:20px}
.howto-card h3{font-family:var(--font-head);font-size:1.15rem;margin-bottom:10px}
.howto-card p{color:var(--muted);font-size:0.88rem}

.faq-list{
opacity:0;transform:translateY(16px);
transition:opacity .6s ease, transform .6s ease;
display:flex;flex-direction:column;
}
.faq-list.is-visible{opacity:1;transform:translateY(0)}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{
cursor:pointer;
list-style:none;
font-family:var(--font-head);
font-size:1rem;
font-weight:600;
display:flex;justify-content:space-between;align-items:center;
}
summary::-webkit-details-marker{display:none}
summary::after{
content:'+';
color:var(--lime);
font-size:1.3rem;
transition:transform .25s ease;
}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--muted);font-size:0.9rem;max-width:760px}

.cta-block{padding:90px 24px 110px;max-width:1500px;margin:0 auto}
.cta-panel{
background:var(--panel);
border:1px solid var(--lime);
padding:56px 40px;
transform:rotate(-0.5deg);
position:relative;
opacity:0;transform:translateY(16px) rotate(-0.5deg);
transition:opacity .6s ease, transform .6s ease;
}
.cta-panel.is-visible,.cta-block.is-visible .cta-panel{opacity:1;transform:translateY(0) rotate(-0.5deg)}
.cta-panel h2{font-family:var(--font-head);font-size:clamp(1.8rem,4vw,2.8rem);margin:16px 0}
.cta-panel p{color:var(--muted);max-width:520px;margin-bottom:30px}
.cta-actions{display:flex;gap:16px;flex-wrap:wrap}

.site-footer{background:var(--bg-soft);border-top:1px solid var(--line);padding:70px 24px 30px}
.footer-top{
max-width:1500px;margin:0 auto;
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:40px;
padding-bottom:40px;
border-bottom:1px solid var(--line);
}
.footer-brand{display:flex;flex-direction:column;gap:12px;max-width:340px}
.footer-brand .brand-name{font-size:1.3rem}
.footer-brand p{color:var(--muted);font-size:0.85rem}
.footer-col{display:flex;flex-direction:column;gap:12px}
.footer-col h3{font-family:var(--font-head);font-size:0.95rem;margin-bottom:6px}
.footer-col a{color:var(--muted);font-size:0.85rem;transition:color .2s}
.footer-col a:hover{color:var(--lime)}
.footer-bottom{
max-width:1500px;margin:0 auto;
padding-top:26px;
display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;
}
.badge-18{
border:1px solid var(--coral);
color:var(--coral);
padding:6px 12px;
font-weight:700;
transform:rotate(-3deg);
flex-shrink:0;
}
.footer-bottom p{color:var(--muted);font-size:0.8rem;max-width:700px}
.copyright{width:100%;margin-top:14px;color:var(--muted);font-size:0.75rem}

.back-to-top{
position:fixed;
right:24px;bottom:100px;
width:46px;height:46px;
border:1px solid var(--lime);
background:var(--bg);
color:var(--lime);
font-size:1.2rem;
cursor:pointer;
z-index:60;
opacity:0;pointer-events:none;
transform:translateY(10px);
transition:opacity .3s ease, transform .3s ease, box-shadow .25s ease;
}
.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{box-shadow:4px 4px 0 var(--lime)}

.cookie-banner{
position:fixed;
left:24px;right:24px;bottom:24px;
max-width:640px;
margin:0 auto;
background:var(--panel);
border:1px solid var(--line);
padding:20px 22px;
display:flex;
gap:18px;
align-items:center;
justify-content:space-between;
z-index:70;
transform:translateY(140%);
opacity:0;
transition:transform .4s ease, opacity .4s ease;
}
.cookie-banner.visible{transform:translateY(0);opacity:1}
.cookie-banner p{font-size:0.82rem;color:var(--muted)}
.cookie-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.cookie-close{background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;line-height:1}

@media (max-width:1200px){
.advantages-grid{grid-template-columns:repeat(2,1fr)}
.footer-top{grid-template-columns:1fr 1fr;gap:30px}
.stats-strip{grid-template-columns:repeat(2,1fr)}
.stat-item:nth-child(2){border-right:none}
}

@media (max-width:768px){
.main-nav{position:fixed;top:78px;left:0;right:0;background:var(--bg);flex-direction:column;padding:20px 24px;gap:18px;border-bottom:1px solid var(--line);transform:translateY(-110%);opacity:0;transition:transform .3s ease, opacity .3s ease;pointer-events:none}
.main-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}
.nav-toggle{display:flex}
.header-actions .btn-ghost{display:none}
.hero{padding-top:110px}
.howto-grid{grid-template-columns:1fr}
.footer-top{grid-template-columns:1fr}
.sticker-2{position:relative;top:auto;right:auto;display:inline-block;margin-top:20px}
.sticker-1{position:relative;top:auto;right:auto;display:inline-block;margin-bottom:14px}
.sticker-3{display:none}
}

@media (max-width:480px){
.advantages-grid{grid-template-columns:1fr}
.stats-strip{grid-template-columns:1fr}
.stat-item{border-right:none;border-bottom:1px solid var(--line)}
.hero-title{margin-left:0}
.hero-lead,.hero-ctas{margin-left:0}
.cta-panel{padding:34px 22px}
.cookie-banner{flex-direction:column;align-items:flex-start;left:14px;right:14px;bottom:14px}
}