/* === override hero image with local file (CDN was blocked) === */
#hero{background-image:linear-gradient(180deg, rgba(23,23,23,.55) 0%, rgba(23,23,23,.35) 40%, rgba(23,23,23,.9) 100%), url('/hero.jpg') !important;background-size:cover !important;background-position:center 40% !important;background-repeat:no-repeat !important;}
/* AOA26 — bundled stylesheet (do not edit; edit src/styles/*) */
/* === 00-tokens.css === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
/* Doberman palette — orange + graphite, ничего лишнего */
--black:#171717; /* cover-graphite (был #080808) */
--off-black:#292929; /* page-graphite (был #111) */
--card:#1f1f1f;
--white:#fff;--off-white:#f7f7f7;
--gray:#6b6b6b; /* AA-passing на белом */
--gray-strong:#444;
--gray-light:#e8e8e8;
/* legacy aliases — оставляем, чтобы не ломать старые селекторы */
--red:#FC8103; /* unified → orange */
--red-dim:rgba(252,129,3,.12);
--red-bright:#FF9520; /* для текста на тёмном */
--gold:#FC8103; /* unified */
--gold-dim:rgba(252,129,3,.10);
--gold-bright:#FF9520;
--orange:#FC8103;
--orange-bright:#FF9520;
--orange-deep:#D66E02; /* hover/active */
--border-dark:rgba(255,255,255,.08);--border-light:rgba(0,0,0,.08);
--focus-ring:#5BA9F7;
}
html{scroll-behavior:smooth;font-size:17px;-webkit-text-size-adjust:100%;}
body{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
background:var(--white);color:var(--black);line-height:1.5;overflow-x:hidden;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/* ── ACCESSIBILITY ─────────────────────── */
/* === 01-a11y.css === */
:focus{outline:none;}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px;box-shadow:0 0 0 4px rgba(91,169,247,.25);}
.btn-primary:focus-visible,.nav-cta:focus-visible{outline-offset:4px;}
.skip-link{position:absolute;top:-100px;left:0;background:var(--red);color:var(--white);
padding:14px 22px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
text-decoration:none;z-index:1000;transition:top .2s;}
.skip-link:focus-visible{top:0;outline-offset:0;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{
animation-duration:.01ms !important;animation-iteration-count:1 !important;
transition-duration:.01ms !important;scroll-behavior:auto !important;}
.anim{opacity:1 !important;transform:none !important;}
}
.wrap{max-width:1080px;margin:0 auto;padding:0 48px;}
/* ── SCROLL ANIMATIONS ─────────────────── */
.anim{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);}
.anim.delay-1{transition-delay:.1s;}.anim.delay-2{transition-delay:.2s;}
.anim.delay-3{transition-delay:.3s;}.anim.delay-4{transition-delay:.4s;}
.anim.visible{opacity:1;transform:translateY(0);}
/* ── ICONS ─────────────────────────────── */
.icon{display:inline-block;vertical-align:middle;flex-shrink:0;}
.icon svg{width:100%;height:100%;display:block;}
.icon-sm{width:16px;height:16px;}
.icon-md{width:22px;height:22px;}
.icon-lg{width:32px;height:32px;}
.icon-xl{width:44px;height:44px;}
/* ── NAV ───────────────────────────────── */
#nav{position:fixed;top:0;left:0;right:0;z-index:200;height:52px;
display:flex;align-items:center;gap:0;padding:0 32px;
background:rgba(8,8,8,.92);backdrop-filter:blur(16px);
border-bottom:1px solid var(--border-dark);transition:background .3s;}
.nav-logo{font-size:11px;font-weight:800;letter-spacing:5px;color:var(--white);
text-decoration:none;text-transform:uppercase;flex-shrink:0;margin-right:28px;}
.nav-links{display:flex;flex:1;overflow-x:auto;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-link{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:rgba(255,255,255,.62);text-decoration:none;padding:0 12px;height:52px;
display:flex;align-items:center;white-space:nowrap;
border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.nav-link:hover{color:rgba(255,255,255,.85);border-bottom-color:rgba(255,255,255,.2);}
.nav-link.active{color:var(--white);border-bottom-color:var(--red);}
.nav-cta{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
color:var(--red-bright);text-decoration:none;padding:8px 18px;
border:1px solid rgba(255,149,32,.5);flex-shrink:0;margin-left:12px;
display:inline-flex;align-items:center;min-height:36px;
transition:background .2s,color .2s,border-color .2s;}
.nav-cta:hover{background:var(--red);color:var(--white);border-color:var(--red);}
/* ── SECTION DIVIDER ───────────────────── */
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gray-light),transparent);
position:relative;overflow:visible;}
.divider::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:8px;height:8px;background:var(--red);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);}
/* ── HERO ──────────────────────────────── */
#hero{background:var(--black);min-height:100svh;display:flex;flex-direction:column;
justify-content:center;padding:120px 0 80px;position:relative;overflow:hidden;}
.hero-grid-bg{position:absolute;inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);}
.hero-glow{position:absolute;top:-20%;right:-10%;width:50vw;height:70vh;
background:radial-gradient(ellipse,rgba(252,129,3,.06) 0%,transparent 65%);pointer-events:none;}
.hero-label{font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;
color:var(--red-bright);margin-bottom:28px;display:flex;align-items:center;gap:12px;}
.hero-label::before{content:'';width:32px;height:1px;background:var(--red);}
.hero-h1{font-size:clamp(52px,8.5vw,120px);font-weight:900;line-height:.92;
color:var(--white);letter-spacing:-4px;margin-bottom:36px;}
.hero-h1 em{font-style:normal;color:var(--red-bright);}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray);line-height:1.7;
max-width:540px;margin-bottom:52px;}
.hero-sub strong{color:rgba(255,255,255,.8);}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:-4px;}
.btn-primary{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
color:var(--white);background:var(--red);padding:16px 34px;text-decoration:none;
display:inline-flex;align-items:center;justify-content:center;min-height:44px;
transition:background .2s,transform .15s;}
.btn-primary:hover{background:#D66E02;}
.btn-primary:active{transform:translateY(1px);}
.btn-ghost{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:rgba(255,255,255,.7);text-decoration:none;display:inline-flex;align-items:center;gap:10px;
padding:14px 8px;min-height:44px;
transition:color .2s,gap .2s;}
.btn-ghost:hover{color:var(--white);gap:14px;}
.hero-deadline{margin-top:64px;display:flex;align-items:center;gap:16px;
padding-top:32px;border-top:1px solid var(--border-dark);}
.hero-deadline-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gray);}
.hero-deadline-date{font-size:14px;font-weight:900;color:var(--red-bright);letter-spacing:1px;}
/* ── STATS ─────────────────────────────── */
#stats{background:var(--off-black);border-top:1px solid var(--border-dark);
border-bottom:1px solid var(--border-dark);}
.stats-row{display:grid;grid-template-columns:repeat(5,1fr);}
.stat{padding:28px 20px;text-align:center;border-right:1px solid var(--border-dark);}
.stat:last-child{border-right:none;}
.stat-val{font-size:clamp(22px,2.8vw,36px);font-weight:900;color:var(--white);
letter-spacing:-1px;line-height:1;margin-bottom:6px;}
.stat-lbl{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:2px;line-height:1.4;}
/* ── SECTION BASE ──────────────────────── */
.sec{padding:clamp(64px,8vw,96px) 0;}
.sec-dark{background:var(--black);color:var(--white);}
.sec-gray{background:var(--off-white);}
.sec-label{font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;
color:var(--red);margin-bottom:14px;}
.sec-dark .sec-label{color:var(--red-bright);}
.sec-label.gold{color:var(--gold);}
.sec-h{font-size:clamp(28px,3.8vw,48px);font-weight:900;letter-spacing:-1.5px;
line-height:1.05;margin-bottom:16px;}
.sec-sub{font-size:16px;color:var(--gray-strong);max-width:600px;line-height:1.7;margin-bottom:52px;}
.sec-dark .sec-sub{color:rgba(255,255,255,.65);}
.sec-gray .sec-sub{color:var(--gray-strong);}
.sec-dark .sec-h{color:var(--white);}
/* ── TEAM ──────────────────────────────── */
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.team-card{background:var(--card);padding:48px 44px;position:relative;overflow:hidden;}
.team-card::before{content:'';position:absolute;inset:0;opacity:.04;
background:url('https://images.unsplash.com/photo-1566576912321-d58ddd7a6088?w=600&q=50&fit=crop') center/cover;}
.team-card:last-child::before{background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&q=50&fit=crop') center/cover;}
.team-card>*{position:relative;z-index:1;}
.team-patch{display:inline-flex;align-items:center;justify-content:center;
background:var(--red);padding:5px 16px;margin-bottom:24px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
font-size:9px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:var(--white);}
.team-card:last-child .team-patch{background:var(--gold);}
.team-photo{width:80px;height:80px;background:rgba(255,255,255,.06);
display:flex;align-items:center;justify-content:center;margin-bottom:24px;
font-size:11px;letter-spacing:2px;color:var(--gray);text-transform:uppercase;border:1px solid var(--border-dark);}
.team-name{font-size:clamp(22px,2.5vw,32px);font-weight:900;color:var(--white);
letter-spacing:-0.5px;margin-bottom:6px;}
.team-role{font-size:12px;color:var(--gray);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;}
.team-stats{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:24px;}
.team-stat-num{font-size:28px;font-weight:900;color:var(--white);line-height:1;}
.team-stat-lbl{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
.team-bio{font-size:14px;color:rgba(255,255,255,.75);line-height:1.7;border-left:2px solid var(--red);padding-left:16px;}
.team-card:last-child .team-bio{border-left-color:var(--gold);}
/* ── WHY ───────────────────────────────── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.why-card{background:var(--white);padding:44px 36px;border-top:3px solid;}
.why-card:nth-child(1){border-color:var(--red);}
.why-card:nth-child(2){border-color:var(--black);}
.why-card:nth-child(3){border-color:var(--gray-light);}
.why-icon{width:44px;height:44px;margin-bottom:24px;color:var(--red);}
.why-card:nth-child(2) .why-icon{color:var(--black);}
.why-card:nth-child(3) .why-icon{color:var(--gray);}
.why-num{font-size:clamp(48px,5vw,72px);font-weight:900;line-height:1;
letter-spacing:-3px;color:var(--off-white);margin-bottom:16px;}
.why-title{font-size:17px;font-weight:800;color:var(--black);margin-bottom:10px;letter-spacing:-.3px;}
.why-body{font-size:14px;color:var(--gray);line-height:1.7;}
/* ── PACKAGES SLIDER ───────────────────── */
/* ── SHARED CAROUSEL MECHANICS ─────────────── */
.carousel-wrap{position:relative;overflow:hidden;padding:24px 0;}
.carousel-wrap::before,
.carousel-wrap::after{content:'';position:absolute;top:0;bottom:0;width:56px;
pointer-events:none;z-index:5;}
.carousel-wrap::before{left:0;background:linear-gradient(to right,var(--bleed,var(--white)),transparent);}
.carousel-wrap::after{right:0;background:linear-gradient(to left,var(--bleed,var(--white)),transparent);}
.sec-gray .carousel-wrap{--bleed:var(--off-white);}
.carousel-track{display:flex;gap:3px;will-change:transform;}
.carousel-card{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s,box-shadow .3s;
opacity:.62;}
.carousel-card.is-clone{pointer-events:none;}
.carousel-card:hover,
.carousel-card:focus-within,
.carousel-wrap.is-paused .carousel-card.is-active{
opacity:1;transform:scale(1.04);z-index:3;
box-shadow:0 16px 44px rgba(0,0,0,.22);}
@media(prefers-reduced-motion:reduce){
.carousel-card{opacity:1;transform:none;}
.carousel-card:hover,.carousel-card:focus-within{transform:none;box-shadow:none;}
}
.pkg-slider-wrap{position:relative;overflow:hidden;padding:24px 0;}
.pkg-slider{display:flex;gap:3px;will-change:transform;}
.pkg-card{flex:0 0 340px;background:var(--white);
border-top:4px solid;padding:36px 32px;display:flex;flex-direction:column;
border-left:1px solid var(--border-light);}
.pkg-card.tier-1{border-top-color:#FC8103;}
.pkg-card.tier-2{border-top-color:#FC8103;}
.pkg-card.tier-w{border-top-color:#FC8103;background:#1a1a1a;}
.pkg-card.tier-3{border-top-color:#333;}
.pkg-card.tier-4{border-top-color:#FC8103;}
.pkg-card.tier-5{border-top-color:#FC8103;}
.pkg-card.tier-6{border-top-color:#555555;}
.pkg-tier-badge{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;}
.tier-1 .pkg-tier-badge{color:#FC8103;}
.tier-2 .pkg-tier-badge,.tier-w .pkg-tier-badge{color:#FC8103;}
.tier-3 .pkg-tier-badge{color:#888;}
.tier-4 .pkg-tier-badge{color:#FC8103;}
.tier-5 .pkg-tier-badge{color:#FC8103;}
.tier-6 .pkg-tier-badge{color:#555555;}
.pkg-name{font-size:clamp(22px,2vw,28px);font-weight:900;letter-spacing:-.5px;margin-bottom:4px;}
.pkg-card.tier-w .pkg-name{color:var(--white);}
.pkg-sub{font-size:12px;color:var(--gray);margin-bottom:24px;}
.pkg-card.tier-w .pkg-sub{color:rgba(255,255,255,.65);}
.pkg-price{font-size:clamp(18px,2vw,24px);font-weight:900;margin-bottom:4px;}
.tier-1 .pkg-price{color:#FC8103;font-size:clamp(22px,2.5vw,32px);}
.tier-2 .pkg-price,.tier-w .pkg-price{color:#FC8103;}
.pkg-price-note{font-size:11px;color:var(--gray);margin-bottom:28px;}
.pkg-card.tier-w .pkg-price-note{color:rgba(255,255,255,.6);}
.pkg-benefits{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:24px;}
.pkg-benefits li{font-size:13px;line-height:1.5;padding-left:18px;position:relative;color:#333;}
.pkg-card.tier-w .pkg-benefits li{color:rgba(255,255,255,.7);}
.pkg-benefits li::before{content:'';position:absolute;left:0;top:7px;
width:6px;height:6px;background:currentColor;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);}
.tier-1 .pkg-benefits li::before{background:#FC8103;}
.tier-2 .pkg-benefits li::before,.tier-w .pkg-benefits li::before{background:#FC8103;}
.pkg-fit-label{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:var(--gray);margin-bottom:10px;}
.pkg-brands{display:flex;flex-wrap:wrap;gap:4px;}
.brand-chip{font-size:9px;font-weight:700;letter-spacing:1px;padding:3px 8px;
background:var(--off-white);color:#555;text-transform:uppercase;}
.pkg-card.tier-w .brand-chip{background:rgba(255,255,255,.07);color:rgba(255,255,255,.5);}
.pkg-deadline{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;
text-transform:uppercase;padding:5px 11px;background:var(--red-dim);color:var(--red);margin-top:16px;
align-self:flex-start;}
.slider-nav{display:flex;align-items:center;justify-content:space-between;
margin-top:20px;padding:0 4px;}
.slider-dots{display:flex;gap:6px;}
.slider-dot{width:6px;height:6px;background:var(--gray-light);transition:background .2s,width .2s;
cursor:pointer;border:6px solid transparent;background-clip:padding-box;box-sizing:content-box;}
.slider-dot.active{background:var(--red);width:20px;}
.slider-arrows{display:flex;gap:8px;}
.slider-arrow{width:44px;height:44px;background:var(--off-white);border:none;cursor:pointer;
display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;
color:var(--black);}
.slider-arrow:hover{background:var(--gray-light);}
.slider-arrow:active{transform:scale(.94);}
.slider-arrow:disabled{opacity:.35;cursor:not-allowed;}
.slider-arrow svg{width:18px;height:18px;}
/* ── AMBASSADOR ────────────────────────── */
.amb-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.amb-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:28px 0;}
.amb-total{background:rgba(255,255,255,.04);padding:20px 16px;text-align:center;}
.amb-total-val{font-size:clamp(18px,2vw,26px);font-weight:900;color:var(--white);line-height:1;}
.amb-total-lbl{font-size:10px;color:rgba(255,255,255,.65);margin-top:6px;text-transform:uppercase;letter-spacing:1px;}
/* ── ACCORDION ─────────────────────────── */
.accordion{border-top:1px solid var(--border-dark);overflow:hidden;}
.accordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;
padding:16px 0;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:2px;
text-transform:uppercase;color:rgba(255,255,255,.7);transition:color .2s;
min-height:44px;}
.accordion summary::-webkit-details-marker{display:none;}
.accordion summary:hover{color:var(--white);}
.accordion[open] summary{color:var(--white);}
.accordion-arrow{width:16px;height:16px;transition:transform .3s;flex-shrink:0;}
.accordion[open] .accordion-arrow{transform:rotate(180deg);}
.accordion-body{padding-bottom:20px;}
.gear-list{display:flex;flex-direction:column;gap:0;}
.gear-item{display:flex;align-items:center;gap:12px;padding:9px 0;
border-bottom:1px solid var(--border-dark);font-size:13px;}
.gear-item:last-child{border-bottom:none;}
.gear-icon{width:18px;height:18px;color:rgba(255,255,255,.55);flex-shrink:0;}
.gear-name{flex:1;color:rgba(255,255,255,.82);}
.gear-price{color:var(--gold);font-family:'Courier New',monospace;font-size:12px;white-space:nowrap;}
.gear-total-row{display:flex;justify-content:space-between;padding:14px 0;
font-size:14px;font-weight:900;color:var(--white);border-top:2px solid rgba(255,255,255,.1);
margin-top:4px;}
.gear-total-row span:last-child{color:var(--gold);font-family:'Courier New',monospace;}
/* ── WARLOG ────────────────────────────── */
.warlog-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.warlog-specs{display:flex;flex-direction:column;gap:2px;}
.warlog-spec{display:flex;align-items:center;gap:16px;padding:16px 20px;
background:rgba(255,255,255,.03);border-left:2px solid rgba(252,129,3,.3);}
.warlog-spec-icon{width:20px;height:20px;color:var(--gold);flex-shrink:0;}
.warlog-spec-name{font-size:13px;color:rgba(255,255,255,.5);flex:1;}
.warlog-spec-val{font-size:13px;font-weight:700;color:var(--gold);font-family:'Courier New',monospace;}
.warlog-exclusive{background:rgba(252,129,3,.07);border:1px solid rgba(252,129,3,.2);
padding:24px;margin-top:24px;}
.warlog-exclusive-label{font-size:9px;font-weight:800;letter-spacing:4px;
text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.warlog-exclusive-text{font-size:15px;font-weight:700;color:var(--white);line-height:1.5;}
.warlog-price-block{text-align:center;padding:36px;background:rgba(252,129,3,.05);
border:1px solid rgba(252,129,3,.15);}
.warlog-price-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;
color:var(--gold);margin-bottom:14px;display:block;}
.warlog-price-big{font-size:clamp(36px,5vw,56px);font-weight:900;color:var(--white);
letter-spacing:-2px;line-height:1;}
.warlog-price-sub{font-size:12px;color:rgba(255,255,255,.6);margin-top:10px;line-height:1.5;}
/* ── ACTIVATIONS ───────────────────────── */
.act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.act{position:relative;overflow:hidden;padding:36px 30px;border-top:4px solid;
background-color:#1a1a1a;min-height:250px;display:flex;flex-direction:column;
content-visibility:auto;contain-intrinsic-size:300px;}
.act::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;
filter:brightness(.26) saturate(.5);z-index:0;transition:filter .3s;}
.act:hover::before{filter:brightness(.36) saturate(.65);}
.act>*{position:relative;z-index:1;}
.act.a-red{border-top-color:#FC8103;}
.act.a-red::before{background-image:url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=700&q=70&fit=crop');}
.act.a-khaki{border-top-color:#555555;}
.act.a-khaki::before{background-image:url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?w=700&q=70&fit=crop');}
.act.a-green{border-top-color:#FC8103;}
.act.a-green::before{background-image:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=700&q=70&fit=crop');}
.act.a-blue{border-top-color:#666666;}
.act.a-blue::before{background-image:url('https://images.unsplash.com/photo-1553697388-94e804e2f0f6?w=700&q=70&fit=crop');}
.act.a-amber{border-top-color:#FC8103;}
.act.a-amber::before{background-image:url('https://images.unsplash.com/photo-1565299507177-b0ac66763828?w=700&q=70&fit=crop');}
.act.a-gold{border-top-color:#FC8103;}
.act.a-gold::before{background-image:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=700&q=70&fit=crop');}
.act-icon{font-size:28px;margin-bottom:12px;display:block;}
.act-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;
color:#fff;margin-bottom:10px;text-shadow:0 1px 4px rgba(0,0,0,.8);}
.act-body{font-size:13px;color:rgba(255,255,255,.85);line-height:1.65;
text-shadow:0 1px 3px rgba(0,0,0,.7);flex:1;}
.act-fit{font-size:10px;color:rgba(255,255,255,.85);margin-top:14px;
background:rgba(0,0,0,.55);backdrop-filter:blur(4px);padding:6px 12px;display:inline-block;}
/* ── REACH ─────────────────────────────── */
.reach-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:3px;}
.reach-channel{padding:32px 36px;}
.reach-ch-label{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;}
.reach-ch-num{font-size:clamp(28px,3.5vw,48px);font-weight:900;letter-spacing:-2px;
line-height:1;margin-bottom:6px;}
.reach-ch-sub{font-size:12px;color:var(--gray);margin-bottom:20px;}
.reach-ch-rows{display:flex;flex-direction:column;gap:0;}
.reach-ch-row{display:flex;justify-content:space-between;padding:8px 0;
border-bottom:1px solid;font-size:12px;}
.reach-total-box{background:var(--red);padding:40px 48px;
display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.reach-total-num{font-size:clamp(44px,6vw,80px);font-weight:900;color:var(--white);
letter-spacing:-3px;line-height:1;}
.reach-total-sub{font-size:14px;color:rgba(255,255,255,.6);margin-top:8px;line-height:1.6;}
.reach-total-rows{display:flex;flex-direction:column;gap:2px;}
.reach-total-row{display:flex;justify-content:space-between;padding:12px 16px;
background:rgba(0,0,0,.15);font-size:13px;}
/* ── PLAYERS ───────────────────────────── */
.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.player-tier{padding:32px 28px;border-top:3px solid;}
.player-tier-num{font-size:clamp(36px,4vw,56px);font-weight:900;line-height:1;margin-bottom:8px;letter-spacing:-2px;}
.player-tier-sub{font-size:10px;text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;}
.player-tier-rows{display:flex;flex-direction:column;gap:0;}
.player-row{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;border-bottom:1px solid rgba(0,0,0,.06);}
/* ── TIMELINE ──────────────────────────── */
.timeline{display:flex;flex-direction:column;gap:0;}
.tl-row{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--border-light);}
.tl-row:last-child{border-bottom:none;}
.tl-week{display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:20px 12px;background:var(--off-white);border-right:1px solid var(--border-light);flex-shrink:0;}
.tl-week-label{font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray);}
.tl-week-num{font-size:24px;font-weight:900;color:var(--black);line-height:1;letter-spacing:-1px;}
.tl-event .tl-week{background:var(--red);}
.tl-event .tl-week-label{color:rgba(255,255,255,.6);}
.tl-event .tl-week-num{color:var(--white);font-size:14px;text-align:center;letter-spacing:0;}
.tl-body{padding:20px 28px;}
.tl-title{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
color:var(--black);margin-bottom:8px;}
.tl-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.tl-col-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--red);margin-bottom:4px;}
.tl-col-text{font-size:12px;color:var(--gray);line-height:1.5;}
/* ── LOCATIONS ─────────────────────────── */
.loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.loc-card{background:var(--card);overflow:hidden;display:flex;flex-direction:column;}
.loc-img{height:160px;position:relative;overflow:hidden;contain:layout paint;}
.loc-img img,.loc-img-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.loc-img-bg{background-size:cover;background-position:center;filter:brightness(.5) saturate(.6);}
.loc-badge{position:absolute;top:16px;left:16px;font-size:8px;font-weight:800;
letter-spacing:3px;text-transform:uppercase;padding:4px 10px;background:var(--red);color:var(--white);}
.loc-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px;}
.loc-name{font-size:16px;font-weight:800;color:var(--white);letter-spacing:-.3px;}
.loc-meta{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.loc-meta-item{background:rgba(255,255,255,.04);padding:10px 12px;}
.loc-meta-key{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:3px;}
.loc-meta-val{font-size:13px;font-weight:700;color:var(--white);}
.loc-price{font-size:11px;color:var(--gray);padding-top:10px;border-top:1px solid var(--border-dark);}
.loc-price strong{color:var(--white);}
/* ── PROCESS ───────────────────────────── */
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;}
.step{padding:28px 20px;background:rgba(255,255,255,.04);border:1px solid var(--border-dark);}
.step-num{font-size:clamp(28px,3vw,44px);font-weight:900;color:rgba(255,255,255,.12);
line-height:1;margin-bottom:14px;font-family:'Courier New',monospace;letter-spacing:-2px;}
.step-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;
color:var(--white);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(252,129,3,.2);}
.step-body{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;}
/* ── CTA ───────────────────────────────── */
#cta{background:var(--black);padding:96px 0;}
.cta-inner{max-width:820px;margin:0 auto;text-align:center;}
.cta-h{font-size:clamp(36px,5vw,64px);font-weight:900;color:var(--white);
letter-spacing:-2px;line-height:1.0;margin-bottom:52px;}
.cta-h em{font-style:normal;color:var(--red);}
.cta-deadlines{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:40px;}
.cta-dl{padding:28px 32px;border-left:4px solid;}
.cta-dl.hard{background:var(--red-dim);border-color:var(--red);}
.cta-dl.soft{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);}
.cta-dl-tag{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;}
.hard .cta-dl-tag{color:var(--red);}
.soft .cta-dl-tag{color:#888888;}
.cta-dl-date{font-size:clamp(18px,2.5vw,28px);font-weight:900;color:var(--white);margin-bottom:8px;line-height:1;}
.soft .cta-dl-date{color:#AAAAAA;font-size:clamp(15px,1.8vw,22px);}
.cta-dl-note{font-size:12px;color:rgba(255,255,255,.65);line-height:1.55;}
.cta-contact{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:32px;margin-top:3px;}
.cta-contact-title{font-size:10px;font-weight:800;letter-spacing:5px;text-transform:uppercase;
color:var(--red);margin-bottom:12px;}
.cta-contact-name{font-size:22px;font-weight:900;color:var(--white);margin-bottom:16px;}
.cta-contact-sub{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7;}
/* ── FOOTER ────────────────────────────── */
footer{background:var(--off-black);padding:28px 0;border-top:1px solid var(--border-dark);}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-logo{font-size:11px;font-weight:800;letter-spacing:4px;color:rgba(255,255,255,.55);text-transform:uppercase;}
.footer-note{font-size:10px;color:rgba(255,255,255,.45);letter-spacing:1px;}
/* ── MEDIA PLAN SECTION DIVIDER ────────── */
.section-break{height:80px;display:flex;align-items:center;justify-content:center;
background:var(--black);position:relative;overflow:hidden;}
.section-break-line{position:absolute;left:0;right:0;height:1px;background:var(--border-dark);}
.section-break-label{font-size:9px;font-weight:800;letter-spacing:6px;text-transform:uppercase;
color:var(--red-bright);background:var(--black);padding:0 24px;position:relative;z-index:1;}
/* ── RESPONSIVE ────────────────────────── */
@media(max-width:768px){
.wrap{padding:0 20px;}
.hero-h1{letter-spacing:-2px;line-height:.95;}
.hero-actions{gap:14px;}
.btn-primary{width:100%;text-align:center;justify-content:center;}
.phygital-grid{grid-template-columns:1fr;}
#nav{padding:0 16px;}
.nav-links{display:none;}
.nav-cta{margin-left:auto;}
.team-grid,.why-grid,.amb-layout,.warlog-layout,.reach-channels,
.players-grid,.loc-grid{grid-template-columns:1fr;}
.act-grid{grid-template-columns:1fr 1fr;}
.pkg-card{flex:0 0 88vw;}
.stats-row{grid-template-columns:repeat(3,1fr);}
.stat:nth-child(4),.stat:nth-child(5){border-top:1px solid var(--border-dark);}
.cta-deadlines{grid-template-columns:1fr;}
.process-steps{grid-template-columns:1fr 1fr;}
.tl-cols{grid-template-columns:1fr;}
.reach-total-box{grid-template-columns:1fr;}
#fieldmap{overflow-x:auto;}
#fieldmap svg{min-width:600px;}
.hero-h1{letter-spacing:-2px;}
.sec{padding:64px 0;}
.loc-meta{grid-template-columns:1fr 1fr;}
.amb-totals{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:480px){
.wrap{padding:0 16px;}
.stats-row{grid-template-columns:1fr 1fr;}
.stat:last-child{grid-column:span 2;border-top:1px solid var(--border-dark);}
.act-grid{grid-template-columns:1fr;}
.process-steps{grid-template-columns:1fr;}
.tl-row{grid-template-columns:64px 1fr;}
.team-stats{gap:20px;}
.amb-totals{grid-template-columns:1fr;}
.hero-deadline{flex-direction:column;align-items:flex-start;gap:8px;}
}
/* ── MEDIA PLAN (carousel) ─────────────── */
.mp-header{display:flex;justify-content:space-between;align-items:flex-end;
flex-wrap:wrap;gap:24px;margin-bottom:8px;}
.mp-intro{font-size:16px;color:var(--gray-strong);line-height:1.7;max-width:480px;margin:0;}
.mp-countdown{text-align:right;flex-shrink:0;}
.mp-countdown-label{font-size:9px;font-weight:800;letter-spacing:3px;
text-transform:uppercase;color:var(--red);margin-bottom:4px;}
.mp-countdown-val{font-size:clamp(28px,4vw,48px);font-weight:900;
color:var(--black);letter-spacing:-2px;line-height:1;}
.mp-wrap{padding:24px clamp(20px,4vw,48px);}
.sec-gray .mp-wrap{--bleed:var(--off-white);}
.mp-slider{gap:3px;}
.mp-card{flex:0 0 240px;background:var(--white);border-top:4px solid var(--black);
padding:26px 22px 24px;display:flex;flex-direction:column;min-height:300px;}
.mp-card.is-event{flex-basis:268px;background:var(--black);border-top-color:var(--red);}
.mp-status{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.05;
letter-spacing:-1px;color:var(--black);margin-bottom:14px;
padding-bottom:12px;border-bottom:1px solid var(--gray-light);
text-transform:uppercase;}
.mp-card.is-event .mp-status{color:var(--red-bright);border-bottom-color:rgba(255,255,255,.08);}
.mp-card.is-now .mp-status{color:var(--red);}
.mp-card.is-past .mp-status{color:var(--gray);}
.mp-card.is-past{opacity:.7;}
.mp-title{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
color:var(--black);margin-bottom:10px;}
.mp-card.is-event .mp-title{color:var(--white);}
.mp-body{font-size:12.5px;color:var(--gray-strong);line-height:1.6;flex:1;}
.mp-card.is-event .mp-body{color:rgba(255,255,255,.7);}
.mp-spons-label{font-size:10px;font-weight:700;color:var(--red);margin-top:14px;margin-bottom:4px;
letter-spacing:.5px;text-transform:uppercase;}
.mp-card.is-event .mp-spons-label{color:var(--red-bright);}
.mp-spons-text{font-size:11.5px;color:#555;line-height:1.55;margin:0;}
.mp-card.is-event .mp-spons-text{color:rgba(255,255,255,.6);}
.mp-controls{display:flex;justify-content:space-between;align-items:center;
gap:16px;margin-top:16px;flex-wrap:wrap;}
.mp-hint{font-size:11.5px;color:var(--gray-strong);letter-spacing:.3px;margin:0;max-width:520px;}
@media(max-width:768px){
.mp-card{flex-basis:78vw;}
.mp-card.is-event{flex-basis:84vw;}
.mp-header{margin-bottom:0;}
}
/* === 02-cursor.css === */
/* Default cursor — minimalist crosshair (white, для тёмной темы) */
body{
cursor:url("data:image/svg+xml;utf8,") 14 14, auto;
}
@media(pointer:coarse){body{cursor:auto;}}
/* === 03-drag-shared.css === */
/* ── DRAG / NO-SELECT ─────────────────────────── */
.carousel-track{cursor:grab;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
.carousel-track.is-dragging{cursor:grabbing;}
body.is-dragging,body.is-dragging *{-webkit-user-select:none !important;user-select:none !important;}
.carousel-card{cursor:pointer;}
/* ── MEDIA-PLAN FLIP ANIMATION ─────────────────── */
.mp-card{perspective:1200px;background:transparent;padding:0;border-top:none;
min-height:300px;position:relative;}
.mp-card.is-event{background:transparent;border-top:none;}
.mp-card-inner{position:relative;width:100%;height:100%;min-height:300px;
transform-style:preserve-3d;transition:transform .4s;}
.mp-card.flipping .mp-card-inner{animation:mpFlip 1.6s cubic-bezier(.7,0,.3,1);}
@keyframes mpFlip{
0%{transform:rotateY(0deg) scale(1);}
18%{transform:rotateY(0deg) scale(.94) translateY(-3px);}
35%{transform:rotateY(180deg) scale(1.04);}
60%{transform:rotateY(180deg) scale(1);}
80%{transform:rotateY(360deg) scale(1.04);}
100%{transform:rotateY(360deg) scale(1);}
}
.mp-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
display:flex;flex-direction:column;padding:26px 22px 24px;overflow:hidden;}
.mp-face-front{background:var(--white);border-top:4px solid var(--black);}
.mp-card.is-event .mp-face-front{background:var(--black);border-top-color:var(--red);}
.mp-face-back{transform:rotateY(180deg);background:#f0f0f0;border-top:4px solid var(--red);
align-items:center;justify-content:center;padding:18px;}
.mp-card.is-event .mp-face-back{background:#1a1a1a;}
.mp-target{width:100%;max-width:200px;height:auto;}
.mp-shot-label{font-size:10px;font-weight:900;letter-spacing:5px;text-transform:uppercase;
color:var(--red);margin-top:8px;}
.mp-card.is-event .mp-shot-label{color:var(--red-bright);}
@media(prefers-reduced-motion:reduce){
.mp-card.flipping .mp-card-inner{animation:none;}
.mp-card.flipping{outline:2px solid var(--red);outline-offset:2px;}
}
/* ── ORG CONTACTS + TOOLTIP ─────────────── */
.team-contacts{display:flex;gap:8px;margin-top:18px;}
.org-contact{display:inline-flex;align-items:center;justify-content:center;
width:40px;height:40px;background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);
text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .15s;}
.org-contact:hover{background:var(--red);color:var(--white);border-color:var(--red);}
.org-contact:active{transform:translateY(1px);}
.team-card:last-child .org-contact:hover{background:var(--gold);border-color:var(--gold);}
.org-tip{position:absolute;z-index:400;background:#171717;color:#fff;
padding:10px 14px;font-size:12px;font-weight:600;letter-spacing:.3px;line-height:1.4;
max-width:280px;border:1px solid var(--red);
box-shadow:0 12px 32px rgba(0,0,0,.45);
opacity:0;transform:translateY(-4px);
transition:opacity .25s,transform .25s;pointer-events:none;}
.org-tip.is-visible{opacity:1;transform:translateY(0);}
.org-tip::after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);
width:10px;height:10px;background:#171717;border-right:1px solid var(--red);border-bottom:1px solid var(--red);
rotate:45deg;}
/* ── HOVER-STATE CURSOR (тактическая перчатка) ─────── */
a, button, [role="button"], summary, .accordion summary,
.carousel-card, .mp-card, .pkg-card, .nav-link, .nav-cta, .nav-logo,
.skip-link, .slider-arrow, .slider-dot, .org-contact, .pp-cta,
.btn-primary, .btn-ghost{
cursor:url("data:image/svg+xml;utf8,") 13 2, pointer;
}
#hero a, #hero button, #stats a, #cta a, #cta button, #fieldmap a,
.sec-dark a, .sec-dark button, .sec-dark .accordion summary,
.sec-dark .carousel-card, .sec-dark .mp-card, .sec-dark .org-contact,
footer a, .pkg-card.tier-w{
cursor:url("data:image/svg+xml;utf8,") 13 2, pointer;
}
@media(pointer:coarse){
a, button, [role="button"], summary, .carousel-card, .mp-card, .pkg-card,
.nav-link, .nav-cta, .org-contact, .slider-arrow{cursor:pointer;}
}
/* === 04-icons.css === */
/* ── ICONS ─────────────────────────────── */
.icon{display:inline-block;vertical-align:middle;flex-shrink:0;}
.icon svg{width:100%;height:100%;display:block;}
.icon-sm{width:16px;height:16px;}
.icon-md{width:22px;height:22px;}
.icon-lg{width:32px;height:32px;}
.icon-xl{width:44px;height:44px;}
/* === 05-nav-hero.css === */
/* ── NAV ───────────────────────────────── */
#nav{position:fixed;top:0;left:0;right:0;z-index:200;height:52px;
display:flex;align-items:center;gap:0;padding:0 32px;
background:rgba(8,8,8,.92);backdrop-filter:blur(16px);
border-bottom:1px solid var(--border-dark);transition:background .3s;}
.nav-logo{font-size:11px;font-weight:800;letter-spacing:5px;color:var(--white);
text-decoration:none;text-transform:uppercase;flex-shrink:0;margin-right:28px;}
.nav-links{display:flex;flex:1;overflow-x:auto;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-link{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:rgba(255,255,255,.62);text-decoration:none;padding:0 12px;height:52px;
display:flex;align-items:center;white-space:nowrap;
border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.nav-link:hover{color:rgba(255,255,255,.85);border-bottom-color:rgba(255,255,255,.2);}
.nav-link.active{color:var(--white);border-bottom-color:var(--red);}
.nav-cta{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
color:var(--red-bright);text-decoration:none;padding:8px 18px;
border:1px solid rgba(255,149,32,.5);flex-shrink:0;margin-left:12px;
display:inline-flex;align-items:center;min-height:36px;
transition:background .2s,color .2s,border-color .2s;}
.nav-cta:hover{background:var(--red);color:var(--white);border-color:var(--red);}
/* ── SECTION DIVIDER ───────────────────── */
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gray-light),transparent);
position:relative;overflow:visible;}
.divider::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:8px;height:8px;background:var(--red);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);}
/* ── HERO ──────────────────────────────── */
#hero{background:var(--black);min-height:100svh;display:flex;flex-direction:column;
justify-content:center;padding:120px 0 80px;position:relative;overflow:hidden;}
.hero-grid-bg{position:absolute;inset:0;
background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);}
.hero-glow{position:absolute;top:-20%;right:-10%;width:50vw;height:70vh;
background:radial-gradient(ellipse,rgba(252,129,3,.06) 0%,transparent 65%);pointer-events:none;}
.hero-label{font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;
color:var(--red-bright);margin-bottom:28px;display:flex;align-items:center;gap:12px;}
.hero-label::before{content:'';width:32px;height:1px;background:var(--red);}
.hero-h1{font-size:clamp(52px,8.5vw,120px);font-weight:900;line-height:.92;
color:var(--white);letter-spacing:-4px;margin-bottom:36px;}
.hero-h1 em{font-style:normal;color:var(--red-bright);}
.hero-sub{font-size:clamp(15px,1.5vw,18px);color:var(--gray);line-height:1.7;
max-width:540px;margin-bottom:52px;}
.hero-sub strong{color:rgba(255,255,255,.8);}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:-4px;}
.btn-primary{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
color:var(--white);background:var(--red);padding:16px 34px;text-decoration:none;
display:inline-flex;align-items:center;justify-content:center;min-height:44px;
transition:background .2s,transform .15s;}
.btn-primary:hover{background:#D66E02;}
.btn-primary:active{transform:translateY(1px);}
.btn-ghost{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:rgba(255,255,255,.7);text-decoration:none;display:inline-flex;align-items:center;gap:10px;
padding:14px 8px;min-height:44px;
transition:color .2s,gap .2s;}
.btn-ghost:hover{color:var(--white);gap:14px;}
.hero-deadline{margin-top:64px;display:flex;align-items:center;gap:16px;
padding-top:32px;border-top:1px solid var(--border-dark);}
.hero-deadline-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gray);}
.hero-deadline-date{font-size:14px;font-weight:900;color:var(--red-bright);letter-spacing:1px;}
/* Hero date prominent block */
.hero-date{display:flex;align-items:baseline;gap:18px;margin:-12px 0 24px;}
.hero-date-month{font-size:clamp(36px,5vw,72px);font-weight:900;letter-spacing:-2px;color:var(--white);line-height:.95;}
.hero-date-year{font-size:clamp(24px,3vw,42px);font-weight:800;letter-spacing:-1px;color:var(--red-bright);line-height:1;}
/* === 06-stats.css === */
/* ── STATS ─────────────────────────────── */
#stats{background:var(--off-black);border-top:1px solid var(--border-dark);
border-bottom:1px solid var(--border-dark);}
.stats-row{display:grid;grid-template-columns:repeat(5,1fr);}
.stat{padding:28px 20px;text-align:center;border-right:1px solid var(--border-dark);}
.stat:last-child{border-right:none;}
.stat-val{font-size:clamp(22px,2.8vw,36px);font-weight:900;color:var(--white);
letter-spacing:-1px;line-height:1;margin-bottom:6px;}
.stat-lbl{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:2px;line-height:1.4;}
/* === 07-sections.css === */
/* ── SECTION BASE ──────────────────────── */
.sec{padding:clamp(64px,8vw,96px) 0;}
.sec-dark{background:var(--black);color:var(--white);}
.sec-gray{background:var(--off-white);}
.sec-label{font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;
color:var(--red);margin-bottom:14px;}
.sec-dark .sec-label{color:var(--red-bright);}
.sec-label.gold{color:var(--gold);}
.sec-h{font-size:clamp(28px,3.8vw,48px);font-weight:900;letter-spacing:-1.5px;
line-height:1.05;margin-bottom:16px;}
.sec-sub{font-size:16px;color:var(--gray-strong);max-width:600px;line-height:1.7;margin-bottom:52px;}
.sec-dark .sec-sub{color:rgba(255,255,255,.65);}
.sec-gray .sec-sub{color:var(--gray-strong);}
.sec-dark .sec-h{color:var(--white);}
/* === DARK-EVERYWHERE OVERRIDE === */
/* sec-gray (был светлый) теперь визуально dark — единая тёмная тема */
.sec-gray{background:var(--off-black);color:var(--white);}
.sec-gray .sec-h{color:var(--white);}
.sec-gray .sec-sub{color:rgba(255,255,255,.65);}
.sec-gray .sec-label{color:var(--orange-bright);}
/* Карточки на бывшем светлом фоне → тёмные */
.sec-gray .why-card{background:var(--card);color:var(--white);}
.sec-gray .why-title{color:var(--white);}
.sec-gray .why-body{color:rgba(255,255,255,.7);}
.sec-gray .why-num{color:rgba(255,255,255,.08);}
.sec-gray .why-card:nth-child(1){border-color:var(--orange);}
.sec-gray .why-card:nth-child(2){border-color:var(--white);}
.sec-gray .why-card:nth-child(3){border-color:rgba(255,255,255,.25);}
.sec-gray .why-card:nth-child(2) .why-icon{color:var(--white);}
.sec-gray .why-card:nth-child(3) .why-icon{color:rgba(255,255,255,.5);}
.sec-gray .player-tier{background:var(--card)!important;}
.sec-gray .player-tier .player-row{color:rgba(255,255,255,.7);border-bottom-color:rgba(255,255,255,.06);}
/* Mediaplan cards и mp-flip front face */
.sec-gray .mp-card .mp-face-front,
.sec-gray .mp-card.is-event .mp-face-front{background:var(--card);}
.sec-gray .mp-status{color:var(--white);border-bottom-color:rgba(255,255,255,.12);}
.sec-gray .mp-card.is-now .mp-status{color:var(--orange);}
.sec-gray .mp-card.is-past .mp-status{color:rgba(255,255,255,.4);}
.sec-gray .mp-title{color:var(--white);}
.sec-gray .mp-body{color:rgba(255,255,255,.7);}
.sec-gray .mp-spons-text{color:rgba(255,255,255,.55);}
.sec-gray .mp-card .mp-face-back{background:var(--off-black);}
.sec-gray .mp-target circle[fill='#f7f7f7']{fill:#1a1a1a;}
.sec-gray .mp-intro{color:rgba(255,255,255,.7);}
.sec-gray .mp-countdown-val{color:var(--white);}
.sec-gray .mp-hint{color:rgba(255,255,255,.55);}
/* Players bottom recap row */
.sec-gray .players-grid + div{background:var(--card)!important;color:var(--white);}
.sec-gray .players-grid + div [style*='var(--black)']{color:var(--white)!important;}
/* === 08-team.css === */
/* ── TEAM ──────────────────────────────── */
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.team-card{background:var(--card);padding:48px 44px;position:relative;overflow:hidden;}
.team-card::before{content:'';position:absolute;inset:0;opacity:.04;
background:url('https://images.unsplash.com/photo-1566576912321-d58ddd7a6088?w=600&q=50&fit=crop') center/cover;}
.team-card:last-child::before{background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&q=50&fit=crop') center/cover;}
.team-card>*{position:relative;z-index:1;}
.team-patch{display:inline-flex;align-items:center;justify-content:center;
background:var(--red);padding:5px 16px;margin-bottom:24px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
font-size:9px;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:var(--white);}
.team-card:last-child .team-patch{background:var(--gold);}
.team-photo{width:80px;height:80px;background:rgba(255,255,255,.06);
display:flex;align-items:center;justify-content:center;margin-bottom:24px;
font-size:11px;letter-spacing:2px;color:var(--gray);text-transform:uppercase;border:1px solid var(--border-dark);}
.team-name{font-size:clamp(22px,2.5vw,32px);font-weight:900;color:var(--white);
letter-spacing:-0.5px;margin-bottom:6px;}
.team-role{font-size:12px;color:var(--gray);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;}
.team-stats{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:24px;}
.team-stat-num{font-size:28px;font-weight:900;color:var(--white);line-height:1;}
.team-stat-lbl{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
.team-bio{font-size:14px;color:rgba(255,255,255,.75);line-height:1.7;border-left:2px solid var(--red);padding-left:16px;}
.team-card:last-child .team-bio{border-left-color:var(--gold);}
/* === 09-why.css === */
/* ── WHY ───────────────────────────────── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.why-card{background:var(--white);padding:44px 36px;border-top:3px solid;}
.why-card:nth-child(1){border-color:var(--red);}
.why-card:nth-child(2){border-color:var(--black);}
.why-card:nth-child(3){border-color:var(--gray-light);}
.why-icon{width:44px;height:44px;margin-bottom:24px;color:var(--red);}
.why-card:nth-child(2) .why-icon{color:var(--black);}
.why-card:nth-child(3) .why-icon{color:var(--gray);}
.why-num{font-size:clamp(48px,5vw,72px);font-weight:900;line-height:1;
letter-spacing:-3px;color:var(--off-white);margin-bottom:16px;}
.why-title{font-size:17px;font-weight:800;color:var(--black);margin-bottom:10px;letter-spacing:-.3px;}
.why-body{font-size:14px;color:var(--gray);line-height:1.7;}
/* === 10-shared-carousel.css === */
/* ── SHARED CAROUSEL MECHANICS ─────────────── */
.carousel-wrap{position:relative;overflow:hidden;padding:24px 0;}
.carousel-wrap::before,
.carousel-wrap::after{content:'';position:absolute;top:0;bottom:0;width:56px;
pointer-events:none;z-index:5;}
.carousel-wrap::before{left:0;background:linear-gradient(to right,var(--bleed,var(--white)),transparent);}
.carousel-wrap::after{right:0;background:linear-gradient(to left,var(--bleed,var(--white)),transparent);}
.sec-gray .carousel-wrap{--bleed:var(--off-white);}
.carousel-track{display:flex;gap:3px;will-change:transform;}
.carousel-card{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s,box-shadow .3s;
opacity:.62;}
.carousel-card.is-clone{pointer-events:none;}
.carousel-card:hover,
.carousel-card:focus-within,
.carousel-wrap.is-paused .carousel-card.is-active{
opacity:1;transform:scale(1.04);z-index:3;
box-shadow:0 16px 44px rgba(0,0,0,.22);}
@media(prefers-reduced-motion:reduce){
.carousel-card{opacity:1;transform:none;}
.carousel-card:hover,.carousel-card:focus-within{transform:none;box-shadow:none;}
}
.pkg-slider-wrap{position:relative;overflow:hidden;padding:24px 0;}
.pkg-slider{display:flex;gap:3px;will-change:transform;}
.pkg-card{flex:0 0 340px;background:var(--white);
border-top:4px solid;padding:36px 32px;display:flex;flex-direction:column;
border-left:1px solid var(--border-light);}
.pkg-card.tier-1{border-top-color:#FC8103;}
.pkg-card.tier-2{border-top-color:#FC8103;}
.pkg-card.tier-w{border-top-color:#FC8103;background:#1a1a1a;}
.pkg-card.tier-3{border-top-color:#333;}
.pkg-card.tier-4{border-top-color:#FC8103;}
.pkg-card.tier-5{border-top-color:#FC8103;}
.pkg-card.tier-6{border-top-color:#555555;}
.pkg-tier-badge{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px;}
.tier-1 .pkg-tier-badge{color:#FC8103;}
.tier-2 .pkg-tier-badge,.tier-w .pkg-tier-badge{color:#FC8103;}
.tier-3 .pkg-tier-badge{color:#888;}
.tier-4 .pkg-tier-badge{color:#FC8103;}
.tier-5 .pkg-tier-badge{color:#FC8103;}
.tier-6 .pkg-tier-badge{color:#555555;}
.pkg-name{font-size:clamp(22px,2vw,28px);font-weight:900;letter-spacing:-.5px;margin-bottom:4px;}
.pkg-card.tier-w .pkg-name{color:var(--white);}
.pkg-sub{font-size:12px;color:var(--gray);margin-bottom:24px;}
.pkg-card.tier-w .pkg-sub{color:rgba(255,255,255,.65);}
.pkg-price{font-size:clamp(18px,2vw,24px);font-weight:900;margin-bottom:4px;}
.tier-1 .pkg-price{color:#FC8103;font-size:clamp(22px,2.5vw,32px);}
.tier-2 .pkg-price,.tier-w .pkg-price{color:#FC8103;}
.pkg-price-note{font-size:11px;color:var(--gray);margin-bottom:28px;}
.pkg-card.tier-w .pkg-price-note{color:rgba(255,255,255,.6);}
.pkg-benefits{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;margin-bottom:24px;}
.pkg-benefits li{font-size:13px;line-height:1.5;padding-left:18px;position:relative;color:#333;}
.pkg-card.tier-w .pkg-benefits li{color:rgba(255,255,255,.7);}
.pkg-benefits li::before{content:'';position:absolute;left:0;top:7px;
width:6px;height:6px;background:currentColor;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);}
.tier-1 .pkg-benefits li::before{background:#FC8103;}
.tier-2 .pkg-benefits li::before,.tier-w .pkg-benefits li::before{background:#FC8103;}
.pkg-fit-label{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:var(--gray);margin-bottom:10px;}
.pkg-brands{display:flex;flex-wrap:wrap;gap:4px;}
.brand-chip{font-size:9px;font-weight:700;letter-spacing:1px;padding:3px 8px;
background:var(--off-white);color:#555;text-transform:uppercase;}
.pkg-card.tier-w .brand-chip{background:rgba(255,255,255,.07);color:rgba(255,255,255,.5);}
.pkg-deadline{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;
text-transform:uppercase;padding:5px 11px;background:var(--red-dim);color:var(--red);margin-top:16px;
align-self:flex-start;}
.slider-nav{display:flex;align-items:center;justify-content:space-between;
margin-top:20px;padding:0 4px;}
.slider-dots{display:flex;gap:6px;}
.slider-dot{width:6px;height:6px;background:var(--gray-light);transition:background .2s,width .2s;
cursor:pointer;border:6px solid transparent;background-clip:padding-box;box-sizing:content-box;}
.slider-dot.active{background:var(--red);width:20px;}
.slider-arrows{display:flex;gap:8px;}
.slider-arrow{width:44px;height:44px;background:var(--off-white);border:none;cursor:pointer;
display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;
color:var(--black);}
.slider-arrow:hover{background:var(--gray-light);}
.slider-arrow:active{transform:scale(.94);}
.slider-arrow:disabled{opacity:.35;cursor:not-allowed;}
.slider-arrow svg{width:18px;height:18px;}
/* Constrain carousel to a comfortable reading width */
.carousel-wrap{max-width:1200px;margin-left:auto;margin-right:auto;}
.pkg-slider-wrap{max-width:1200px;margin-left:auto;margin-right:auto;}
@media(max-width:1200px){
.carousel-wrap, .pkg-slider-wrap{max-width:100%;}
}
/* Lift readability of secondary text inside cards */
.pkg-sub, .mp-body, .mp-spons-text{font-size:13px;}
.sec-sub{font-size:17px;}
.team-bio{font-size:15px;}
.act-body{font-size:14px;}
/* === PKG-CARD ALIGNMENT — равная высота всех элементов === */
.pkg-card{min-height:560px;}
.pkg-card .pkg-tier-badge{min-height:14px;line-height:1.3;}
.pkg-card .pkg-name{min-height:60px;display:flex;align-items:flex-end;}
.pkg-card .pkg-sub{min-height:36px;line-height:1.4;}
.pkg-card .pkg-price{min-height:36px;display:flex;align-items:baseline;}
.pkg-card .pkg-price-note{min-height:14px;}
.pkg-card .pkg-benefits{flex:1 1 auto;min-height:140px;}
.pkg-card .pkg-fit-label{margin-top:auto;}
.pkg-card .pkg-deadline{align-self:flex-start;}
/* Background: дефолтный pkg-card был белым — переключаем на dark, чтобы не контрастировать */
.pkg-card{background:var(--card);color:var(--white);border-left:1px solid var(--border-dark);}
.pkg-card .pkg-name{color:var(--white);}
.pkg-card .pkg-sub{color:rgba(255,255,255,.55);}
.pkg-card .pkg-benefits li{color:rgba(255,255,255,.78);}
.pkg-card .brand-chip{background:rgba(255,255,255,.06);color:rgba(255,255,255,.62);}
.pkg-card .pkg-fit-label{color:rgba(255,255,255,.45);}
.pkg-card .pkg-price-note{color:rgba(255,255,255,.5);}
.pkg-card.tier-w{background:var(--card);}
/* === 11-ambassador-warlog.css === */
/* ── AMBASSADOR ────────────────────────── */
.amb-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.amb-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:28px 0;}
.amb-total{background:rgba(255,255,255,.04);padding:20px 16px;text-align:center;}
.amb-total-val{font-size:clamp(18px,2vw,26px);font-weight:900;color:var(--white);line-height:1;}
.amb-total-lbl{font-size:10px;color:rgba(255,255,255,.65);margin-top:6px;text-transform:uppercase;letter-spacing:1px;}
/* ── ACCORDION ─────────────────────────── */
.accordion{border-top:1px solid var(--border-dark);overflow:hidden;}
.accordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;
padding:16px 0;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:2px;
text-transform:uppercase;color:rgba(255,255,255,.7);transition:color .2s;
min-height:44px;}
.accordion summary::-webkit-details-marker{display:none;}
.accordion summary:hover{color:var(--white);}
.accordion[open] summary{color:var(--white);}
.accordion-arrow{width:16px;height:16px;transition:transform .3s;flex-shrink:0;}
.accordion[open] .accordion-arrow{transform:rotate(180deg);}
.accordion-body{padding-bottom:20px;}
.gear-list{display:flex;flex-direction:column;gap:0;}
.gear-item{display:flex;align-items:center;gap:12px;padding:9px 0;
border-bottom:1px solid var(--border-dark);font-size:13px;}
.gear-item:last-child{border-bottom:none;}
.gear-icon{width:18px;height:18px;color:rgba(255,255,255,.55);flex-shrink:0;}
.gear-name{flex:1;color:rgba(255,255,255,.82);}
.gear-price{color:var(--gold);font-family:'Courier New',monospace;font-size:12px;white-space:nowrap;}
.gear-total-row{display:flex;justify-content:space-between;padding:14px 0;
font-size:14px;font-weight:900;color:var(--white);border-top:2px solid rgba(255,255,255,.1);
margin-top:4px;}
.gear-total-row span:last-child{color:var(--gold);font-family:'Courier New',monospace;}
/* ── WARLOG ────────────────────────────── */
.warlog-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.warlog-specs{display:flex;flex-direction:column;gap:2px;}
.warlog-spec{display:flex;align-items:center;gap:16px;padding:16px 20px;
background:rgba(255,255,255,.03);border-left:2px solid rgba(252,129,3,.3);}
.warlog-spec-icon{width:20px;height:20px;color:var(--gold);flex-shrink:0;}
.warlog-spec-name{font-size:13px;color:rgba(255,255,255,.5);flex:1;}
.warlog-spec-val{font-size:13px;font-weight:700;color:var(--gold);font-family:'Courier New',monospace;}
.warlog-exclusive{background:rgba(252,129,3,.07);border:1px solid rgba(252,129,3,.2);
padding:24px;margin-top:24px;}
.warlog-exclusive-label{font-size:9px;font-weight:800;letter-spacing:4px;
text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.warlog-exclusive-text{font-size:15px;font-weight:700;color:var(--white);line-height:1.5;}
.warlog-price-block{text-align:center;padding:36px;background:rgba(252,129,3,.05);
border:1px solid rgba(252,129,3,.15);}
.warlog-price-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;
color:var(--gold);margin-bottom:14px;display:block;}
.warlog-price-big{font-size:clamp(36px,5vw,56px);font-weight:900;color:var(--white);
letter-spacing:-2px;line-height:1;}
.warlog-price-sub{font-size:12px;color:rgba(255,255,255,.6);margin-top:10px;line-height:1.5;}
/* === 12-activations.css === */
/* ── ACTIVATIONS ───────────────────────── */
.act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.act{position:relative;overflow:hidden;padding:36px 30px;border-top:4px solid;
background-color:#1a1a1a;min-height:250px;display:flex;flex-direction:column;
content-visibility:auto;contain-intrinsic-size:300px;}
.act::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;
filter:brightness(.26) saturate(.5);z-index:0;transition:filter .3s;}
.act:hover::before{filter:brightness(.36) saturate(.65);}
.act>*{position:relative;z-index:1;}
.act.a-red{border-top-color:#FC8103;}
.act.a-red::before{background-image:url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=700&q=70&fit=crop');}
.act.a-khaki{border-top-color:#555555;}
.act.a-khaki::before{background-image:url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?w=700&q=70&fit=crop');}
.act.a-green{border-top-color:#FC8103;}
.act.a-green::before{background-image:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=700&q=70&fit=crop');}
.act.a-blue{border-top-color:#666666;}
.act.a-blue::before{background-image:url('https://images.unsplash.com/photo-1553697388-94e804e2f0f6?w=700&q=70&fit=crop');}
.act.a-amber{border-top-color:#FC8103;}
.act.a-amber::before{background-image:url('https://images.unsplash.com/photo-1565299507177-b0ac66763828?w=700&q=70&fit=crop');}
.act.a-gold{border-top-color:#FC8103;}
.act.a-gold::before{background-image:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=700&q=70&fit=crop');}
.act-icon{font-size:28px;margin-bottom:12px;display:block;}
.act-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;
color:#fff;margin-bottom:10px;text-shadow:0 1px 4px rgba(0,0,0,.8);}
.act-body{font-size:13px;color:rgba(255,255,255,.85);line-height:1.65;
text-shadow:0 1px 3px rgba(0,0,0,.7);flex:1;}
.act-fit{font-size:10px;color:rgba(255,255,255,.85);margin-top:14px;
background:rgba(0,0,0,.55);backdrop-filter:blur(4px);padding:6px 12px;display:inline-block;}
/* === 13-reach.css === */
/* ── REACH ─────────────────────────────── */
.reach-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:3px;}
.reach-channel{padding:32px 36px;}
.reach-ch-label{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;}
.reach-ch-num{font-size:clamp(28px,3.5vw,48px);font-weight:900;letter-spacing:-2px;
line-height:1;margin-bottom:6px;}
.reach-ch-sub{font-size:12px;color:var(--gray);margin-bottom:20px;}
.reach-ch-rows{display:flex;flex-direction:column;gap:0;}
.reach-ch-row{display:flex;justify-content:space-between;padding:8px 0;
border-bottom:1px solid;font-size:12px;}
.reach-total-box{background:var(--red);padding:40px 48px;
display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.reach-total-num{font-size:clamp(44px,6vw,80px);font-weight:900;color:var(--white);
letter-spacing:-3px;line-height:1;}
.reach-total-sub{font-size:14px;color:rgba(255,255,255,.6);margin-top:8px;line-height:1.6;}
.reach-total-rows{display:flex;flex-direction:column;gap:2px;}
.reach-total-row{display:flex;justify-content:space-between;padding:12px 16px;
background:rgba(0,0,0,.15);font-size:13px;}
/* === 14-players-timeline.css === */
/* ── PLAYERS ───────────────────────────── */
.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.player-tier{padding:32px 28px;border-top:3px solid;}
.player-tier-num{font-size:clamp(36px,4vw,56px);font-weight:900;line-height:1;margin-bottom:8px;letter-spacing:-2px;}
.player-tier-sub{font-size:10px;text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;}
.player-tier-rows{display:flex;flex-direction:column;gap:0;}
.player-row{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;border-bottom:1px solid rgba(0,0,0,.06);}
/* ── TIMELINE ──────────────────────────── */
.timeline{display:flex;flex-direction:column;gap:0;}
.tl-row{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--border-light);}
.tl-row:last-child{border-bottom:none;}
.tl-week{display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:20px 12px;background:var(--off-white);border-right:1px solid var(--border-light);flex-shrink:0;}
.tl-week-label{font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray);}
.tl-week-num{font-size:24px;font-weight:900;color:var(--black);line-height:1;letter-spacing:-1px;}
.tl-event .tl-week{background:var(--red);}
.tl-event .tl-week-label{color:rgba(255,255,255,.6);}
.tl-event .tl-week-num{color:var(--white);font-size:14px;text-align:center;letter-spacing:0;}
.tl-body{padding:20px 28px;}
.tl-title{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
color:var(--black);margin-bottom:8px;}
.tl-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.tl-col-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--red);margin-bottom:4px;}
.tl-col-text{font-size:12px;color:var(--gray);line-height:1.5;}
/* === 15-locations.css === */
/* ── LOCATIONS ─────────────────────────── */
.loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.loc-card{background:var(--card);overflow:hidden;display:flex;flex-direction:column;}
.loc-img{height:160px;position:relative;overflow:hidden;contain:layout paint;}
.loc-img img,.loc-img-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.loc-img-bg{background-size:cover;background-position:center;filter:brightness(.5) saturate(.6);}
.loc-badge{position:absolute;top:16px;left:16px;font-size:8px;font-weight:800;
letter-spacing:3px;text-transform:uppercase;padding:4px 10px;background:var(--red);color:var(--white);}
.loc-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px;}
.loc-name{font-size:16px;font-weight:800;color:var(--white);letter-spacing:-.3px;}
.loc-meta{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.loc-meta-item{background:rgba(255,255,255,.04);padding:10px 12px;}
.loc-meta-key{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:3px;}
.loc-meta-val{font-size:13px;font-weight:700;color:var(--white);}
.loc-price{font-size:11px;color:var(--gray);padding-top:10px;border-top:1px solid var(--border-dark);}
.loc-price strong{color:var(--white);}
/* === 16-process-cta.css === */
/* ── PROCESS ───────────────────────────── */
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;}
.step{padding:28px 20px;background:rgba(255,255,255,.04);border:1px solid var(--border-dark);}
.step-num{font-size:clamp(28px,3vw,44px);font-weight:900;color:rgba(255,255,255,.12);
line-height:1;margin-bottom:14px;font-family:'Courier New',monospace;letter-spacing:-2px;}
.step-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;
color:var(--white);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(252,129,3,.2);}
.step-body{font-size:12px;color:rgba(255,255,255,.7);line-height:1.6;}
/* ── CTA ───────────────────────────────── */
#cta{background:var(--black);padding:96px 0;}
.cta-inner{max-width:820px;margin:0 auto;text-align:center;}
.cta-h{font-size:clamp(36px,5vw,64px);font-weight:900;color:var(--white);
letter-spacing:-2px;line-height:1.0;margin-bottom:52px;}
.cta-h em{font-style:normal;color:var(--red);}
.cta-deadlines{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:40px;}
.cta-dl{padding:28px 32px;border-left:4px solid;}
.cta-dl.hard{background:var(--red-dim);border-color:var(--red);}
.cta-dl.soft{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12);}
.cta-dl-tag{font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;}
.hard .cta-dl-tag{color:var(--red);}
.soft .cta-dl-tag{color:#888888;}
.cta-dl-date{font-size:clamp(18px,2.5vw,28px);font-weight:900;color:var(--white);margin-bottom:8px;line-height:1;}
.soft .cta-dl-date{color:#AAAAAA;font-size:clamp(15px,1.8vw,22px);}
.cta-dl-note{font-size:12px;color:rgba(255,255,255,.65);line-height:1.55;}
.cta-contact{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:32px;margin-top:3px;}
.cta-contact-title{font-size:10px;font-weight:800;letter-spacing:5px;text-transform:uppercase;
color:var(--red);margin-bottom:12px;}
.cta-contact-name{font-size:22px;font-weight:900;color:var(--white);margin-bottom:16px;}
.cta-contact-sub{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7;}
/* === 17-footer-misc.css === */
/* ── FOOTER ────────────────────────────── */
footer{background:var(--off-black);padding:28px 0;border-top:1px solid var(--border-dark);}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-logo{font-size:11px;font-weight:800;letter-spacing:4px;color:rgba(255,255,255,.55);text-transform:uppercase;}
.footer-note{font-size:10px;color:rgba(255,255,255,.45);letter-spacing:1px;}
/* === 18-media-plan-divider.css === */
/* ── MEDIA PLAN SECTION DIVIDER ────────── */
.section-break{height:80px;display:flex;align-items:center;justify-content:center;
background:var(--black);position:relative;overflow:hidden;}
.section-break-line{position:absolute;left:0;right:0;height:1px;background:var(--border-dark);}
.section-break-label{font-size:9px;font-weight:800;letter-spacing:6px;text-transform:uppercase;
color:var(--red-bright);background:var(--black);padding:0 24px;position:relative;z-index:1;}
/* === 19-responsive.css === */
/* ── RESPONSIVE ────────────────────────── */
@media(max-width:768px){
body{font-size:16px;}
.carousel-wrap, .pkg-slider-wrap{padding:16px 0;}
.wrap{padding:0 20px;}
.hero-h1{letter-spacing:-2px;line-height:.95;}
.hero-actions{gap:14px;}
.btn-primary{width:100%;text-align:center;justify-content:center;}
.phygital-grid{grid-template-columns:1fr;}
#nav{padding:0 16px;}
.nav-links{display:none;}
.nav-cta{margin-left:auto;}
.team-grid,.why-grid,.amb-layout,.warlog-layout,.reach-channels,
.players-grid,.loc-grid{grid-template-columns:1fr;}
.act-grid{grid-template-columns:1fr 1fr;}
.pkg-card{flex:0 0 88vw;}
.stats-row{grid-template-columns:repeat(3,1fr);}
.stat:nth-child(4),.stat:nth-child(5){border-top:1px solid var(--border-dark);}
.cta-deadlines{grid-template-columns:1fr;}
.process-steps{grid-template-columns:1fr 1fr;}
.tl-cols{grid-template-columns:1fr;}
.reach-total-box{grid-template-columns:1fr;}
#fieldmap{overflow-x:auto;}
#fieldmap svg{min-width:600px;}
.hero-h1{letter-spacing:-2px;}
.sec{padding:64px 0;}
.loc-meta{grid-template-columns:1fr 1fr;}
.amb-totals{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:480px){
.wrap{padding:0 16px;}
.stats-row{grid-template-columns:1fr 1fr;}
.stat:last-child{grid-column:span 2;border-top:1px solid var(--border-dark);}
.act-grid{grid-template-columns:1fr;}
.process-steps{grid-template-columns:1fr;}
.tl-row{grid-template-columns:64px 1fr;}
.team-stats{gap:20px;}
.amb-totals{grid-template-columns:1fr;}
.hero-deadline{flex-direction:column;align-items:flex-start;gap:8px;}
}
/* ── MEDIA PLAN (carousel) ─────────────── */
.mp-header{display:flex;justify-content:space-between;align-items:flex-end;
flex-wrap:wrap;gap:24px;margin-bottom:8px;}
.mp-intro{font-size:16px;color:var(--gray-strong);line-height:1.7;max-width:480px;margin:0;}
.mp-countdown{text-align:right;flex-shrink:0;}
.mp-countdown-label{font-size:9px;font-weight:800;letter-spacing:3px;
text-transform:uppercase;color:var(--red);margin-bottom:4px;}
.mp-countdown-val{font-size:clamp(28px,4vw,48px);font-weight:900;
color:var(--black);letter-spacing:-2px;line-height:1;}
.mp-wrap{padding:24px clamp(20px,4vw,48px);}
.sec-gray .mp-wrap{--bleed:var(--off-white);}
.mp-slider{gap:3px;}
.mp-card{flex:0 0 240px;background:var(--white);border-top:4px solid var(--black);
padding:26px 22px 24px;display:flex;flex-direction:column;min-height:300px;}
.mp-card.is-event{flex-basis:268px;background:var(--black);border-top-color:var(--red);}
.mp-status{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.05;
letter-spacing:-1px;color:var(--black);margin-bottom:14px;
padding-bottom:12px;border-bottom:1px solid var(--gray-light);
text-transform:uppercase;}
.mp-card.is-event .mp-status{color:var(--red-bright);border-bottom-color:rgba(255,255,255,.08);}
.mp-card.is-now .mp-status{color:var(--red);}
.mp-card.is-past .mp-status{color:var(--gray);}
.mp-card.is-past{opacity:.7;}
.mp-title{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
color:var(--black);margin-bottom:10px;}
.mp-card.is-event .mp-title{color:var(--white);}
.mp-body{font-size:12.5px;color:var(--gray-strong);line-height:1.6;flex:1;}
.mp-card.is-event .mp-body{color:rgba(255,255,255,.7);}
.mp-spons-label{font-size:10px;font-weight:700;color:var(--red);margin-top:14px;margin-bottom:4px;
letter-spacing:.5px;text-transform:uppercase;}
.mp-card.is-event .mp-spons-label{color:var(--red-bright);}
.mp-spons-text{font-size:11.5px;color:#555;line-height:1.55;margin:0;}
.mp-card.is-event .mp-spons-text{color:rgba(255,255,255,.6);}
.mp-controls{display:flex;justify-content:space-between;align-items:center;
gap:16px;margin-top:16px;flex-wrap:wrap;}
.mp-hint{font-size:11.5px;color:var(--gray-strong);letter-spacing:.3px;margin:0;max-width:520px;}
@media(max-width:768px){
.mp-card{flex-basis:78vw;}
.mp-card.is-event{flex-basis:84vw;}
.mp-header{margin-bottom:0;}
}
/* ── CUSTOM CURSOR (минимал. перекрестие, инверсия по фону) ─────── */
body{cursor:url("data:image/svg+xml;utf8,") 14 14, auto;}
#hero,#stats,.sec-dark,#cta,#fieldmap,#activations,footer,.pkg-card.tier-w{
cursor:url("data:image/svg+xml;utf8,") 14 14, auto;
}
@media(pointer:coarse){body{cursor:auto;}}
/* ── DRAG / NO-SELECT ─────────────────────────── */
.carousel-track{cursor:grab;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
.carousel-track.is-dragging{cursor:grabbing;}
body.is-dragging,body.is-dragging *{-webkit-user-select:none !important;user-select:none !important;}
.carousel-card{cursor:pointer;}
/* ── MEDIA-PLAN FLIP ANIMATION ─────────────────── */
.mp-card{perspective:1200px;background:transparent;padding:0;border-top:none;
min-height:300px;position:relative;}
.mp-card.is-event{background:transparent;border-top:none;}
.mp-card-inner{position:relative;width:100%;height:100%;min-height:300px;
transform-style:preserve-3d;transition:transform .4s;}
.mp-card.flipping .mp-card-inner{animation:mpFlip 1.6s cubic-bezier(.7,0,.3,1);}
@keyframes mpFlip{
0%{transform:rotateY(0deg) scale(1);}
18%{transform:rotateY(0deg) scale(.94) translateY(-3px);}
35%{transform:rotateY(180deg) scale(1.04);}
60%{transform:rotateY(180deg) scale(1);}
80%{transform:rotateY(360deg) scale(1.04);}
100%{transform:rotateY(360deg) scale(1);}
}
.mp-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
display:flex;flex-direction:column;padding:26px 22px 24px;overflow:hidden;}
.mp-face-front{background:var(--white);border-top:4px solid var(--black);}
.mp-card.is-event .mp-face-front{background:var(--black);border-top-color:var(--red);}
.mp-face-back{transform:rotateY(180deg);background:#f0f0f0;border-top:4px solid var(--red);
align-items:center;justify-content:center;padding:18px;}
.mp-card.is-event .mp-face-back{background:#1a1a1a;}
.mp-target{width:100%;max-width:200px;height:auto;}
.mp-shot-label{font-size:10px;font-weight:900;letter-spacing:5px;text-transform:uppercase;
color:var(--red);margin-top:8px;}
.mp-card.is-event .mp-shot-label{color:var(--red-bright);}
@media(prefers-reduced-motion:reduce){
.mp-card.flipping .mp-card-inner{animation:none;}
.mp-card.flipping{outline:2px solid var(--red);outline-offset:2px;}
}
/* === 20-org-contacts.css === */
/* ── ORG CONTACTS + TOOLTIP ─────────────── */
.team-contacts{display:flex;gap:8px;margin-top:18px;}
.org-contact{display:inline-flex;align-items:center;justify-content:center;
width:40px;height:40px;background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);
text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .15s;}
.org-contact:hover{background:var(--red);color:var(--white);border-color:var(--red);}
.org-contact:active{transform:translateY(1px);}
.team-card:last-child .org-contact:hover{background:var(--gold);border-color:var(--gold);}
.org-tip{position:absolute;z-index:400;background:#171717;color:#fff;
padding:10px 14px;font-size:12px;font-weight:600;letter-spacing:.3px;line-height:1.4;
max-width:280px;border:1px solid var(--red);
box-shadow:0 12px 32px rgba(0,0,0,.45);
opacity:0;transform:translateY(-4px);
transition:opacity .25s,transform .25s;pointer-events:none;}
.org-tip.is-visible{opacity:1;transform:translateY(0);}
.org-tip::after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);
width:10px;height:10px;background:#171717;border-right:1px solid var(--red);border-bottom:1px solid var(--red);
rotate:45deg;}
/* === 21-hover-cursor.css === */
/* Чистый указательный палец вверх (БЕЗ дополнительных пальцев-обрубков).
White fill, тёмный stroke — читается на любом dark-фоне. */
a, button, [role="button"], summary, .accordion summary,
.carousel-card, .mp-card, .pkg-card, .nav-link, .nav-cta, .nav-logo,
.skip-link, .slider-arrow, .slider-dot, .org-contact, .pp-cta,
.btn-primary, .btn-ghost, .pl-cta-btn, .pl-nav-back{
cursor:url("data:image/svg+xml;utf8,") 13 1, pointer;
}
@media(pointer:coarse){
a, button, [role='button'], summary, .carousel-card, .mp-card, .pkg-card,
.nav-link, .nav-cta, .org-contact, .slider-arrow{cursor:pointer;}
}
/* === 22-orange-contrast.css === */
/* Тёмный текст на оранжевых фонах — белый теряется на FC8103 */
.btn-primary,
.btn-primary:hover,
.btn-primary:active{color:#171717!important;background:var(--orange);}
.btn-primary:hover{background:var(--orange-bright);}
.pkg-deadline,
.cta-dl.hard .cta-dl-date,
.loc-badge,
.reach-total-box,
.act-fit{color:#171717!important;}
/* CTA hard deadline block — orange surface = dark text */
.cta-dl.hard{background:var(--orange);color:#171717;}
.cta-dl.hard .cta-dl-tag,
.cta-dl.hard .cta-dl-date,
.cta-dl.hard .cta-dl-note{color:#171717;}
/* Hero deadline date (если есть) */
.hero-deadline-date{color:var(--orange);}
/* mp-card.is-event — оранжевая верхняя полоска уже не нужна — сделать тёмную секцию */
.mp-card.is-event .mp-face-front{background:#1a1a1a;}
/* Slider arrows на pkg-section — белый bg, серый bg на hover */
.slider-arrow{background:#1f1f1f;color:var(--white);border:1px solid var(--border-dark);}
.slider-arrow:hover{background:#2a2a2a;border-color:var(--orange);}
.slider-arrow svg{color:var(--white);}
/* Players section recap row (после grid) на тёмном — выправляем дополнительно */
.players-grid + div{background:var(--card);}
.players-grid + div div[style*="background:var(--off-white)"]{background:#1a1a1a!important;color:var(--white);}
/* === reach-total-box на оранжевом — тёмный текст === */
.reach-total-box{color:#171717;}
.reach-total-box .reach-total-num{color:#171717;}
.reach-total-box .reach-total-sub{color:rgba(23,23,23,.7);}
.reach-total-box .reach-total-row{color:rgba(23,23,23,.78);background:rgba(0,0,0,.08);}
/* === 23-soft-text.css === */
/* Pure white режет глаза на тёмном — softer off-white для body-текста.
Headings оставляем pure #fff для иерархии. */
:root{
--text-soft:#E5E5E5; /* основной текст на тёмном */
--text-muted:#A8A8A8; /* вторичный */
}
/* Body text на dark секциях */
.sec-dark, #hero, #stats, #cta, #fieldmap, #activations, footer{
color:var(--text-soft);
}
.sec-gray{color:var(--text-soft);}
/* Карточки и блоки — soft */
.pkg-card, .pkg-card .pkg-name, .mp-card, .why-card .why-title,
.team-card, .team-name, .step-title, .loc-name,
.pl-name, .pl-section-h, .reach-ch-num, .stat-val,
.player-tier-num{color:var(--white);} /* заголовки — pure white */
.pkg-card .pkg-benefits li,
.mp-body, .mp-spons-text,
.team-bio, .why-body,
.act-body, .step-body,
.pl-list li, .pl-fact-body, .pl-cta-body,
.warlog-spec-name, .warlog-exclusive-text,
.cta-contact-sub,
.reach-ch-row, .reach-ch-sub,
.loc-meta-val, .loc-price{color:var(--text-soft);}
/* Очень мелкий вторичный — приглушаем дополнительно */
.team-stat-lbl, .reach-ch-label, .pkg-tier-badge,
.loc-meta-key, .pl-price-note, .pl-tier,
.sec-label, .nav-link, .footer-note, .pl-nav-meta{
/* их цвет уже задан палитрой, но делаем уверенный fallback на soft */
}
/* Глобальный fallback: если где-то осталось color:#fff — ничего не делаем,
только тоньше body-цвет. */
/* === 21-hover-cursor.css (override: fix middle-finger cursor) === */
a, button, [role="button"], summary, .accordion summary, .carousel-card, .mp-card, .pkg-card, .nav-link, .nav-cta, .nav-logo, .skip-link, .slider-arrow, .slider-dot, .org-contact, .pp-cta, .btn-primary, .btn-ghost, .pl-cta-btn, .pl-nav-back, .cc-card{cursor:url("data:image/svg+xml;utf8,") 8 1, pointer !important;}
/* === 25-readability-pass.css === */
.cc-card{padding:24px 22px 26px;}
.cc-badge{font-size:11px !important;letter-spacing:2.5px;padding:5px 11px;}
h3.cc-name, .cc-name{font-size:23px !important;}
.cc-sub{font-size:12px !important;letter-spacing:1.2px;}
.cc-price{font-size:26px !important;}
.cc-spec{font-size:13.5px !important;padding:8px 0;}
.cc-spec-key{color:var(--text-soft) !important;}
.cc-spec-val{color:#fff !important;font-weight:800;}
.cc-tag{font-size:11px !important;padding:5px 10px;}
.cc-pitch{font-size:13px !important;line-height:1.55;}
.reach-ch-row{font-size:13.5px !important;padding:10px 0;color:var(--text-soft) !important;}
.reach-ch-row span:last-child{color:#fff !important;font-weight:700;}
.reach-ch-label{font-size:11px !important;letter-spacing:3px;}
.reach-ch-sub{font-size:13px !important;}
.player-row{font-size:13.5px !important;padding:10px 0;color:var(--text-soft) !important;}
.tl-col-text{font-size:13px !important;color:var(--text-soft) !important;}
.tl-title{font-size:12px !important;letter-spacing:3px;}
.stat-lbl{font-size:11px !important;letter-spacing:2.5px;line-height:1.5;}
.sec-label{font-size:11px !important;letter-spacing:5px;}
.pkg-tier-badge{font-size:11px !important;letter-spacing:3.5px;}
.pkg-deadline{font-size:11px !important;letter-spacing:2.5px;padding:6px 12px;}
.brand-chip{font-size:11px !important;padding:4px 10px;}
.act-title{font-size:13px !important;letter-spacing:2.5px;}
.act-body{font-size:14.5px !important;line-height:1.6;}
.loc-meta-key{font-size:10px !important;letter-spacing:2.5px;}
.loc-meta-val{font-size:14px !important;}
.step-title{font-size:13px !important;letter-spacing:2.5px;}
.step-body{font-size:13.5px !important;line-height:1.6;}
.pkg-benefits li{font-size:14px !important;line-height:1.6;}
.mp-body{font-size:13.5px !important;line-height:1.6;}
.mp-title{font-size:12.5px !important;letter-spacing:2.5px;}
.mp-spons-text{font-size:12.5px !important;}
.mp-hint{font-size:13px !important;}
#fieldmap svg text{font-size:12px !important;}
#fieldmap svg text[font-size="7"], #fieldmap svg text[font-size="11"]{font-size:13px !important;}
#fieldmap svg text[font-size="8"], #fieldmap svg text[font-size="12"]{font-size:14px !important;}
#fieldmap svg text[font-size="9"], #fieldmap svg text[font-size="13"]{font-size:15px !important;}
/* === Replace полупрозрачные белые фоны на solid graphite === */
.reach-channel, .warlog-specs > .warlog-spec, .gear-list, .amb-total, .warlog-exclusive, .players-grid + div, .players-grid + div > div, .player-tier{background:var(--card) !important;}
.player-tier{border-top-color:var(--orange) !important;}
/* === 26-hero-image.css — MJ hero === */
#hero{background-image:linear-gradient(180deg, rgba(23,23,23,.6) 0%, rgba(23,23,23,.4) 40%, rgba(23,23,23,.85) 100%), url('https://cdn.midjourney.com/4b5bdaf4-b398-4f24-b456-26d078238e86/0_3.jpeg') !important;background-size:cover;background-position:center 35%;background-repeat:no-repeat;}
#hero .hero-grid-bg{opacity:.35;}
#hero .hero-glow{opacity:.65;}
.hero-h1{text-shadow:0 2px 24px rgba(0,0,0,.85);}
.hero-sub{text-shadow:0 1px 8px rgba(0,0,0,.85);}
.hero-label{text-shadow:0 1px 4px rgba(0,0,0,.85);}
.hero-date{text-shadow:0 1px 8px rgba(0,0,0,.85);}
/* === ABSOLUTE FINAL OVERRIDES (high specificity to beat all earlier #hero) === */
html body section#hero {
background-image: linear-gradient(180deg, rgba(23,23,23,.55), rgba(23,23,23,.3) 40%, rgba(23,23,23,.92)), url('/hero.jpg') !important;
background-size: cover !important;
background-position: center 38% !important;
background-repeat: no-repeat !important;
}
html body #hero .anim { opacity: 1 !important; transform: none !important; }