/* 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('/backgrounds/bg_red_energy.jpg') center/cover;}
.team-card:last-child::before{background:url('/backgrounds/bg_gold_award.jpg') 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,transparent),transparent);}
.carousel-wrap::after{right:0;background:linear-gradient(to left,var(--bleed,transparent),transparent);}
.sec-gray .carousel-wrap{--bleed:transparent;}
.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('/backgrounds/bg_red_energy.jpg');}
.act.a-khaki{border-top-color:#555555;}
.act.a-khaki::before{background-image:url('/backgrounds/bg_khaki_lounge.jpg');}
.act.a-green{border-top-color:#FC8103;}
.act.a-green::before{background-image:url('/backgrounds/bg_green_recovery.jpg');}
.act.a-blue{border-top-color:#666666;}
.act.a-blue::before{background-image:url('/backgrounds/bg_blue_commentator.jpg');}
.act.a-amber{border-top-color:#FC8103;}
.act.a-amber::before{background-image:url('/backgrounds/bg_amber_food.jpg');}
.act.a-gold{border-top-color:#FC8103;}
.act.a-gold::before{background-image:url('/backgrounds/bg_gold_award.jpg');}
.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:transparent;}
.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('/backgrounds/bg_red_energy.jpg') center/cover;}
.team-card:last-child::before{background:url('/backgrounds/bg_gold_award.jpg') 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,transparent),transparent);}
.carousel-wrap::after{right:0;background:linear-gradient(to left,var(--bleed,transparent),transparent);}
.sec-gray .carousel-wrap{--bleed:transparent;}
.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('/backgrounds/bg_red_energy.jpg');}
.act.a-khaki{border-top-color:#555555;}
.act.a-khaki::before{background-image:url('/backgrounds/bg_khaki_lounge.jpg');}
.act.a-green{border-top-color:#FC8103;}
.act.a-green::before{background-image:url('/backgrounds/bg_green_recovery.jpg');}
.act.a-blue{border-top-color:#666666;}
.act.a-blue::before{background-image:url('/backgrounds/bg_blue_commentator.jpg');}
.act.a-amber{border-top-color:#FC8103;}
.act.a-amber::before{background-image:url('/backgrounds/bg_amber_food.jpg');}
.act.a-gold{border-top-color:#FC8103;}
.act.a-gold::before{background-image:url('/backgrounds/bg_gold_award.jpg');}
.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:transparent;}
.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 === */
/* Системный pointer — OS рендерит указательный палец чётко на любом DPI.
Custom SVG в малом размере выглядел как «средний палец» — откатили. */
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:pointer;
}
/* Override любых ранних cursor:url правил выше (на случай если они остались) */
.cc-card, .mp-card, .pkg-card, a, button{cursor:pointer !important;}
/* === 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-цвет. */
/* === 27-mockups-preview.css === */
/* Витрина 5 мокапов Freedom Pay — конкретно как бренд будет на ивенте. */
#mockups-preview{padding:clamp(56px,7vw,88px) 0;background:var(--off-black);
border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);}
.mpv-preview-grid{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:14px;
max-width:1200px;
margin:36px auto 0;
padding:0 clamp(20px,4vw,48px);
}
.mpv-card{
position:relative;
overflow:hidden;
background:#0e0e0e !important;
border:1px solid var(--border-dark);
display:flex;
flex-direction:column;
min-height:320px;
}
.mpv-card:hover .mpv-img{transform:scale(1.03);}
.mpv-card-1{grid-column:span 5;}
.mpv-card-2{grid-column:span 7;}
.mpv-card-3{grid-column:span 7;}
.mpv-card-4{grid-column:span 5;}
.mpv-card-5{grid-column:span 12;}
.mpv-img-wrap{position:relative;overflow:hidden;flex:1;min-height:280px;}
.mpv-img{
position:absolute;inset:0;
background-size:cover;background-position:center;
transition:transform .4s ease;
}
.mpv-card-1 .mpv-img{background-image:url('/mockups/final_1_patch.jpg');}
.mpv-card-2 .mpv-img{background-image:url('/mockups/final_2_capshirt.jpg');}
.mpv-card-3 .mpv-img{background-image:url('/mockups/final_3_banner.jpg');}
.mpv-card-4 .mpv-img{background-image:url('/mockups/final_4_bottle.jpg');}
.mpv-card-5 .mpv-img{background-image:url('/mockups/final_5_pov.jpg');}
.mpv-card .mpv-meta{
position:absolute;left:0;right:0;bottom:0;
background:linear-gradient(180deg, rgba(14,14,14,0) 0%, rgba(14,14,14,.92) 60%, rgba(14,14,14,.98) 100%);
padding:42px 20px 18px;
z-index:2;
}
.mpv-card .mpv-label{
font-size:10px;letter-spacing:3px;text-transform:uppercase;
color:var(--orange);font-weight:900;margin-bottom:6px;
}
.mpv-card .mpv-title{
font-size:15px;color:#fff;font-weight:800;line-height:1.3;margin-bottom:4px;
}
.mpv-card .mpv-sub{
font-size:11.5px;color:var(--text-soft);line-height:1.45;
}
@media(max-width:760px){
.mpv-preview-grid{grid-template-columns:1fr;gap:12px;}
.mpv-card-1,.mpv-card-2,.mpv-card-3,.mpv-card-4,.mpv-card-5{grid-column:span 1;}
.mpv-card{min-height:260px;}
}
/* === FINAL DARK-EVERYWHERE OVERRIDE === */
/* Все случайные белые фоны → тёмные. Финальная единая графитово-оранжевая тема. */
html, body{background:var(--black) !important;color:var(--white);}
/* === HERO BACKGROUND + FORCED VISIBILITY === */
#hero{
background-image:
linear-gradient(180deg, rgba(23,23,23,.55) 0%, rgba(23,23,23,.4) 40%, rgba(23,23,23,.92) 100%),
url('/hero.jpg') !important;
background-size: cover !important;
background-position: center 35% !important;
background-repeat: no-repeat !important;
}
/* Hero-контент: убираем .anim opacity-trap чтобы текст был виден сразу */
#hero .anim, #hero .hero-label, #hero .hero-h1, #hero .hero-sub, #hero .hero-date, #hero .hero-cta,
.hero-label, .hero-h1, .hero-sub, .hero-date, .hero-cta{
opacity: 1 !important;
transform: none !important;
}
.hero-h1{text-shadow:0 2px 24px rgba(0,0,0,.85);}
.hero-sub, .hero-date, .hero-label{text-shadow:0 1px 8px rgba(0,0,0,.85);}
/* Safety: если IntersectionObserver не сработал — показываем .anim сразу */
.anim:not(.visible){opacity:1;transform:none;}
/* === CURSOR: tactical crosshair (без pointer-палец) === */
/* Базовый — прицел white на dark, всегда */
html, body, *{
cursor:url("data:image/svg+xml;utf8,") 14 14, crosshair !important;
}
/* На интерактиве — повёрнутый на 45° прицел + оранжевая точка в центре */
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,
.act, .mp-preview-grid .mp-card, [href]{
cursor:url("data:image/svg+xml;utf8,") 14 14, crosshair !important;
}
/* === CAROUSEL CARDS: убрать opacity 0.62 — карточки выглядят активно === */
.carousel-card, .mp-card{opacity:1 !important;}
.carousel-card:hover, .mp-card:hover{transform:scale(1.04);}
/* === HARD DARK FORCE: ничего не должно остаться белым === */
.sec, .sec-gray, .sec-dark, section, main, header, footer, body > *{
background-color:transparent;
}
.sec-gray, .pkg-slider-wrap, .carousel-wrap, .mp-wrap, .reach-channel, .reach-total-box,
.act, .pkg-card, .mp-card, .why-card, .cc-card, .mp-face-front, .mp-face-back{
/* стандартный card-фон — везде одинаковый dark */
}
/* sec-gray на dark */
.sec-gray{background:var(--off-black) !important;}
/* sec по умолчанию dark */
.sec:not(.sec-gray):not(#hero){background:var(--black) !important;}
/* === TARGETED PROBLEM FIXES === */
/* 1. Total-box reach: текст "350K-900K суммарных контактов" был почти невидим */
.reach-total-num{color:var(--white) !important;font-weight:900;}
.reach-total-sub{color:rgba(255,255,255,.75) !important;}
.reach-total-box{background:var(--card) !important;}
.reach-total-box > div:first-child > div{color:rgba(255,255,255,.8) !important;}
.reach-total-box span:first-child{color:rgba(255,255,255,.7) !important;}
/* 2. Pkg-cards в основном слайдере — белый фон → dark + белый текст */
.pkg-slider .pkg-card, .pkg-slider-wrap .pkg-card{
background:var(--card) !important;
border-left:1px solid var(--border-dark) !important;
}
.pkg-slider .pkg-card .pkg-name,
.pkg-slider .pkg-card .pkg-price{color:var(--white) !important;}
.pkg-slider .pkg-card .pkg-sub,
.pkg-slider .pkg-card .pkg-price-note{color:rgba(255,255,255,.55) !important;}
.pkg-slider .pkg-card .pkg-benefits li{color:rgba(255,255,255,.78) !important;}
.pkg-slider .pkg-card .pkg-fit-label{color:rgba(255,255,255,.45) !important;}
.pkg-slider .pkg-card .brand-chip{background:rgba(255,255,255,.06) !important;color:rgba(255,255,255,.62) !important;}
/* 3. Mediaplan slider: убрать белые градиенты по краям */
.mp-slider-wrap::before, .mp-slider-wrap::after,
.tl-wrap::before, .tl-wrap::after,
.mp-track-wrap::before, .mp-track-wrap::after,
[class*="slider-wrap"]::before, [class*="slider-wrap"]::after{
background:transparent !important;
display:none !important;
}
/* 4. Activations: .act-fit плашка снизу — text-shadow создаёт чёрную «полосу». Делаем её аккуратнее */
.act-fit{
background:rgba(0,0,0,.6) !important;
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
border-radius:2px;
padding:6px 12px !important;
text-shadow:none !important;
color:rgba(255,255,255,.92) !important;
}
/* 5. Sec-gray поверх всего нашего — точно dark */
section.sec-gray, .sec.sec-gray{background:var(--off-black) !important;}
/* 6. Force белый текст в total-box totals */
.reach-total-row{color:rgba(255,255,255,.7) !important;}
.reach-total-row span{color:inherit !important;}
.reach-total-row span:last-child{color:var(--white) !important;}
/* === MAP FIELDMAP: гротеск шрифт, distribution fix === */
#fieldmap svg text{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Inter", Arial, sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
}
/* Уменьшаем размеры — мой override 12-15px был слишком крупный, текст наезжал */
#fieldmap svg text{font-size: 10px !important;}
#fieldmap svg text[font-size="7"]{font-size: 9px !important;}
#fieldmap svg text[font-size="8"]{font-size: 9.5px !important;}
#fieldmap svg text[font-size="9"]{font-size: 10px !important;}
#fieldmap svg text[font-size="10"]{font-size: 10.5px !important;}
#fieldmap svg text[font-size="11"]{font-size: 11px !important;}
#fieldmap svg text[font-size="12"]{font-size: 11.5px !important;}
/* === HERO SUB-ТЕКСТ: усилить контраст === */
.hero-sub{
color: rgba(255,255,255,.92) !important;
text-shadow: 0 1px 14px rgba(0,0,0,1), 0 1px 4px rgba(0,0,0,.95), 0 0 2px rgba(0,0,0,.9) !important;
font-weight: 500 !important;
}
.hero-sub strong{
color: #ffffff !important;
font-weight: 800 !important;
}
.hero-h1{
text-shadow: 0 2px 28px rgba(0,0,0,.95), 0 1px 4px rgba(0,0,0,.9) !important;
}
.hero-h1 .hero-h1-orange, .hero-h1 strong{
color: var(--orange) !important;
}
.hero-label, .hero-date{
text-shadow: 0 1px 10px rgba(0,0,0,.95) !important;
}
/* === MOCKUPS-PREVIEW: card height fix (rect h:0 bug) === */
.mpv-preview-grid{align-items: stretch;}
.mpv-card{
min-height: 320px !important;
height: 320px;
position: relative;
}
.mpv-img-wrap{
position: absolute !important;
inset: 0;
min-height: 320px;
flex: none;
}
.mpv-img{
position: absolute !important;
inset: 0;
min-height: 320px;
background-size: cover !important;
background-position: center !important;
}
@media(max-width:760px){
.mpv-card{height: 260px;}
.mpv-img-wrap, .mpv-img{min-height: 260px;}
}
/* === ACTIVATIONS: dark default, bright on hover/focus/active === */
.act::before{
filter: brightness(0.12) saturate(0.4) !important;
transition: filter .35s ease !important;
}
.act:hover::before,
.act:focus-within::before,
.act.is-active::before{
filter: brightness(0.55) saturate(0.85) !important;
}
@media (hover: none){
/* На mobile активной становится карточка, попавшая в viewport center */
.act.is-active::before{ filter: brightness(0.55) saturate(0.85) !important; }
}
.act .act-title, .act .act-body{
text-shadow: 0 2px 8px rgba(0,0,0,1), 0 1px 3px rgba(0,0,0,.95) !important;
}
.act .act-fit{
background: rgba(0,0,0,.75) !important;
text-shadow: none !important;
color: rgba(255,255,255,.95) !important;
}
/* === WHY-CARD: усилить overlay (фото генерик-стоковое, видеть текст важнее) === */
.why-card::before{
filter: brightness(0.2) saturate(0.5) !important;
}
.why-card h3, .why-card p{
text-shadow: 0 2px 8px rgba(0,0,0,.85) !important;
}
/* === AMBASSADOR PACK: text над фото — контраст === */
.amb-photo-caption, .amb-team-caption,
[class*="amb-"] [class*="caption"],
.pkg-card .pkg-deadline{
text-shadow: 0 2px 8px rgba(0,0,0,.95) !important;
}
/* === TOUCH SWIPE для слайдеров на mobile === */
/* touch-action:pan-y — даёт горизонтальный жест нашему pointer-drag, а вертикальный — нативному scroll */
.carousel-track, .pkg-slider, .mp-track, .tl-track, .mp-track-wrap, .carousel-wrap > div{
touch-action: pan-y;
-webkit-user-select: none;
user-select: none;
}
/* Карточки внутри — clickable, но не блокируют drag */
.carousel-card, .pkg-card, .mp-card{touch-action: pan-y;}
.sec-gray{background:var(--off-black) !important;color:var(--white);}
.why-card, .pkg-card, .mp-card, .mp-face-front{background:var(--card) !important;color:var(--white);}
.pkg-card .pkg-name, .pkg-card .pkg-price, .why-card h3, .why-card p{color:var(--white) !important;}
.pkg-card .pkg-benefits li{color:var(--text-soft) !important;}
.slider-arrow{background:var(--card) !important;color:var(--white);border:1px solid var(--border-dark);}
.slider-arrow:hover{background:var(--orange) !important;color:var(--black);}
.brand-chip{background:rgba(255,255,255,.08) !important;color:var(--text-soft) !important;}
.cc-card{background:var(--card) !important;}
[style*="background:var(--off-white)"]{background:var(--card) !important;}
.mp-card .mp-face-front, .mp-card .mp-face-back{background:var(--card) !important;}
/* === ACTIVATIONS: dark default, bright on hover/focus/active === */
.act::before{
filter: brightness(0.12) saturate(0.4) !important;
transition: filter .35s ease !important;
}
.act:hover::before,
.act:focus-within::before,
.act.is-active::before{
filter: brightness(0.55) saturate(0.85) !important;
}
@media (hover: none){
.act.is-active::before{ filter: brightness(0.55) saturate(0.85) !important; }
}
/* === SEC-SUB / EYEBROW: восстановить контраст подзаголовков === */
.sec-sub, .sec-dark .sec-sub, .sec-gray .sec-sub{
color: rgba(255,255,255,.78) !important;
text-shadow: 0 1px 3px rgba(0,0,0,.6) !important;
}
.sec-eyebrow, .sec-kicker, .pkg-eyebrow, .mp-eyebrow{
color: var(--orange) !important;
font-weight: 800 !important;
letter-spacing: 4px !important;
}
.sec-h, .sec-h1, .sec-h2{
color: var(--white) !important;
text-shadow: 0 1px 8px rgba(0,0,0,.5) !important;
}
/* === MISSION OBJECT cards === */
.mo-card{
background: var(--card);
border-left: 3px solid var(--orange);
overflow: hidden;
display: flex;
flex-direction: column;
}
.mo-photo{
position: relative;
width: 100%;
aspect-ratio: 16/9;
background-color: #1a1a1a;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mo-photo::after{
content:'';
position:absolute;inset:0;
background:linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.7) 100%);
pointer-events:none;
}
.mo-photo-tag{
position:absolute;left:14px;bottom:14px;
font-size:10px;font-weight:800;letter-spacing:3px;color:#fff;
text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.9);
z-index:2;
}
/* Fallback placeholder когда визуала ещё нет */
.mo-photo:not([style*="url("]),
.mo-photo[style*="url('')"]{
background:linear-gradient(135deg,#1a1a1a,#2a2a2a) !important;
}
.mo-photo:not([style*="url("])::before,
.mo-photo[style*="url('')"]::before{
content:'визуал в работе';
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
font-size:11px;font-weight:800;letter-spacing:4px;
color:var(--orange);text-transform:uppercase;opacity:.6;
z-index:1;
}
.mo-body{padding:22px 24px 24px;}
.mo-tier{
font-size:11px;font-weight:800;letter-spacing:4px;
color:var(--orange);text-transform:uppercase;margin-bottom:10px;
}
.mo-title{
font-size:24px;font-weight:900;color:var(--white);
line-height:1.1;margin-bottom:12px;letter-spacing:-.4px;
}
.mo-text{
font-size:14px;line-height:1.6;color:rgba(255,255,255,.82);
margin-bottom:18px;
}
.mo-meta{
list-style:none;margin:0;padding:0;
border-top:1px solid rgba(255,255,255,.06);
padding-top:14px;
}
.mo-meta li{
display:flex;justify-content:space-between;gap:12px;
font-size:12px;line-height:1.45;padding:6px 0;
}
.mo-meta li span:first-child{
color:rgba(255,255,255,.5);
letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800;
}
.mo-meta li span:last-child{
color:rgba(255,255,255,.88);
text-align:right;
}
/* === PKG-CARD: cursor + усиленный hover === */
.pkg-card[data-pkg]{
cursor: pointer;
position: relative;
transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, outline-color .28s ease;
outline: 1px solid transparent;
outline-offset: -1px;
}
.pkg-card[data-pkg]:hover{
transform: translateY(-6px) scale(1.012);
box-shadow: 0 14px 40px -10px rgba(252,129,3,.35), 0 4px 12px rgba(0,0,0,.5);
outline-color: rgba(252,129,3,.55);
z-index: 5;
}
.pkg-card[data-pkg]:focus-visible{
outline: 2px solid var(--orange);
outline-offset: -2px;
}
/* === TIER COLORS — Gold / Silver / Bronze (минималистично) === */
.pkg-card.tier-1{ --tier-solid: #e7c34a; --tier-grad: linear-gradient(90deg,#a87832 0%,#d4af37 30%,#f7dd7a 50%,#d4af37 70%,#a87832 100%); --tier-text:#1a1300; }
/* Silver: warmer metallic с tiny cool tint (НЕ бледный) */
.pkg-card.tier-2{ --tier-solid: #b8c2cd; --tier-grad: linear-gradient(90deg,#6f7986 0%,#a4afbb 30%,#dde3ea 50%,#a4afbb 70%,#6f7986 100%); --tier-text:#0a0e14; }
/* Bronze: глубже и краснее, чтобы отличался от brand orange */
.pkg-card.tier-3{ --tier-solid: #b06a2a; --tier-grad: linear-gradient(90deg,#4d2509 0%,#7d4318 30%,#b06a2a 50%,#7d4318 70%,#4d2509 100%); --tier-text:#1a0a00; }
/* Убрать дефолтный orange border-top у tier-карточек — оставляем только наш ::before */
.pkg-card.tier-1, .pkg-card.tier-2, .pkg-card.tier-3{
border-top-color: transparent !important;
}
/* Tier accent — тонкий цветной верхний штрих на всех трёх tier-карточках */
.pkg-card.tier-1,
.pkg-card.tier-2,
.pkg-card.tier-3{
position: relative;
}
.pkg-card.tier-1::before,
.pkg-card.tier-2::before,
.pkg-card.tier-3::before{
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: var(--tier-grad);
pointer-events: none;
z-index: 4;
}
.pkg-card.is-featured::before{ height: 3px; }
.pkg-card.is-flagship::before{ height: 4px; }
/* Убрать outline-рамки у featured */
.pkg-card.is-featured,
.pkg-card.is-flagship{
outline: none !important;
background: var(--card) !important;
box-shadow: none;
}
/* Лёгкий золотой/серебряный wash в фоне — еле заметный */
.pkg-card.is-flagship{
background: linear-gradient(180deg, rgba(212,175,55,.05) 0%, var(--card) 30%) !important;
}
.pkg-card.tier-2.is-featured{
background: linear-gradient(180deg, rgba(192,192,192,.04) 0%, var(--card) 30%) !important;
}
/* Ribbon — слева вверху, в тематическом цвете */
.pkg-ribbon{
position: absolute;
top: 16px;
left: 18px;
font-size: 10px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 10px;
line-height: 1;
white-space: nowrap;
z-index: 3;
pointer-events: none;
background: var(--tier-solid, var(--orange));
color: var(--tier-text, #171717);
}
.pkg-ribbon-soft{
background: transparent !important;
border: 1px solid var(--tier-solid, var(--orange));
color: var(--tier-solid, var(--orange)) !important;
font-weight: 800;
}
/* Когда есть ribbon — отодвигаем tier-badge ниже, чтобы не пересекалось */
.pkg-card.is-featured .pkg-tier-badge,
.pkg-card.is-flagship .pkg-tier-badge{
margin-top: 28px;
}
/* Цена в тематическом цвете */
.pkg-card.tier-1 .pkg-price{ color: var(--tier-solid) !important; }
.pkg-card.tier-2 .pkg-price{ color: var(--tier-solid) !important; }
.pkg-card.tier-3 .pkg-price{ color: var(--tier-solid) !important; }
/* Tier-badge — в их теме */
.pkg-card.is-featured .pkg-tier-badge,
.pkg-card.is-flagship .pkg-tier-badge{
color: var(--tier-solid, var(--orange)) !important;
}
.pkg-card.tier-3 .pkg-tier-badge{
color: var(--tier-solid) !important;
}
/* Tier-окрашенный дедлайн */
.pkg-card.tier-1 .pkg-deadline{
background: var(--tier-solid) !important;
color: var(--tier-text) !important;
}
.pkg-card.tier-2 .pkg-deadline{
background: var(--tier-solid) !important;
color: var(--tier-text) !important;
}
.pkg-card.tier-3 .pkg-deadline{
background: var(--tier-solid) !important;
color: var(--tier-text) !important;
}
/* Bullets benefits в tier-цвете для tier-1/2/3 */
.pkg-card.tier-1 .pkg-benefits li::before{ background: var(--tier-solid) !important; }
.pkg-card.tier-2 .pkg-benefits li::before{ background: var(--tier-solid) !important; }
.pkg-card.tier-3 .pkg-benefits li::before{ background: var(--tier-solid) !important; }
/* Выравнивание цен по горизонтальной оси: увеличиваем min-height для name + sub */
.pkg-card .pkg-name{
min-height: 84px !important;
display: flex !important;
align-items: flex-end !important;
}
.pkg-card .pkg-sub{
min-height: 50px !important;
line-height: 1.4 !important;
}
/* === PKG-DEADLINE: punchy solid orange badge (no shadows!) === */
.pkg-deadline,
.pkg-card .pkg-deadline{
background: var(--orange) !important;
color: #171717 !important;
font-weight: 900 !important;
letter-spacing: 1.5px !important;
padding: 8px 14px !important;
text-shadow: none !important;
box-shadow: none !important;
border: none !important;
cursor: pointer;
display:inline-block !important;
align-self:flex-start;
}
/* Force no shadow on ANY child text inside deadline */
.pkg-deadline *,
.pkg-card .pkg-deadline *{ text-shadow:none !important; }
/* === BLACK MARKET PHOTO GALLERY === */
.bm-grid{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap:14px;
}
.bm-photo{
position:relative;
aspect-ratio: 3/4;
background-color:#222;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
border:1px solid rgba(255,255,255,.06);
transition: transform .35s ease, border-color .35s ease;
}
.bm-photo::before{
content:'';
position:absolute;inset:0;
background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.85) 100%);
pointer-events:none;
}
.bm-photo:hover{
transform: translateY(-2px);
border-color: var(--orange);
}
.bm-photo .bm-tag{
position:absolute;left:12px;right:12px;bottom:12px;
font-size:11px;font-weight:700;letter-spacing:1.5px;
color:#fff;text-transform:uppercase;
text-shadow:0 1px 4px rgba(0,0,0,.9);
z-index:2;line-height:1.3;
}
/* Fallback когда фото нет — оранжевый placeholder с лейблом */
.bm-photo:not([style*="url("]),
.bm-photo[style*="url('')"],
.bm-photo[style*='url("")']{
background-image:none !important;
background:linear-gradient(135deg,#1f1f1f,#2a2a2a) !important;
}
.bm-photo:not([style*="url("])::after,
.bm-photo[style*="url('')"]::after,
.bm-photo[style*='url("")']::after{
content:'placeholder';
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
font-size:10px;font-weight:800;letter-spacing:3px;
color:var(--orange);text-transform:uppercase;
opacity:.45;
}
@media(max-width:520px){
.bm-grid{ grid-template-columns: repeat(2, 1fr); gap:10px; }
.bm-photo{ aspect-ratio: 3/4; }
}
/* === MEDIAPLAN: статус «По готовности» / «Через N нед.» === */
.mp-card .mp-status{
font-weight: 900 !important;
letter-spacing: 1px;
text-transform: uppercase;
/* убрали лишний верхний отступ и пульсирующий dot — был визуальный shift */
margin: 0 !important;
padding: 0 !important;
}
.mp-card.is-past,
.mp-card.is-urgent,
.mp-card.is-ready,
.mp-card.is-now{
opacity: 1 !important;
filter: none !important;
}
.mp-card.is-past .mp-status,
.mp-card.is-urgent .mp-status,
.mp-card.is-ready .mp-status,
.mp-card.is-now .mp-status{
color: var(--orange) !important;
/* «По готовности» — длинное слово, сокращаем размер чтобы помещалось */
font-size: 20px !important;
letter-spacing: .3px !important;
line-height: 1.15 !important;
}
.mp-card.is-past .mp-face-front,
.mp-card.is-urgent .mp-face-front,
.mp-card.is-ready .mp-face-front{
border-top: 3px solid var(--orange) !important;
}
/* Удалили ::before-пульс, он создавал лишнюю строку перед текстом статуса */