/* Презентация: холст 1920x1080, масштаб --s. На телефоне в портрете та же разметка лентой. */
html,body.deckpage{height:100%}
body.deckpage{margin:0;background:#2b2a27;overflow:hidden}
#deck{position:fixed;inset:0}
.slide{position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;transform:scale(var(--s,.5));background:var(--bg);color:#fff;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.slide.active{opacity:1;visibility:visible}
.slide.dark{background:#212121}
.s-in{position:absolute;inset:0;padding:96px 120px 110px;display:flex;flex-direction:column}
.s-foot{position:absolute;left:120px;right:120px;bottom:40px;display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-style:italic;color:rgba(255,255,255,.45);font-size:18px}
.s-foot img{width:120px;opacity:.9}
.slide:first-child .s-foot img{display:none}
.lime{color:var(--lime)}
.dim{color:rgba(255,255,255,.62)}
.d-k{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;color:var(--lime);font-size:22px;letter-spacing:.04em;margin-bottom:18px}
.d-h1{font-family:var(--display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:56px;line-height:1.14;margin:44px 0 28px}
.d-h1 .lime{display:block}
.d-h2{font-family:var(--display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:56px;line-height:1.14;margin:0}
.d-h3{font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:36px;line-height:1.2;margin:0 0 24px;font-weight:700}
.d-lead{font-size:30px;line-height:1.45;color:rgba(255,255,255,.8);margin:0;max-width:980px}
.d-sub{font-size:26px;color:rgba(255,255,255,.7);margin:18px 0 0;max-width:1300px}
.d-head{margin-bottom:56px}
.d-tags{display:flex;gap:14px;margin-top:40px}
.d-tags span,.d-chips span{font-family:var(--display);font-style:italic;text-transform:uppercase;color:var(--lime);background:rgba(209,255,0,.12);border-radius:99px;padding:14px 24px;font-size:20px}
.d-chips{display:flex;gap:12px;margin-top:22px}
.d-frame{position:relative;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.d-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 1 обложка */
.cover{display:grid;grid-template-columns:1fr 520px;gap:80px;align-items:center;height:100%}
.cv-logo{width:360px}
.cv-r{position:relative;align-self:center}
.cv-r .corner{width:90px;height:90px;border-width:10px}
.cv-r .corner.tl{left:-34px;top:-34px}.cv-r .corner.br{right:-34px;bottom:10px}
.d-phone{border-radius:56px;padding:18px;background:#151514;box-shadow:0 40px 80px rgba(0,0,0,.5),inset 0 0 0 3px #2b2b29}
.d-slot{position:relative;border-radius:40px;overflow:hidden;aspect-ratio:360/560;background:#111}
.d-slot iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.d-cap{text-align:center;color:rgba(255,255,255,.6);font-size:22px;margin:22px 0 0}

/* 2 партнёры */
.d-logos{display:flex;flex-wrap:wrap;gap:40px 70px;align-items:center;margin-bottom:80px}
.d-logos img{height:56px;width:auto;opacity:.85}
.d-logos .p-txt{font-family:var(--display);font-style:italic;font-weight:700;text-transform:uppercase;font-size:34px;line-height:56px;white-space:nowrap;color:#fff;opacity:.85}
.d-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.12);border-radius:22px;overflow:hidden;margin-top:auto}
.d-stats div{background:var(--bg);padding:36px 28px}
.d-stats b{display:block;font-family:var(--display);font-style:italic;color:var(--lime);font-size:58px;line-height:1;margin-bottom:18px;white-space:nowrap}
.d-stats span{font-size:24px;color:rgba(255,255,255,.75);line-height:1.35}

/* 3 интерактивы */
.d-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;flex:1;min-height:0}
.d-int{display:flex;flex-direction:column;gap:30px;min-height:0}
.d-int h3{font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:42px;line-height:1.15;margin:0 0 16px}
.d-int p{font-size:24px;line-height:1.45;margin:0 0 10px}
.d-int .d-frame{height:360px;width:auto;max-width:100%;margin-top:auto}

/* 4 преимущества */
.d-advs{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:auto;margin-bottom:auto}
.d-adv{border-radius:22px;overflow:hidden;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.12)}
.d-adv b{display:block;background:var(--lime);color:#111;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;line-height:1.28;padding:26px 28px;min-height:120px}
.d-adv p{margin:0;padding:28px;font-size:25px;line-height:1.45;color:rgba(255,255,255,.8)}

/* 5 механики */
.d-head .d-sub{margin-top:14px}
.d-fcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-20px}
.d-fc{position:relative;background:#2a2a28;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px 26px 16px 100px;min-height:0}
.d-fi{position:absolute;left:26px;top:26px;width:54px;height:54px;border-radius:14px;background:rgba(209,255,0,.12);color:var(--lime);display:flex;align-items:center;justify-content:center}
.d-fi svg{width:30px;height:30px}
.d-fc b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:22px;line-height:1.25;color:var(--lime);margin-bottom:8px}
.d-fc p{margin:0 0 6px;font-size:18px;line-height:1.33;color:rgba(255,255,255,.75)}
.d-fc em{font-style:normal;font-size:16px;font-weight:700;color:rgba(255,255,255,.55)}

/* 6 потрогайте */
.d-three{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;align-items:start}
.d-three figure{margin:0}
.d-three figcaption{font-size:24px;color:rgba(255,255,255,.75);margin-top:18px;text-align:center}

/* 7 на странице */
.d-page{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start}
.d-shots{position:relative}
.d-shots img{width:100%;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.d-shots img.m{position:absolute;right:-30px;bottom:-60px;width:34%;border-radius:26px;border:8px solid #151514}
.d-tbl{width:100%;border-collapse:collapse;font-size:22px}
.d-tbl th{text-align:left;font-family:var(--display);font-style:italic;text-transform:uppercase;color:var(--lime);font-size:16px;padding:0 12px 14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.d-tbl td{padding:14px 12px 14px 0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);vertical-align:top}
.d-tbl td:nth-child(2){color:#fff;font-weight:700}

/* 8 метрики */
.d-ms{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dm{display:flex;gap:16px;border:2px solid rgba(209,255,0,.5);border-radius:16px;padding:22px}
.dm svg{flex:none;width:36px;height:36px;color:var(--lime)}
.dm b{display:block;font-size:22px;line-height:1.25;margin-bottom:6px}
.dm span{font-size:18px;color:rgba(255,255,255,.7)}
.d-fun{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:18px;margin-top:auto;align-items:stretch}
.d-fun-t{font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:22px;max-width:300px;align-self:center;color:var(--lime);line-height:1.2}
.d-fn{position:relative;background:var(--lime);color:#111;border-radius:18px;padding:22px 26px}
.d-fn:nth-child(3){background:#bde600}.d-fn:nth-child(4){background:#a6cc00}
.d-fn i{position:absolute;right:20px;top:10px;font-family:var(--display);font-style:italic;font-size:54px;opacity:.18}
.d-fn b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;margin-bottom:6px}
.d-fn span{font-size:20px}

/* кейсы */
.d-case{display:grid;grid-template-columns:1fr 760px;gap:70px;height:100%;align-items:center}
.d-case .d-lead{font-size:26px;margin-bottom:34px}
.d-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.d-facts div{background:#2a2a28;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px}
.d-facts b{display:block;font-family:var(--display);font-style:italic;color:var(--lime);font-size:28px;line-height:1.05;margin-bottom:10px}
.d-facts span{font-size:19px;color:rgba(255,255,255,.75)}
.d-src{font-size:20px;color:rgba(255,255,255,.6);margin-top:26px}
.d-src a{color:var(--lime)}
.d-case-r{position:relative}
.d-case-r img{width:100%;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.d-big{position:absolute;left:-40px;bottom:-50px;background:#212121;border:2px solid var(--lime);border-radius:20px;padding:22px 28px;max-width:440px}
.d-big b{display:block;font-family:var(--display);font-style:italic;color:var(--lime);font-size:76px;line-height:1}
.d-big span{font-size:20px;color:rgba(255,255,255,.8)}

/* связка */
.d-combo{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.d-cb{position:relative;border:2px solid rgba(255,255,255,.14);border-radius:22px;padding:36px;background:#2a2a28}
.d-cb:first-child{border-color:var(--lime)}
.d-cb b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:30px;margin-bottom:16px}
.d-cb:first-child b{color:var(--lime)}
.d-cb p{margin:0;font-size:24px;line-height:1.45;color:rgba(255,255,255,.8)}
.d-combo.two{grid-template-columns:1fr 1fr}.d-combo.two .d-cb:first-child{border-color:rgba(255,255,255,.14)}.d-combo.two .d-cb:first-child b{color:inherit}.d-combo.two .d-cb+.d-cb:before{display:none}.d-combo.two .d-cb{padding:48px}.d-combo.two .d-cb b{font-size:36px;line-height:1.2;color:var(--lime)!important}.d-combo.two .d-cb p{font-size:28px}
.d-cb+.d-cb:before{content:"+";position:absolute;left:-24px;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--lime);color:#111;font-weight:800;font-size:28px;display:flex;align-items:center;justify-content:center}
.d-note{font-size:22px;color:rgba(255,255,255,.6);margin-top:auto}

/* процесс */
.d-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.d-st{border-top:4px solid var(--lime);padding-top:26px}
.d-st i{font-family:var(--display);font-style:italic;color:var(--lime);font-size:24px}
.d-st b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:30px;margin:14px 0 12px}
.d-st p{margin:0;font-size:23px;line-height:1.45;color:rgba(255,255,255,.8)}
.d-tech{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:auto}
.d-tc{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px}
.d-tc b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;color:var(--lime);font-size:18px;margin-bottom:12px}
.d-tc span{display:block;font-size:22px;color:rgba(255,255,255,.8);padding:3px 0}

/* финал */
.d-whys{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.d-why{border-radius:20px;overflow:hidden;background:#2a2a28}
.d-why b{display:flex;align-items:center;gap:12px;background:var(--lime);color:#111;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:20px;line-height:1.25;padding:22px 22px;min-height:94px}
.d-why b svg{width:32px;height:32px}
.d-why p{margin:0;padding:22px 24px 8px;font-size:23px;color:rgba(255,255,255,.8)}
.d-why small{display:block;padding:0 24px 20px;color:rgba(255,255,255,.5);font-size:17px}
.d-contact{display:flex;align-items:center;gap:60px;margin-top:auto}
.d-contact img{width:300px}
.d-contact div a{display:block;font-family:var(--display);font-style:italic;color:var(--lime);font-size:40px;text-decoration:none;margin:6px 0}
.d-btn{margin-left:auto;background:var(--lime);color:#111;font-weight:800;font-size:26px;text-decoration:none;padding:22px 34px;border-radius:14px}

/* интерфейс */
#ui{position:fixed;inset:0;pointer-events:none;z-index:10;transition:opacity .4s}
#ui.idle{opacity:.15}
.ui-top{position:absolute;left:16px;right:16px;top:14px;display:flex;gap:8px;align-items:center}
.ui-sp{flex:1}
.ui-btn,.ui-nav{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 16px;border-radius:12px;background:rgba(20,20,19,.72);color:#fff;border:1px solid rgba(255,255,255,.14);font:600 14px var(--sans);text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ui-btn:hover,.ui-nav:hover{border-color:var(--lime);color:var(--lime)}
.ui-bot{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;pointer-events:auto;background:rgba(20,20,19,.72);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ui-bot .ui-nav{background:none;border:0;font-size:26px;padding:0}
.dots{display:flex;gap:6px}
.dots i{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.3);cursor:pointer;transition:width .3s,background .3s}
.dots i.on{width:24px;background:var(--lime)}
.count{font:700 13px var(--sans);color:rgba(255,255,255,.7);min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.bar{position:absolute;left:0;right:0;top:0;height:3px}
.bar i{display:block;height:100%;width:0;background:var(--lime);transition:width .3s}
.hint{position:fixed;left:50%;bottom:74px;transform:translateX(-50%);z-index:11;background:var(--lime);color:#111;font:700 14px var(--sans);padding:10px 16px;border-radius:10px;transition:opacity .5s;pointer-events:none}
.hint.off{opacity:0}

/* лента на телефоне: только screen, иначе печать даст пустой PDF */
@media screen and (max-width:820px) and (orientation:portrait){
  body.deckpage{overflow:auto;background:var(--bg)}
  #deck{position:static}
  .slide{position:relative;left:auto;top:auto;width:auto;height:auto;margin:0;transform:none;opacity:1;visibility:visible;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .s-in{position:relative;inset:auto;padding:72px 16px 64px}
  .s-foot{left:16px;right:16px;bottom:18px;font-size:12px}.s-foot img{width:72px}
  .d-k{font-size:12px;margin-bottom:10px}
  .d-h1{font-size:clamp(20px,6.1vw,40px);margin:26px 0 16px}
  .d-h2{font-size:clamp(24px,7vw,34px)}.d-h2.long{font-size:clamp(18px,5.6vw,30px)}
  .d-h3{font-size:21px}
  .d-lead{font-size:16px}.d-sub{font-size:15px}
  .d-head{margin-bottom:24px}
  .d-tags{flex-wrap:wrap;gap:8px;margin-top:20px}.d-tags span,.d-chips span{font-size:12px;padding:9px 14px}
  .cover,.d-two,.d-page,.d-case{display:flex;flex-direction:column;align-items:stretch;gap:28px;height:auto}
  .d-h1,.d-h2{overflow-wrap:normal;hyphens:manual}
  .cv-logo{width:200px}
  .cv-r{width:min(100%,300px);align-self:center}
  .cv-r .corner{width:48px;height:48px;border-width:6px}.cv-r .corner.tl{left:-14px;top:-14px}.cv-r .corner.br{right:-14px;bottom:24px}
  .d-phone{border-radius:36px;padding:10px}.d-slot{border-radius:28px}
  .d-cap{font-size:13px}
  .d-logos{gap:20px 28px;margin-bottom:28px}.d-logos img{height:26px}.d-logos .p-txt{font-size:16px;line-height:26px}
  .d-stats{grid-template-columns:1fr 1fr}.d-stats div{padding:18px 14px}.d-stats b{font-size:clamp(24px,7vw,32px);margin-bottom:8px}.d-stats span{font-size:13px}
  .d-int h3{font-size:22px}.d-int p{font-size:15px}.d-int{gap:16px}
  .d-int .d-frame,.d-int:first-child .d-frame{width:100%;height:auto;max-height:none}
  .d-advs,.d-fcs,.d-three,.d-ms,.d-combo,.d-steps,.d-tech,.d-whys,.d-facts{grid-template-columns:1fr;gap:12px}
  .d-adv b{font-size:14px;min-height:0;padding:14px 16px}.d-adv p{font-size:14px;padding:14px 16px}
  .d-fc{padding:16px 16px 14px 70px;min-height:0}.d-fi{left:16px;top:16px;width:40px;height:40px}.d-fi svg{width:22px;height:22px}.d-fc b{font-size:14px}.d-fc p{font-size:14px}.d-fc em{font-size:12px}
  .d-three figure{max-width:360px;width:100%;margin:0 auto}.d-three figcaption{font-size:14px}
  .d-shots img.m{right:-6px;bottom:-24px;border-width:5px;border-radius:16px}
  .d-tbl{font-size:13px}.d-tbl th{font-size:10px}
  .dm{padding:14px;gap:12px}.dm svg{width:26px;height:26px}.dm b{font-size:15px}.dm span{font-size:13px}
  .d-fun{grid-template-columns:1fr;margin-top:24px}.d-fun-t{font-size:15px;max-width:none}.d-fn b{font-size:16px}.d-fn span{font-size:14px}.d-fn{padding:16px 70px 16px 16px}.d-fn i{font-size:36px}
  .d-case-r{order:-1}.d-big{position:relative;left:auto;bottom:auto;margin-top:-30px;margin-left:12px;padding:14px 18px;max-width:80%}.d-big b{font-size:34px}.d-big span{font-size:13px}
  .d-case .d-lead{font-size:15px;margin-bottom:18px}
  .d-facts b{font-size:22px}.d-facts span{font-size:13px}.d-src{font-size:14px}
  .d-src a{display:inline-block;padding:12px 0}
  .d-cb{padding:20px}.d-cb b{font-size:17px}.d-cb p{font-size:14.5px}.d-combo.two{grid-template-columns:1fr}.d-combo.two .d-cb{padding:20px}.d-combo.two .d-cb b{font-size:17px}.d-combo.two .d-cb p{font-size:14.5px}.d-cb+.d-cb:before{left:50%;top:-12px;width:28px;height:28px;font-size:18px}
  .d-note{font-size:13px;margin-top:18px}
  .d-st b{font-size:18px}.d-st p{font-size:14.5px}.d-st i{font-size:14px}.d-st{padding-top:14px}
  .d-tech{margin-top:24px;grid-template-columns:1fr 1fr}.d-tc{padding:14px}.d-tc b{font-size:11px}.d-tc span{font-size:14px}
  .d-why b{font-size:14px;padding:14px 16px}.d-why b svg{width:22px;height:22px}.d-why p{font-size:14.5px;padding:14px 16px 6px}.d-why small{font-size:12px;padding:0 16px 14px}
  .d-contact{flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}.d-contact img{width:160px}.d-contact div a{font-size:20px;padding:8px 0;margin:0}
  .d-btn{margin-left:0;font-size:16px;padding:14px 20px}
  .ui-top{position:fixed;left:0;right:0;top:0;padding:10px 12px;background:rgba(72,71,66,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0}
  .ui-fs,.ui-bot,.hint{display:none}
  #ui.idle{opacity:1}
  .bar{position:fixed;top:auto;bottom:0;height:3px}
}

/* печать в PDF: каждый слайд на своей странице 1920x1080 */
@media print{
  @page{size:1920px 1080px;margin:0}
  html,body.deckpage{height:auto;overflow:visible;background:var(--bg)}
  #deck{position:static}
  .slide{position:relative!important;left:0;top:0;margin:0;transform:none!important;opacity:1!important;visibility:visible!important;box-shadow:none;break-after:page;page-break-after:always}
  #ui,.hint{display:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.d-sub a{text-decoration:none}
.d-btn2{background:transparent;color:var(--lime);border:2px solid var(--lime)}
.d-btn2+.d-btn{margin-left:0}
@media screen and (max-width:820px) and (orientation:portrait){.d-btn2{display:inline-block;margin-bottom:8px}}

/* слайд «Как выглядит rich banner» */
.d-rb{display:grid;grid-template-columns:880px minmax(0,1fr);gap:90px;align-items:start;flex:1;min-height:0}
.d-rb .rb-frame{max-width:none}
.d-rb .rb-frame .corner{width:64px;height:64px;border-width:7px}
.d-rb .rb-frame .corner.tl{left:-18px;top:-18px}.d-rb .rb-frame .corner.br{right:-18px;bottom:-18px}
.d-rb .rb{border-radius:22px}
.d-rb .rb-card-in{box-shadow:0 30px 70px rgba(0,0,0,.45)}
.d-rb-m{max-width:none;gap:14px;margin-top:26px}
.d-rb-m .m{padding:16px 20px;border-radius:14px}
.d-rb-m .m span{font-size:18px}
.d-rb-m .m b{font-size:34px}
.d-rb-lead{font-size:26px;line-height:1.45;margin:0 0 30px;color:rgba(255,255,255,.8)}
.d-rb-pts{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.d-rb-pts li{position:relative;padding-left:36px;font-size:22px;line-height:1.4;color:rgba(255,255,255,.7)}
.d-rb-pts li:before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:3px;background:var(--lime)}
.d-rb-pts b{display:block;color:#fff;font-size:24px}
.d-rb-cap{font-size:20px;color:rgba(255,255,255,.6);margin:32px 0 0}
.d-rb-cap a{text-decoration:none}
@media screen and (max-width:820px) and (orientation:portrait){
  .d-rb{display:flex;flex-direction:column;gap:26px}
  .d-rb .rb-frame .corner{width:36px;height:36px;border-width:4px}
  .d-rb .rb-frame .corner.tl{left:-8px;top:-8px}.d-rb .rb-frame .corner.br{right:-8px;bottom:-8px}
  .d-rb .rb{border-radius:14px}
  .d-rb-m{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  .d-rb-m .m{padding:10px 12px;border-radius:10px}.d-rb-m .m span{font-size:11px}.d-rb-m .m b{font-size:20px}
  .d-rb-lead{font-size:15px;margin-bottom:18px}
  .d-rb-pts{gap:12px}.d-rb-pts li{font-size:14px;padding-left:24px}.d-rb-pts li:before{width:10px;height:10px}.d-rb-pts b{font-size:15px}
  .d-rb-cap{font-size:13px;margin-top:18px}
}
@media screen and (max-width:820px) and (orientation:portrait){.d-fcs{margin-top:0}}

/* ===== 27.10.2026: дека по актуальной презентации FM (папка с вкладками) ===== */
.slide.fm{background:var(--bg)}
.slide.fm:before{content:"";position:absolute;left:44px;right:44px;top:118px;bottom:44px;border:3px solid var(--lime);border-radius:30px;border-top-left-radius:0;pointer-events:none}
.slide.cover-s:before{top:44px;border-top-left-radius:30px}
.fm-tabs{position:absolute;left:44px;top:58px;height:63px;display:flex;align-items:stretch;z-index:2}
.fm-tab{display:flex;align-items:center;justify-content:center;min-width:150px;padding:0 22px;border:3px solid var(--lime);border-bottom:0;border-radius:22px 22px 0 0;margin-right:-3px;background:var(--bg);font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:17px;color:#fff;letter-spacing:.03em}
.fm-tab.on{background:var(--lime);color:#111}
.fm-logo{min-width:220px}.fm-logo img{width:150px}
.slide.fm .s-in{padding:170px 120px 100px}
.slide.cover-s .s-in{padding:100px 120px}
.slide.fm .s-foot{justify-content:flex-end;bottom:58px;right:80px;left:auto}
.d-cover{display:flex;align-items:center;justify-content:center;height:100%}.d-cover img{width:760px}
.d-bul{list-style:none;margin:18px 0 44px;padding:0 0 0 14px}
.d-bul li{position:relative;padding-left:28px;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;line-height:1.9;color:#fff}
.d-bul li:first-child{color:var(--lime)}
.d-bul li:before{content:"";position:absolute;left:0;top:.8em;width:10px;height:10px;border-radius:50%;background:var(--lime)}
.d-pill{display:inline-block;min-width:440px;background:var(--lime);color:#111;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;padding:14px 22px;border-radius:14px}
.d-p{font-size:26px;line-height:1.55;color:rgba(255,255,255,.85);margin:30px 0 0;max-width:740px}

/* rich banner на странице */
.slide .tv{grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:start}
.slide .tv figcaption{font-size:18px;margin-top:16px}
.slide .tv-body{padding:24px 30px}
.slide .tv-desk .tv-art{max-width:none}
.slide .tv-phone .rb{aspect-ratio:600/430}

/* партнёры */
.d-net{display:grid;grid-template-columns:640px 1fr;gap:80px;align-items:center;flex:1}
.d-mock{position:relative;display:grid;grid-template-columns:1fr 26%;gap:20px;background:#5a5953;padding:26px;border-radius:6px}
.d-mock .corner{width:80px;height:80px;border-width:9px}
.d-mock-in i,.d-mock-side i{display:block;height:9px;border-radius:2px;background:#fff;margin:0 0 14px;opacity:.9}
.d-mock-side i{height:120px;background:none;border:2px solid #fff;border-radius:4px}
.d-mock-ad{position:relative;height:210px;background:var(--lime);margin:8px 0 18px}
.d-mock-ad em{position:absolute;right:10px;top:6px;font-style:normal;font-weight:800;font-size:14px;color:#111;text-transform:uppercase}
.d-mock small{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;color:var(--lime);font-size:15px}
.d-mock.big .d-mock-ad{height:330px}
.d-plogos{display:flex;flex-wrap:wrap;gap:22px}
.d-plogos img{height:84px;width:auto;background:#fff;border-radius:16px;padding:18px 24px;box-sizing:border-box}
.d-more{display:flex;gap:14px;align-items:center;padding:0 14px}.d-more i{width:34px;height:24px;border-radius:6px;background:#fff}

/* виды форматов */
.d-kinds{display:grid;grid-template-columns:1fr 1fr 0.7fr;gap:60px;align-items:start}
.d-kind b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;margin-bottom:18px}
.d-kind span{display:block;text-align:right;font-size:20px;color:rgba(255,255,255,.75);margin-top:14px}
.d-native{display:flex;flex-direction:column;gap:12px}
.d-native-c{aspect-ratio:16/12;background:var(--lime);display:flex;align-items:center;justify-content:center;border-radius:6px}.d-native-c img{width:44%;filter:brightness(0)}
.d-native i{display:block;height:8px;background:var(--lime);border-radius:2px}
.d-go{display:inline-flex;align-items:center;gap:14px;margin-top:26px;font-weight:700;font-size:24px;color:var(--lime);text-decoration:none;border-bottom:2px solid rgba(209,255,0,.4);padding-bottom:4px}
.d-go:after{content:"";width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg)}

/* преимущества */
.d-advs2{display:grid;gap:34px;margin:auto 0}
.d-adv2{display:grid;grid-template-columns:600px 1fr;gap:60px;align-items:center}
.d-adv2 b{background:var(--lime);color:#111;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;padding:20px 28px;border-radius:14px}
.d-adv2 p{margin:0;font-size:26px;line-height:1.5;color:rgba(255,255,255,.85)}

/* технологии */
.d-tech2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;flex:1}
.d-eye{position:relative;height:440px;display:flex;align-items:flex-start;justify-content:flex-start;padding:40px}
.d-eye .corner{width:110px;height:110px;border-width:8px}.d-eye .corner.tl{left:0;top:0}.d-eye .corner.br{right:0;bottom:0}
.d-eye img{width:300px}
.d-tech2.rings{grid-template-columns:520px 1fr}
.d-rings{position:relative;height:640px;margin-left:-120px}
.d-rings i{position:absolute;left:0;top:50%;border-radius:50%;border:60px solid var(--lime);transform:translate(-50%,-50%)}
.d-rings i:nth-child(1){width:820px;height:820px}.d-rings i:nth-child(2){width:520px;height:520px}.d-rings i:nth-child(3){width:220px;height:220px;border-width:40px}
.d-tgs{display:flex;gap:60px;margin:26px 0 50px 20px}
.d-tg{display:flex;flex-direction:column;align-items:center;gap:10px}.d-tg svg{width:58px;height:58px}.d-tg em{font-style:normal;text-transform:uppercase;font-size:20px;letter-spacing:.06em}

/* люди */
.d-ppls{display:grid;gap:28px}
.d-ppl{display:grid;grid-template-columns:80px 380px 1fr;gap:36px;align-items:center}
.d-ppl svg{width:64px;height:64px;color:#fff}
.d-ppl b{background:var(--lime);color:#111;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;padding:30px 26px;border-radius:14px}
.d-ppl p{margin:0;font-size:26px;color:rgba(255,255,255,.85)}

/* rich banner, video, примеры */
.d-fmt{display:grid;grid-template-columns:1fr 760px;gap:80px;align-items:center;flex:1}
.d-exs{display:grid;grid-template-columns:1fr 1fr;gap:44px 70px;flex:1;align-content:center}
.d-exs.v{grid-template-columns:1fr;gap:30px}
.d-ex{position:relative;display:block;border-radius:6px}
.d-ex img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.d-ex span{position:absolute;right:0;bottom:-30px;font-size:18px;color:var(--lime);text-decoration:underline}
.d-ex:nth-child(odd) span{left:0;right:auto;top:-30px;bottom:auto}
.d-ex:before{content:"";position:absolute;width:70px;height:70px;border:6px solid var(--lime);pointer-events:none}
.d-ex:nth-child(odd):before{left:-18px;top:-18px;border-right:0;border-bottom:0}
.d-ex:nth-child(even):before{right:-18px;bottom:-18px;border-left:0;border-top:0}
.d-ex:hover img{outline:3px solid var(--lime)}

/* метрики + живой баннер */
.d-mx{display:grid;grid-template-columns:1fr 720px;gap:70px;align-items:start}
.d-ms2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.d-ms2 .dm{border:0;padding:12px 0;gap:18px}.d-ms2 .dm b{font-size:21px;text-transform:uppercase}.d-ms2 .dm span{font-size:17px}
.d-mx-r .rb-frame{max-width:none}.d-mx-r .rb{border-radius:18px}
.d-mx-r .d-rb-cap{margin-top:20px}

/* воронка */
.d-funnel{display:grid;grid-template-columns:1fr 860px;gap:60px;align-items:center;flex:1}
.d-fun-l{text-align:center}.d-fun-l b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;color:var(--lime);font-size:52px;line-height:1.1}.d-fun-l span{font-size:24px;color:rgba(255,255,255,.8)}
.d-fun-r{display:flex;flex-direction:column;align-items:center;gap:18px}
.d-fun-x{text-transform:uppercase;letter-spacing:.08em;font-size:22px;color:rgba(255,255,255,.85)}
.d-fn2{border:3px solid var(--lime);border-radius:30px;padding:20px 30px;text-align:center;box-sizing:border-box}
.d-fn2:nth-of-type(1){width:100%}.d-fn2:nth-of-type(2){width:82%}.d-fn2:nth-of-type(3){width:64%}
.d-fn2 b{display:block;font-family:var(--display);font-style:italic;text-transform:uppercase;font-size:24px;margin-bottom:6px}.d-fn2 span{font-size:20px;color:rgba(255,255,255,.8)}

/* что нужно для запуска */
.d-launch{position:relative;margin:auto;max-width:1300px;text-align:center;padding:70px 90px;border:3px solid rgba(209,255,0,.35);border-radius:30px}
.d-launch .corner{width:90px;height:90px;border-width:9px}.d-launch .corner.tl{left:-24px;top:-24px}.d-launch .corner.br{right:-24px;bottom:-24px}
.d-launch .d-h2{font-size:60px;margin-bottom:30px}.d-launch .d-lead{margin:0 auto}
.d-launch-a{display:flex;gap:24px;justify-content:center;margin-top:48px}.d-launch-a .d-btn{margin:0}

/* контакты */
.d-end{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;height:100%}
.d-end img{width:420px;margin-bottom:30px}
.d-mail{background:var(--lime);color:#111;font-family:var(--display);font-style:italic;font-size:34px;padding:20px 44px;border-radius:16px;text-decoration:none}
.d-tel{font-family:var(--display);font-style:italic;color:#fff;font-size:30px;text-decoration:none}
.d-end-a{display:flex;gap:20px;margin-top:20px}.d-end-a .d-btn{margin:0}

@media screen and (max-width:820px) and (orientation:portrait){
  .slide.fm:before{left:8px;right:8px;top:52px;bottom:8px;border-width:2px;border-radius:16px;border-top-left-radius:0}
  .slide.cover-s:before{top:8px;border-top-left-radius:16px}
  .fm-tabs{left:8px;top:22px;height:32px}
  .fm-tab{min-width:0;padding:0 10px;font-size:9px;border-width:2px;border-radius:10px 10px 0 0;margin-right:-2px;display:none}
  .fm-tab.on,.fm-logo{display:flex}.fm-logo{min-width:90px}.fm-logo img{width:64px}
  .slide.fm .s-in{padding:74px 22px 54px}.slide.cover-s .s-in{padding:60px 22px}
  .slide.fm .s-foot{right:22px;bottom:16px}
  .d-cover img{width:70%}
  .d-bul{margin:10px 0 22px;padding-left:4px}.d-bul li{font-size:13px;padding-left:18px}.d-bul li:before{width:7px;height:7px}
  .d-pill{min-width:0;font-size:13px;padding:10px 14px;border-radius:10px}
  .d-p{font-size:15px;margin-top:16px}
  .slide .tv{grid-template-columns:1fr;gap:24px}.slide .tv figcaption{font-size:11px}
  .d-net,.d-kinds,.d-tech2,.d-tech2.rings,.d-fmt,.d-mx,.d-funnel{display:flex;flex-direction:column;gap:26px;align-items:stretch}
  .d-mock{padding:14px;gap:10px}.d-mock .corner{width:36px;height:36px;border-width:5px}.d-mock-ad{height:90px}.d-mock.big .d-mock-ad{height:120px}.d-mock-side i{height:50px}.d-mock-in i{height:5px;margin-bottom:8px}.d-mock small{font-size:9px}
  .d-plogos{gap:10px}.d-plogos img{height:44px;padding:9px 12px;border-radius:10px}.d-more i{width:18px;height:12px}
  .d-kind b{font-size:15px;margin-bottom:10px}.d-kind span{font-size:13px}
  .d-go{font-size:15px;min-height:44px;margin-top:10px}
  .d-adv2{grid-template-columns:1fr;gap:10px}.d-adv2 b{font-size:14px;padding:12px 14px}.d-adv2 p{font-size:14.5px}.d-advs2{gap:22px}
  .d-eye{display:none}.d-rings{display:none}
  .d-tgs{gap:28px;margin:16px 0 26px 6px}.d-tg svg{width:34px;height:34px}.d-tg em{font-size:12px}
  .d-ppl{grid-template-columns:44px 1fr;gap:12px}.d-ppl svg{width:36px;height:36px}.d-ppl b{font-size:13px;padding:14px}.d-ppl p{grid-column:2;font-size:14.5px}
  .d-exs{grid-template-columns:1fr;gap:44px}.d-ex span{font-size:13px;bottom:-22px}.d-ex:nth-child(odd) span{top:-22px}.d-ex:before{width:36px;height:36px;border-width:4px}.d-ex:nth-child(odd):before{left:-8px;top:-8px}.d-ex:nth-child(even):before{right:-8px;bottom:-8px}
  .d-ms2{grid-template-columns:1fr;gap:4px}.d-ms2 .dm b{font-size:14px}.d-ms2 .dm span{font-size:13px}
  .d-fun-l b{font-size:26px}.d-fun-l span{font-size:14px}.d-fun-x{font-size:13px}.d-fn2{border-width:2px;border-radius:18px;padding:12px 14px}.d-fn2 b{font-size:14px}.d-fn2 span{font-size:13px}.d-fn2:nth-of-type(2){width:90%}.d-fn2:nth-of-type(3){width:80%}
  .d-launch{padding:30px 18px}.d-launch .corner{width:40px;height:40px;border-width:5px}.d-launch .corner.tl{left:-8px;top:-8px}.d-launch .corner.br{right:-8px;bottom:-8px}.d-launch .d-h2{font-size:22px;margin-bottom:14px}.d-launch-a{flex-direction:column;gap:10px;margin-top:24px}
  .d-end{gap:16px;padding:30px 0}.d-end img{width:60%;margin-bottom:10px}.d-mail{font-size:16px;padding:14px 20px}.d-tel{font-size:16px}.d-end-a{flex-direction:column;align-items:stretch;width:100%}
}
/* подгонка по высоте холста */
.slide .tv{grid-template-columns:940px 320px;justify-content:center}
.slide .tv-desk .tv-body{grid-template-columns:minmax(0,1fr) 20%}
.slide .tv-desk .tv-art>.ln:nth-last-child(-n+2){display:none}
.d-exs{grid-template-columns:repeat(2,620px);justify-content:center;gap:56px 90px}
.d-exs.v{grid-template-columns:560px;gap:40px}
.d-fmt:has(.d-exs.v){grid-template-columns:600px 1fr}
.d-mx{grid-template-columns:1fr 640px}
.slide .d-mx-r .d-rb-cap{font-size:18px}
.d-plogos img{background:rgba(0,0,0,.16);border:2px solid rgba(255,255,255,.18)}
.d-more i{background:rgba(255,255,255,.8)}
.slide .tv-desk .tv-body{height:500px;overflow:hidden;box-sizing:border-box}
.slide .tv-phone .tv-body{height:520px;overflow:hidden;box-sizing:border-box}
@media screen and (max-width:820px) and (orientation:portrait){.slide .tv-desk .tv-body,.slide .tv-phone .tv-body{height:auto}}
.slide .tv-desk .tv-body{grid-template-columns:minmax(0,1fr) 30%;height:470px}
.slide .tv-phone .tv-body{height:470px}
/* лента на телефоне: вернуть одну колонку после подгонок холста выше */
@media screen and (max-width:820px) and (orientation:portrait){
  .slide .tv{grid-template-columns:1fr;justify-content:stretch}
  .d-exs,.d-exs.v{grid-template-columns:1fr;gap:44px}
  .d-h2{font-size:clamp(19px,6vw,34px)}
}
@media screen and (max-width:360px) and (orientation:portrait){.d-cb b,.d-combo.two .d-cb b{font-size:14px}.d-combo.two .d-cb{padding:16px}}
.d-mx-r .d-rb-m .m{padding:12px 14px}.d-mx-r .d-rb-m .m span{font-size:14px}
.d-mx-r .d-rb-m{grid-template-columns:repeat(2,minmax(0,1fr))}.d-mx-r .d-rb-m .m span{font-size:16px}
@media screen and (max-width:820px) and (orientation:portrait){.d-mx-r .d-rb-m .m span{font-size:11px}}
.d-mx{grid-template-columns:1fr 560px}
@media screen and (max-width:820px) and (orientation:portrait){.slide .tv-desk .tv-body{grid-template-columns:1fr}}
@media screen and (max-width:820px) and (orientation:portrait){.tv-phone .rb-txt b{font-size:5.4cqw}.d-mx-r .rb-txt b{font-size:4.7cqw}}
@media screen and (max-width:360px) and (orientation:portrait){.tv-desk .rb-txt b,.tv-phone .rb-txt b{font-size:6cqw}.tv-desk .rb-txt,.tv-phone .rb-txt{width:66%}}
@media screen and (max-width:820px) and (orientation:portrait){.d-mx-r .rb-txt{width:66%}.d-mx-r .rb-txt b{font-size:4.5cqw}}
@media screen and (min-width:561px) and (max-width:820px) and (orientation:portrait){.d-mx-r .rb-txt{width:55%}.d-mx-r .rb-txt b{font-size:3.65cqw}}
@media screen and (max-width:360px) and (orientation:portrait){.d-mx-r .rb-txt b{font-size:4.7cqw}}
.d-mx-r .d-rb-m{gap:10px;margin-top:18px}.d-mx-r .d-rb-m .m b{font-size:26px}.d-mx-r .d-rb-cap{font-size:16px}
/* правки FM 29.10: картинки на «Видах форматов», rich на странице без обрезки снизу */
.d-kpic{aspect-ratio:16/10;border-radius:6px;overflow:hidden}.d-kpic svg{display:block;width:100%;height:100%}
.slide .tv-desk .tv-art>.ln:nth-child(3),.slide .tv-desk .tv-art>.ln:nth-child(4){display:none}
.slide .tv-desk .tv-slot{margin-top:6px}
@media screen and (max-width:820px) and (orientation:portrait){.slide .tv-desk .tv-body{height:auto}}