/* Страница для рекламодателей в визуальной системе главной. */
.media-kit [hidden]{display:none!important}.media-kit{--media-panel:linear-gradient(125deg,#10366f 0%,#0a2149 58%,#07172f 100%)}.media-hero{padding:30px 0 var(--section-space)}.media-hero-panel{display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(34px,6vw,88px);padding:34px 0 28px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.media-eyebrow{margin:0 0 14px;color:var(--cyan);font-size:16px;font-weight:800}.media-hero-copy h1,.media-heading h2,.media-story h2,.media-final h2{margin:0;font-size:clamp(32px,4vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.045em}.media-subtitle{margin:22px 0 16px;color:var(--cyan)!important;font-size:clamp(18px,2vw,23px)!important;font-weight:800;line-height:1.35}.media-hero-copy>p:not(.media-eyebrow):not(.media-subtitle){max-width:680px;color:#b8cbdc;font-size:16px}.media-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.media-actions .hero-consult-button,.media-story .hero-consult-button,.media-final .hero-consult-button{width:min(100%,390px);min-width:0}.media-hero-photo{margin:0;text-align:center}.media-channel-avatar{display:block;width:min(100%,540px);height:auto;margin:auto;border-radius:50%;filter:drop-shadow(0 28px 52px rgba(0,4,41,.44));}.media-hero-panel>.hero-benefits{grid-column:1/-1;margin-top:6px}.media-heading{max-width:880px;margin:0 auto 34px;text-align:center}.media-heading h2{margin-bottom:18px}.media-heading>p:last-child:not(.media-eyebrow){margin:0;color:var(--muted);font-size:17px}.media-stats{padding:clamp(18px,3vw,34px);border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(12,43,91,.78),rgba(4,18,45,.92));box-shadow:var(--shadow)}.media-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.media-stat{display:flex;flex-direction:column-reverse;justify-content:center;gap:9px;min-height:136px;padding:20px;text-align:center;border:1px solid rgba(101,221,255,.16);border-radius:20px;background:rgba(6,27,62,.75)}.media-stat dt{position:relative;color:var(--muted);font-size:13px}.media-stat dd{margin:0;min-height:43px;color:var(--cyan);font-size:clamp(28px,3vw,39px);font-weight:800;font-variant-numeric:tabular-nums}.metric-help{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:5px;padding:0;color:var(--cyan);background:rgba(101,221,255,.08);border:1px solid rgba(101,221,255,.35);border-radius:50%;font:800 12px/1 inherit;cursor:pointer}.metric-tooltip{position:absolute;z-index:20;left:50%;bottom:calc(100% + 10px);width:min(240px,75vw);padding:12px 14px;color:#dcecff;background:#031127;border:1px solid rgba(101,221,255,.35);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.45);font-size:12px;line-height:1.5;text-align:left;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:.18s ease}.metric-help:hover+.metric-tooltip,.metric-help:focus-visible+.metric-tooltip,.metric-help[aria-expanded=true]+.metric-tooltip{transform:translate(-50%,0);opacity:1;visibility:visible}.media-stat dd.is-loading{border-radius:8px;background:rgba(101,221,255,.07);color:transparent;animation:media-loading 1.4s ease-in-out infinite alternate}@keyframes media-loading{to{opacity:.35}}.media-charts{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.reach-chart,.engagement-chart{padding:clamp(20px,3vw,30px);border:1px solid rgba(101,221,255,.16);border-radius:22px;background:rgba(3,16,39,.46)}.chart-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:25px}.chart-title h3{margin:0;font-size:22px}.chart-title>span{color:var(--muted);font-size:12px}.reach-row{display:grid;gap:8px;margin-top:18px}.reach-row>div{display:flex;justify-content:space-between;gap:14px;font-size:13px}.reach-row>div span{color:var(--cyan);font-weight:800}.reach-row>i{height:12px;overflow:hidden;background:rgba(115,174,255,.1);border-radius:99px}.reach-row>i span{display:block;width:var(--bar,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b7cff,#55ddff);box-shadow:0 0 18px rgba(68,210,255,.65);transition:width .8s cubic-bezier(.2,.8,.2,1)}.engagement-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:22px}.engagement-chart .chart-title{grid-column:1/-1}.gauge-row{display:grid;justify-items:center;gap:12px}.metric-gauge{--gauge:0deg;width:112px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#071a3a 0 57%,transparent 59%),conic-gradient(#55ddff var(--gauge),rgba(101,221,255,.1) 0);box-shadow:0 0 28px rgba(45,195,255,.18)}.metric-gauge span{font-size:20px;font-weight:800}.gauge-row p{display:grid;gap:3px;margin:0;text-align:center}.gauge-row small{color:var(--muted)}.media-stats-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.media-stat-status{margin:0;color:#b8cbdc}.media-fine{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.media-tgstat-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;color:#fff;border:1px solid rgba(101,221,255,.34);border-radius:15px;background:linear-gradient(135deg,#0f4f93,#0b315f);box-shadow:0 5px 0 #051f43,0 14px 30px rgba(0,0,0,.25);font-weight:800;text-decoration:none;white-space:nowrap;transition:.2s ease}.media-tgstat-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.media-story{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);min-height:580px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--media-panel);box-shadow:var(--shadow)}.media-story-reverse{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)}.media-story-reverse .media-story-photo{order:2}.media-story-photo{margin:0;min-width:0;overflow:hidden}.media-story-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%}.media-story-wide img{object-position:48% center}.media-story-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,5vw,64px)}.media-story-copy h2{margin-bottom:22px}.media-story-copy>p:not(.media-eyebrow){color:#b8cbdc;font-size:16px}.media-story-copy .hero-consult-button{margin-top:28px}.media-tags{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0;padding:0;list-style:none}.media-tags li,.media-product-list li{padding:11px 15px;border:1px solid rgba(101,221,255,.2);border-radius:12px;background:rgba(3,16,39,.38);font-size:13px;font-weight:700}.media-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.media-mini-grid>div{display:grid;gap:6px;padding:16px;border:1px solid rgba(101,221,255,.16);border-radius:14px;background:rgba(3,16,39,.38)}.media-mini-grid span,.media-check-list span{color:#aebfd1;font-size:13px;line-height:1.55}.media-check-list{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.media-check-list li{position:relative;display:grid;gap:4px;padding-left:30px}.media-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900}.media-product-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.media-centered{text-align:center}.media-final{display:flex;justify-content:space-between;align-items:center;gap:38px;padding:clamp(28px,5vw,54px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--media-panel);box-shadow:var(--shadow)}.media-final h2{max-width:760px;margin-bottom:14px}.media-final p:not(.media-eyebrow){margin:0;color:var(--muted)}
@media(max-width:900px){.media-hero-panel{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:30px}.media-channel-avatar{width:min(100%,460px)}.media-charts{grid-template-columns:1fr}.media-story,.media-story-reverse{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr)}.media-story-reverse .media-story-photo{order:0}.media-final{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.media-hero{padding-top:18px}.media-hero-panel{grid-template-columns:1fr;gap:24px;padding:8px 0 18px;border-radius:0}.media-hero-photo{order:0}.media-channel-avatar{width:min(100%,340px);border-radius:50%}.media-hero-copy{order:1;text-align:center}.media-hero-panel>.hero-benefits{order:2}.media-hero-copy h1{font-size:clamp(32px,9vw,42px)}.media-subtitle{font-size:17px!important}.media-hero-copy>p:not(.media-eyebrow):not(.media-subtitle){font-size:14px}.media-actions{justify-content:center}.media-heading{margin-bottom:25px}.media-heading h2,.media-story h2,.media-final h2{font-size:clamp(29px,8vw,38px)}.media-stats{padding:14px 10px;border-radius:22px}.media-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-stat{min-height:116px;padding:14px 8px;border-radius:15px}.media-stat dt{font-size:11px}.metric-tooltip{position:fixed;left:16px;right:16px;bottom:24px;width:auto;transform:translateY(8px)}.metric-help:hover+.metric-tooltip,.metric-help:focus-visible+.metric-tooltip,.metric-help[aria-expanded=true]+.metric-tooltip{transform:none}.reach-chart,.engagement-chart{padding:18px 14px;border-radius:17px}.engagement-chart{gap:12px}.metric-gauge{width:92px}.media-stats-footer{align-items:stretch;flex-direction:column}.media-tgstat-button{width:100%}.media-story,.media-story-reverse{position:relative;display:block;min-height:650px;border-radius:24px}.media-story-photo{position:absolute;inset:0}.media-story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,32,.04) 0%,rgba(3,13,32,.42) 38%,rgba(3,13,32,.96) 72%,#06152d 100%)}.media-story-photo img{object-position:center 16%}.media-story-wide img{object-position:50% center}.media-story-copy{position:relative;z-index:2;min-height:650px;justify-content:flex-end;padding:250px 18px 24px}.media-story-copy>p:not(.media-eyebrow){color:#d7e4f0}.media-mini-grid{grid-template-columns:1fr;gap:7px}.media-mini-grid>div{padding:12px;background:rgba(3,16,39,.62);backdrop-filter:blur(7px)}.media-story-copy .hero-consult-button{width:100%}.media-product-list{justify-content:flex-start}.media-final{padding:25px 18px;border-radius:24px}.media-final .hero-consult-button{width:100%}}
@media(prefers-reduced-motion:reduce){.media-stat dd.is-loading{animation:none}.reach-row>i span{transition:none}}
.media-story-photo{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 46%,rgba(64,187,255,.22) 0%,rgba(25,106,224,.13) 38%,transparent 70%)}
.media-story-photo:before{content:"";position:absolute;z-index:0;inset:10% -8% 2%;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,rgba(101,221,255,.36) 0%,rgba(40,126,238,.22) 38%,rgba(18,68,169,.08) 58%,transparent 74%);filter:blur(30px);pointer-events:none}
.media-story-photo img{position:relative;z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 52px rgba(0,4,41,.5)) saturate(.9) contrast(1.02)}
.media-story-wide img{object-position:center bottom;transform:scale(1.5);transform-origin:center bottom}
.media-story-photo .photo-snow{z-index:3}
.media-heading h2,.media-story h2,.media-final h2{color:var(--ice);font-weight:800}.media-section-subtitle{margin:0 0 20px!important;color:var(--cyan)!important;font-size:clamp(17px,1.65vw,21px)!important;font-weight:800!important;line-height:1.45}.media-heading .media-section-subtitle{margin:0!important}.media-story-copy h2{margin-bottom:14px}.media-final .media-section-subtitle{max-width:760px;margin:0!important}
.media-hero-panel .hero-benefit-icon svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:680px){
    .media-hero-panel{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:30px}
    .media-hero-copy{display:contents}
    .media-hero-copy h1{order:0;width:100%;text-align:center}
    .media-hero-photo{order:1;width:100%}
    .media-channel-avatar{width:100%;max-width:320px}
    .media-subtitle{order:2;width:100%;margin:0!important;text-align:center}
    .media-hero-copy>p:not(.media-eyebrow):not(.media-subtitle){order:3;width:100%;max-width:none;margin:0;text-align:center}
    .media-hero-panel>.hero-benefits{order:4;width:100%;margin:0;border-radius:15px}
    .media-actions{order:5;width:100%;margin:0}
    .media-actions .hero-consult-button{width:100%;max-width:none}
}

/* Hero order and full-grid channel image on phones. */
@media(max-width:680px){
    .media-subtitle{order:1}
    .media-hero-photo{order:2}
    .media-channel-avatar{width:100%;max-width:none}
}

/* Crop the audience portrait around the torso on larger screens. */
@media(min-width:681px){
    #audience .media-story-photo img{
        transform:translateX(-8%) scale(1.82);
        transform-origin:center top;
    }
    #formats .media-story-wide img{
        transform:translateY(22px) scale(2.1);
        transform-origin:center bottom;
    }
}
@media(max-width:680px){
    .media-story,.media-story-reverse{min-height:max(760px,calc(660px + 36vw))}
    .media-story-photo{position:absolute;inset:0}
    .media-story-photo:after{background:linear-gradient(180deg,rgba(3,13,32,.84) 0%,rgba(3,13,32,.48) 20%,rgba(3,13,32,.1) 38%,rgba(3,13,32,.58) 57%,rgba(3,13,32,.96) 76%,#06152d 100%)}
    .media-story-photo:after{z-index:4;pointer-events:none}
    .media-story-photo .photo-snow{z-index:5}
    .media-story-photo img{object-position:center bottom}
    .media-story-wide img{transform:translateY(-145px) scale(1.8)}
    .media-story-copy{min-height:max(760px,calc(660px + 36vw));justify-content:flex-start;padding:14px 18px 24px}
    .media-story-copy h2{margin:0 0 8px;font-size:clamp(28px,7.2vw,34px);line-height:1.05;text-align:center;text-shadow:0 3px 18px rgba(0,7,29,.95)}
    .media-story-copy .media-section-subtitle{width:100%;margin:0 0 auto!important;line-height:1.3;text-align:center;text-shadow:0 2px 14px rgba(0,7,29,.95)}
    .media-story-copy>p:not(.media-eyebrow):not(.media-section-subtitle){margin:18px 0 0;text-shadow:0 2px 12px rgba(0,7,29,.95)}
    .media-story-copy .media-tags,.media-story-copy .media-check-list,.media-story-copy .media-mini-grid{margin-top:14px}
    .media-story-copy .hero-consult-button{margin-top:18px}
}

/* Один общий интервал между соседними блоками, как на главной странице. */
.media-kit{
    --media-section-half-gap:36px;
}
.media-kit .media-hero{
    padding-bottom:var(--media-section-half-gap);
}
.media-kit main>.media-section{
    padding-block:var(--media-section-half-gap);
}
@media(max-width:900px){
    .media-kit{
        --media-section-half-gap:32px;
    }
}
@media(max-width:680px){
    .media-kit{
        --media-section-half-gap:26px;
    }
}

/* The marking story sits directly on the page, like the main hero. */
#placement .media-story{
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
#placement .media-story-photo{
    overflow:visible;
}
@media(max-width:680px){
    #placement .media-story-photo{
        overflow:hidden;
    }
}

/* Let the audience portrait sit on the page instead of inside a photo tile. */
#audience .media-story{
    min-height:720px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
#audience .media-story-photo{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-self:end;
    height:auto;
    max-height:540px;
    aspect-ratio:50 / 54;
    overflow:hidden;
    background:radial-gradient(ellipse at 48% 54%,rgba(51,145,245,.20),transparent 66%);
    mask-image:linear-gradient(to bottom,#000 0 98%,transparent 100%);
}
#audience .media-story-photo img{
    width:min(100%,500px);
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center bottom;
    transform:none;
    filter:drop-shadow(0 30px 50px rgba(0,5,25,.52));
}
#audience .media-story-copy{
    padding-left:clamp(28px,5vw,78px);
}
@media(min-width:681px) and (max-width:900px){
    #audience .media-story{
        min-height:620px;
    }
}
@media(max-width:680px){
    #audience .media-story{
        display:flex;
        flex-direction:column;
        min-height:0;
    }
    #audience .media-story-photo{
        position:relative;
        inset:auto;
        width:100%;
        height:min(90vw,465px);
        max-height:none;
        aspect-ratio:auto;
        margin-top:20px;
        overflow:hidden;
    }
    #audience .media-story-photo:after{
        display:none;
    }
    #audience .media-story-photo img{
        position:absolute;
        top:0;
        left:50%;
        width:min(82vw,430px);
        height:auto;
        max-height:none;
        transform:translateX(-50%);
    }
    #audience .media-story-copy{
        min-height:0;
        align-items:center;
        justify-content:flex-start;
        padding:12px 18px 34px;
        text-align:center;
    }
    #audience .media-story-copy .media-section-subtitle{
        margin-bottom:16px!important;
    }
    #audience .media-tags{
        justify-content:center;
    }
}