/* Токены — 1:1 с главной (am-home-v5) */
:root{
  --navy:#0B2A4A;--navy-2:#11365E;--deep:#071A2E;--steel:#24527F;
  --gold:#E8C66A;--gold-2:#F3DA94;--gold-ink:#7A5800;
  --paper:#F5F7FA;--paper-2:#FFFFFF;--ink:#0E1C2B;--muted:#4A5868;--line:rgba(14,28,43,.13);
  --on-dark:#EEF2F7;--on-dark-muted:#A9B8CC;
  --ok:#1F9D55;--chk:#D99A00;--sp:#C8372D;--ph:#7C8794;
  --ease:cubic-bezier(.23,1,.32,1);
  --f-display:"Unbounded","Arial Black",Arial,sans-serif;
  --f-body:"Manrope","Segoe UI",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.55;overflow-x:clip}
a{color:inherit}
img{max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px;box-shadow:0 0 0 5px var(--gold);border-radius:4px}
.dk :focus-visible{outline-color:var(--gold);box-shadow:0 0 0 5px rgba(232,198,106,.35)}
.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;margin:0;text-wrap:balance;letter-spacing:-.01em}
.kicker{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:0 0 14px;font-weight:700}
.dk .kicker{color:var(--gold)}
section{padding-block:88px;scroll-margin-top:72px;position:relative}
.dk{background:var(--navy);color:var(--on-dark)}
.dk.deep{background:var(--deep)}
.lt2{background:var(--paper-2);border-block:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:end;margin-bottom:40px}
.sec-head h2{font-size:clamp(28px,4.2vw,50px);line-height:1.04}
.sec-head p{margin:0;color:var(--muted);max-width:44ch}
.dk .sec-head p{color:var(--on-dark-muted)}
/* жёлтая подсветка: анимация только transform */
.hl{position:relative;display:inline-block;z-index:0;padding-inline:.06em}
.hl::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.42em;background:var(--gold);z-index:-1;transform-origin:0 50%}
.dk .hl::after{background:rgba(232,198,106,.38)}
h2.in .hl::after{animation:hlIn 1s .25s var(--ease) both}
@keyframes hlIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ph{color:var(--ph);font-family:var(--f-mono);font-size:.86em;font-weight:500;letter-spacing:0}
.dk .ph{color:#8C9BB0}
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.progress i{display:block;height:100%;background:var(--gold);transform-origin:0 50%;transform:scaleX(var(--sp,0));box-shadow:0 0 12px rgba(232,198,106,.8)}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--f-display);font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;min-height:54px;
  background:var(--gold);color:var(--navy);border:0;padding:15px 26px;border-radius:14px;transition:transform .18s var(--ease),box-shadow .18s;box-shadow:0 10px 30px -10px rgba(232,198,106,.55);text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(232,198,106,.75)}
.btn svg{width:20px;height:20px;flex:none}
.btn-ghost{background:transparent;color:var(--on-dark);border:1px solid rgba(238,242,247,.3);box-shadow:none;font-family:var(--f-body);font-weight:700}
.btn-ghost:hover{border-color:var(--gold);box-shadow:none}
.btn-dark{background:var(--navy);color:var(--gold);box-shadow:none}
.btn-dark:hover{box-shadow:0 12px 30px -12px rgba(11,42,74,.6)}
.btn-line{background:transparent;color:var(--navy);border:1.5px solid var(--navy);box-shadow:none;font-family:var(--f-body);font-weight:800}
.btn-line:hover{background:var(--navy);color:var(--gold);box-shadow:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- ПЛАШКА (как на главной) ---------- */
.plaque{background:#fff;color:var(--ink);border-bottom:1px solid var(--line);position:relative;z-index:5}
.pl-in{display:flex;align-items:center;gap:26px;min-height:92px;padding-block:12px}
.pl-logo{display:flex;align-items:center;gap:18px;text-decoration:none;flex:none}
.pl-logo img{height:58px;width:auto;display:block}
.pl-lines{font-size:13.5px;line-height:1.4;color:var(--ink)}
.pl-lines b{font-weight:700}
.pl-lines span{display:block;color:var(--muted)}
.pl-rate{display:flex;align-items:center;gap:10px;text-decoration:none;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid var(--line);transition:border-color .2s,transform .2s var(--ease)}
.pl-rate:hover{border-color:var(--navy);transform:translateY(-1px)}
.pl-rate i{width:34px;height:34px;border-radius:9px;background:#FC3F1D;display:grid;place-items:center;color:#fff;font:800 17px var(--f-body);font-style:normal}
.pl-rate span{font-size:13px;line-height:1.3}
.pl-rate b{display:block;font-size:13.5px}
.pl-st{display:flex;align-items:center;gap:5px;font-style:normal;line-height:1.1;margin:1px 0}
.pl-st strong{font-size:14px;font-weight:800;color:var(--ink)}
.pl-st span{color:#FFB800;letter-spacing:1px;font-size:13px}
.pl-sp{flex:1}
.pl-wa{display:flex;align-items:center;gap:10px;text-decoration:none;padding:9px 14px 9px 10px;border-radius:12px;background:#fff;box-shadow:0 6px 20px -10px rgba(14,28,43,.35);border:1px solid var(--line);font-size:13.5px;line-height:1.25;font-weight:600;transition:transform .2s var(--ease)}
.pl-wa:hover{transform:translateY(-1px)}
.pl-wa svg{width:30px;height:30px;flex:none}
.pl-ph{text-align:right;line-height:1.25}
.pl-ph small{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.pl-ph small::before{content:"";width:7px;height:7px;border-radius:50%;background:#2DBE60}
.pl-ph a{display:block;text-decoration:none;font:700 19px var(--f-body);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.pl-ph a.pl-req{font:600 13.5px var(--f-body);color:var(--steel);text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.pl-mob{display:none}

/* ---------- МЕНЮ ---------- */
.navbar{position:sticky;top:0;z-index:60;background:rgba(11,42,74,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(238,242,247,.1)}
.nb-in{display:flex;align-items:center;min-height:64px}
.nav{display:flex;gap:18px;font-size:14.5px;align-items:center;width:100%}
.nav a{text-decoration:none;color:var(--on-dark-muted);display:inline-flex;align-items:center;min-height:44px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--on-dark)}
.nav a.nav-home{color:var(--gold);font-weight:800;padding:0 12px;border-radius:10px;border:1px solid rgba(232,198,106,.5);background:rgba(232,198,106,.1)}
.nav a.nav-cta{margin-left:auto;color:var(--navy);background:var(--gold);font:700 15px var(--f-body);padding:0 18px;border-radius:12px;box-shadow:0 10px 26px -12px rgba(232,198,106,.7);transition:opacity .3s,transform .3s var(--ease)}
.navbar.on-hero .nav a.nav-cta{opacity:0;transform:translateY(-6px);pointer-events:none}

/* смена страницы */
#app{transition:opacity .42s var(--ease),transform .42s var(--ease)}
#app.out{opacity:0;transform:translateY(14px);transition-duration:.18s}
#app.pre{opacity:0;transform:translateY(18px);transition:none}

/* ---------- ПЕРВЫЙ ЭКРАН ---------- */
.hero{position:relative;z-index:3;background:var(--navy);color:var(--on-dark);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:0}
.hero-bg::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(70% 90% at 15% 40%,rgba(11,42,74,.94),rgba(11,42,74,.5) 60%,rgba(7,26,46,.3)),linear-gradient(180deg,transparent 60%,rgba(7,26,46,.55))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;padding-block:28px 56px}
.crumbs{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center;margin:0 0 16px;padding:0;list-style:none;font-size:13.5px;color:var(--on-dark-muted)}
.crumbs li{display:flex;align-items:center;gap:8px;min-width:0}
.crumbs li+li::before{content:"/";opacity:.5}
.crumbs a{color:var(--on-dark);text-decoration:none;border-bottom:1px solid rgba(238,242,247,.3);display:inline-flex;align-items:center;min-height:36px}
.crumbs a:hover{color:var(--gold);border-color:var(--gold)}
.crumbs [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44ch}
.badge-live{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  border:1px solid rgba(232,198,106,.45);color:var(--gold);padding:7px 12px;border-radius:999px}
.badge-live i{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(232,198,106,.7)}70%{box-shadow:0 0 0 10px rgba(232,198,106,0)}100%{box-shadow:0 0 0 0 rgba(232,198,106,0)}}
.hero h1.offer{font-family:var(--f-display);font-weight:900;font-size:clamp(32px,4.4vw,62px);line-height:1.03;letter-spacing:-.025em;margin:18px 0 22px;max-width:18ch;color:var(--on-dark)}
.hero h1.offer.sm{font-size:clamp(28px,3.6vw,50px);max-width:20ch}
.offer em{font-style:normal;color:var(--gold)}
.offer .w{display:inline-block;animation:wUp .9s var(--ease) both;animation-delay:calc(var(--i)*55ms + 80ms)}
@keyframes wUp{from{transform:translateY(.38em)}to{transform:none}}
.ticks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:9px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:clamp(15px,1.3vw,17px);line-height:1.35;color:var(--on-dark);opacity:0;transform:translateY(8px);animation:tickIn .6s var(--ease) forwards;animation-delay:calc(var(--d)*120ms + 500ms)}
.ticks li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230B2A4A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
@keyframes tickIn{to{opacity:1;transform:none}}
.st-pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(238,242,247,.18);min-height:44px}

/* фото справа (как .hero-photo главной) */
.hm{position:relative;justify-self:end;width:min(100%,400px);animation:floatIn 1s .2s var(--ease) both}
.hm-main{position:relative;z-index:1;border-radius:28px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 30px 60px -30px rgba(0,0,0,.75);background:var(--deep)}
.hm-main img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--py,0px),0)}
.hp-frame{position:absolute;inset:-12px;border:2px solid var(--gold);border-radius:30px;z-index:0;transform:translate3d(0,calc(var(--hy,0px) * -.6),0)}
.hp-tag{position:absolute;z-index:3;top:22px;left:-22px;background:var(--gold);color:var(--navy);font:700 12px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:9px 12px;border-radius:10px;transform:rotate(-4deg);box-shadow:0 10px 24px -10px rgba(0,0,0,.5);animation:wob 5s ease-in-out infinite;line-height:1.3}
.hp-tag small{display:block;font-size:10.5px;opacity:.8;letter-spacing:.06em}
@keyframes wob{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(-6deg) translateY(-2px)}}
@keyframes floatIn{from{transform:translateY(24px) rotate(1.5deg)}to{transform:none}}
.hm-sub{position:absolute;z-index:2;right:-26px;bottom:-30px;width:46%;margin:0;border-radius:18px;overflow:hidden;border:3px solid var(--navy);box-shadow:0 24px 40px -18px rgba(0,0,0,.8);transform:rotate(3deg);aspect-ratio:4/3;background:var(--deep)}
.hm-sub img{width:100%;height:100%;object-fit:cover;display:block}
/* подписи источника фото */
.src{position:absolute;z-index:4;right:10px;bottom:10px;font:600 10px/1 var(--f-mono);letter-spacing:.06em;text-transform:lowercase;color:rgba(255,255,255,.88);background:rgba(7,26,46,.55);padding:5px 7px;border-radius:6px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.src.real{background:rgba(232,198,106,.9);color:var(--navy);font-weight:700}
.src.tl{right:auto;left:10px;top:10px;bottom:auto}

/* кружок с роликом */
.reel-bub{position:absolute;z-index:5;left:-78px;bottom:-34px;width:156px;height:156px;border:0;padding:0;background:none;cursor:pointer;border-radius:50%}
.reel-bub .rb-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 16s linear infinite}
.reel-bub .rb-ring text{font:700 10.6px var(--f-mono);letter-spacing:.2em;fill:var(--gold);text-transform:uppercase}
.reel-bub .rb-img{position:absolute;inset:22px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);box-shadow:0 18px 40px -12px rgba(0,0,0,.7);background:var(--deep)}
.reel-bub .rb-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.reel-bub:hover .rb-img img{transform:scale(1.08)}
.reel-bub .rb-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:var(--gold);display:grid;place-items:center;animation:ping 2s infinite}
.reel-bub .rb-play svg{width:18px;height:18px;margin-left:3px}
@keyframes spin{to{transform:rotate(360deg)}}

/* хаб: фото на весь первый экран */
.hub .hero-bg .hb-img{position:absolute;top:-8%;bottom:-8%;right:0;width:64%;z-index:-1}
.hub .hero-bg .hb-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:translate3d(0,var(--py,0px),0) scale(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.hub .hero-bg::after{background:radial-gradient(70% 100% at 12% 45%,rgba(11,42,74,.97),rgba(11,42,74,.72) 55%,rgba(7,26,46,.25)),linear-gradient(180deg,rgba(7,26,46,.15) 50%,rgba(7,26,46,.75))}
.hub .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);min-height:520px}
.hub .hb-side{position:relative;justify-self:end;align-self:end;width:200px;height:220px}
.hub .hb-side .reel-bub{left:auto;right:0;bottom:0}
.hub .hb-side .hp-tag{left:auto;right:150px;top:10px}
.hub .src.hero-src{right:16px;bottom:16px}

/* цифры */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(238,242,247,.14)}
.stat{padding:24px 18px 28px 0;min-width:0}
.stat+.stat{padding-left:22px;border-left:1px solid rgba(238,242,247,.14)}
.stat .n{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,3.6vw,48px);line-height:1;color:var(--on-dark);font-variant-numeric:tabular-nums;white-space:nowrap}
.stat .n em{font-style:normal;color:var(--gold)}
.stat .n.t{font-size:clamp(20px,2.2vw,28px);line-height:1.15;white-space:normal}
.stat .l{margin-top:8px;font-size:14.5px;color:var(--on-dark-muted);max-width:24ch}

/* ---------- ПОИСК ---------- */
.srch{position:relative;max-width:640px;z-index:30}
.srch-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:6px 6px 6px 18px;box-shadow:0 24px 50px -24px rgba(0,0,0,.6);border:2px solid transparent;transition:border-color .2s}
.srch-box:focus-within{border-color:var(--gold)}
.srch-box svg{width:24px;height:24px;flex:none;color:var(--steel)}
.srch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:600 18px var(--f-body);color:var(--ink);min-height:56px;padding:0}
.srch input:focus-visible{outline:0;box-shadow:none}
.srch input::placeholder{color:#6B7889;font-weight:500}
.srch-box .btn{min-height:52px;padding:0 20px;font-size:15px;flex:none}
.srch-hint{font-size:13.5px;color:var(--on-dark-muted);margin:8px 0 0}
.srch-hint button{background:none;border:0;padding:4px 2px;color:var(--gold);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-weight:700;min-height:44px}
.srch-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 30px 60px -20px rgba(4,14,26,.55);border:1px solid var(--line);max-height:min(440px,60vh);overflow:auto;margin:0;padding:6px;list-style:none;animation:fadeUp .25s var(--ease)}
.srch-list li[role=option]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start;padding:11px 12px;border-radius:11px;cursor:pointer;min-height:44px}
.srch-list li[aria-selected="true"],.srch-list li[role=option]:hover{background:var(--paper)}
.srch-list .sr-n{font-weight:700;line-height:1.3}
.srch-list .sr-n mark{background:rgba(232,198,106,.55);color:inherit;border-radius:3px}
.srch-list .sr-m{grid-column:2;font-size:13.5px;color:var(--muted)}
.srch-list .sr-foot{padding:10px 12px;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);margin-top:4px}
.srch-list .sr-foot a{color:var(--steel);font-weight:700}

/* статусы */
.st{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;color:#fff;font:800 13px/1 var(--f-body)}
.st svg{width:13px;height:13px}
.st-0{background:var(--ok)}.st-1{background:var(--chk);color:var(--ink)}.st-2{background:var(--sp)}

/* ---------- ПОЛОСА ДОВЕРИЯ ---------- */
.trust{background:var(--paper-2);border-bottom:1px solid var(--line);padding-block:30px 8px}
.tr-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr-i{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:var(--paper);text-decoration:none;color:var(--ink);min-height:76px;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.tr-i:hover{transform:translateY(-3px);border-color:var(--navy);box-shadow:0 18px 34px -24px rgba(11,42,74,.55)}
.tr-i i{flex:none;width:46px;height:46px;border-radius:13px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:900 15px var(--f-display);font-style:normal}
.tr-i i svg{width:24px;height:24px}
.tr-i i.ya{background:#FC3F1D;color:#fff;font:800 20px var(--f-body)}
.tr-i b{display:block;font:700 16px/1.25 var(--f-display)}
.tr-i span{font-size:13.5px;color:var(--muted)}
.tr-i .stars{color:#FFB800;letter-spacing:1px}
.cl-mq{position:relative;overflow:hidden;padding-block:22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cl-track{display:flex;align-items:center;gap:72px;width:max-content;animation:slide 40s linear infinite}
.cl-mq:hover .cl-track{animation-play-state:paused}
.cl-track a{flex:none;display:block;transition:transform .25s var(--ease)}
.cl-track a:hover{transform:scale(1.06)}
.cl-track img{height:50px;width:auto;display:block;flex:none}
.cl-track img.sq{height:70px}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---------- BENTO ОТРАСЛЕЙ ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:14px;grid-auto-flow:dense}
.bt{--mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;border-radius:24px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:var(--navy);transition:transform .35s var(--ease),box-shadow .35s}
.bt.w2{grid-column:span 2}.bt.h2{grid-row:span 2}
.bt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s var(--ease)}
.bt:hover img{transform:scale(1.09)}
.bt::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,26,46,.08) 25%,rgba(7,26,46,.9))}
.bt::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(232,198,106,.28),transparent 60%)}
.bt:hover::before{opacity:1}
.bt:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(11,42,74,.8)}
.bt b{position:relative;font:700 clamp(17px,1.5vw,21px)/1.2 var(--f-display);max-width:20ch}
.bt.h2 b,.bt.w2 b{font-size:clamp(20px,2vw,28px)}
.bt .cnt{position:relative;font:700 13px var(--f-mono);letter-spacing:.06em;color:var(--gold)}
.bt .cnt b{font:inherit;display:inline}
.bt .arr{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;transition:background .2s,transform .35s var(--ease),color .2s;background:rgba(7,26,46,.3)}
.bt .arr svg{width:18px;height:18px}
.bt:hover .arr{background:var(--gold);color:var(--navy);transform:rotate(-45deg)}
.bt .flag{position:relative;align-self:flex-start;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:5px 9px;border-radius:7px}
.bt .src{left:16px;right:auto;top:16px;bottom:auto}

/* ---------- ТРИ ПУТИ / ПРОГРАММЫ ---------- */
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.path{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14);text-decoration:none;color:inherit;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s;min-width:0;text-align:left;padding:0;cursor:pointer}
.path:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 34px 60px -34px rgba(0,0,0,.9)}
.path .pp{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--deep)}
.path .pp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.path:hover .pp img{transform:scale(1.06)}
.path .num{position:absolute;left:16px;bottom:-1px;font:900 64px/1 var(--f-display);color:var(--gold);text-shadow:0 6px 30px rgba(0,0,0,.6);transform:translateY(16%)}
.path .pb{display:flex;flex-direction:column;gap:10px;padding:24px 22px 24px;flex:1}
.path .tp{font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.path h3{font-size:22px;line-height:1.2}
.path p{margin:0;color:var(--on-dark-muted);font-size:15.5px}
.path .go{margin-top:auto;padding-top:8px;font-weight:800;color:var(--gold);display:inline-flex;gap:8px;align-items:center}
.path .go svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.path:hover .go svg{transform:translateX(5px)}
.lt .path,.paths.lt .path{background:#fff;border-color:var(--line)}
.paths.lt .path p{color:var(--muted)}.paths.lt .path .tp{color:var(--steel)}.paths.lt .path .go{color:var(--navy)}
.paths.lt .path:hover{border-color:var(--navy);box-shadow:0 30px 50px -30px rgba(11,42,74,.55)}
.path dl{margin:4px 0 0;display:grid;gap:8px;font-size:14.5px}
.path dt{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.path dd{margin:2px 0 0}
.path.main{outline:2px solid var(--gold);outline-offset:-2px}
.path .badge{position:absolute;right:14px;top:14px;z-index:2;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:6px 9px;border-radius:7px}

/* ---------- 5 ШАГОВ ---------- */
.steps5{position:relative}
.s5-track{position:relative;height:4px;border-radius:4px;background:var(--line);margin:0 0 26px}
.s5-track i{position:absolute;inset:0;border-radius:4px;background:var(--gold);transform-origin:0 50%;transform:scaleX(var(--p,0));box-shadow:0 0 14px rgba(232,198,106,.7)}
.s5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.s5 li{position:relative;display:flex;flex-direction:column;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .5s var(--ease),border-color .4s,box-shadow .4s;min-width:0}
.s5 li .dot{position:absolute;left:18px;top:-41px;width:26px;height:26px;border-radius:50%;background:var(--paper);border:3px solid var(--line);transition:background .4s,border-color .4s,transform .4s var(--ease);z-index:2}
.s5 li.on{border-color:var(--navy);box-shadow:0 22px 40px -28px rgba(11,42,74,.6);transform:translateY(-4px)}
.s5 li.on .dot{background:var(--gold);border-color:var(--navy);transform:scale(1.15)}
.s5 .sp{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy);border-radius:21px 21px 0 0}
.s5 .sp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.s5 li:hover .sp img{transform:scale(1.06)}
.s5 .sb{padding:16px 16px 20px}
.s5 .no{font:700 12px var(--f-mono);letter-spacing:.1em;color:var(--steel)}
.s5 b{display:block;font:700 17px/1.25 var(--f-display);margin:6px 0 6px}
.s5 .sb span{font-size:14.5px;color:var(--muted);display:block}
.s5 li.fin{background:var(--gold);border-color:var(--gold)}
.s5 li.fin .sb span,.s5 li.fin .no{color:var(--navy)}
/* иллюстрация СДО на CSS */
.sdo{position:absolute;inset:0;background:linear-gradient(160deg,#11365E,#071A2E);padding:12px;display:grid;grid-template-rows:auto 1fr;gap:8px}
.sdo .bar{display:flex;gap:5px;align-items:center}
.sdo .bar i{width:7px;height:7px;border-radius:50%;background:rgba(238,242,247,.3)}
.sdo .bar i:first-child{background:#EE6A55}.sdo .bar i:nth-child(2){background:var(--gold)}.sdo .bar i:nth-child(3){background:#2DBE60}
.sdo .bar span{margin-left:8px;flex:1;height:8px;border-radius:5px;background:rgba(238,242,247,.12)}
.sdo .body{display:grid;grid-template-columns:34% 1fr;gap:8px;min-height:0}
.sdo .side{display:grid;gap:5px;align-content:start}
.sdo .side i{height:12px;border-radius:4px;background:rgba(238,242,247,.12)}
.sdo .side i.on{background:var(--gold)}
.sdo .side i.ok{background:rgba(45,190,96,.55)}
.sdo .main{position:relative;border-radius:8px;background:rgba(238,242,247,.08);display:grid;grid-template-rows:1fr auto;gap:6px;padding:8px;min-height:0}
.sdo .vid{position:relative;border-radius:6px;background:linear-gradient(135deg,#24527F,#0B2A4A);display:grid;place-items:center}
.sdo .vid::after{content:"";width:0;height:0;border-left:14px solid var(--gold);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.sdo .pr{height:6px;border-radius:4px;background:rgba(238,242,247,.15);overflow:hidden}
.sdo .pr i{display:block;height:100%;width:100%;background:var(--gold);transform-origin:0 50%;animation:sdoP 4s var(--ease) infinite}
@keyframes sdoP{0%{transform:scaleX(.08)}70%,100%{transform:scaleX(.82)}}
.sdo .tst{position:absolute;right:8px;top:8px;font:700 9px var(--f-mono);letter-spacing:.06em;background:#2DBE60;color:#fff;padding:3px 6px;border-radius:5px;animation:pop2 4s var(--ease) infinite}
@keyframes pop2{0%,60%{transform:scale(0)}70%,100%{transform:scale(1)}}

/* ---------- ГАЛЕРЕЯ (masonry) ---------- */
.mason{columns:3;column-gap:14px}
.mason>*{break-inside:avoid;margin:0 0 14px;display:block;width:100%}
.gi{position:relative;border:0;padding:0;border-radius:20px;overflow:hidden;cursor:zoom-in;background:var(--navy);display:block;width:100%;text-align:left}
.gi img{width:100%;display:block;transition:transform .9s var(--ease)}
.gi:hover img{transform:scale(1.05)}
.gi .cap{z-index:2;position:absolute;left:12px;bottom:12px;right:100px;font-size:13.5px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.gi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,46,.8));pointer-events:none}
.gi.tall img{aspect-ratio:4/5;object-fit:cover}
.gi.wide img{aspect-ratio:16/10;object-fit:cover}

/* видеоотзывы (как .rv-card главной) */
.rv-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:9/16;border-radius:20px;overflow:hidden;border:1px solid rgba(232,198,106,.3);background:#000;cursor:pointer;padding:0;color:#fff;text-align:left;isolation:isolate;transition:transform .3s var(--ease),border-color .3s;width:100%}
.rv-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.rv-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.rv-card:hover img{transform:scale(1.05)}
.rv-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(7,26,46,.92))}
.rv-play{position:absolute;left:50%;top:42%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:var(--gold);display:grid;place-items:center;transition:transform .2s var(--ease)}
.rv-play::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:ring 2.2s ease-out infinite;opacity:0}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}
.rv-card:hover .rv-play{transform:scale(1.08)}
.rv-play svg{width:22px;height:22px;margin-left:3px}
.rv-b{padding:16px}
.rv-b b{display:block;font:700 16px/1.25 var(--f-body)}
.rv-b small{display:block;font-size:12.5px;color:rgba(238,242,247,.8);margin-top:4px;line-height:1.35}
.rv-dur{position:absolute;right:10px;top:10px;font:700 11px var(--f-mono);background:rgba(0,0,0,.5);padding:4px 8px;border-radius:7px}
.vg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:14px;align-items:start}
.vg .mason{columns:2}

/* ---------- ПРЕДПРИЯТИЯ ---------- */
.biz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.biz-ph{position:relative;padding:0 30px 40px 0}
.biz-ph .a{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 60px -34px rgba(11,42,74,.7)}
.biz-ph .a img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--py,0px),0)}
.biz-ph .b{position:absolute;right:0;bottom:0;width:46%;border-radius:18px;overflow:hidden;aspect-ratio:4/3;border:4px solid #fff;box-shadow:0 24px 40px -20px rgba(11,42,74,.7);transform:rotate(3deg)}
.biz-ph .b img{width:100%;height:100%;object-fit:cover;display:block}
.biz-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 26px;padding:0;list-style:none}
.biz-list li{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s}
.biz-list li:hover{transform:translateY(-3px);border-color:var(--navy)}
.biz-list i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--navy);color:var(--gold);margin-bottom:10px}
.biz-list i svg{width:22px;height:22px}
.biz-list b{display:block;font:700 16px/1.25 var(--f-display);margin-bottom:4px}
.biz-list span{font-size:14.5px;color:var(--muted)}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
.num-c{padding:22px;border-radius:20px;background:var(--navy);color:var(--on-dark);position:relative;overflow:hidden}
.num-c::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.25),transparent 70%)}
.num-c b{display:block;font:900 clamp(30px,3.4vw,44px)/1 var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.num-c span{display:block;margin-top:8px;font-size:14px;color:var(--on-dark-muted)}

/* ---------- ДОПУСКИ: интерактивная легенда ---------- */
.lg-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.lg-tab{--c:var(--ok);position:relative;display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;border:1px solid rgba(238,242,247,.16);background:rgba(238,242,247,.04);color:var(--on-dark);cursor:pointer;text-align:left;min-height:84px;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,background .3s}
.lg-tab:hover{transform:translateY(-3px);border-color:rgba(238,242,247,.4)}
.lg-tab[aria-selected="true"]{border-color:var(--c);background:rgba(238,242,247,.09)}
.lg-tab .st{width:36px;height:36px;font-size:18px}.lg-tab .st svg{width:18px;height:18px}
.lg-tab b{display:block;font:700 16px/1.25 var(--f-display)}
.lg-tab span.n{font:700 13px var(--f-mono);color:var(--on-dark-muted)}
.lg-tab .bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--c);transform-origin:0 50%;transform:scaleX(var(--w,0));transition:transform 1s var(--ease)}
.lg-pane{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:26px;border-radius:24px;background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14)}
.lg-pane .big{font:900 clamp(44px,6vw,80px)/1 var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums}
.lg-pane .big small{display:block;font:700 12.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);margin-top:8px}
.lg-pane p{color:var(--on-dark-muted);margin:14px 0 0}
.lg-ex{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.lg-ex a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid rgba(238,242,247,.18);text-decoration:none;font-size:14.5px;font-weight:600;transition:border-color .2s,transform .25s var(--ease)}
.lg-ex a:hover{border-color:var(--gold);transform:translateY(-2px)}
.lg-in{animation:fadeUp .45s var(--ease) both}
.chk-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chk-chip{display:flex;gap:12px;align-items:center;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14);flex:1 1 200px}
.chk-chip i{width:40px;height:40px;border-radius:12px;background:var(--gold);display:grid;place-items:center;color:var(--navy);flex:none}
.chk-chip i svg{width:22px;height:22px}
.chk-chip b{display:block;font-size:15px;line-height:1.25}
.chk-chip span{font-size:13.5px;color:var(--on-dark-muted)}

/* ---------- БАЗА ЗНАНИЙ (как .kb-card главной + фото) ---------- */
.kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kb-card{display:flex;flex-direction:column;gap:10px;padding:0 0 20px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.kb-card:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 22px 40px -28px rgba(11,42,74,.55)}
.kb-ph{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.kb-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.kb-card:hover .kb-ph img{transform:scale(1.06)}
.kb-tag,.kb-card b,.kb-meta{margin-inline:20px}
.kb-tag{align-self:flex-start;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:7px;background:rgba(232,198,106,.25);color:var(--navy)}
.kb-card b{font:700 18px/1.3 var(--f-body);flex:1}
.kb-meta{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted)}
.kb-meta span:last-child{color:var(--navy);font-weight:700}
.kb-all{margin-top:22px;display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:14px;background:var(--navy);color:var(--gold);font:700 15.5px var(--f-display);text-decoration:none;transition:transform .2s var(--ease)}
.kb-all:hover{transform:translateY(-2px)}

/* ---------- FAQ ---------- */
.faq-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:32px;align-items:start}
.faq{display:grid;gap:10px}
.faq-i{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .2s}
.faq-i.open{border-color:var(--navy)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;background:none;border:0;cursor:pointer;text-align:left;font:700 17px/1.35 var(--f-body);min-height:60px}
.faq-q i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:transform .3s var(--ease),background .2s}
.faq-q i svg{width:16px;height:16px}
.faq-i.open .faq-q i{transform:rotate(45deg);background:var(--gold)}
.faq-a{display:none}
.faq-i.open .faq-a{display:block;animation:fadeUp .4s var(--ease) both}
.faq-a p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:15.5px;max-width:70ch}
.faq-side{position:sticky;top:90px;padding:26px;border-radius:24px;background:var(--navy);color:var(--on-dark);overflow:hidden}
.faq-side img{display:block;max-width:none;width:calc(100% + 52px);margin:-26px -26px 18px;aspect-ratio:16/10;object-fit:cover}
.faq-side b{display:block;font:700 20px/1.3 var(--f-display);margin-bottom:10px}
.faq-side p{color:var(--on-dark-muted);margin:0 0 18px;font-size:15px}
.faq-side .btn{width:100%}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------- КВИЗ (.tp-panel главной) ---------- */
.tp-sec{background:var(--paper)}
.tp-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);
  background:var(--navy);color:var(--on-dark);border-radius:28px;box-shadow:0 44px 90px -48px rgba(11,42,74,.75)}
.tp-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 60% at 100% 0%,rgba(232,198,106,.16),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(36,82,127,.9),transparent 70%)}
.tp-panel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:linear-gradient(rgba(238,242,247,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(238,242,247,.045) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:linear-gradient(115deg,#000 10%,transparent 70%);mask-image:linear-gradient(115deg,#000 10%,transparent 70%)}
.tp-main{padding:34px 40px 40px;min-width:0}
.tp-track{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.tp-tk{min-width:0;display:flex;flex-direction:column;gap:6px}
.tp-tk-bar{height:4px;border-radius:4px;background:rgba(238,242,247,.14);overflow:hidden;position:relative}
.tp-tk-bar::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.tp-tk.is-now .tp-tk-bar::after{transform:scaleX(.35);opacity:.7}
.tp-tk.is-done .tp-tk-bar::after{transform:scaleX(1)}
.tp-tk-l{font:700 11.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted);display:flex;gap:8px}
.tp-tk-l b{color:var(--gold);opacity:.6}
.tp-tk.is-now .tp-tk-l,.tp-tk.is-done .tp-tk-l{color:var(--on-dark)}
.tp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:22px}
.tp-count{font:700 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);margin:0}
.tp-count b{color:var(--gold)}
.tp-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(238,242,247,.22);background:transparent;color:var(--on-dark);font:600 15px var(--f-body);cursor:pointer}
.tp-back:hover{border-color:var(--gold)}
.tp-qh{font-size:clamp(23px,2.6vw,32px);line-height:1.12;margin:0 0 8px}
.tp-qh:focus{outline:none;box-shadow:none}
.tp-hint{margin:0 0 22px;color:var(--on-dark-muted);font-size:15px}
.tp-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tp-opt{position:relative;display:flex;align-items:center;gap:14px;min-height:66px;width:100%;padding:14px 46px 14px 16px;text-align:left;cursor:pointer;
  border-radius:16px;border:1px solid rgba(238,242,247,.14);background:rgba(238,242,247,.045);color:var(--on-dark);
  font:600 16px/1.3 var(--f-body);transition:transform .2s var(--ease),border-color .2s,background .2s}
.tp-opt:last-child:nth-child(odd){grid-column:1/-1}
.tp-opt small{display:block;font-weight:500;font-size:13.5px;color:var(--on-dark-muted);margin-top:3px}
.tp-opt-i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid rgba(232,198,106,.4);color:var(--gold);font:700 12px var(--f-mono)}
.tp-opt::after{content:"→";position:absolute;right:18px;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--gold);font-weight:700;transition:opacity .2s,transform .2s}
.tp-opt:hover{border-color:rgba(232,198,106,.55);background:rgba(238,242,247,.08);transform:translateY(-2px)}
.tp-opt:hover::after{opacity:1;transform:translate(0,-50%)}
.tp-in{animation:tpIn .42s var(--ease) both}
@keyframes tpIn{from{transform:translateX(28px)}to{transform:none}}
.tp-card{border-radius:22px;padding:26px 26px 24px;background:linear-gradient(160deg,rgba(232,198,106,.14),rgba(17,54,94,.85) 46%);border:1px solid rgba(232,198,106,.45);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:22px;align-items:start}
.tp-card-k{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 12.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tp-card-k i{width:9px;height:9px;border-radius:50%;background:var(--gold);animation:ping 1.8s infinite}
.tp-card h3{font-size:clamp(21px,2.3vw,30px);line-height:1.12;margin:0 0 14px;overflow-wrap:anywhere}
.tp-card h3:focus{outline:none}
.tp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.tp-chips li{font:700 12.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:8px;background:rgba(232,198,106,.14);color:var(--gold)}
.tp-chips li:first-child{background:var(--gold);color:var(--navy)}
.tp-pts{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:9px}
.tp-pts li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.45}
.tp-pts li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:6px;background:rgba(232,198,106,.18);box-shadow:inset 0 0 0 1px rgba(232,198,106,.5)}
.tp-pts li::after{content:"";position:absolute;left:6px;top:calc(.2em + 4px);width:5px;height:9px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg)}
.tp-acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tp-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 24px;border-radius:14px;background:var(--gold);color:var(--navy);font:700 15.5px var(--f-display);text-decoration:none;box-shadow:0 14px 34px -14px rgba(232,198,106,.85);transition:transform .2s var(--ease)}
.tp-cta:hover{transform:translateY(-2px)}
.tp-again{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 20px;border-radius:14px;border:1px solid rgba(238,242,247,.28);background:transparent;color:var(--on-dark);font:600 15.5px var(--f-body);cursor:pointer;text-decoration:none}
.tp-again:hover{border-color:var(--gold)}
.tp-fig{margin:0;position:relative;border-radius:16px;overflow:hidden;transform:rotate(2deg);box-shadow:0 16px 34px -16px rgba(0,0,0,.6)}
.tp-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tp-side{position:relative;padding:34px 28px 30px;border-left:1px solid rgba(238,242,247,.1);background:rgba(0,0,0,.16);min-width:0}
.tp-side-k{margin:0 0 6px;font:700 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tp-side-t{margin:0 0 18px;font-size:14px;line-height:1.45;color:var(--on-dark-muted)}
.tp-ans{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tp-ans li{display:grid;gap:2px;padding-bottom:12px;border-bottom:1px dashed rgba(238,242,247,.14)}
.tp-ans small{font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}
.tp-ans b{font-size:15px;font-weight:600;color:var(--on-dark)}
.tp-ans li.empty b{color:rgba(238,242,247,.35)}
.tp-side-f{margin:20px 0 0;font-size:13px;line-height:1.5;color:var(--on-dark-muted)}

/* ---------- ФОРМА (.invite + .lf-form главной) ---------- */
.invite{background:var(--navy);color:var(--on-dark);position:relative;overflow:hidden}
.invite::before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.2),transparent 65%);pointer-events:none}
.inv-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;align-items:start;position:relative}
.invite h2{font-size:clamp(30px,4.4vw,54px);line-height:1.04}
.invite h2 em{font-style:normal;color:var(--gold)}
.inv-copy>p{color:var(--on-dark-muted);max-width:40ch}
.inv-sla{position:relative;margin:20px 0 0;padding-left:22px;font-size:15.5px;line-height:1.45;color:var(--on-dark);max-width:40ch}
.inv-sla::before{content:"";position:absolute;left:1px;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(232,198,106,.18)}
.contact{margin-top:18px;display:grid;gap:6px}
.contact-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px;min-height:40px}
.contact-row .lbl{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);min-width:96px}
.contact-row a{font-weight:700;text-decoration:none}
.contact-row a:hover{color:var(--gold)}
.lm{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;margin-top:26px;padding:16px;border-radius:20px;border:1px solid rgba(232,198,106,.45);background:linear-gradient(160deg,rgba(232,198,106,.14),rgba(7,26,46,.5) 60%);text-decoration:none;color:var(--on-dark);cursor:pointer;text-align:left;width:100%;transition:transform .3s var(--ease),border-color .3s}
.lm:hover{transform:translateY(-3px);border-color:var(--gold)}
.lm-doc{position:relative;aspect-ratio:3/4;border-radius:8px;background:#fff;padding:9px 8px;display:grid;gap:4px;align-content:start;transform:rotate(-5deg);box-shadow:0 14px 26px -12px rgba(0,0,0,.7);transition:transform .4s var(--ease)}
.lm:hover .lm-doc{transform:rotate(0) scale(1.05)}
.lm-pv{position:relative;display:block;aspect-ratio:360/508;transform:rotate(-5deg);transition:transform .45s var(--ease,ease);animation:lmFloat 5s ease-in-out infinite}
.lm-pv::before{content:"";position:absolute;inset:0;border-radius:6px;background:#fff;box-shadow:0 10px 22px -12px rgba(0,0,0,.6);transform:translate(9px,6px) rotate(7deg);transition:transform .45s var(--ease,ease);background-image:repeating-linear-gradient(#fff 0 10px,#E3E8EF 10px 12px);background-size:70% 100%;background-repeat:no-repeat;background-position:50% 30%}
.lm-pv img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 14px 26px -12px rgba(0,0,0,.7);background:#fff}
.lm-pv .sc{position:absolute;left:0;right:0;top:0;height:28%;border-radius:6px;background:linear-gradient(180deg,rgba(232,198,106,0),rgba(232,198,106,.38) 70%,rgba(232,198,106,0));mix-blend-mode:multiply;animation:lmScan 3.4s ease-in-out infinite;pointer-events:none}
.lm-pv em{position:absolute;right:-8px;bottom:-8px;font:800 10px var(--f-mono,monospace);font-style:normal;background:var(--gold,#E8C66A);color:var(--navy,#0B2A4A);padding:4px 6px;border-radius:6px;z-index:2}
.lm:hover .lm-pv,.np-lm:hover .lm-pv,.lm:focus-visible .lm-pv{transform:rotate(0) scale(1.06)}
.lm:hover .lm-pv::before,.np-lm:hover .lm-pv::before{transform:translate(16px,4px) rotate(11deg)}
.np-lm .lm-pv{width:110px}
@keyframes lmScan{0%{transform:translateY(-30%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(290%);opacity:0}}
@keyframes lmFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
html.rm .lm-pv,html.rm .lm-pv .sc{animation:none}html.rm .lm-pv .sc{display:none}

.lm-doc i{height:4px;border-radius:2px;background:#D5DCE5}
.lm-doc i:first-child{height:7px;width:70%;background:var(--navy)}
.lm-doc i.g{background:var(--gold);width:55%}
.lm-doc em{position:absolute;right:-8px;bottom:-8px;font:800 10px var(--f-mono);font-style:normal;background:var(--gold);color:var(--navy);padding:4px 6px;border-radius:6px}
.lm b{display:block;font:700 17px/1.25 var(--f-display);margin-bottom:6px}
.lm span{font-size:14px;color:var(--on-dark-muted)}
.lm span u{color:var(--gold);font-weight:700;text-decoration:none}
.invite form{background:var(--paper);color:var(--ink);border-radius:24px;padding:28px}
.lf-topic{margin:0;background:#fff;border:1px dashed var(--steel);border-radius:12px;padding:10px 12px;font-size:14.5px}
.lf-form{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:18px 16px;align-items:start;font-size:16px;line-height:1.45}
.lf-form>*{grid-column:1/-1;min-width:0}
.lf-form>.lf-w4{grid-column:span 4}.lf-form>.lf-w6{grid-column:span 6}.lf-form>.lf-half{grid-column:span 5}
.lf-field{display:grid;gap:7px;margin:0;padding:0;border:0;min-width:0}
.lf-field>label,.lf-field>legend{display:block;padding:0;font-size:15px;font-weight:700;line-height:1.35}
.lf-field>legend{margin-bottom:9px}
.lf-opt{display:inline-block;margin-left:2px;font-size:13.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.lf-form input:not([type=radio]):not([type=checkbox]),.lf-form select,.lf-form textarea{display:block;width:100%;min-height:50px;margin:0;padding:12px 14px;font:500 16px/1.4 var(--f-body);color:var(--ink);background:#fff;border:2px solid #6B7889;border-radius:12px;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}
.lf-form textarea{min-height:90px;resize:vertical}
.lf-form select{padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230B2A4A' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.lf-form ::placeholder{color:#5E6B7A;opacity:1}
.lf-form input:not([type=radio]):not([type=checkbox]):focus,.lf-form select:focus,.lf-form textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(232,198,106,.65)}
.lf-form [aria-invalid="true"]:not([type=checkbox]){border-color:#B3261E;box-shadow:0 0 0 3px rgba(179,38,30,.2)}
.lf-error{display:flex;gap:8px;align-items:flex-start;width:fit-content;margin:0;padding:7px 11px 7px 8px;border-radius:9px;background:#FFE3DD;color:#8A1C12;font-size:14.5px;font-weight:600}
.lf-error::before{content:"!";flex:none;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#B3261E;color:#fff;font:800 12.5px/1 var(--f-body)}
.lf-opts{display:flex;flex-wrap:wrap;gap:8px}
.lf-seg input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}
.lf-seg label{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 16px;font-size:15px;font-weight:700;line-height:1.2;background:#fff;border:1.5px solid #6B7889;border-radius:999px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.lf-seg label:hover{border-color:var(--navy)}
.lf-seg input:checked+label{background:var(--navy);border-color:var(--navy);color:var(--on-dark)}
.lf-seg input:checked+label::before{content:"";flex:none;width:10px;height:6px;margin-top:-3px;border:solid var(--gold);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}
.lf-seg input:focus-visible+label{outline:3px solid var(--navy);outline-offset:3px}
.lf-consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:start}
.lf-consent input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--navy);cursor:pointer}
.lf-consent label{font-size:14.5px;line-height:1.5;cursor:pointer}
.lf-consent .lf-error{grid-column:2}
.lf-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px}
.lf-promise{flex:1 1 240px;max-width:46ch;margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.lf-promise b{display:block;color:var(--ink);font-size:15px}
.lf-status{display:grid;gap:8px;padding:18px 20px;border-radius:16px;background:#fff;border:2px solid var(--navy)}
.lf-status b{font:700 18px/1.25 var(--f-display);color:var(--navy)}
.lf-status p{margin:0;font-size:15px}

/* ---------- ПОДВАЛ ---------- */
footer{background:var(--deep);color:var(--on-dark-muted);font-size:14px;padding-block:44px 30px}
.ft{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);gap:30px}
.ft img{height:56px;width:auto;display:block;margin-bottom:14px;opacity:.95}
.ft h4{margin:0 0 10px;font:700 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ft p{margin:0 0 6px;line-height:1.5}
.ft a{color:var(--on-dark);text-decoration:none}
.ft a:hover{color:var(--gold)}
.ft-b{margin-top:30px;padding-top:18px;border-top:1px solid rgba(238,242,247,.1);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px}

/* ---------- L2 ---------- */
.pop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pc{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14);text-decoration:none;color:var(--on-dark);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;min-width:0}
.pc:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 30px 50px -30px rgba(0,0,0,.9)}
.pc .pp{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--deep)}
.pc .pp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.pc:hover .pp img{transform:scale(1.07)}
.pc .pb{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.pc .top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 11.5px var(--f-mono);letter-spacing:.06em;color:var(--on-dark-muted)}
.pc b{font:700 17px/1.3 var(--f-display);flex:1;overflow-wrap:anywhere}
.pc .meta{display:flex;flex-wrap:wrap;gap:6px}
.pc .meta span{font-size:13px;padding:5px 9px;border-radius:99px;border:1px solid rgba(238,242,247,.2)}
.pc .meta span.has{background:var(--gold);border-color:var(--gold);font-weight:700;color:var(--navy)}
.flt{display:grid;gap:14px;padding:20px;border-radius:20px;background:var(--paper);border:1px solid var(--line);margin-bottom:22px}
.flt-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flt-l{font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:112px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;justify-content:center;padding:0 14px;border-radius:999px;border:1.5px solid #9AA6B4;background:#fff;color:var(--ink);font:700 14.5px var(--f-body);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .2s var(--ease)}
.chip:hover{border-color:var(--navy);transform:translateY(-1px)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.chip .st{width:18px;height:18px}.chip .st svg{width:11px;height:11px}
.flt-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14.5px;color:var(--muted)}
.flt-sum b{color:var(--ink)}
.flt-reset{background:none;border:0;color:var(--steel);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}
.grp{border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:10px;overflow:hidden}
.grp-h{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:none;border:0;cursor:pointer;text-align:left;min-height:60px}
.grp-h b{flex:1;font:700 16px/1.3 var(--f-body)}
.grp-h .c{font:700 13px var(--f-mono);background:var(--paper);border-radius:8px;padding:4px 9px;color:var(--steel)}
.grp-h i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper);transition:transform .3s var(--ease)}
.grp-h i svg{width:14px;height:14px}
.grp-h[aria-expanded="true"] i{transform:rotate(180deg);background:var(--gold)}
.rows{list-style:none;margin:0;padding:0 8px 8px;animation:fadeUp .35s var(--ease)}
.row{display:grid;grid-template-columns:minmax(0,1fr) 130px 120px 96px 30px;gap:14px;align-items:center;padding:11px 12px;border-radius:12px;text-decoration:none;min-height:48px;border-top:1px solid var(--line);transition:background .15s,transform .2s var(--ease)}
.rows li:first-child .row{border-top-color:transparent}
.row:hover{background:var(--paper)}
.row .nm{font-weight:600;line-height:1.3}
.row .nm small{display:inline-block;margin-left:6px;font:700 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:2px 6px;border-radius:5px;vertical-align:2px}
.row .rk,.row .cd{font:500 13.5px var(--f-mono);color:var(--muted)}
.row .pr{font:800 14.5px var(--f-body);color:var(--navy);white-space:nowrap}.row .pr.q{font-weight:600;font-size:13px;color:var(--muted)}
.more{display:flex;justify-content:center;padding:6px 0 12px}
.more button{min-height:44px;padding:0 18px;border-radius:12px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);font:700 14.5px var(--f-body);cursor:pointer}
.more button:hover{background:var(--navy);color:var(--gold)}
.l2-empty{padding:30px;text-align:center;border:1.5px dashed var(--line);border-radius:18px;color:var(--muted)}
/* инфографика требований */
.ig{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.ig-card{padding:26px;border-radius:24px;background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14)}
.ig-big{font:900 clamp(48px,6vw,84px)/1 var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums}
.ig-big small{display:block;font:700 12.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);margin-top:10px}
.stbar{display:flex;height:16px;border-radius:9px;overflow:hidden;margin:22px 0 12px;background:rgba(238,242,247,.1)}
.stbar i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s var(--ease)}
.in .stbar i,.stbar.in i{transform:scaleX(1)}
.stbar-l{display:grid;gap:8px;font-size:14.5px;color:var(--on-dark-muted)}
.stbar-l>span{display:flex;gap:10px;align-items:center}
.stbar-l .st{flex:none}
.stbar-l b{color:var(--on-dark);margin-left:auto;font-family:var(--f-mono)}
.rq-list{display:grid;gap:10px}
.rq{display:grid;grid-template-columns:44px minmax(0,1fr) 68px;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid rgba(238,242,247,.14);background:rgba(238,242,247,.04);cursor:pointer;text-align:left;color:var(--on-dark);width:100%;transition:border-color .2s,transform .25s var(--ease),background .2s;min-height:64px}
.rq:hover{border-color:rgba(232,198,106,.6)}
.rq[aria-expanded="true"]{border-color:var(--gold);background:rgba(232,198,106,.08)}
.rq i{width:44px;height:44px;border-radius:12px;background:var(--gold);color:var(--navy);display:grid;place-items:center}
.rq i svg{width:22px;height:22px}
.rq b{display:block;font-size:15.5px;line-height:1.3}
.rq .rb{position:relative;display:block;height:6px;border-radius:4px;background:rgba(238,242,247,.12);margin-top:8px;overflow:hidden}
.rq .rb u{position:absolute;inset:0;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.1s var(--ease)}
.in .rq .rb u{transform:scaleX(var(--w,0))}
.rq .n{font:800 22px/1 var(--f-mono);color:var(--gold);font-variant-numeric:tabular-nums;text-align:right;align-self:center}
.rq-ex{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 6px 58px}
.rq-ex a{font-size:13.5px;padding:7px 11px;border-radius:10px;border:1px solid rgba(238,242,247,.2);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.rq-ex a:hover{border-color:var(--gold)}
/* клиенты */
.cl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.cl-tile{display:grid;place-items:center;min-height:110px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;text-decoration:none}
.cl-tile:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 18px 30px -22px rgba(11,42,74,.6)}
.cl-tile img{max-width:100%;max-height:50px;width:auto;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.cl-tile.sq img{max-height:70px}
.cl-tile:hover img,.cl-tile.hot img{filter:none;opacity:1}
.cl-tile.hot{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}

/* ---------- L3 ---------- */
.rk-scale{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end}
.rk-scale button{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:10px 4px;border-radius:14px 14px 6px 6px;border:1.5px solid var(--line);background:#fff;cursor:pointer;min-height:44px;transition:transform .3s var(--ease),background .2s,border-color .2s}
.rk-scale button:nth-child(1){height:70px}.rk-scale button:nth-child(2){height:84px}.rk-scale button:nth-child(3){height:98px}.rk-scale button:nth-child(4){height:112px}.rk-scale button:nth-child(5){height:126px}.rk-scale button:nth-child(6){height:140px}.rk-scale button:nth-child(7){height:154px}.rk-scale button:nth-child(8){height:168px}
.rk-scale button b{font:900 24px/1 var(--f-display);color:#B4BEC9}
.rk-scale button span{font:700 9.5px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rk-scale button.av{border-color:var(--navy)}
.rk-scale button.av b{color:var(--navy)}
.rk-scale button:hover{transform:translateY(-4px)}
.rk-scale button[aria-pressed="true"]{background:var(--navy)}
.rk-scale button[aria-pressed="true"] b{color:var(--gold)}
.rk-scale button[aria-pressed="true"] span{color:var(--on-dark-muted)}
.rk-out{margin-top:14px;padding:16px 18px;border-radius:16px;background:var(--gold);color:var(--navy);font-weight:700;min-height:56px;animation:fadeUp .35s var(--ease)}
.req-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.reqs{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}
.reqs li{display:flex;gap:14px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s}
.reqs li:hover{transform:translateY(-3px);border-color:var(--navy)}
.reqs .bx{flex:none;width:46px;height:46px;border-radius:12px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:900 15px var(--f-display)}
.reqs .bx svg{width:22px;height:22px}
.reqs b{display:block;font:700 16px/1.3 var(--f-body);margin-bottom:4px}
.reqs span{font-size:14.5px;color:var(--muted)}
.reqs li.wide{grid-column:1/-1}
.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.skills li{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:22px;background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14);overflow:hidden;transition:transform .35s var(--ease),border-color .3s}
.skills li:hover{transform:translateY(-5px);border-color:var(--gold)}
.skills li i{width:56px;height:56px;border-radius:16px;background:var(--gold);color:var(--navy);display:grid;place-items:center;transition:transform .5s var(--ease)}
.skills li:hover i{transform:rotate(-8deg) scale(1.08)}
.skills li i svg{width:28px;height:28px}
.skills li b{font:700 18px/1.3 var(--f-display)}
.skills li span{font-size:14.5px;color:var(--on-dark-muted)}
.skills li .k{position:absolute;right:18px;top:16px;font:900 40px/1 var(--f-display);color:rgba(238,242,247,.07)}
.skills.ani li{transform:translateY(22px)}
.skills.ani.in li{animation:skIn .7s var(--ease) both;animation-delay:calc(var(--i)*90ms)}
@keyframes skIn{from{transform:translateY(22px)}to{transform:none}}
.note{display:inline-flex;align-items:center;gap:8px;font:700 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-muted);margin-top:18px}
.note::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--gold);transform:rotate(45deg)}
.lt-note{color:var(--muted)}
.place{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.place-g{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:16/11}
.place-g .gi{height:100%}
.place-g .gi:first-child{grid-row:span 2}
.place-g .gi:not(:first-child) .cap{display:none}
.place-g .gi img{height:100%;object-fit:cover}
.kv{display:grid;gap:0;margin:0 0 22px;border-top:1px solid rgba(238,242,247,.14)}
.kv>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid rgba(238,242,247,.14)}
.kv dt{font-weight:800;font-size:14.5px}
.kv dd{margin:0}
.lt .kv,.kv.lt{border-color:var(--line)}.kv.lt>div{border-color:var(--line)}
/* документ-заглушка (CSS) */
.doc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.doc-stage{position:relative;padding:34px;border-radius:28px;background:radial-gradient(80% 80% at 50% 40%,rgba(232,198,106,.22),transparent 70%),var(--navy);perspective:1200px}
.paper{position:relative;aspect-ratio:1.42/1;border-radius:10px;background:linear-gradient(135deg,#FDFBF4,#F3EEDD);color:#3a3324;padding:6% 7%;box-shadow:0 40px 60px -30px rgba(0,0,0,.7);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);transform-style:preserve-3d;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:4%}
.paper::before{content:"";position:absolute;inset:3.2%;border:2px solid rgba(122,88,0,.35);border-radius:6px;pointer-events:none}
.paper::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(122,88,0,.035) 0 2px,transparent 2px 9px);pointer-events:none}
.paper .ph1{text-align:center;font:800 clamp(9px,1.1vw,13px)/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#7A5800}
.paper .ph2{text-align:center;font:900 clamp(16px,2.2vw,28px)/1.1 var(--f-display);color:#2a2418;margin-top:2%}
.paper .ph3{text-align:center;font:600 clamp(8px,.95vw,11.5px)/1.3 var(--f-body);color:#6b5f45}
.paper .fl{display:grid;gap:7%;align-content:center;position:relative;z-index:1}
.paper .fl div{display:grid;grid-template-columns:30% 1fr;gap:4%;align-items:end;font:600 clamp(8px,.95vw,12px)/1.2 var(--f-body);color:#6b5f45}
.paper .fl div u{text-decoration:none;border-bottom:1.5px solid rgba(58,51,36,.35);padding-bottom:2px;color:#2a2418;font-weight:800;min-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.paper .fl div u.ph{color:#9a8e74}
.paper .ft2{display:flex;justify-content:space-between;align-items:end;font:600 clamp(8px,.9vw,11px) var(--f-mono);color:#6b5f45;position:relative;z-index:1}
.paper .stamp{position:absolute;right:9%;bottom:12%;width:22%;aspect-ratio:1;border-radius:50%;border:3px double rgba(36,82,127,.55);display:grid;place-items:center;text-align:center;font:800 clamp(7px,.8vw,10px)/1.2 var(--f-mono);color:rgba(36,82,127,.7);transform:rotate(-14deg);z-index:2}
.paper .wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);font:900 clamp(14px,2.2vw,30px)/1.1 var(--f-display);color:rgba(200,55,45,.16);text-align:center;white-space:nowrap;z-index:2;pointer-events:none;text-transform:uppercase;letter-spacing:.04em}
.doc-lbl{position:absolute;left:18px;top:14px;font:700 11.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:6px 10px;border-radius:7px;z-index:3}
.pin{position:absolute;z-index:3;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:900 13px var(--f-display);box-shadow:0 0 0 5px rgba(232,198,106,.3),0 8px 18px -6px rgba(0,0,0,.6);animation:ping 2.4s infinite}
.doc ul,.doc ol{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:12px}
.doc ul li{display:flex;gap:12px;align-items:flex-start}
.doc ul li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%230B2A4A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.pins-l li{display:flex;gap:12px;align-items:center}
.pins-l li span{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:900 13px var(--f-display)}
.rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rel a{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;min-height:130px;transition:border-color .2s,transform .3s var(--ease),box-shadow .3s;min-width:0}
.rel a:hover{border-color:var(--navy);transform:translateY(-4px);box-shadow:0 18px 34px -24px rgba(11,42,74,.6)}
.rel .k{font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.rel b{font-weight:700;line-height:1.3;flex:1;overflow-wrap:anywhere}
.rel span.m{font:500 13px var(--f-mono);color:var(--muted)}
.rel a.up{background:var(--navy);color:var(--on-dark);border-color:var(--navy)}
.rel a.up .k{color:var(--gold)}.rel a.up span.m{color:var(--on-dark-muted)}

/* ---------- L4 ---------- */
.kfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(238,242,247,.14);border:1px solid rgba(238,242,247,.14);border-radius:20px;overflow:hidden;margin:4px 0 26px}
.kfacts div{background:rgba(11,42,74,.92);padding:14px 16px}
.kfacts b{display:block;font:700 17px/1.25 var(--f-display);color:var(--on-dark)}
.kfacts span{display:block;font-size:13px;color:var(--on-dark-muted);margin-top:4px}
.kfacts b .ph{font-size:13px}
.sit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sit button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0;border-radius:20px;background:#fff;border:1.5px solid var(--line);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .3s var(--ease),background .2s,box-shadow .3s}
.sit button:hover{border-color:var(--navy);transform:translateY(-4px)}
.sit .sp{width:100%;aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--navy)}
.sit .sp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.sit button:hover .sp img{transform:scale(1.06)}
.sit .sb{padding:0 18px 18px;display:grid;gap:6px}
.sit button b{font:700 17px/1.25 var(--f-display)}
.sit button span.d{font-size:14.5px;color:var(--muted)}
.sit button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--on-dark);box-shadow:0 24px 40px -26px rgba(11,42,74,.8)}
.sit button[aria-pressed="true"] span.d{color:var(--on-dark-muted)}
.sit button .ck{position:absolute;right:12px;top:12px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;transform:scale(0);transition:transform .35s var(--ease)}
.sit button[aria-pressed="true"] .ck{transform:scale(1);background:var(--gold)}
.sit-out{margin-top:18px;padding:16px 20px;border-radius:16px;background:var(--gold);color:var(--navy);font-weight:700;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sit-out a{color:var(--navy)}
.sk6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:18px}
.ladder button{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:16px;border-radius:18px 18px 8px 8px;border:1.5px solid var(--line);background:#fff;cursor:pointer;text-align:left;overflow:hidden;transition:background .25s,border-color .2s,transform .3s var(--ease)}
.ladder button:nth-child(1){height:120px}.ladder button:nth-child(2){height:160px}.ladder button:nth-child(3){height:200px}.ladder button:nth-child(4){height:240px}
.ladder button b{position:relative;font:900 44px/1 var(--f-display);color:var(--navy)}
.ladder button span:not(.rec){position:relative;font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ladder button:hover{border-color:var(--navy);transform:translateY(-4px)}
.ladder button[aria-selected="true"]{background:var(--navy);border-color:var(--navy)}
.ladder button[aria-selected="true"] b{color:var(--gold)}
.ladder button[aria-selected="true"] span:not(.rec){color:var(--on-dark-muted)}
.ladder button .rec{position:absolute;top:10px;right:10px;font:700 10.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:4px 7px;border-radius:6px;animation:fadeUp .4s var(--ease)}
.rk-panel{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);margin-bottom:10px}
.rk-panel h3{font-size:21px;margin-bottom:12px}
.rk-panel ul{margin:0;padding-left:20px;display:grid;gap:6px}
.rk-panel .rk-in{animation:fadeUp .35s var(--ease)}
.rk-intro{margin:0 0 22px;padding:14px 18px;border-left:4px solid var(--gold);background:#fff;border-radius:0 14px 14px 0;font-weight:600}
.rk-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;align-items:start}
.mini{padding:24px;border-radius:22px;background:var(--navy);color:var(--on-dark)}
.mini h3{font-size:18px;margin-bottom:6px}
.qz-step{font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:12px 0 8px}
.qz-q{font:700 17px/1.3 var(--f-display);margin:0 0 14px}
.qz-opts{display:grid;gap:10px}
.qz-opt{min-height:48px;padding:12px 16px;border-radius:14px;border:1px solid rgba(238,242,247,.2);background:rgba(238,242,247,.04);color:var(--on-dark);text-align:left;font:600 15px/1.3 var(--f-body);cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--ease)}
.qz-opt:hover{border-color:var(--gold);transform:translateY(-2px)}
.qz-back{margin-top:12px;background:none;border:0;color:var(--on-dark-muted);cursor:pointer;min-height:44px;padding:0;text-decoration:underline;text-underline-offset:3px}
.qz-res{animation:fadeUp .5s var(--ease) both}
.qz-res .tag{display:inline-block;font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:6px 10px;border-radius:8px;margin-bottom:14px}
.qz-res p{color:var(--on-dark-muted);margin:0 0 16px}
.plan{display:grid;gap:10px}
.mod{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:border-color .2s}
.mod.open{border-color:var(--navy)}
.mod-h{display:grid;grid-template-columns:40px minmax(0,1fr) 200px 110px 34px;gap:16px;align-items:center;width:100%;padding:14px 18px;background:none;border:0;cursor:pointer;text-align:left;min-height:64px}
.mod-h .no{font:900 18px var(--f-display);color:var(--steel)}
.mod-h b{font:700 16px/1.3 var(--f-body)}
.mod-h .bar{display:flex;height:10px;border-radius:9px;overflow:hidden;background:var(--paper)}
.mod-h .bar i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);transition:transform 1s var(--ease)}
.plan.in .mod-h .bar i{transform:scaleX(1)}
.mod-h .bar .t{background:var(--steel)}.mod-h .bar .p{background:var(--gold);transition-delay:.4s}
.mod-h .h{font:500 12.5px var(--f-mono);color:var(--ph)}
.mod-h .pl{width:30px;height:30px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:transform .3s var(--ease)}
.mod-h .pl svg{width:14px;height:14px}
.mod.open .mod-h .pl{transform:rotate(45deg);background:var(--gold)}
.mod .faq-a p{padding:0 18px 18px 74px}
.mod.open .faq-a{display:block;animation:fadeUp .4s var(--ease) both}
.plan-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;padding:18px 20px;border-radius:16px;background:var(--navy);color:var(--on-dark)}
.plan-foot b{font:700 17px var(--f-display)}
.legend2{display:flex;gap:18px;font-size:13.5px;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}
.legend2 span{display:inline-flex;gap:8px;align-items:center}
.legend2 i{width:22px;height:8px;border-radius:4px;display:inline-block}
.tl-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:start}
.tl{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tl::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:rgba(238,242,247,.15)}
.tl .tl-fill{position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:var(--gold);transform-origin:50% 0;transform:scaleY(var(--p,0));box-shadow:0 0 10px rgba(232,198,106,.7)}
.tl li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:6px 0}
.tl li .dot{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--deep);border:2px solid rgba(238,242,247,.2);display:grid;place-items:center;color:var(--on-dark-muted);transition:background .4s var(--ease),border-color .4s,color .4s,transform .4s var(--ease)}
.tl li .dot svg{width:24px;height:24px}
.tl li b{display:block;font:700 19px/1.3 var(--f-display);margin:10px 0 4px;transition:color .3s}
.tl li span{color:var(--on-dark-muted);font-size:15.5px}
.tl li.on .dot{background:var(--gold);border-color:var(--gold);color:var(--navy);transform:scale(1.06)}
.tl li.on b{color:var(--gold)}
.tl-ph{position:sticky;top:100px;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:var(--navy)}
.tl-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
.tl-ph img.on{opacity:1;transform:none}
.tl-ph .sdo{opacity:0;transition:opacity .6s var(--ease)}
.tl-ph .sdo.on{opacity:1}
.gal4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
.gal4 .gi{height:100%}
.gal4 .gi img{height:100%;object-fit:cover}
.gal4 .gi.big{grid-column:span 2;grid-row:span 2}
.gal4 .rv-card{grid-column:4;grid-row:1/3;aspect-ratio:auto;height:100%}
.ck-list{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck-list li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease)}
.ck-list li:hover{transform:translateX(4px)}
.ck-list li::before{content:"";flex:none;width:24px;height:24px;border-radius:7px;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23E8C66A' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.after{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:18px;background:var(--navy);color:var(--on-dark)}
.after i{flex:none;width:46px;height:46px;border-radius:12px;background:var(--gold);color:var(--navy);display:grid;place-items:center}
.after i svg{width:24px;height:24px}
.emp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 8px;padding:0}
.emp li{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s}
.emp li:hover{transform:translateY(-4px);border-color:var(--navy)}
.emp li i{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--gold);display:grid;place-items:center;margin-bottom:12px}
.emp li i svg{width:22px;height:22px}
.emp b{display:block;font:700 16px/1.3 var(--f-display);margin-bottom:6px}
.emp span{font-size:14.5px;color:var(--muted)}
.bizbox{position:relative;border-radius:28px;transition:box-shadow .4s}
.bizbox.hot{box-shadow:0 0 0 3px var(--gold)}
.hot-tag{display:none}
.bizbox.hot .hot-tag{display:inline-flex;position:absolute;top:-14px;right:20px;font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:6px 10px;border-radius:8px;animation:fadeUp .35s var(--ease)}
.master{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.8fr);gap:16px;align-items:stretch}
.m-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:24px;overflow:hidden;min-height:420px;isolation:isolate;color:#fff}
.m-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.m-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(7,26,46,.94))}
.m-card .mb{padding:24px;display:grid;gap:6px}
.m-card .mb b{font:700 21px/1.25 var(--f-display)}
.m-card .mb span{color:rgba(238,242,247,.82);font-size:14.5px}
.verified{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:30px;padding:16px 20px;border-radius:16px;border:1.5px dashed rgba(238,242,247,.35);font-size:14.5px;color:var(--on-dark-muted)}
.verified b{font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:6px 10px;border-radius:7px}
.draft{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#8A1C12;background:#FFE3DD;padding:4px 8px;border-radius:6px;vertical-align:middle}

/* оверлеи */
.vp{position:fixed;inset:0;z-index:140;background:rgba(4,14,26,.92);display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px)}
.vp-box{width:min(420px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--navy);border:1px solid rgba(232,198,106,.35);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:floatIn .35s var(--ease) both}
.vp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 18px;color:var(--on-dark)}
.vp-head b{font-size:15px;line-height:1.3}
.vp-x{width:44px;height:44px;border-radius:10px;border:0;background:var(--gold);color:var(--navy);font:900 16px var(--f-body);cursor:pointer;flex:none}
.vp video{display:block;width:100%;aspect-ratio:9/16;max-height:calc(100vh - 110px);background:#000;object-fit:contain}
.lightbox{position:fixed;inset:0;z-index:140;background:rgba(4,14,26,.92);display:grid;place-items:center;padding:24px;gap:10px;grid-template-rows:1fr auto}
.lightbox img{max-width:min(1100px,100%);max-height:80vh;border-radius:12px;animation:pop .35s var(--ease)}
@keyframes pop{from{transform:scale(.88)}to{transform:none}}
.lightbox p{color:var(--on-dark);margin:0;font-weight:600;text-align:center}
.lb-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:46px;height:46px;border-radius:50%;border:0;background:var(--gold);color:var(--navy);font:700 26px/1 var(--f-body);cursor:pointer}
.lb-nav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;border:0;background:rgba(238,242,247,.15);color:#fff;font:700 22px var(--f-body);cursor:pointer}
.lb-nav:hover{background:var(--gold);color:var(--navy)}
.lb-p{left:14px}.lb-n{right:14px}
.toast{position:fixed;left:50%;bottom:24px;z-index:150;transform:translate(-50%,0);background:var(--ink);color:#fff;padding:14px 18px;border-radius:14px;font-size:15px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);max-width:calc(100vw - 32px);border-left:4px solid var(--gold);animation:fadeUp .3s var(--ease)}
.m-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:none;transform:translateY(150%);transition:transform .35s var(--ease)}
.m-sticky a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:14px;background:var(--gold);color:var(--navy);font:800 16px var(--f-body);text-decoration:none;box-shadow:0 16px 34px -14px rgba(0,0,0,.55)}
.m-sticky{visibility:hidden;transition:transform .35s var(--ease),visibility 0s .35s}
.m-sticky.on{transform:none;visibility:visible;transition:transform .35s var(--ease)}

/* появление: контент виден и без анимации */
.rv.in{animation:rvIn .8s var(--ease) both;animation-delay:var(--d,0ms)}
@keyframes rvIn{from{transform:translateY(30px)}to{transform:none}}

/* ===== блоки главной 1:1 ===== */
/* ---------- DIRECTIONS ---------- */
.dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dir{position:relative;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.dir:hover{transform:translateY(-6px);border-color:var(--steel);box-shadow:0 28px 50px -30px rgba(11,42,74,.6)}
.dir-ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.dir-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.dir:hover .dir-ph img{transform:scale(1.06)}
.dir-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,26,46,.82));pointer-events:none}
.dir-ph .hrs{z-index:1;position:absolute;left:16px;bottom:14px;font:900 30px/1 var(--f-display);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.dir-ph .hrs small{font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px;color:var(--gold)}
.dir-b{display:flex;flex-direction:column;gap:12px;padding:22px 22px 24px;flex:1}
.dir-tag{align-self:flex-start;font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--navy);color:var(--gold);padding:5px 9px;border-radius:7px}
.dir h3{font-size:22px;line-height:1.15}
.dir ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.dir li{font-size:13.5px;line-height:1.3;padding:6px 10px;border-radius:99px;background:var(--paper);border:1px solid var(--line)}
.dir-doc{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dir-doc b{font-size:14.5px}
.dir-doc span{display:block;font:700 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.dir-go{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:11px;background:var(--navy);color:var(--gold);font:700 14px var(--f-body);text-decoration:none;transition:transform .2s}
.dir-go:hover{transform:translateX(3px)}
.dir.featured{background:var(--navy);color:var(--on-dark);border-color:var(--navy)}
.dir.featured li{background:rgba(238,242,247,.06);border-color:rgba(238,242,247,.14)}
.dir.featured .dir-tag{background:var(--gold);color:var(--navy)}
.dir.featured .dir-doc{border-color:rgba(238,242,247,.2)}
.dir.featured .dir-doc span{color:var(--gold)}
.dir.featured .dir-go{background:var(--gold);color:var(--navy)}
.edu-cta{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--gold);border-radius:20px;padding:20px 24px}
.edu-cta p{margin:0;color:var(--navy);max-width:60ch}
.edu-cta .btn{background:var(--navy);color:var(--gold)}
.part-note{margin:14px 0 0;font-size:13.5px;color:var(--muted)}
/* ---------- HOW (media) ---------- */
.how{background:var(--paper-2);border-block:1px solid var(--line)}
.m-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:16px}
.media{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;border-radius:22px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;cursor:pointer;border:0;padding:0;text-align:left;font:inherit;background:var(--navy)}
.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.media:hover img{transform:scale(1.05)}
.media::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,26,46,.05) 30%,rgba(7,26,46,.88))}
.media .mb{padding:20px}
.media .stp{font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.media .mb,.media .stp,.media .sub{display:block}.media .mt{display:block;font:700 18px/1.25 var(--f-body);margin-top:6px}
.media .sub{font-size:14px;color:rgba(238,242,247,.82);margin-top:4px}
.media.big{grid-column:span 2;grid-row:span 2;min-height:520px}
.media.big .mt{font:700 clamp(22px,2.4vw,30px)/1.15 var(--f-display)}
.media .play{position:absolute;left:20px;top:20px;width:64px;height:64px;border-radius:50%;background:var(--gold);display:grid;place-items:center;transition:transform .2s}
.media .play::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:ring 2.2s ease-out infinite;opacity:0}
@keyframes ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.8);opacity:0}}
.media:hover .play{transform:scale(1.08)}
.media .play svg{width:24px;height:24px;margin-left:4px}
.media .dur{position:absolute;right:16px;top:20px;font:700 12px var(--f-mono);letter-spacing:.06em;background:rgba(0,0,0,.4);padding:6px 10px;border-radius:8px}
/* ---------- TRUST ---------- */
.trust-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-width:0}
.panel h3{font-size:21px;margin-bottom:6px}
.panel>p{margin:0 0 18px;color:var(--muted);font-size:15px}
.fan{position:relative;height:400px;display:flex;justify-content:center;align-items:flex-end;margin-top:10px}
.fan button{position:absolute;bottom:8px;width:min(46%,230px);aspect-ratio:1240/1754;border:0;padding:0;background:#fff;border-radius:8px;cursor:zoom-in;overflow:hidden;
  box-shadow:0 18px 40px -18px rgba(11,42,74,.55),0 0 0 1px var(--line);transition:transform .45s cubic-bezier(.2,.8,.2,1),z-index 0s;transform-origin:50% 100%}
.fan button img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.fan button:nth-child(1){transform:translateX(-62%) rotate(-9deg)}
.fan button:nth-child(2){transform:translateY(-14px);z-index:2}
.fan button:nth-child(3){transform:translateX(62%) rotate(9deg)}
.fan button:hover{z-index:3}
.fan button:nth-child(1):hover{transform:translateX(-66%) rotate(-5deg) translateY(-16px)}
.fan button:nth-child(2):hover{transform:translateY(-30px)}
.fan button:nth-child(3):hover{transform:translateX(66%) rotate(5deg) translateY(-16px)}
.fan-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;text-align:center}
.fan-cap span{font:700 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.lic{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start}
.lic button{border:0;padding:0;background:#fff;border-radius:8px;overflow:hidden;cursor:zoom-in;box-shadow:0 12px 30px -16px rgba(11,42,74,.55),0 0 0 1px var(--line);transform:rotate(-2deg);transition:transform .3s}
.lic button:hover{transform:rotate(0) scale(1.03)}
.lic img{display:block;width:100%}
.reg{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.reg li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.4}
.reg li::before{content:"";width:9px;height:9px;margin-top:6px;background:var(--gold);border:2px solid var(--navy);border-radius:2px;transform:rotate(45deg)}
.chk{display:grid;gap:10px;margin-top:22px}
.chk a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:var(--paper);text-decoration:none;font-weight:700;font-size:15px;transition:border-color .2s,transform .2s}
.chk a:hover{border-color:var(--navy);transform:translateX(3px)}
.chk a span{font:700 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.cert-row{display:flex;gap:14px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}
.cert-row button{flex:none;width:130px;border:0;padding:0;background:none;cursor:zoom-in}
.cert-row img{display:block;width:100%;filter:drop-shadow(0 10px 16px rgba(11,42,74,.25))}
.cert-row p{margin:0;font-size:14.5px;color:var(--muted)}
.cert-row b{color:var(--ink);display:block}
.smi{background:var(--paper)}
.sm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.sm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sm-card{display:flex;flex-direction:column;gap:12px;padding:0 0 16px;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .25s cubic-bezier(.23,1,.32,1),border-color .25s,box-shadow .25s;min-height:210px}
.sm-card:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 22px 40px -28px rgba(11,42,74,.55)}
.sm-top{display:flex;flex-direction:column;gap:4px}
.sm-src{font:800 15px/1.2 var(--f-display);hyphens:manual;overflow-wrap:anywhere;color:var(--navy)}
.sm-k{font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.sm-v .sm-k{color:#B3261E}
.sm-t{font-size:16px;line-height:1.35;font-weight:600;flex:1}
.sm-go{font:700 12px var(--f-mono);letter-spacing:.04em;color:var(--steel)}
.sm-card:hover .sm-go{color:var(--navy)}
@media (max-width:640px){.sm-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}.sm-card{flex:0 0 78%;scroll-snap-align:start}}

.sm-ph{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--navy);position:relative}
.sm-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.sm-card:hover .sm-ph img{transform:scale(1.05)}
.sm-v .sm-ph::after{content:"▶";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(255,255,255,.92);color:#B3261E;display:grid;place-items:center;font-size:15px;padding-left:3px;box-sizing:border-box}
.sm-top,.sm-t,.sm-go{padding-inline:16px}
.dir,.media{--mx:50%;--my:50%}
.dir::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(232,198,106,.2),transparent 60%)}
.dir:hover::after{opacity:1}
.media.big::after{background:linear-gradient(180deg,rgba(7,26,46,.25) 0%,rgba(7,26,46,.45) 45%,rgba(7,26,46,.94))}
.media .play.sm{width:48px;height:48px;left:16px;top:16px}
.media .play.sm svg{width:18px;height:18px}
.media.vid img{object-position:50% 25%}
.media>.src{position:absolute;display:block;width:auto;z-index:2;top:12px;right:12px;bottom:auto;left:auto;padding:5px 7px}
.media.vid>.src{top:52px}
.dir-ph .src{z-index:2;top:12px;right:12px;bottom:auto}
.dk .dir{color:var(--ink)}
.dk .panel{color:var(--ink)}
.sm-grid.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm-card .sm-ph{aspect-ratio:16/9}
.sm-card .sm-t{font-size:17px}
.dir.sel{outline:3px solid var(--gold);outline-offset:-3px}
@media (max-width:980px){.dir-grid{grid-template-columns:1fr 1fr}.m-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr}}
@media (max-width:640px){.dir-grid,.m-grid,.sm-grid.k3{grid-template-columns:1fr}.media.big{grid-column:auto;grid-row:auto;min-height:340px}.media{min-height:220px}.lic{grid-template-columns:96px minmax(0,1fr)}
 .sm-grid.k3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}.sm-grid.k3 .sm-card{flex:0 0 82%;scroll-snap-align:start}}

/* ===== инфографика раздела ===== */
.map{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:36px;align-items:center}
.bars{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.bar-r{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr) 64px;gap:14px;align-items:center;min-height:44px;padding:4px 10px;border-radius:12px;text-decoration:none;color:var(--on-dark);transition:background .2s,transform .3s var(--ease)}
.bar-r:hover{background:rgba(238,242,247,.07);transform:translateX(4px)}
.bar-r .bn{font-size:14.5px;font-weight:600;line-height:1.25}
.bar-r .bt2{position:relative;height:14px;border-radius:8px;background:rgba(238,242,247,.08);overflow:hidden}
.bar-r .bt2 u{position:absolute;inset:0;border-radius:8px;background:linear-gradient(90deg,var(--steel),var(--gold));transform-origin:0 50%;transform:scaleX(0);transition:transform 1.3s var(--ease);transition-delay:calc(var(--i)*70ms)}
.bars.in .bar-r .bt2 u{transform:scaleX(var(--w))}
.bar-r:hover .bt2 u{background:var(--gold)}
.bar-r b{font:800 16px var(--f-mono);color:var(--gold);text-align:right;font-variant-numeric:tabular-nums}
.donut{position:relative;width:min(100%,300px);margin:0 auto}
.donut svg{display:block;width:100%;height:auto;transform:rotate(-90deg)}
.donut.ani svg{transform:rotate(-200deg) scale(.8);transition:transform 1.4s var(--ease)}
.donut.ani.in svg{transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:16}
.donut .c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.donut .c b{font:900 clamp(26px,2.8vw,38px)/1 var(--f-display);color:var(--gold)}
.plan-side .donut .c b{font-size:28px}
.donut .c span{font:700 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);margin-top:6px}
.lt-d .donut .c span{color:var(--muted)}.lt-d .donut .c b{color:var(--navy)}
.dleg{display:grid;gap:8px;margin-top:18px;font-size:14.5px}
.dleg span{display:flex;align-items:center;gap:10px}
.dleg i{width:12px;height:12px;border-radius:3px;flex:none}
.dleg b{margin-left:auto;font-family:var(--f-mono)}
.hist{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end;height:200px;margin-top:8px}
.hist button{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;color:var(--on-dark);min-width:0}
.hist button u{display:block;width:100%;height:calc(var(--h)*100% - 40px);min-height:4px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--gold),rgba(232,198,106,.35));transform-origin:50% 100%;transform:scaleY(0);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i)*60ms)}
.hist.in button u{transform:scaleY(1)}
.hist button:hover u{background:var(--gold)}
.hist button b{font:800 13px var(--f-mono);color:var(--gold)}
.hist button span{font:700 11px var(--f-mono);letter-spacing:.04em;color:var(--on-dark-muted);text-transform:uppercase}
.ig-h{font:700 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.fmt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border-radius:24px;overflow:hidden;background:rgba(238,242,247,.14);border:1px solid rgba(238,242,247,.14)}
.fmt div{background:var(--navy);padding:26px 22px;display:flex;flex-direction:column;gap:10px;transition:background .3s}
.fmt div:hover{background:var(--navy-2)}
.fmt i{width:46px;height:46px;border-radius:13px;background:rgba(232,198,106,.14);color:var(--gold);display:grid;place-items:center}
.fmt i svg{width:24px;height:24px}
.fmt b{font:900 clamp(22px,2.3vw,30px)/1.1 var(--f-display);color:var(--on-dark)}
.fmt b .ph{font-size:.62em}
.fmt span{font-size:14px;color:var(--on-dark-muted)}
.plan-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.plan-side{position:sticky;top:96px;padding:24px;border-radius:24px;background:var(--navy);color:var(--on-dark)}
.plan-side .dleg{color:var(--on-dark-muted)}.plan-side .dleg b{color:var(--on-dark)}
.mod .tps{margin:0;padding:0 18px 18px 74px;list-style:none;display:grid;gap:6px}
.mod .tps li{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--muted)}
.mod .tps li::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--gold);transform:rotate(45deg);flex:none}
.tasks{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.task{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch}
.task>div{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;min-height:84px}
.task .a{background:rgba(238,242,247,.05);border:1px solid rgba(238,242,247,.14)}
.task .b{background:var(--gold);color:var(--navy);font-weight:800}
.task i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(232,198,106,.14);color:var(--gold)}
.task .b i{background:var(--navy);color:var(--gold)}
.task i svg{width:22px;height:22px}
.task .ar{display:grid;place-items:center;color:var(--gold)}
.task .ar svg{width:28px;height:28px;transition:transform .4s var(--ease)}
.task:hover .ar svg{transform:translateX(6px)}
.task small{display:block;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:2px}
.tasks-h{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-bottom:10px;font:700 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}
.tasks-h span:last-child{grid-column:3}
.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:pf;position:relative}
.proof li{list-style:none;position:relative;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.proof li:hover{transform:translateY(-6px);box-shadow:0 26px 44px -28px rgba(11,42,74,.6)}
.proof .pp{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.proof .pp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.proof li:hover .pp img{transform:scale(1.06)}
.proof .no{position:absolute;left:14px;bottom:10px;font:900 46px/1 var(--f-display);color:var(--gold);text-shadow:0 4px 20px rgba(0,0,0,.6);z-index:2}
.proof .pb{padding:20px}
.proof b{display:block;font:700 19px/1.25 var(--f-display);margin-bottom:6px}
.proof span{color:var(--muted);font-size:15px}
.proof{padding:0;margin:0}
.diag{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:stretch}
.dg{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.dg.us{background:var(--navy);color:var(--on-dark);border-color:var(--navy)}
.dg h3{font-size:22px;margin-bottom:16px}
.dg ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.dg li{display:flex;gap:12px;align-items:center;font-weight:600}
.dg li i{flex:none;width:40px;height:40px;border-radius:11px;background:var(--paper);color:var(--steel);display:grid;place-items:center}
.dg.us li i{background:rgba(232,198,106,.14);color:var(--gold)}
.dg li i svg{width:20px;height:20px}
.diag .flow{display:grid;place-items:center;color:var(--gold)}
.diag .flow svg{width:44px;height:44px;animation:nudge 1.6s var(--ease) infinite}
@keyframes nudge{0%,100%{transform:translateX(-4px)}50%{transform:translateX(6px)}}
.diag-cta{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--gold);border-radius:20px;padding:20px 24px}
.diag-cta p{margin:0;color:var(--navy);font-weight:700;max-width:60ch}
.dstage{position:relative;padding:30px;border-radius:28px;background:radial-gradient(80% 80% at 50% 40%,rgba(232,198,106,.22),transparent 70%),var(--deep);perspective:1200px}
.lt-stage{background:radial-gradient(80% 80% at 50% 40%,rgba(232,198,106,.22),transparent 70%),var(--navy)}
.dimg{position:relative;display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);transform-style:preserve-3d}
.dimg img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 40px 60px -30px rgba(0,0,0,.8)}
.dimg .pin{pointer-events:none}
.doc-lbl{position:absolute;left:18px;top:14px;font:700 11.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:6px 10px;border-radius:7px;z-index:3}
.pins-l{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.pins-l li{cursor:default;padding:4px 0}
.pins-l li.on span{transform:scale(1.15);box-shadow:0 0 0 5px rgba(232,198,106,.35)}
.pins-l li span{transition:transform .3s var(--ease),box-shadow .3s}
.tl-ph .sdo{position:absolute;inset:0;padding:22px;gap:14px}
.tl-ph .src{z-index:5}
.cl-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:stretch}
.cl-g .media{min-height:100%}
.cl-g .cl-sel{grid-template-columns:repeat(3,minmax(0,1fr))}
.cl-tile.mut{opacity:.55}
.cl-sel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.cl-sel.n6{grid-template-columns:repeat(6,minmax(0,1fr))}
.quote2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;margin-top:22px;padding:20px 22px;border-radius:20px;background:var(--navy);color:var(--on-dark)}
.quote2 i{width:52px;height:52px;border-radius:14px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:900 30px/1 var(--f-display);font-style:normal}
.quote2 p{margin:0;font-size:16px}
.quote2 .btn{grid-column:1/-1;justify-self:start}
@media (max-width:980px){
  .map,.plan-g{grid-template-columns:1fr}
  .plan-side{position:static}
  .fmt{grid-template-columns:1fr 1fr}
  .fmt div:last-child{grid-column:1/-1}
  .proof{grid-template-columns:1fr}
  .diag{grid-template-columns:1fr}
  .diag .flow{padding:8px 0}.diag .flow svg{transform:rotate(90deg);animation:none}
  .cl-sel,.cl-sel.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cl-g{grid-template-columns:1fr}.cl-g .media{min-height:300px}
}
@media (max-width:640px){
  .bar-r{grid-template-columns:minmax(0,1fr) 54px;gap:4px 10px;padding:6px 8px}
  .bar-r .bt2{grid-column:1/-1;grid-row:2}
  .bar-r b{grid-row:1;grid-column:2}
  .hist{height:170px;gap:4px}
  .task{grid-template-columns:1fr;gap:6px}
  .task .ar{transform:rotate(90deg);height:28px}
  .tasks-h{display:none}
  .mod .tps{padding:0 16px 16px}
  .cl-sel,.cl-sel.n6{grid-template-columns:1fr 1fr}
  .fmt div{padding:18px 16px}
  .dstage{padding:16px}
  .quote2{grid-template-columns:1fr}
}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1100px){
  .pl-rate{display:none}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .emp,.sit{grid-template-columns:1fr 1fr}
  .cl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rel{grid-template-columns:1fr 1fr}
  .vg{grid-template-columns:1fr 1fr}
  .vg .mason{grid-column:1/-1}
  .master{grid-template-columns:1fr 1fr}
  .master .m-card{grid-column:1/-1}
}
@media (max-width:980px){
  .hero-grid,.hub .hero-grid,.sec-head,.inv-grid,.biz,.faq-wrap,.ig,.req-g,.place,.doc,.rk-two,.tl-g,.lg-pane{grid-template-columns:1fr}
  .hm{justify-self:center;width:min(80%,380px);margin:10px auto 40px}
  .hub .hb-side{display:none}
  .hub .hero-grid{min-height:0}
  .hub .hero-bg .hb-img{width:100%;top:0;bottom:auto;height:62%}
  .hub .hero-bg .hb-img img{-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){padding-left:0;border-left:0}
  .stat:nth-child(n+3){border-top:1px solid rgba(238,242,247,.14)}
  .tp-panel{grid-template-columns:1fr}
  .tp-side{border-left:0;border-top:1px solid rgba(238,242,247,.1)}
  .tp-card{grid-template-columns:1fr}
  .tp-fig{max-width:300px}
  .ft{grid-template-columns:1fr 1fr}
  .pl-wa span{display:none}
  .paths,.pop,.kb-grid,.skills,.sk6{grid-template-columns:1fr 1fr}
  .nums{grid-template-columns:1fr 1fr}
  .mason{columns:2}
  .tr-row{grid-template-columns:1fr}
  .faq-side{position:static}
  .tl-ph{display:none}
  .gal4{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .gal4 .gi.big{grid-column:1/-1;grid-row:auto}
  .gal4 .rv-card{grid-column:auto;grid-row:auto;aspect-ratio:9/16}
  .gal4 .gi img{aspect-ratio:4/3;height:auto}
  .mod-h{grid-template-columns:32px minmax(0,1fr) 110px 30px}
  .mod-h .h{display:none}
}
@media (max-width:760px){
  .pl-lines,.pl-wa,.pl-ph{display:none}
  .pl-in{min-height:66px;gap:12px}
  .pl-logo img{height:44px}
  .pl-mob{display:flex;gap:8px;margin-left:auto}
  .pl-mob a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);text-decoration:none}
  .pl-mob a svg{width:24px;height:24px}
  .pl-mob .pl-mr{width:auto;padding:0 10px;display:flex;flex-direction:column;justify-content:center;line-height:1.05;gap:2px}
  .pl-mr b{font-size:14px;color:var(--ink)}
  .pl-mr span{font-size:9px;color:#FFB800;letter-spacing:.5px}
  .pl-mob .pl-mt{width:auto;padding:0 12px;font:700 13px var(--f-body);background:var(--navy);color:var(--gold);border-color:var(--navy)}
}
@media (max-width:640px){
  body{font-size:16px}
  section{padding-block:60px}
  .nb-in{min-height:56px}
  .nav{overflow-x:auto;gap:8px;font-size:14px;scrollbar-width:none;margin-inline:-20px;padding:6px 20px;width:calc(100% + 40px)}
  .nav::-webkit-scrollbar{display:none}
  .nav a{flex:none;padding:0 14px;border:1px solid rgba(238,242,247,.2);border-radius:999px;color:var(--on-dark);white-space:nowrap}
  .nav .nav-mega{flex:none;min-height:44px;padding:0 14px;border:1px solid rgba(238,242,247,.2);border-radius:999px;color:var(--on-dark);box-sizing:border-box}
  .nav a.nav-cta{margin-left:0;border-color:var(--gold)}
  .navbar.on-hero .nav a.nav-cta{display:none}
  .hero-grid{padding-block:22px 40px;gap:10px}
  .hero h1.offer{margin:14px 0 18px}
  .badge-live{font-size:10.5px;letter-spacing:.06em;padding:6px 10px}
  .cta-row .btn{width:100%}
  .hm{width:min(82%,320px);margin:14px auto 46px}
  .hp-tag{left:-14px;top:14px;font-size:10.5px}
  .hm-sub{right:-14px;bottom:-26px}
  .reel-bub{left:-30px;bottom:-34px;width:124px;height:124px}
  .reel-bub .rb-img{inset:17px}
  .reel-bub .rb-ring text{font-size:12.6px}
  .reel-bub .rb-play{width:38px;height:38px;margin:-19px 0 0 -19px}
  .stat{padding:18px 10px 20px 0}
  .stat+.stat{padding-left:14px}
  .stat .l{font-size:13px}
  .stat .n.t{font-size:16px;overflow-wrap:anywhere;hyphens:auto}
  .srch-box{padding:4px 4px 4px 14px;border-radius:16px}
  .srch-box .btn{display:none}
  .srch input{font-size:16.5px;min-height:54px}
  .tr-i{min-height:64px;padding:12px 14px}
  .cl-track{gap:44px}.cl-track img{height:34px}.cl-track img.sq{height:50px}
  .bento{grid-template-columns:1fr;grid-auto-rows:190px;gap:10px}
  .bt.w2,.bt.h2{grid-column:auto;grid-row:auto}
  .bt.big{grid-row:span 2}
  .paths,.pop,.kb-grid,.skills,.sk6,.nums,.biz-list,.emp,.ck-list,.reqs,.rel{grid-template-columns:1fr}
  .s5{grid-template-columns:1fr;gap:12px;padding-left:34px}
  .s5-track{position:absolute;left:10px;top:0;bottom:0;width:4px;height:auto;margin:0}
  .s5-track i{transform-origin:50% 0;transform:scaleY(var(--p,0))}
  .s5 li{display:grid;grid-template-columns:120px minmax(0,1fr)}
  .s5 li .dot{left:-36px;top:18px}
  .s5 .sp{aspect-ratio:auto;height:100%;min-height:120px}
  .s5 .sb{padding:14px}
  .s5 .src,.place-g .src,.proof .src{font-size:8px;padding:3px 4px;right:5px;bottom:5px;white-space:nowrap}
  .mason{columns:2;column-gap:8px}.mason>*{margin-bottom:8px}
  .gi .cap{font-size:12px;right:10px;left:10px;bottom:8px}
  .gi .src{display:none}
  .vg{grid-template-columns:1fr 1fr;gap:10px}
  .biz-ph{padding:0 16px 30px 0}
  .lg-tabs{grid-template-columns:1fr}
  .tp-main{padding:22px 18px 26px}
  .tp-side{padding:22px 18px 24px}
  .tp-tk-l{font-size:10px;letter-spacing:.04em;gap:4px}
  .tp-opts{grid-template-columns:1fr;gap:10px}
  .tp-opt{min-height:58px}
  .tp-card{padding:22px 18px}
  .tp-acts{flex-direction:column;align-items:stretch}
  .tp-cta,.tp-again{width:100%}
  .invite form{padding:20px}
  .lf-form{grid-template-columns:1fr;gap:16px}
  .lf-form>.lf-w4,.lf-form>.lf-w6,.lf-form>.lf-half{grid-column:1/-1}
  .lf-foot .btn{width:100%}
  .ft{grid-template-columns:1fr}
  .flt{padding:16px}
  .flt-l{min-width:100%}
  .row{grid-template-columns:minmax(0,1fr) 26px;gap:4px 10px}
  .row .rk{grid-column:1;grid-row:2}
  .row .pr{grid-column:1;grid-row:3;font-size:13.5px}
  .row .cd{display:none}
  .row .st{grid-row:1/3;grid-column:2}
  .cl-grid{grid-template-columns:1fr 1fr}
  .rk-scale{gap:4px}
  .rk-scale button b{font-size:18px}
  .rk-scale button span{display:none}
  .kv>div{grid-template-columns:1fr;gap:2px}
  .kfacts{grid-template-columns:1fr 1fr}
  .kfacts b{font-size:15px}
  .sit{grid-template-columns:1fr 1fr;gap:10px}
  .sit .sb{padding:0 12px 14px}
  .sit button b{font-size:14.5px}
  .sit button span.d{display:none}
  .ladder{gap:6px}
  .ladder button{padding:10px;border-radius:14px 14px 6px 6px}
  .ladder button:nth-child(1){height:96px}.ladder button:nth-child(2){height:122px}.ladder button:nth-child(3){height:148px}.ladder button:nth-child(4){height:174px}
  .ladder button b{font-size:30px}
  .ladder button span:not(.rec){font-size:10px;letter-spacing:.02em}
  .ladder button .rec{top:6px;right:6px;font-size:9px;padding:3px 5px}
  .mod-h{grid-template-columns:26px minmax(0,1fr) 30px;gap:10px;padding:12px 14px}
  .mod-h .bar{grid-column:2;grid-row:2}
  .mod-h .pl{grid-row:1/3;grid-column:3}
  .mod .faq-a p{padding:0 16px 16px}
  .tl::before,.tl .tl-fill{left:21px}
  .tl li{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .tl li .dot{width:44px;height:44px}
  .tl li .dot svg{width:20px;height:20px}
  .tl li b{font-size:17px;margin-top:8px}
  .doc-stage{padding:18px}
  .pin{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:11px}
  .master{grid-template-columns:1fr 1fr}
  .m-card{min-height:340px}
  .crumbs [aria-current]{max-width:24ch}
  .crumbs li:not(:nth-last-child(-n+2)){display:none}
  .crumbs li:nth-last-child(2)::before{display:none}
  .gal4 .rv-card{grid-column:1/-1;justify-self:center;width:min(100%,280px)}
  .faq-q{font-size:16px;padding:16px}
  .faq-a p{padding:0 16px 16px}
  .place-g{aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .place-g .gi:first-child{grid-row:auto;grid-column:1/-1}
  .place-g .gi img{aspect-ratio:4/3;height:auto}
}
@media (max-width:900px){.m-sticky{display:block}}
html.rm .ticks li{opacity:1!important;transform:none!important}html.rm *,html.rm *::before,html.rm *::after{animation:none!important;transition:none!important}html.rm{scroll-behavior:auto}html.rm .stbar i,html.rm .mod-h .bar i,html.rm .hist button u,html.rm .donut.ani svg{transform:none!important}html.rm .donut svg,html.rm .donut.ani svg{transform:rotate(-90deg)!important}html.rm .bars .bar-r .bt2 u{transform:scaleX(var(--w))!important}html.rm .hist button u{transform:none!important}html.rm .rq .rb u{transform:scaleX(var(--w,0))!important}html.rm .tl-ph img{opacity:0}html.rm .tl-ph img.on{opacity:1}
.rel-sec{padding-block:24px 64px;background:var(--paper)}
.rel-sec .kicker{margin-top:0!important}

.mg{position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 0%,#24527F,#0B2A4A 60%,#071A2E);display:grid;place-items:center;padding:14px;overflow:hidden}
.mg .sdo{position:absolute;inset:0}
.mg-lbl{position:absolute;right:8px;top:8px;font:700 9.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(238,242,247,.7);background:rgba(0,0,0,.3);padding:3px 6px;border-radius:5px;z-index:3}
.mg-card{width:86%;background:#fff;border-radius:12px;padding:10px 12px;display:grid;gap:6px;box-shadow:0 18px 30px -16px rgba(0,0,0,.6)}
.mg-t{font:800 12px/1.2 var(--f-display);color:var(--navy)}
.mg-f{display:grid;gap:2px}
.mg-f small{font:700 8.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.mg-f i{font-style:normal;font-size:11px;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 6px;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:mgType 6s var(--ease) infinite;animation-delay:calc(var(--d)*.7s)}
@keyframes mgType{0%,8%{clip-path:inset(0 100% 0 0)}22%,88%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 0);opacity:0}}
.mg-btn{position:relative;height:24px;border-radius:7px;background:var(--gold);display:grid;place-items:center;font:700 11px var(--f-display);color:var(--navy);overflow:hidden}
.mg-btn em{font-style:normal;grid-area:1/1;animation:mgBtnA 6s var(--ease) infinite}
.mg-btn em.ok{background:#2DBE60;color:#fff;width:100%;height:100%;display:grid;place-items:center;animation-name:mgBtnB}
@keyframes mgBtnA{0%,55%{opacity:1}62%,100%{opacity:0}}
@keyframes mgBtnB{0%,58%{opacity:0;transform:scale(.8)}66%,92%{opacity:1;transform:none}100%{opacity:0}}
.mg-r{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink);opacity:.25;animation:mgRow 6s var(--ease) infinite;animation-delay:calc(var(--d)*.8s)}
.mg-r i{width:16px;height:16px;border-radius:50%;background:#2DBE60;color:#fff;font:700 10px/16px var(--f-body);text-align:center;font-style:normal;transform:scale(0);animation:mgChk 6s var(--ease) infinite;animation-delay:calc(var(--d)*.8s)}
@keyframes mgRow{0%,10%{opacity:.25}20%,90%{opacity:1}100%{opacity:.25}}
@keyframes mgChk{0%,10%{transform:scale(0)}20%,90%{transform:scale(1)}100%{transform:scale(0)}}
.mg-st{justify-self:end;margin-top:2px;font:800 12px var(--f-display);color:var(--navy);background:var(--gold);padding:4px 9px;border-radius:7px;transform:rotate(-6deg) scale(0);animation:mgSt 6s var(--ease) infinite}
@keyframes mgSt{0%,45%{transform:rotate(-6deg) scale(0)}55%{transform:rotate(-6deg) scale(1.15)}60%,90%{transform:rotate(-6deg) scale(1)}100%{transform:rotate(-6deg) scale(0)}}
.mg-doc img{width:92%;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 16px 30px -14px rgba(0,0,0,.7);transform:rotate(-2deg);animation:mgDoc 6s var(--ease) infinite}
@keyframes mgDoc{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-4px)}}
.mg-seal{position:absolute;left:10px;top:10px;font:700 10px var(--f-mono);background:#2DBE60;color:#fff;padding:4px 7px;border-radius:6px;animation:pop2 6s var(--ease) infinite}
html.rm .mg *{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}html.rm .mg-btn em.ok{display:none}

.s5 .sp .mg-t{font:800 12px/1.2 var(--f-display)!important;margin:0!important;color:var(--navy)!important}
.s5 .sp .mg-f small{font:700 8.5px var(--f-mono)!important}
.s5 .sp .mg-f i,.s5 .sp .mg-r{font-size:11px!important;line-height:1.3!important}
.s5 .sp .mg-card{gap:5px;padding:9px 10px}

/* карта программы и модули с материалами */
.pmap{margin:0 0 16px}
.pmap-row{display:flex;gap:4px;height:46px}
.pseg{flex:0 0 calc(var(--w) - 4px);position:relative;border:0;padding:0;border-radius:10px;cursor:pointer;overflow:hidden;background:linear-gradient(90deg,var(--steel) 0 var(--t),var(--gold) var(--t) 100%);transform:scaleY(0);transform-origin:50% 100%;transition:transform .7s var(--ease),filter .2s;transition-delay:calc(var(--i)*60ms);min-width:28px}
.plan-g.in .pseg,.in .pseg,.pmap.in .pseg{transform:scaleY(1)}
.pseg span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font:800 12px var(--f-display);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.pseg:hover{filter:brightness(1.12)}
.pmap-l{display:flex;justify-content:space-between;margin-top:6px;font:700 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.mod-in{text-align:left;display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,.8fr);gap:22px;padding:4px 18px 20px 74px;align-items:start}
.mod .mod-in .tps{padding:0}
.mod .mod-k{text-align:left!important;margin:0 0 8px;font:700 10.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.mod-vis{position:relative;border-radius:16px;background:radial-gradient(120% 100% at 20% 0%,#24527F,#0B2A4A 70%);color:var(--gold);display:grid;justify-items:center;gap:6px;padding:16px 10px 12px}
.mod-vis>i{width:44px;height:44px;display:grid;place-items:center}
.mod-vis>i svg{width:40px;height:40px}
.mod.open .mod-vis>i{animation:mvPop .7s var(--ease) both}
@keyframes mvPop{0%{transform:scale(.6) rotate(-10deg);opacity:0}100%{transform:none;opacity:1}}
.mring{width:54px;height:54px;transform:rotate(-90deg)}
.mring circle{fill:none;stroke-width:6}
.mring .bg{stroke:rgba(238,242,247,.18)}
.mring .fg{stroke:var(--gold);stroke-linecap:round}
.mod.open .mring .fg{animation:mrDraw 1s var(--ease) both}
@keyframes mrDraw{from{stroke-dasharray:0 100}}
.mod-vis span{font-size:11.5px;color:var(--on-dark-muted);text-align:center}
.mod-vis span b{display:block;font:800 16px var(--f-display);color:#fff}
.mats{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mats li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--paper);font-size:14px;font-weight:600}
.mats li i{width:30px;height:30px;border-radius:9px;background:var(--navy);color:var(--gold);display:grid;place-items:center;flex:none}
.mats li i svg{width:16px;height:16px}
@media (max-width:900px){.mod-in{grid-template-columns:1fr;padding:4px 16px 18px}.mod-vis{grid-template-columns:auto auto auto;justify-items:start;align-items:center;padding:10px 14px}.pseg span{display:none}.pseg{min-width:6px}.pmap-row{gap:3px;height:34px}}

/* социальное доказательство */
.sp{background:linear-gradient(180deg,var(--paper),#fff)}
.sp-g{display:grid;grid-template-columns:1.05fr .8fr .8fr 1fr;grid-template-rows:auto auto;gap:16px;align-items:stretch}
.sp-stats{grid-row:span 2;display:grid;gap:12px}
.sp-stats div{border-radius:20px;background:var(--navy);color:#fff;padding:20px 22px;display:grid;align-content:center;gap:2px}
.sp-stats b{font:900 40px/1 var(--f-display);color:var(--gold)}
.sp-stats i{font-style:normal;color:#FFB800;letter-spacing:2px;font-size:15px}
.sp-stats span{color:var(--on-dark-muted);font-size:14px}
.sp-g .rv-card{grid-row:span 2;aspect-ratio:auto;min-height:420px}
.sp-ph{margin:0;position:relative;border-radius:20px;overflow:hidden;min-height:200px;background:var(--navy)}
.sp-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sp-ph:hover img{transform:scale(1.05)}
.sp-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(5,20,38,.85))}
.sp-cl{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.sp-cl .cl-tile{flex:1 1 150px;max-width:220px}
@media (max-width:900px){.sp-g{grid-template-columns:1fr 1fr}.sp-stats{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-stats div{padding:14px}.sp-stats b{font-size:22px}.sp-stats span{font-size:12px}.sp-g .rv-card{min-height:340px}.sp-ph{min-height:150px}}

/* «Шесть действий» — мини-сцены */
.sk-sc{height:110px;margin:-6px -6px 0;border-radius:16px;background:radial-gradient(120% 120% at 20% 0%,rgba(36,82,127,.55),rgba(11,42,74,.2));border:1px solid rgba(238,242,247,.08);overflow:hidden;position:relative}
.sk-sc svg{width:100%;height:100%;display:block}
.skills li:has(.sk-sc) i{position:absolute;right:18px;top:100px;width:44px;height:44px;border-radius:13px;box-shadow:0 8px 20px -6px rgba(0,0,0,.5)}
.skills li:has(.sk-sc) i svg{width:22px;height:22px}
.skills li:has(.sk-sc) .k{display:none}
.fx-num b span{font:inherit;color:inherit;margin:0}
.sk-sc .tx{font:700 10px var(--f-mono);fill:var(--gold)}
.sk-sc .grid line{stroke:rgba(238,242,247,.07);stroke-width:1}
.sc-draw .ln{fill:none;stroke:#EEF2F7;stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400}
.sc-draw .dm{fill:none;stroke:var(--gold);stroke-width:1.2;opacity:0}
.skills.in .sc-draw .ln{animation:skDraw 4s var(--ease) infinite}
.skills.in .sc-draw .dm{animation:skFade 4s infinite}
@keyframes skDraw{0%{stroke-dashoffset:400}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes skFade{0%,40%{opacity:0}50%,85%{opacity:1}100%{opacity:0}}
.gc{padding:12px 16px;font:600 11.5px/1.45 var(--f-mono);color:rgba(238,242,247,.75);height:100%;display:flex;flex-direction:column;justify-content:center}
.gc p{margin:0;white-space:nowrap;overflow:hidden;width:0}
.skills.in .gc p{animation:gcType 6s steps(18) infinite}
.gc p:nth-child(2){animation-delay:.5s!important}.gc p:nth-child(3){animation-delay:1s!important}.gc p:nth-child(4){animation-delay:1.5s!important}.gc p:nth-child(5){animation-delay:2s!important}.gc p:nth-child(6){animation-delay:2.5s!important}
.gc p.cur{color:var(--gold)}
@keyframes gcType{0%{width:0}12%,85%{width:100%}100%{width:100%;opacity:0}}
.sc-zero .wp,.sc-cut .wp{fill:rgba(238,242,247,.12);stroke:rgba(238,242,247,.35)}
.sc-zero .xh line{stroke:var(--gold);stroke-width:1.2;stroke-dasharray:4 3}
.sc-zero .xh circle{fill:none;stroke:var(--gold);stroke-width:2}
.skills.in .sc-zero .xh{animation:skZero 4s var(--ease) infinite}
@keyframes skZero{0%{transform:translate(70px,40px)}35%{transform:translate(-20px,-15px)}55%,90%{transform:translate(0,0)}100%{transform:translate(70px,40px)}}
.sc-cut .cutd{fill:var(--gold);opacity:.55}
.sc-cut .tool{fill:#EEF2F7}
.sc-cut .chip{fill:var(--gold);opacity:0}
.skills.in .sc-cut .tool{animation:skTool 3.2s linear infinite}
.skills.in .sc-cut .cutd{animation:skCutd 3.2s linear infinite}
.skills.in .sc-cut .chip{animation:skChip 3.2s linear infinite;animation-delay:calc(var(--c)*.15s)}
@keyframes skTool{0%{transform:translate(14px,0)}85%{transform:translate(156px,0)}100%{transform:translate(156px,-20px)}}
@keyframes skCutd{0%{width:0;height:6px}85%,100%{width:150px;height:6px}}
@keyframes skChip{0%{opacity:0;transform:translate(30px,0)}20%{opacity:1}50%{opacity:0;transform:translate(70px,30px)}100%{opacity:0}}
.sc-meas .cal{fill:rgba(238,242,247,.18);stroke:rgba(238,242,247,.5)}
.sc-meas .cal2{fill:rgba(232,198,106,.35);stroke:var(--gold)}
.sc-meas .tick{stroke:rgba(238,242,247,.6)}
.sc-meas .rd{font-size:16px}
.skills.in .sc-meas .jaw{animation:skJaw 4s var(--ease) infinite}
@keyframes skJaw{0%,10%{transform:translateX(170px)}50%,90%{transform:translateX(52px)}100%{transform:translateX(170px)}}
.sc-safe .sh{fill:rgba(232,198,106,.14);stroke:var(--gold);stroke-width:2}
.sc-safe .ck{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
.sc-safe .rg{fill:none;stroke:rgba(232,198,106,.5);stroke-width:1.5;transform-origin:110px 55px;opacity:0}
.skills.in .sc-safe .ck{animation:skCk 3s var(--ease) infinite}
.skills.in .sc-safe .rg{animation:skRg 3s ease-out infinite;animation-delay:calc(var(--r)*.6s)}
@keyframes skCk{0%,15%{stroke-dashoffset:60}45%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes skRg{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(1.9)}}
html.rm .sk-sc *{animation:none!important}html.rm .gc p{width:100%}html.rm .sc-draw .ln{stroke-dashoffset:0}html.rm .sc-draw .dm{opacity:1}html.rm .sc-safe .ck{stroke-dashoffset:0}

/* «Программа в цифрах» — средние по рынку */
.fx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.fx-tab{text-align:left;padding:14px 18px;border-radius:16px;border:1px solid rgba(238,242,247,.16);background:rgba(238,242,247,.04);color:var(--on-dark);cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.fx-tab b{display:block;font:700 16px var(--f-display)}
.fx-tab small{color:var(--on-dark-muted);font-size:13px}
.fx-tab:hover{border-color:var(--gold);transform:translateY(-2px)}
.fx-tab.on{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.fx-tab.on small{color:rgba(11,42,74,.75)}
.fx-num{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border-radius:24px;overflow:hidden;background:rgba(238,242,247,.14);border:1px solid rgba(238,242,247,.14)}
.fx-num>div{background:var(--navy);padding:24px 20px;display:flex;flex-direction:column;gap:10px}
.fx-num i{width:46px;height:46px;border-radius:13px;background:rgba(232,198,106,.14);color:var(--gold);display:grid;place-items:center}
.fx-num i svg{width:24px;height:24px}
.fx-num b{font:900 clamp(22px,2.3vw,32px)/1.1 var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums}
.fx-num>div:last-child b{color:var(--on-dark);font-size:clamp(18px,1.7vw,24px)}
.fx-num span{font-size:14px;color:var(--on-dark-muted)}
.fx-body.go .fx-num>div{animation:fxIn .55s var(--ease) both}
.fx-body.go .fx-num>div:nth-child(2){animation-delay:.06s}.fx-body.go .fx-num>div:nth-child(3){animation-delay:.12s}.fx-body.go .fx-num>div:nth-child(4){animation-delay:.18s}.fx-body.go .fx-num>div:nth-child(5){animation-delay:.24s}
@keyframes fxIn{from{opacity:0;transform:translateY(14px)}}
.fx-scale{margin-top:16px;padding:22px 24px 20px;border-radius:24px;background:rgba(238,242,247,.04);border:1px solid rgba(238,242,247,.12)}
.fx-ax{position:relative;height:16px;font:700 10.5px var(--f-mono);color:var(--on-dark-muted)}
.fx-ax span{position:absolute;transform:translateX(-50%)}
.fx-ax span:first-child{transform:none}.fx-ax span:last-child{transform:none}
.fx-tr{position:relative;height:14px;margin:12px 0 22px;border-radius:99px;background:rgba(238,242,247,.1)}
.fx-rg{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,rgba(232,198,106,.35),rgba(232,198,106,.7));transform-origin:left;transition:left .6s var(--ease),width .6s var(--ease)}
.fx.in .fx-rg{animation:fxGrow .9s var(--ease) both}
@keyframes fxGrow{from{transform:scaleX(0)}}
.fx-md{position:absolute;top:-6px;width:4px;height:26px;margin-left:-2px;border-radius:3px;background:var(--gold);box-shadow:0 0 0 4px rgba(232,198,106,.2);transition:left .6s var(--ease)}
.fx-md em{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:800 12px var(--f-mono);font-style:normal;color:var(--navy);background:var(--gold);padding:3px 7px;border-radius:7px;white-space:nowrap}
.fx-md em::after{content:" ак. ч"}
.fx.in .fx-md{animation:fxPulse 2.4s ease-in-out infinite}
@keyframes fxPulse{50%{box-shadow:0 0 0 10px rgba(232,198,106,0)}}
.fx-pr{display:flex;height:34px;border-radius:12px;overflow:hidden;gap:3px}
.fx-pr i{display:flex;align-items:center;padding:0 12px;font:700 12.5px var(--f-body);font-style:normal;white-space:nowrap;transform-origin:left;transition:width .6s var(--ease)}
.fx-pr .t{background:#24527F;color:#fff}.fx-pr .p{background:var(--gold);color:var(--navy)}
.fx.in .fx-pr i{animation:fxGrow 1s var(--ease) both}.fx.in .fx-pr .p{animation-delay:.2s}
.fx-src{margin:12px 0 0;font-size:12.5px;color:var(--on-dark-muted);max-width:900px}
@media (max-width:900px){.fx-tabs{grid-template-columns:1fr}.fx-num{grid-template-columns:1fr 1fr}.fx-num>div:last-child{grid-column:1/-1}.fx-ax span:nth-child(2),.fx-ax span:nth-child(4){display:none}.fx-pr i span{font-size:11px}}

/* перечень отрасли — одна плашка, разделы раскрываются */
.grp-box{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 24px 50px -40px rgba(11,42,74,.45)}
.grp-top{display:flex;justify-content:space-between;padding:14px 64px 12px 22px;background:var(--navy);color:var(--gold);font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.grp-box .grp{border:0;border-radius:0;margin:0;border-top:1px solid var(--line)}
.grp-box .grp:first-of-type{border-top:0}
.grp-box .grp-h{padding:16px 22px}
.grp-box .grp-h:hover{background:var(--paper)}
.grp-box .grp-h[aria-expanded="true"]{background:var(--paper)}
.rows-h{display:grid;grid-template-columns:minmax(0,1fr) 130px 120px 96px 30px;gap:14px;padding:10px 20px 6px;font:700 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
@media (max-width:700px){.rows-h{display:none}.grp-top{padding-right:22px}}
.sp-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:700px){.sp-docs{grid-template-columns:1fr}}

/* живое свидетельство */
.cert{position:relative;aspect-ratio:1200/848;container-type:inline-size;background:linear-gradient(135deg,#F7EFDD,#EFE6D2 60%,#ECE6DA);border-radius:6px;box-shadow:0 40px 60px -30px rgba(0,0,0,.8);overflow:hidden;color:#2B2622;font-family:"PT Serif",Georgia,"Times New Roman",serif;display:grid;grid-template-columns:1fr 1fr}
.cert .cg{position:absolute;inset:0;width:100%;height:100%}
.cert .cg path{fill:none;stroke:rgba(176,142,74,.22);stroke-width:1}
.cfr{position:absolute;inset:1.7cqw;border:.35cqw solid #A07E3A;outline:.12cqw solid #A07E3A;outline-offset:-1cqw;pointer-events:none}
.cfr::after{content:"";position:absolute;left:50%;top:1.2cqw;bottom:1.2cqw;border-left:.1cqw solid rgba(160,126,58,.5)}
.cp{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:6cqw 4cqw 4cqw}
.cp i{font-style:italic;font-size:1.45cqw;line-height:1.5}
.cs{font-size:1.25cqw;color:#7A5A22;text-transform:none;margin-top:1.4cqw}
.cp.l .cs:first-child{margin:0 0 1.2cqw;font-size:1.4cqw;text-transform:uppercase;letter-spacing:.04em}
.cert .clogo{height:10cqw;width:auto!important;margin:0 0 .6cqw;box-shadow:none!important;border-radius:0!important;opacity:.88}
.corg{font-size:1.75cqw;text-transform:uppercase}
.clic{font-size:1.2cqw!important}
.ctitle{font-size:3.9cqw;color:#5A3D12;text-transform:uppercase;margin-top:3cqw;line-height:1}
.csub{font-size:1.6cqw;line-height:1.3;margin-top:.6cqw}
.cq{margin:2.6cqw 0 1.4cqw}
.cv{font-size:1.6cqw!important}
.cs2{font-size:1.3cqw;color:#7A5A22}
.cname{font-size:2.4cqw;font-style:italic;margin:1.6cqw 0 1.2cqw}
.cprof{font-size:2.05cqw;font-style:italic;line-height:1.2;margin:1cqw 0 .5cqw;max-width:40cqw}
.cprog{font-size:1.25cqw;color:#5A3D12;border:.1cqw solid rgba(160,126,58,.6);border-radius:.6cqw;padding:.35cqw .9cqw;margin-bottom:.9cqw;background:rgba(255,255,255,.35);max-width:40cqw}
.crank{font-size:1.8cqw;font-style:italic;margin-top:1cqw}
.cb{text-decoration:none;border-bottom:.1cqw solid #2B2622}
.csig{margin-top:auto;align-self:stretch;display:grid;gap:.5cqw;text-align:left;font-size:1.15cqw;color:#7A5A22}
.csig em{font-style:italic;color:#2B2622;font-size:1.4cqw;margin-left:8cqw}
.cstamp{position:absolute;right:5cqw;bottom:6cqw;transform:rotate(-12deg);font:700 4.4cqw/1 "PT Serif",Georgia,serif;text-transform:uppercase;color:rgba(200,60,70,.62);border:.45cqw solid rgba(200,60,70,.6);border-radius:1cqw;padding:.6cqw 1.6cqw;letter-spacing:.04em}
.dimg{cursor:zoom-in}
/* перелинковка под документом */
.dlinks{margin-top:4px}
.dl-main{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:var(--navy);color:#fff;text-decoration:none;transition:transform .25s var(--ease)}
.dl-main:hover{transform:translateY(-3px)}
.dl-main>i{flex:none;width:42px;height:42px;border-radius:12px;background:var(--gold);color:var(--navy);display:grid;place-items:center}
.dl-main>i svg{width:20px;height:20px}
.dl-main span{flex:1;display:grid;gap:2px}
.dl-main b{font:700 15.5px/1.3 var(--f-display)}
.dl-main small{color:var(--on-dark-muted);font-size:13px}
.dl-main>svg{width:20px;height:20px;color:var(--gold);flex:none}
.dl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dl-chips a{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:13.5px;font-weight:600;text-decoration:none}
.dl-chips a:hover{border-color:var(--gold);background:var(--paper)}
.dl-chips a.all{background:var(--paper);border-style:dashed}
.l2q{flex:1;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:border-color .2s,box-shadow .2s;max-width:620px}
.l2q:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(232,198,106,.25)}
.l2q svg{width:18px;height:18px;color:var(--steel);flex:none}
.l2q input{flex:1;border:0;outline:0;background:none;font:500 15px var(--f-body);color:var(--ink);min-width:0}
.mod-h .h{font-weight:700;color:var(--navy)}
.mod-h .h.flash{animation:hFlash .9s var(--ease)}
@keyframes hFlash{0%{background:var(--gold);border-radius:6px}100%{background:transparent}}
/* благодарственные письма */
.lt-box{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:34px;align-items:center;margin-top:18px;padding:28px;border-radius:26px;background:var(--navy);color:var(--on-dark);position:relative;overflow:hidden}
.lt-box::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.22),transparent 70%)}
.lt-paper{position:relative;border:0;padding:0;background:#fff;border-radius:6px;cursor:zoom-in;transform:rotate(-3deg);box-shadow:0 30px 50px -24px rgba(0,0,0,.7);transition:transform .45s var(--ease)}
.lt-paper:hover{transform:rotate(0) scale(1.03)}
.lt-paper img{display:block;width:100%;height:auto;border-radius:6px}
.lt-zoom{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;white-space:nowrap;background:var(--gold);color:var(--navy);font:700 13px var(--f-body);padding:7px 12px;border-radius:10px;opacity:0;transition:opacity .3s}
.lt-zoom svg{width:15px;height:15px}
.lt-paper:hover .lt-zoom,.lt-paper:focus-visible .lt-zoom{opacity:1}
.lt-txt{position:relative}
.lt-txt .kicker{color:var(--gold)}
.lt-logo{height:42px;width:auto;background:#fff;border-radius:10px;padding:6px 10px;margin:4px 0 14px}
.lt-txt blockquote{margin:0 0 16px;font:600 clamp(18px,1.8vw,23px)/1.45 var(--f-body);color:#fff}
.lt-who{margin:0;display:grid;gap:2px}
.lt-who span{font-size:13.5px;color:var(--on-dark-muted)}
.lt-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lt-slot{padding:8px 12px;border:1px dashed rgba(238,242,247,.3);border-radius:10px;font-size:12.5px}
@media (max-width:800px){.lt-box{grid-template-columns:1fr;padding:22px}.lt-paper{max-width:260px;margin:0 auto}}
.lt-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;margin-top:18px;align-items:stretch}
.lt-grid .panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-width:0}
.lt-grid .panel h3{font-size:21px;margin:0 0 6px}
.lt-grid .panel>p{margin:0 0 18px;color:var(--muted);font-size:15px}
.lt-q{position:relative;overflow:hidden;border-radius:24px;padding:30px;background:var(--navy);color:var(--on-dark);display:flex;flex-direction:column;justify-content:center}
.lt-q .kicker{color:var(--gold)}
.lt-q .lt-logo{align-self:flex-start;height:42px;width:auto;background:#fff;border-radius:10px;padding:6px 10px;margin:4px 0 16px}
.lt-q blockquote{margin:0 0 16px;font:600 clamp(17px,1.6vw,21px)/1.45 var(--f-body);color:#fff}
@media (max-width:900px){.lt-grid{grid-template-columns:1fr}}
@media (max-width:700px){.fan{height:230px}.fan button{width:44%}.lt-grid .panel{padding:20px}}
/* свидетельство на реальном бланке */
.cert.sv{display:block;aspect-ratio:1500/1110;background:#EAF3E2;font-family:"PT Serif",Georgia,serif;color:#1F2A55}
.cert.sv .sv-bg{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;box-shadow:none!important}
.sv .f{position:absolute;transform:translateX(-50%);text-align:center;font-style:italic;line-height:1.25;white-space:nowrap}
.sv .org{left:27.9%;top:15.5%;display:grid;justify-items:center;gap:.2cqw;font-style:normal}
.sv .org img{height:4.6cqw;width:auto!important;box-shadow:none!important;border-radius:0!important;opacity:.85}
.sv .org b{font-size:1.45cqw;text-transform:uppercase;letter-spacing:.02em}
.sv .org i{font-size:1.05cqw}
.sv .reg{left:27.9%;top:66.5%;font-size:1.6cqw}
.sv .dt{left:27.9%;top:75.8%;font-size:1.6cqw}
.sv .city{left:27.9%;top:84.6%;font-size:1.6cqw}
.sv .fio{left:72.5%;top:19%;font-size:2.15cqw;font-weight:700}
.sv .prog{left:72.5%;top:30.5%;font-size:1.45cqw;white-space:normal;width:40cqw}
.sv .prog small{font-size:1.25cqw}
.sv .res{left:72.5%;top:44%;font-size:1.3cqw;white-space:normal;width:40cqw}
.sv .res b{display:block;font-size:1.95cqw;margin:.8cqw 0 .3cqw;line-height:1.2}
.sv .res em{display:block;font-size:1.7cqw;font-weight:700}
.sv .s1{left:80%;top:74.6%;font-size:1.35cqw}
.sv .s1.ln{width:10cqw;height:2.2cqw;border-bottom:.1cqw solid rgba(31,42,85,.55)}
.sv .s2{left:80%;top:82.6%;font-size:1.35cqw}
.sv .cstamp{right:27cqw;bottom:21cqw;font-size:3.4cqw;opacity:.85}
#certZ{position:fixed;inset:0;z-index:300;background:rgba(5,14,28,.92);display:grid;place-items:center;cursor:zoom-out;animation:fadeUp .25s var(--ease)}
#certZ .cert{width:min(94vw,1300px);box-shadow:0 40px 80px -30px #000}
#certZ .cz-x{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:50%;border:0;background:var(--gold);color:var(--navy);font:700 26px/1 var(--f-body);cursor:pointer;z-index:2}
@media (orientation:portrait) and (max-width:700px){#certZ .cert{position:absolute;left:50%;top:50%;width:min(90vh,124vw);max-width:none;transform:translate(-50%,-50%) rotate(90deg)}}
/* стоимость */
.price{background:linear-gradient(180deg,#fff,var(--paper))}
.pr-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pr-c{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:26px;background:#fff;border:1px solid var(--line)}
.pr-c.hot{background:var(--navy);color:var(--on-dark);border-color:var(--navy);box-shadow:0 30px 60px -36px rgba(11,42,74,.8)}
.pr-badge{position:absolute;right:22px;top:-14px;background:var(--gold);color:var(--navy);font:800 13px var(--f-body);padding:7px 12px;border-radius:10px;box-shadow:0 10px 20px -10px rgba(0,0,0,.4);animation:prPulse 2.4s ease-in-out infinite}
@keyframes prPulse{50%{transform:scale(1.05)}}
.pr-k{margin:0;display:flex;align-items:center;gap:10px;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.pr-c.hot .pr-k{color:var(--gold)}
.pr-k svg{width:20px;height:20px}
.pr-p{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pr-p b{font:900 clamp(40px,4.4vw,56px)/1 var(--f-display)}
.pr-c.hot .pr-p b{color:var(--gold)}
.pr-p b.q{font-size:clamp(28px,3vw,36px)}
.pr-p s{font:700 22px var(--f-display);opacity:.55}
.pr-cond{margin:0;font-size:14.5px;color:var(--muted)}
.pr-c.hot .pr-cond{color:var(--on-dark-muted)}
.pr-clock b{font-family:var(--f-mono);color:#fff;background:rgba(238,242,247,.12);padding:2px 7px;border-radius:6px;font-variant-numeric:tabular-nums}
.pr-l{margin:4px 0 8px;padding:0;list-style:none;display:grid;gap:9px;flex:1}
.pr-l li{position:relative;padding-left:26px;font-size:15px}
.pr-l li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--gold)}
.pr-l li::after{content:"";position:absolute;left:5px;top:8px;width:5px;height:8px;border:solid var(--navy);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pr-c .btn{align-self:flex-start}
.pr-note{margin:14px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:800px){.pr-g{grid-template-columns:1fr}.pr-c{padding:24px}}

/* акции и промокоды */
.pm-hero{padding-block:clamp(40px,6vw,72px) clamp(28px,4vw,48px)}
.pm-hero h1{font:900 clamp(34px,5vw,64px)/1.02 var(--f-display);margin:14px 0 12px;color:#fff}
.pm-hero h1 em{font-style:normal;color:var(--gold)}
.pm-lead{max-width:640px;color:var(--on-dark-muted);font-size:17px;margin:0}
.pm-list{padding-block:clamp(28px,4vw,56px)}
.pm-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.pm-c{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}
.pm-c::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(232,198,106,.35),transparent 70%)}
.pm-c.draft{background:var(--paper);border-style:dashed}
.pm-top{display:flex;justify-content:space-between;gap:10px;font:700 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.pm-c h3{margin:0;font:800 22px/1.2 var(--f-display)}
.pm-c p{margin:0;color:var(--muted);font-size:15px}
.pm-code{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px 10px 10px 16px;border:2px dashed var(--gold);border-radius:14px;background:rgba(232,198,106,.1)}
.pm-code code{flex:1;font:800 20px var(--f-mono);letter-spacing:.08em;color:var(--navy)}
.pm-copy{border:0;border-radius:10px;padding:9px 12px;background:var(--navy);color:var(--gold);font:700 13px var(--f-body);cursor:pointer;min-height:40px}
.pm-c .btn{align-self:flex-start}
.pm-how{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.pm-how li{display:flex;gap:14px;padding:18px;border-radius:18px;background:var(--paper)}
.pm-how b{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font:900 15px var(--f-display)}
.pm-how strong{display:block;margin-bottom:2px}
.pm-how span{color:var(--muted);font-size:14.5px}
.pm-note,.pm-empty{margin:16px 0 0;color:var(--muted);font-size:13.5px}
.pr-promo{margin-top:16px;display:grid;gap:6px;max-width:520px}
.pr-promo label{font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.pr-promo div{display:flex;gap:8px}
.pr-promo input{flex:1;min-width:0;min-height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;font:600 15px var(--f-body);text-transform:uppercase;background:#fff;color:var(--ink)}
.pr-promo input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(232,198,106,.25)}
.pr-promo button{min-height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--navy);color:var(--gold);font:700 15px var(--f-body);cursor:pointer}
.pr-promo p{margin:0;font-size:14px;min-height:1em}.pr-promo p.ok{color:#1E7A46}.pr-promo p.bad{color:#B23A3A}
.nav a.nav-promo{color:var(--gold)}
.nav a{white-space:nowrap}

/* ИИ-консультант */
.ai-fab{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--navy);color:#fff;font:700 15px var(--f-body);cursor:pointer;box-shadow:0 18px 40px -14px rgba(11,42,74,.8);transition:transform .25s var(--ease)}
.ai-fab:hover{transform:translateY(-2px)}
.ai-dot{width:10px;height:10px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:aiPing 2s infinite}
@keyframes aiPing{70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
body.ai-on .ai-fab{opacity:0;pointer-events:none}
.ai-chat{position:fixed;right:20px;bottom:20px;z-index:95;width:380px;height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(11,42,74,.55),0 0 0 1px rgba(11,42,74,.08);transform-origin:100% 100%;transform:translateY(16px) scale(.92);opacity:0;visibility:hidden;transition:transform .3s var(--ease),opacity .25s,visibility 0s .3s}
.ai-chat.open{transform:none;opacity:1;visibility:visible;transition:transform .3s var(--ease),opacity .25s}
.ai-chat header{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 18px;background:var(--navy);color:#fff}
.ai-ava{flex:none;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:900 15px var(--f-display);position:relative}
.ai-ava::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#3DDC84;border:2px solid var(--navy)}
.ai-chat header div{flex:1;display:grid;gap:2px}
.ai-chat header small{color:var(--on-dark-muted);font-size:12.5px}
.ai-x{width:40px;height:40px;border:0;border-radius:50%;background:rgba(238,242,247,.12);color:#fff;font-size:24px;cursor:pointer}
.ai-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.ai-m{display:flex}.ai-m.u{justify-content:flex-end}
.ai-b{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.ai-m.a .ai-b{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}
.ai-m.u .ai-b{background:var(--navy);color:#fff;border-bottom-right-radius:6px}
.ai-b a{color:var(--steel);font-weight:700}
.ai-b.wait{color:var(--muted);animation:aiBlink 1.2s ease-in-out infinite}
@keyframes aiBlink{50%{opacity:.45}}
.ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 0;background:var(--paper)}
.ai-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font:600 13px var(--f-body);color:var(--navy);cursor:pointer}
.ai-chips button[data-lead]{background:var(--gold);border-color:var(--gold)}
.ai-in{display:flex;gap:8px;align-items:flex-end;padding:12px 12px 8px;border-top:1px solid var(--line);background:#fff}
.ai-in textarea{flex:1;min-width:0;resize:none;height:50px;max-height:132px;min-height:50px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font:500 16px/21px var(--f-body);color:#0E1C2B;-webkit-text-fill-color:#0E1C2B;caret-color:#0E1C2B;background:#fff;color-scheme:light;opacity:1;overflow-y:auto;box-sizing:border-box;display:block;-webkit-appearance:none;appearance:none}
.ai-chat{color-scheme:light}
.ai-in textarea::placeholder{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-in textarea:focus{outline:none;border-color:var(--gold)}
.ai-in button{flex:none;min-width:50px;min-height:50px;border:0;border-radius:12px;background:var(--gold);color:var(--navy);font:800 18px var(--f-body);cursor:pointer}
.ai-in #aiStop{background:var(--paper);font-size:13px;padding:0 10px}
.ai-legal{margin:0;padding:0 14px 10px;font-size:11.5px;color:var(--muted);background:#fff}
.ai-form{display:grid;gap:8px;padding:14px;border-radius:16px;background:#fff;border:1.5px solid var(--gold)}
.ai-form label{display:grid;gap:4px;font-size:13px;font-weight:600}
.ai-form input:not([type=checkbox]){min-height:42px;padding:0 12px;border:1.5px solid var(--line);border-radius:10px;font:500 15px var(--f-body)}
.ai-form .ai-ok{display:flex;gap:8px;align-items:flex-start;font-weight:500;color:var(--muted)}
.ai-form button{min-height:44px;border:0;border-radius:10px;background:var(--navy);color:var(--gold);font:700 15px var(--f-body);cursor:pointer}
.ai-ft{margin:0;font-weight:700}
.ai-err{margin:0;color:#B23A3A;font-size:13px}
@media (max-width:700px){.ai-fab{bottom:76px;right:12px;padding:0 16px 0 14px;font-size:14px}.ai-chat{right:8px;left:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;height:min(78vh,620px)}}
.ai-tease{position:fixed;right:20px;bottom:84px;z-index:89;max-width:280px;padding:12px 34px 12px 14px;border-radius:16px 16px 4px 16px;background:#fff;color:var(--ink);font-size:14.5px;line-height:1.4;box-shadow:0 18px 40px -16px rgba(11,42,74,.5);cursor:pointer;animation:aiTease .4s var(--ease) both}
.ai-tease button{position:absolute;right:6px;top:6px;width:24px;height:24px;border:0;border-radius:50%;background:var(--paper);cursor:pointer;font-size:14px;line-height:1}
@keyframes aiTease{from{opacity:0;transform:translateY(10px)}}
body.ai-on .ai-tease{display:none}
@media (max-width:700px){.ai-tease{right:12px;bottom:138px}}
html.rm .ai-dot,html.rm .ai-b.wait{animation:none}html.rm .ai-chat{transition:none}

/* каталог ПК и ПП */
.k-flt .k-spheres{flex-wrap:wrap}
.k-rows{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}
.k-rows li+li{border-top:1px solid var(--line)}
.k-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 20px;text-decoration:none;color:var(--ink);transition:background .15s}
.k-row:hover{background:var(--paper)}
.k-t{display:grid;place-items:center;height:28px;border-radius:8px;font:800 12px var(--f-mono);background:rgba(36,82,127,.12);color:var(--steel)}
.k-t.t1{background:rgba(232,198,106,.3);color:var(--navy)}
.k-nm{font-weight:600;line-height:1.3}
.k-nm small{display:block;margin-top:3px;font-weight:500;font-size:13px;color:var(--muted)}
.k-pr{text-align:right;font:800 16px var(--f-display);white-space:nowrap}
.k-pr.q{font:700 12px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--steel)}
.k-pr s{display:block;font:500 12.5px var(--f-body);color:var(--muted)}
.k-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.k-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.k-terms{grid-template-columns:1fr}}
.kt{display:grid;gap:8px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.kt>i{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--gold);display:grid;place-items:center}
.kt>i svg{width:22px;height:22px}
.kt>b{font:700 17px/1.25 var(--f-display)}
.kt>span{color:var(--muted);font-size:14.5px}
.k-corp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;padding:18px 20px;border-radius:20px;background:var(--navy);color:#fff}
.k-corp>b{margin-right:8px}
.k-corp span{display:flex;gap:8px;align-items:baseline;padding:8px 12px;border-radius:12px;background:rgba(238,242,247,.08);font-size:14px}
.k-corp em{font-style:normal;font:800 16px var(--f-display);color:var(--gold)}
.k-hrs{display:flex;flex-wrap:wrap;gap:6px}
.k-hrs button{border:1px solid rgba(238,242,247,.25);background:transparent;color:#fff;border-radius:10px;padding:8px 12px;font:700 14px var(--f-body);cursor:pointer;min-height:40px}
.k-hrs button[aria-checked=true]{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.k-two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px;align-items:start}
.k-req{margin:14px 0 0;color:var(--muted)}
.k-req b{color:var(--ink)}
.k-doc{display:grid;gap:8px;padding:18px;border-radius:24px;background:var(--navy)}
.k-doc img{width:100%;border-radius:8px;box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.k-doc span{color:var(--on-dark-muted);font-size:13px}
@media (max-width:800px){.k-two{grid-template-columns:1fr}.k-row{grid-template-columns:36px minmax(0,1fr);padding:12px 14px}.k-pr{grid-column:2;text-align:left}.k-pr s{display:inline;margin-left:8px}}
.nav a.nav-kursy{color:#fff;font-weight:700}

/* сцены условий каталога */
.kt{overflow:hidden}
.kt-sc{position:relative;height:130px;margin:-22px -22px 6px;background:radial-gradient(120% 120% at 20% 0%,#24527F,#0B2A4A 75%);color:#fff;overflow:hidden;display:grid;place-items:center}
.k-terms .kt{transform:translateY(18px);opacity:0;transition:transform .7s var(--ease),opacity .7s;transition-delay:calc(var(--i)*80ms)}
.k-terms.in .kt{transform:none;opacity:1}
.lms{position:relative;width:150px;height:96px}
.lms .scr{position:absolute;inset:0 10px 12px;border-radius:8px;background:rgba(238,242,247,.1);border:1.5px solid rgba(238,242,247,.35);padding:7px;display:grid;grid-template-rows:38px 6px 1fr;gap:6px}
.lms .vid{border-radius:5px;background:rgba(232,198,106,.25);display:grid;place-items:center}
.lms .pl{width:0;height:0;border-left:11px solid var(--gold);border-top:7px solid transparent;border-bottom:7px solid transparent;animation:pulse 1.6s ease-in-out infinite}
.lms .ln{border-radius:3px;background:rgba(238,242,247,.15);overflow:hidden}
.lms .ln i{display:block;height:100%;width:0;background:var(--gold);animation:lmsP 4s var(--ease) infinite}
.lms .rows{display:grid;gap:4px}.lms .rows i{height:4px;border-radius:2px;background:rgba(238,242,247,.25)}
.lms .base{position:absolute;left:0;right:0;bottom:6px;height:6px;border-radius:0 0 8px 8px;background:rgba(238,242,247,.35)}
.lms .tag{position:absolute;right:-12px;top:-8px;font:800 11px var(--f-mono);background:var(--gold);color:var(--navy);padding:3px 6px;border-radius:6px}
@keyframes lmsP{0%{width:0}70%,100%{width:100%}}
@keyframes pulse{50%{transform:scale(1.25)}}
.tst{position:relative;width:170px;display:grid;gap:7px}
.tst p{margin:0;display:flex;gap:8px;align-items:center}
.tst p i{flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(238,242,247,.5)}
.tst p b{flex:1;height:6px;border-radius:3px;background:rgba(238,242,247,.25)}
.k-terms.in .tst p i{animation:tstC 4.5s infinite;animation-delay:calc(var(--d,0)*1s)}
.tst p:nth-child(2) i{--d:.6}.tst p:nth-child(3) i{--d:1.2}
@keyframes tstC{0%,15%{background:transparent;border-color:rgba(238,242,247,.5)}25%,90%{background:#3DDC84;border-color:#3DDC84}100%{background:transparent}}
.tst .res{justify-self:start;font:800 12px var(--f-body);color:var(--navy);background:var(--gold);padding:3px 8px;border-radius:6px;opacity:0}
.k-terms.in .tst .res{animation:fadeK 4.5s infinite}
@keyframes fadeK{0%,50%{opacity:0;transform:translateY(4px)}60%,90%{opacity:1;transform:none}100%{opacity:0}}
.tst .att{position:absolute;right:0;bottom:0;font:700 10.5px var(--f-mono);color:var(--on-dark-muted)}
.dc{display:flex;gap:14px;align-items:center}
.dc .pp{position:relative;width:62px;height:82px;border-radius:5px;background:#F2F5EC;padding:10px 8px;display:grid;align-content:start;gap:6px;box-shadow:0 10px 20px -8px rgba(0,0,0,.6);transform:rotate(-6deg)}
.dc .pp i{height:4px;border-radius:2px;background:#9AA7B8}.dc .pp i.s{width:60%}
.dc .st{position:absolute;right:-8px;bottom:-6px;width:28px;height:28px;border-radius:50%;border:3px solid #C83C46;opacity:0;transform:scale(2)}
.k-terms.in .dc .st{animation:stamp 4s infinite}
@keyframes stamp{0%,30%{opacity:0;transform:scale(2)}40%,90%{opacity:.85;transform:scale(1)}100%{opacity:0}}
.dc .frdo{display:grid;gap:4px;justify-items:start}
.dc .frdo span{font:700 11px var(--f-mono);letter-spacing:.06em;color:var(--on-dark-muted)}
.dc .frdo b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#3DDC84;color:var(--navy);font-size:16px;transform:scale(0)}
.k-terms.in .dc .frdo b{animation:pop 4s infinite}
@keyframes pop{0%,45%{transform:scale(0)}55%,90%{transform:scale(1)}100%{transform:scale(0)}}
.sl{display:grid;justify-items:center;gap:2px;position:relative;padding-right:40px}
.sl s{font:700 15px var(--f-display);opacity:.6}
.sl b{font:900 30px var(--f-display);color:var(--gold)}
.k-terms.in .sl b{animation:pulse 2.4s ease-in-out infinite}
.sl span{font:700 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.sl .clk{position:absolute;right:0;top:12px;width:30px;height:30px;border-radius:50%;border:2px solid rgba(238,242,247,.6)}
.sl .clk i{position:absolute;left:50%;top:50%;width:2px;height:11px;margin-left:-1px;background:var(--gold);transform-origin:50% 0;animation:spin 4s linear infinite}
@keyframes spin{from{transform:rotate(180deg)}to{transform:rotate(540deg)}}
.py{display:grid;justify-items:center;gap:6px}
.py .mo{display:grid;grid-template-columns:repeat(6,16px);gap:4px}
.py .mo i{height:16px;border-radius:4px;background:rgba(238,242,247,.15)}
.k-terms.in .py .mo i{animation:mo 5s infinite;animation-delay:calc(var(--m)*.25s)}
@keyframes mo{0%{background:rgba(238,242,247,.15)}10%,85%{background:var(--gold)}100%{background:rgba(238,242,247,.15)}}
.py b{font:900 26px var(--f-display);color:var(--gold);line-height:1}
.py span{font:700 10.5px var(--f-mono);color:var(--on-dark-muted);letter-spacing:.06em;text-transform:uppercase}
.gr{display:flex;gap:16px;align-items:center}
.gr .pp{display:grid;grid-template-columns:repeat(4,14px);gap:6px}
.gr .pp i{width:14px;height:14px;border-radius:50% 50% 4px 4px;background:rgba(238,242,247,.18)}
.k-terms.in .gr .pp i{animation:mo 6s infinite;animation-delay:calc(var(--p)*.22s)}
.gr b{position:relative;display:block;width:96px;height:34px}
.gr b em{position:absolute;inset:0;display:grid;place-items:center;white-space:nowrap;font:900 22px var(--f-display);font-style:normal;color:var(--gold);opacity:0}
.k-terms.in .gr b em{animation:grp 6s infinite}
.gr b em:nth-child(2){animation-delay:2s!important}.gr b em:nth-child(3){animation-delay:4s!important}
@keyframes grp{0%{opacity:0;transform:translateY(8px)}8%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-8px)}}
html.rm .kt-sc *{animation:none!important}html.rm .k-terms .kt{opacity:1;transform:none}html.rm .tst .res,html.rm .dc .st{opacity:1;transform:none}html.rm .dc .frdo b{transform:none}html.rm .gr b em:first-child{opacity:1}

/* мега-меню «Направления» */
.nav .nav-mega{all:unset;cursor:pointer;min-height:44px;color:var(--on-dark-muted,#C9D3E0);font:inherit;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.nav .nav-mega:hover,.nav .nav-mega[aria-expanded=true]{color:#fff}
.nav .nav-mega span{font-size:10px;transition:transform .25s}
.nav .nav-mega[aria-expanded=true] span{transform:rotate(180deg)}
.nav .nav-mega:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.mega{position:fixed;left:0;right:0;top:64px;z-index:70;background:#fff;color:var(--ink);box-shadow:0 30px 60px -20px rgba(11,42,74,.45);border-top:3px solid var(--gold);max-height:min(78vh,720px);overflow:auto;transform-origin:top;animation:megaIn .28s var(--ease)}
@keyframes megaIn{from{opacity:0;transform:translateY(-8px)}}
.mega .wrap{padding-block:20px 24px}
.mg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mg-tabs button{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:9px 14px;font:700 14.5px var(--f-body);color:var(--navy);cursor:pointer}
.mg-tabs button small{font-weight:600;color:var(--muted);margin-left:6px}
.mg-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.mg-tabs button[aria-selected=true] small{color:var(--gold)}
.mg-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.mg-top .l2q{flex:1 1 280px;max-width:520px}
.mg-all{margin-left:auto;font-weight:700;color:var(--steel)}
.mg-abc{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}
.mg-abc button{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;font:700 14px var(--f-body);color:var(--navy);cursor:pointer}
.mg-abc button:disabled{opacity:.3;cursor:default}
.mg-abc button[aria-pressed=true]{background:var(--gold);border-color:var(--gold)}
.mg-list{columns:3 260px;column-gap:28px;margin:0;padding:0;list-style:none}
.mg-list li{break-inside:avoid;padding:3px 0}
.mg-list a{color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.35}
.mg-list a:hover{color:var(--steel);text-decoration:underline}
.mg-list a small{color:var(--muted);font-size:12px;margin-left:4px}
.mg-more{margin-top:12px;font-size:14px;color:var(--muted)}
.mg-more button{border:0;background:none;color:var(--steel);font:700 14px var(--f-body);cursor:pointer;text-decoration:underline}
@media (max-width:700px){.mega{top:auto;bottom:0;max-height:82vh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.mg-list{columns:1}.mg-tabs button{flex:1 1 auto;padding:8px 10px;font-size:13.5px}.mg-all{margin-left:0}}
body.mg-on .ai-fab,body.mg-on .ai-tease{display:none}
/* общее меню: выдвигающиеся панели рубрик */
.amm-nav{gap:18px;flex-wrap:nowrap!important}
.amm-nav a.nav-cta{margin-left:auto}
.amm-nav .amm-top{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:44px;color:#fff;font:600 14.5px var(--f-body);white-space:nowrap}
.amm-nav .amm-top span{font-size:10px;opacity:.7;transition:transform .25s}
.amm-nav .amm-top[aria-expanded=true]{color:var(--gold)}
.amm-nav .amm-top[aria-expanded=true] span{transform:rotate(180deg)}
.amm-nav .amm-top:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.amm-nav a{white-space:nowrap}
.amm-panel{position:fixed;left:0;right:0;top:64px;z-index:75;background:#fff;color:var(--ink);border-top:3px solid var(--gold);box-shadow:0 34px 70px -24px rgba(11,42,74,.5);max-height:min(76vh,680px);overflow:auto;animation:ammIn .22s ease-out}
@keyframes ammIn{from{opacity:0;transform:translateY(-6px)}}
.amm-in{max-width:1320px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-left,0px)) 28px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}
.amm-side{display:grid;align-content:start;gap:10px;position:relative}
.amm-all{display:inline-flex;justify-content:center;padding:10px 14px;border:1.5px solid var(--steel);border-radius:10px;color:var(--steel);font:800 12.5px var(--f-body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.amm-all:hover{background:var(--steel);color:#fff}
.amm-abc{color:var(--steel);font-weight:700;font-size:14px}
.amm-side p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.amm-x{display:none}
.amm-cols{columns:4 210px;column-gap:28px}
.amm-g{break-inside:avoid;display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;margin:0 0 14px}
.amm-g b{font:800 16px var(--f-body);color:var(--ink);line-height:1.5}
.amm-g ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.amm-g a{color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.35}
.amm-g a:hover{color:var(--steel);text-decoration:underline}
.amm-g small{color:var(--muted);font-size:11.5px;margin-left:5px}
@media (max-width:1180px){.amm-nav{gap:14px}.amm-nav .amm-top,.amm-nav a{font-size:13.5px}}
@media (max-width:760px){
 .amm-nav{overflow-x:auto}
 .amm-panel{top:auto;bottom:0;border-radius:20px 20px 0 0;max-height:84vh;padding-bottom:env(safe-area-inset-bottom,0px)}
 .amm-in{grid-template-columns:1fr;gap:16px;padding-top:18px}
 .amm-x{display:grid;place-items:center;position:absolute;right:0;top:0;width:40px;height:40px;border:0;border-radius:50%;background:var(--paper);font-size:22px;cursor:pointer}
 .amm-side{padding-right:48px}.amm-cols{columns:1}
 .amm-nav .amm-top{flex:none;padding:0 14px;border:1px solid rgba(238,242,247,.2);border-radius:999px}
}
body.amm-on .ai-fab,body.amm-on .ai-tease{display:none}


/* акции — карточки как у НЦПО */
.pm-g{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important}
.pm-c{padding:0!important;gap:0!important}
.pm-c::after{display:none}
.pm-ph{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.pm-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.pm-c:hover .pm-ph img{transform:scale(1.05)}
.pm-badge{position:absolute;left:12px;top:12px;background:var(--gold);color:var(--navy);font:800 13px var(--f-body);padding:5px 9px;border-radius:8px}
.pm-b{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;flex:1}
.pm-until{font:700 12px var(--f-mono);color:#C0392B;letter-spacing:.02em}
.pm-b h3{margin:0;font:800 16.5px/1.3 var(--f-body)}
.pm-c .pm-code{flex-wrap:wrap;padding:8px 8px 8px 12px}
.pm-c .pm-code code{font-size:15px;letter-spacing:.04em;min-width:0;overflow-wrap:anywhere}
.pm-c .pm-copy{padding:7px 10px;min-height:36px;font-size:12.5px}
.pm-b p{margin:0;color:var(--muted);font-size:14px}
.pm-go{margin-top:auto;font-weight:700;color:var(--steel);text-decoration:none}
.pm-go:hover{text-decoration:underline}

#pf-video .rvw{background:var(--navy);color:var(--on-dark)}
#pf-video .pfv-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#pf-video .pfv-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:9/16;border-radius:20px;overflow:hidden;border:1px solid rgba(232,198,106,.3);background:#000;cursor:pointer;padding:0;color:#fff;text-align:left;isolation:isolate;transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s}
#pf-video .pfv-card:hover{transform:translateY(-6px);border-color:var(--gold)}
#pf-video .pfv-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.23,1,.32,1)}
#pf-video .pfv-card:hover img{transform:scale(1.05)}
#pf-video .pfv-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(7,26,46,.92))}
#pf-video .pfv-play{position:absolute;left:50%;top:42%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--gold);display:grid;place-items:center;transition:transform .2s}
#pf-video .pfv-play::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:ring 2.2s ease-out infinite;opacity:0}
#pf-video .pfv-card:hover .rv-play{transform:scale(1.08)}
#pf-video .pfv-play svg{width:20px;height:20px;margin-left:3px}
#pf-video .pfv-b{padding:14px}
#pf-video .pfv-b b{display:block;font:700 15px/1.25 var(--f-body)}
#pf-video .pfv-b small{display:block;font-size:12.5px;color:rgba(238,242,247,.78);margin-top:4px;line-height:1.35}
#pf-video .pfv-dur{position:absolute;right:10px;top:10px;font:700 11px var(--f-mono);background:rgba(0,0,0,.5);padding:4px 8px;border-radius:7px}
#pf-video .pfv-note{margin:16px 0 0;font-size:13.5px;color:var(--on-dark-muted)}
.rvd{position:fixed;inset:0;z-index:141;background:rgba(4,14,26,.92);display:grid;place-items:center;padding:16px}
.rvd[hidden]{display:none}
.rvd-box{width:min(420px,100%);background:var(--navy);border:1px solid rgba(232,198,106,.35);border-radius:20px;overflow:hidden;animation:floatIn .35s cubic-bezier(.2,.8,.2,1) both}
.rvd iframe{display:block;width:100%;aspect-ratio:9/16;max-height:78vh;border:0;background:#000}
.rvd-f{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--on-dark-muted)}
#pf-video .pfv-card{aspect-ratio:9/16}
@media (max-width:900px){#pf-video .pfv-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}#pf-video .pfv-card{flex:0 0 58%;scroll-snap-align:start}}
.vp-x{width:40px;height:40px;border-radius:10px;border:0;background:var(--gold);color:var(--navy);font-weight:800;cursor:pointer}
.vp-head{padding:10px 14px;color:#fff}
.yr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.yr-head .sec-head{margin-bottom:0}
.yr-score{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.yr-score:hover{border-color:var(--navy);transform:translateY(-2px)}
.yr-y{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:#FC3F1D;color:#fff;display:grid;place-items:center;font:900 22px var(--f-display)}
.yr-score>b{grid-row:span 2;font:900 38px/1 var(--f-display)}
.yr-score>span:not(.yr-y){font-size:13.5px;color:var(--muted);display:grid}
.yr-score i{font-style:normal;color:#F5A623;letter-spacing:2px;font-size:15px}
.yr-score em{font-style:normal;font:700 12px var(--f-mono);color:var(--steel);grid-column:3}
.yr-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,360px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:22px 2px 10px;scrollbar-width:thin}
.yr{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.yr header{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}
.yr-a{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:800 17px var(--f-display)}
.yr header b{display:block;font-size:15px}
.yr header small{color:var(--muted);font-size:12.5px}
.yr header i{font-style:normal;color:#F5A623;font-size:13px;letter-spacing:1px}
.yr p{margin:0;font-size:15px;line-height:1.5;color:var(--ink);display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.yr-note{margin:8px 0 0;font-size:13px;color:var(--muted)}
.pf-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pf-doc{border:1px solid var(--line);background:#fff;border-radius:20px;padding:14px;cursor:zoom-in;text-align:left;font:inherit;color:var(--ink);display:flex;flex-direction:column;gap:12px;transition:transform .25s var(--ease),border-color .25s}
.pf-doc:hover{transform:translateY(-4px);border-color:var(--navy)}
.pf-doc img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--paper);border-radius:12px;display:block}
.pf-doc small{display:block;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.pf-doc b{display:block;font-size:15px;line-height:1.3;margin-top:4px}
.pf-view{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:stretch}
.pf-stage{display:flex;flex-direction:column;gap:14px;background:var(--navy);border-radius:24px;padding:22px;color:#fff}
.pf-big{position:relative;border:0;padding:0;background:#fff;border-radius:14px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3}
.pf-big img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .18s,transform .5s var(--ease)}
.pf-big:hover img{transform:scale(1.03)}
.pf-big.sw img{opacity:0;transform:scale(.97)}
.pf-zoom{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:999px;background:var(--navy);color:var(--gold);font:700 13px var(--f-body);box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.pf-info small{display:block;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pf-info b{display:block;font:800 20px/1.25 var(--f-display);margin:6px 0}
.pf-info p{margin:0;color:var(--on-dark-muted);font-size:15px}
.pf-thumbs{display:grid;gap:10px;align-content:start}
.pf-th{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;text-align:left;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.pf-th:hover{transform:translateX(-3px);border-color:var(--navy)}
.pf-th.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}
.pf-th img{width:96px;height:68px;object-fit:cover;object-position:top;border-radius:10px;background:var(--paper);display:block}
.pf-th small{display:block;font:700 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.pf-th b{display:block;font-size:14.5px;line-height:1.3;margin-top:3px}
@media (max-width:900px){.pf-view{grid-template-columns:1fr}.pf-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-th{grid-template-columns:1fr}.pf-th img{width:100%;height:90px}}
.pf-chk{margin:16px 0 0}.pf-chk a{color:var(--navy);font-weight:700}
@media (max-width:900px){.pf-docs{grid-template-columns:repeat(2,minmax(0,1fr))}.yr-track{grid-auto-columns:82%}}

/* совёнок-консультант */
.ai-fab.owl{padding:0;background:none;box-shadow:none;gap:12px;min-height:0;align-items:center;transition:transform .25s var(--ease)}
.ai-fab.owl:hover{transform:translateY(-3px)}
.owl-ring{position:relative;flex:none;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#F4EEE2;border:3px solid var(--gold);box-shadow:0 18px 40px -14px rgba(11,42,74,.65),0 0 0 6px rgba(232,198,106,.18)}
.owl-ring::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:ring 2.6s ease-out infinite;pointer-events:none}
.owl-v{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.owl-ring .ai-dot{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border:2px solid #fff;margin:0}
.owl-lbl{display:grid;gap:2px;text-align:right;padding:10px 16px;border-radius:16px 16px 4px 16px;background:var(--navy);color:#fff;box-shadow:0 14px 30px -14px rgba(11,42,74,.6)}
.owl-lbl b{font:700 14.5px/1.2 var(--f-body)}
.owl-lbl small{font-size:12px;color:var(--gold)}
.owl-lbl{transition:opacity .35s,transform .35s var(--ease);transform-origin:right center}
.ai-fab.owl-min .owl-lbl{opacity:0;transform:translateX(12px) scale(.96);pointer-events:none}
@media (hover:hover){.ai-fab.owl-min:hover .owl-lbl,.ai-fab.owl-min:focus-visible .owl-lbl{opacity:1;transform:none}}
.owl-ava{overflow:hidden;background:#F4EEE2;width:48px;height:48px;border:2px solid var(--gold)}.owl-ava video{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transform:scale(1.15);transform-origin:50% 45%}.owl-ava img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.25);transform-origin:50% 40%}
.ai-tease{bottom:120px}
@media (max-width:700px){.ai-fab.owl{right:10px;bottom:72px}.owl-ring{width:68px;height:68px}.owl-lbl{padding:8px 12px}.owl-lbl b{font-size:13px}.owl-lbl small{display:none}.ai-tease{bottom:150px}}
html.rm .owl-ring::before{animation:none}
.pc-pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(238,242,247,.18)}
.pc-pr b{font:800 18px var(--f-display);color:var(--gold)}
.pc-pr s{font-size:13px;color:rgba(238,242,247,.55)}
.pc-pr small{flex-basis:100%;font-size:12px;color:rgba(238,242,247,.62)}
.sr-pr{font-weight:800;color:var(--navy);white-space:nowrap}
/* интерактивный путь (rf) */
.rf-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch}
.rf-stage{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(120% 120% at 15% 0%,#24527F,#0B2A4A 70%);color:#fff;display:grid;grid-template-rows:minmax(240px,1fr) auto;min-height:420px}
.rf-sc{position:relative;display:grid;place-items:center}
.rf-s{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .45s,transform .6s var(--ease);pointer-events:none}
.rf-s.on{opacity:1;transform:none}
.rf-s>*{transform:scale(1.7)}
.rf-txt{padding:0 28px 28px;display:grid;gap:6px}
.rf-txt small{font:700 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.rf-txt strong{font:800 clamp(22px,2.4vw,30px)/1.15 var(--f-display)}
.rf-txt p{margin:0;color:var(--on-dark-muted);font-size:15.5px;max-width:52ch}
.rf-nav{position:absolute;right:16px;top:16px;display:flex;gap:6px}
.rf-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(238,242,247,.3);background:rgba(255,255,255,.06);color:#fff;font-size:16px;cursor:pointer}
.rf-nav button:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.rf-tabs{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:stretch}
.rf-tab{position:relative;width:100%;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;text-align:left;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px 18px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.rf-tab:hover{transform:translateX(-3px);border-color:var(--navy)}
.rf-tab .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--navy);font:900 17px var(--f-display);transition:background .3s,color .3s}
.rf-tab.done .n{background:rgba(61,220,132,.16);color:#1E8E50}
.rf-tab.on{border-color:var(--gold);box-shadow:0 14px 30px -18px rgba(11,42,74,.45)}
.rf-tab.on .n{background:var(--navy);color:var(--gold)}
.rf-tab b{display:block;font-size:16px;line-height:1.25}
.rf-tab small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.rf-tab .bar{position:absolute;left:16px;right:16px;bottom:8px;height:3px;border-radius:2px;background:transparent;overflow:hidden}
.rf-tab.on .bar{background:var(--paper)}
.rf-tab.on .bar u{display:block;height:100%;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(0);animation:rfBar 5.5s linear forwards;animation-play-state:paused}
.rf-g.run .rf-tab.on .bar u{animation-play-state:running}
.rf-g:hover .rf-tab.on .bar u,.rf-g.man .rf-tab.on .bar u{animation-play-state:paused}
.rf-g.man .rf-tab.on .bar u{transform:scaleX(1);animation:none}
@keyframes rfBar{to{transform:scaleX(1)}}
/* сцены, общие с карточками условий */
.rf-s .tst p i{animation:tstC 4.5s infinite;animation-delay:calc(var(--d,0)*1s)}
.rf-s .tst .res{animation:fadeK 4.5s infinite}
.rf-s .dc .st{animation:stamp 4s infinite}
.rf-s .dc .frdo b{animation:pop 4s infinite}
/* заявка */
.rfm{position:relative;width:150px}
.rfm .card{background:#fff;border-radius:10px;padding:12px;display:grid;gap:8px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.rfm .f{height:12px;border-radius:4px;background:#E6ECF3;overflow:hidden}
.rfm .f i{display:block;height:100%;width:0;background:#9DB3CC;animation:rfFill 4.5s infinite}
.rfm .f:nth-child(2) i{animation-delay:.5s}.rfm .f.s{width:60%}.rfm .f.s i{animation-delay:1s}
.rfm .go{justify-self:start;font:800 10px var(--f-body);background:var(--gold);color:var(--navy);padding:5px 9px;border-radius:6px;animation:rfPress 4.5s infinite}
.rfm .ok{position:absolute;right:-12px;top:-12px;width:28px;height:28px;border-radius:50%;background:#3DDC84;color:#fff;display:grid;place-items:center;font:900 14px var(--f-body);opacity:0;animation:rfOk 4.5s infinite}
@keyframes rfFill{0%,8%{width:0}35%,100%{width:100%}}
@keyframes rfPress{0%,55%{transform:none}60%{transform:scale(.88)}66%,100%{transform:none}}
@keyframes rfOk{0%,62%{opacity:0;transform:scale(.4)}70%,92%{opacity:1;transform:none}100%{opacity:0}}
/* кабинет */
.rfc{position:relative;width:160px}
.rfc .win{position:relative;height:100px;border-radius:10px;background:rgba(238,242,247,.1);border:1.5px solid rgba(238,242,247,.35);overflow:hidden}
.rfc .bar{display:flex;gap:4px;padding:6px;border-bottom:1px solid rgba(238,242,247,.2)}.rfc .bar i{width:6px;height:6px;border-radius:50%;background:rgba(238,242,247,.4)}
.rfc .lock{position:absolute;left:50%;top:56%;width:30px;height:26px;margin:-13px 0 0 -15px;animation:rfLock 4.5s infinite}
.rfc .lock .bd{position:absolute;left:0;right:0;bottom:0;height:18px;border-radius:4px;background:var(--gold)}
.rfc .lock .sh{position:absolute;left:6px;right:6px;top:-6px;height:16px;border:3px solid var(--gold);border-bottom:0;border-radius:10px 10px 0 0;transform-origin:right bottom;animation:rfShk 4.5s infinite}
.rfc .usr{position:absolute;left:14px;right:14px;top:28px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:6px 8px;opacity:0;animation:rfUsr 4.5s infinite}
.rfc .usr .av{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--gold)}
.rfc .usr i{height:6px;border-radius:3px;background:rgba(238,242,247,.45)}.rfc .usr i+i{width:60%}
.rfc .tg{position:absolute;right:-14px;bottom:-12px;font:800 10.5px var(--f-mono);background:#3DDC84;color:#062;padding:3px 7px;border-radius:6px;opacity:0;animation:rfOk 4.5s infinite}
@keyframes rfShk{0%,30%{transform:none}45%,100%{transform:rotate(-35deg) translateY(-3px)}}
@keyframes rfLock{0%,50%{opacity:1;transform:none}62%,100%{opacity:0;transform:scale(.6)}}
@keyframes rfUsr{0%,58%{opacity:0;transform:translateY(8px)}70%,95%{opacity:1;transform:none}100%{opacity:0}}
/* почта */
.rfl{position:relative;width:170px;height:100px}
.rfl .doc{position:absolute;left:52px;top:0;width:54px;height:70px;border-radius:4px;background:#F2F5EC;padding:9px 7px;display:grid;align-content:start;gap:5px;z-index:1;animation:rfDoc 5s infinite}
.rfl .doc i{height:4px;border-radius:2px;background:#9AA7B8}.rfl .doc i.s{width:60%}
.rfl .env{position:absolute;left:40px;top:40px;width:80px;height:52px;border-radius:5px;background:var(--gold);z-index:2;animation:rfEnv 5s infinite}
.rfl .fl{position:absolute;inset:0;clip-path:polygon(0 0,50% 55%,100% 0);background:#D9B357}
.rfl .trk{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:rgba(238,242,247,.2);overflow:hidden}
.rfl .trk i{display:block;height:100%;width:30%;background:var(--gold);animation:rfTrk 5s infinite}
.rfl .fr{position:absolute;right:-18px;top:-8px;font:800 10.5px var(--f-mono);background:#3DDC84;color:#062;padding:3px 7px;border-radius:6px;opacity:0;animation:rfFr 5s infinite}
@keyframes rfDoc{0%,10%{transform:translateY(-10px)}35%,100%{transform:translateY(34px)}}
@keyframes rfEnv{0%,45%{transform:none}75%,100%{transform:translateX(70px);opacity:0}}
@keyframes rfTrk{0%,45%{transform:translateX(-100%)}85%,100%{transform:translateX(340%)}}
@keyframes rfFr{0%,70%{opacity:0;transform:scale(.6)}80%,95%{opacity:1;transform:none}100%{opacity:0}}
/* экзамен */
.rfe{position:relative;width:160px}
.rfe .lst{display:grid;gap:8px;background:rgba(238,242,247,.08);border:1.5px solid rgba(238,242,247,.3);border-radius:10px;padding:12px}
.rfe p{margin:0;display:flex;gap:8px;align-items:center}.rfe p b{flex:1;height:6px;border-radius:3px;background:rgba(238,242,247,.3)}
.rfe p i{flex:none;width:14px;height:14px;border-radius:4px;border:1.5px solid rgba(238,242,247,.5);animation:tstC 4.5s infinite}
.rfe p:nth-child(2) i{animation-delay:.6s}.rfe p:nth-child(3) i{animation-delay:1.2s}
.rfe .rk{position:absolute;left:-14px;bottom:-14px;font:800 11px var(--f-mono);background:var(--gold);color:var(--navy);padding:4px 8px;border-radius:6px}
.rfe .st{position:absolute;right:-16px;top:-14px;font:900 12px var(--f-display);color:#E5484D;border:2.5px solid #E5484D;padding:3px 8px;border-radius:6px;transform:rotate(-12deg) scale(1.8);opacity:0;animation:rfSt 4.5s infinite}
@keyframes rfSt{0%,55%{opacity:0;transform:rotate(-12deg) scale(1.8)}65%,92%{opacity:1;transform:rotate(-12deg) scale(1)}100%{opacity:0}}
/* практика */
.rfs{position:relative;width:150px;height:100px}
.rfs .g1,.rfs .g2{position:absolute;border-radius:50%;border:8px dashed var(--gold)}
.rfs .g1{left:20px;top:6px;width:64px;height:64px;animation:spin 6s linear infinite}
.rfs .g2{left:78px;top:30px;width:44px;height:44px;border-color:rgba(238,242,247,.6);animation:spin 4s linear infinite reverse}
.rfs .pg{position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:3px;background:rgba(238,242,247,.18);overflow:hidden}.rfs .pg i{display:block;height:100%;background:var(--gold);animation:lmsP 4.5s var(--ease) infinite}
.rfs .tg{position:absolute;right:-16px;top:-6px;font:800 10.5px var(--f-mono);background:var(--gold);color:var(--navy);padding:3px 7px;border-radius:6px}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.rf-g{grid-template-columns:1fr}.rf-stage{min-height:340px}.rf-s>*{transform:scale(1.12)}.rf-nav{top:10px;right:10px}.rf-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.rf-tabs li{scroll-snap-align:start}.rf-tab:hover{transform:none}}
html.rm .rf-s *{animation:none!important}html.rm .rf-tab.on .bar u{animation:none;transform:scaleX(1)}
/* курсы по нейросетям */
.ai-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-o{border:1px solid rgba(238,242,247,.18);border-radius:20px;padding:20px;background:rgba(255,255,255,.04);display:grid;gap:6px;transition:transform .3s var(--ease),border-color .3s}
.ai-o:hover{transform:translateY(-4px);border-color:var(--gold)}
.ai-o span{font:800 13px var(--f-mono);color:var(--gold)}
.ai-o b{font:800 19px/1.2 var(--f-display);color:#fff}
.ai-o p{margin:0;color:var(--on-dark-muted);font-size:15px}
.art-g{display:grid;gap:12px}
.art{border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 20px}
.art summary{cursor:pointer;list-style:none;padding:18px 0;display:grid;gap:4px}
.art summary::-webkit-details-marker{display:none}
.art summary span{font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.art summary b{font:800 18px/1.3 var(--f-display)}
.art[open] summary b{color:var(--navy)}
.art p:last-child{margin-bottom:20px}
.art p{margin:0 0 14px;font-size:16px;line-height:1.6;color:var(--ink);max-width:75ch}
.ai-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ai-f{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:stretch;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(232,198,106,.3);text-decoration:none;color:#fff;transition:transform .3s var(--ease),border-color .3s}
.ai-f:hover{transform:translateY(-4px);border-color:var(--gold)}
.ai-f img{width:100%;height:100%;object-fit:cover}
.ai-fb{padding:18px 18px 18px 0;display:grid;gap:6px;align-content:start}
.ai-fb small{font:700 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.ai-fb b{font:800 19px/1.2 var(--f-display)}
.ai-fb span{font-size:14px;color:var(--on-dark-muted)}
.ai-fb em{font-style:normal;font:800 16px var(--f-body);color:var(--gold)}
@media (max-width:900px){.ai-out{grid-template-columns:1fr}.ai-feat{grid-template-columns:1fr}.ai-f{grid-template-columns:1fr}.ai-f img{height:160px}.ai-fb{padding:0 18px 18px}}
/* нацпроекты */
.np-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.np-chip{font:600 15px var(--f-body);padding:12px 16px;min-height:46px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:all .2s}
.np-chip:hover{border-color:var(--navy)}
.np-chip[aria-pressed="true"]{background:var(--navy);color:var(--gold);border-color:var(--navy);box-shadow:0 10px 24px -14px rgba(11,42,74,.6)}
.np-res{display:grid;gap:8px;justify-items:start;padding:22px 24px;border-radius:20px;background:#fff;border:1px dashed var(--line);animation:floatIn .4s var(--ease)}
.np-res b{font:800 19px var(--f-display)}.np-res span{color:var(--muted)}
.np-prog{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line)}.np-prog b{display:block;font-size:16px}.np-prog small{color:var(--muted);font-size:13.5px}
.np-emp{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}.np-acts{margin-top:18px}
.np-lm{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px;border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;border:2px solid var(--gold);box-shadow:0 24px 50px -24px rgba(0,0,0,.6);transition:transform .25s var(--ease)}
.np-lm:hover{transform:translateY(-4px)}.np-lm small{display:block;font:700 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}.np-lm b{display:block;font:800 18px/1.25 var(--f-display);margin:4px 0}.np-lm span span{color:var(--muted);font-size:14px}
@media (max-width:900px){.np-emp{grid-template-columns:1fr}}
.np-note{margin:14px 0 0;font-size:14px;color:var(--muted)}
.np-src{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center}
.np-doc{position:relative;width:150px;height:200px;border-radius:10px;background:#F2F5EC;padding:22px 16px;display:grid;align-content:start;gap:10px;box-shadow:0 20px 40px -16px rgba(0,0,0,.6);transform:rotate(-4deg)}
.np-doc i{height:6px;border-radius:3px;background:#9AA7B8}.np-doc i:nth-child(2){width:70%}
.np-doc b{position:absolute;right:-14px;bottom:20px;font:900 14px var(--f-display);color:var(--navy);background:var(--gold);padding:6px 10px;border-radius:8px}
.bio-bars{display:flex;align-items:flex-end;gap:28px;height:280px;padding:10px 0 0;margin-bottom:44px;border-bottom:1px solid rgba(238,242,247,.2)}
.bb{flex:1;max-width:180px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.bb i{display:block;width:100%;height:var(--h);border-radius:14px 14px 0 0;background:linear-gradient(180deg,var(--gold),#B8922F);transform-origin:bottom;transform:scaleY(0);transition:transform 1.2s var(--ease);transition-delay:calc(var(--i)*.25s)}
.bio-bars.in .bb i{transform:scaleY(1)}
.bb .v{font:900 clamp(16px,2vw,24px) var(--f-display);color:#fff;opacity:0;transition:opacity .6s;transition-delay:calc(var(--i)*.25s + .8s)}
.bio-bars.in .bb .v{opacity:1}
.bb b{font:700 13px var(--f-mono);color:var(--on-dark-muted);margin-bottom:-28px}
.bio-fp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bio-fp article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:8px}
.bio-fp article.on{background:var(--navy);color:#fff;border-color:var(--gold)}
.bio-fp span{font:800 13px var(--f-mono);color:var(--steel)}.bio-fp article.on span{color:var(--gold)}
.bio-fp b{font:800 20px/1.2 var(--f-display)}.bio-fp p{margin:0;font-size:15px;color:var(--muted)}.bio-fp article.on p{color:var(--on-dark-muted)}
@media (max-width:900px){.np-src{grid-template-columns:1fr}.bio-fp{grid-template-columns:1fr}.bio-bars{gap:14px;height:220px}}
html.rm .bb i{transform:none}html.rm .bb .v{opacity:1}
/* ===== Результат курса: моушен-сцены с интерфейсами (ao) ===== */
.ao{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.ao .ao-stage{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(120% 120% at 15% 0%,#24527F,#0B2A4A 70%);border:1px solid rgba(238,242,247,.14);display:grid;grid-template-rows:minmax(330px,1fr) auto;min-height:500px;isolation:isolate}
.ao .ao-stage::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(238,242,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(238,242,247,.05) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent);mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent)}
.ao .ao-sc{position:relative}
.ao .ao-s{position:absolute;inset:26px 26px 6px;display:grid;place-items:center;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .45s,transform .6s var(--ease);pointer-events:none}
.ao .ao-s.on{opacity:1;transform:none}
.ao .ao-cap{padding:6px 28px 26px;display:grid;gap:6px}
.ao .ao-cap small{font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.ao .ao-cap strong{font:800 clamp(22px,2.4vw,30px)/1.15 var(--f-display);color:#fff}
.ao .ao-cap p{margin:0;color:var(--on-dark-muted);font-size:15.5px;max-width:52ch}
.ao .ao-nav{position:absolute;right:16px;bottom:22px;display:flex;gap:6px;z-index:3}
.ao .ao-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(238,242,247,.3);background:rgba(255,255,255,.06);color:#fff;font-size:16px;cursor:pointer}
.ao .ao-nav button:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.ao .ao-tabs{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:stretch}
.ao .ao-tab{position:relative;width:100%;height:100%;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;text-align:left;font:inherit;color:var(--on-dark);background:rgba(255,255,255,.04);border:1px solid rgba(238,242,247,.16);border-radius:18px;padding:12px 16px 16px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .25s var(--ease),background .25s}
.ao .ao-tab:hover{transform:translateX(-3px);border-color:rgba(232,198,106,.6)}
.ao .ao-tab .n{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid rgba(232,198,106,.45);font:800 14px var(--f-mono);color:var(--gold);transition:background .25s,color .25s}
.ao .ao-tab b{display:block;font:800 16.5px/1.2 var(--f-display);color:#fff}
.ao .ao-tab small{display:block;margin-top:3px;font-size:13.5px;line-height:1.35;color:var(--on-dark-muted)}
.ao .ao-tab.on{border-color:var(--gold);background:rgba(232,198,106,.1)}
.ao .ao-tab.on .n{background:var(--gold);color:var(--navy)}
.ao .ao-tab .bar{position:absolute;left:16px;right:16px;bottom:7px;height:3px;border-radius:2px;overflow:hidden}
.ao .ao-tab.on .bar{background:rgba(238,242,247,.14)}
.ao .ao-tab.on .bar u{display:block;height:100%;width:100%;background:var(--gold);transform-origin:left;transform:scaleX(0);animation:rfBar 7.5s linear forwards;animation-play-state:paused}
.ao.run .ao-tab.on .bar u{animation-play-state:running}
.ao:hover .ao-tab.on .bar u,.ao.man .ao-tab.on .bar u{animation-play-state:paused}
.ao.man .ao-tab.on .bar u{transform:scaleX(1);animation:none}
/* окно приложения */
.ao .aw{width:min(100%,560px);border-radius:16px;background:#0E1C2B;border:1px solid rgba(238,242,247,.16);box-shadow:0 40px 70px -30px rgba(0,0,0,.85),0 0 0 6px rgba(255,255,255,.03);overflow:hidden;color:#E6ECF3;font:500 14px/1.45 var(--f-body);text-align:left}
.ao .aw.lt{background:#fff;color:var(--ink)}
.ao .aw-h{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:rgba(238,242,247,.06);border-bottom:1px solid rgba(238,242,247,.1);font:600 12px var(--f-mono);color:rgba(230,236,243,.6)}
.ao .aw.lt .aw-h{background:#EEF1F5;border-color:#DDE3EA;color:#5A6878}
.ao .aw-h i{width:10px;height:10px;border-radius:50%;background:#EE6A55;flex:none}.ao .aw-h i+i{background:#E8C66A}.ao .aw-h i+i+i{background:#2DBE60}
.ao .aw-h span{margin-left:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao .aw-h .url{margin-left:10px;flex:1;height:22px;border-radius:7px;background:#fff;border:1px solid #DDE3EA;display:flex;align-items:center;padding:0 9px;color:#4A5868;font-size:11.5px}
.ao .aw-b{padding:16px 18px 18px}
.ao .mono{font-family:var(--f-mono);font-size:13px}
/* базовые анимации; задержка --d в секундах */
.ao .ao-s.on .ap{animation:aoUp .5s var(--ease) calc(var(--d,0)*1s) both}
.ao .ao-s.on .pp{animation:aoPop .55s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0)*1s) both}
.ao .ao-s.on .gw{transform-origin:0 50%;animation:aoGw var(--t,1.2s) var(--ease) calc(var(--d,0)*1s) both}
.ao .ao-s.on .gh{transform-origin:50% 100%;animation:aoGh .9s var(--ease) calc(var(--d,0)*1s) both}
.ao .ty{display:inline-block;vertical-align:bottom;overflow:hidden;white-space:nowrap;width:calc(var(--n)*1ch + 2px);font-family:var(--f-mono)}
.ao .ao-s.on .ty{animation:aoTy calc(var(--n)*.045s) steps(var(--n)) calc(var(--d,0)*1s) both}
.ao .cur{display:inline-block;width:8px;height:15px;margin-left:2px;vertical-align:-2px;background:var(--gold);animation:aoBl 1s steps(2) infinite}
@keyframes aoUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes aoPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes aoGw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes aoGh{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes aoTy{from{width:0}}
@keyframes aoBl{to{visibility:hidden}}
.ao .ok{color:#3DDC84}.ao .no{color:#FF7A6B}.ao .gd{color:var(--gold)}.ao .mut{color:rgba(230,236,243,.55)}
.ao .atl{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ao .atl+.atl{margin-top:5px}
.ao .pbar{display:block;height:6px;border-radius:4px;background:rgba(238,242,247,.12);overflow:hidden;margin:8px 0 6px}
.ao .pbar i{display:block;height:100%;background:var(--gold)}
.ao .aoc{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:10px;background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.4);color:#BFF3D5;font:600 12.5px var(--f-mono)}
.ao .aoc.g{background:rgba(232,198,106,.14);border-color:rgba(232,198,106,.5);color:var(--gold-2)}
.ao .aoc .xl{width:18px;height:20px;border-radius:3px;background:#1F9D55;color:#fff;font:800 9px/20px var(--f-mono);text-align:center}
.ao .atoast{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#0E1C2B;color:#fff;font:700 13px var(--f-body);box-shadow:0 16px 30px -12px rgba(0,0,0,.6)}
.ao .atoast b{width:20px;height:20px;border-radius:50%;background:#2DBE60;display:grid;place-items:center;font-size:12px}
/* сайт */
.ao .site{position:relative;display:grid;gap:10px;padding:16px;min-height:250px;background:linear-gradient(180deg,#F5F7FA,#fff)}
.ao .site .nv{display:flex;gap:8px;align-items:center}.ao .site .nv i{height:8px;border-radius:4px;background:#C9D2DD;width:40px}.ao .site .nv i:first-child{width:22px;height:22px;border-radius:7px;background:var(--navy)}.ao .site .nv i:last-child{margin-left:auto;width:70px;height:20px;border-radius:6px;background:var(--gold)}
.ao .site .hr{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:center}
.ao .site h5{margin:0;font:800 19px/1.15 var(--f-display);color:var(--navy)}
.ao .site .ln{height:7px;border-radius:4px;background:#D5DCE5;margin-top:7px}
.ao .site .btn2{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:9px;background:var(--navy);color:var(--gold);font:700 12px var(--f-body)}
.ao .site .ph2{aspect-ratio:4/3;border-radius:12px;background:linear-gradient(135deg,#24527F,#0B2A4A);position:relative;overflow:hidden}
.ao .site .ph2::after{content:"";position:absolute;left:18%;bottom:0;width:64%;height:55%;border-radius:50% 50% 0 0;background:rgba(232,198,106,.55)}
.ao .site .fm{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
.ao .site .fm i{height:30px;border-radius:8px;border:1.5px solid #C9D2DD;background:#fff}
.ao .site .fm i:last-child{width:90px;background:var(--gold);border-color:var(--gold)}
.ao .mouse{position:absolute;left:30%;top:60%;width:18px;height:22px;z-index:2}
.ao .ao-s.on .mouse{animation:aoMs 2.4s var(--ease) 2.2s both}
@keyframes aoMs{0%{transform:translate(120px,40px);opacity:0}20%{opacity:1}70%{transform:translate(0,0)}80%{transform:translate(0,0) scale(.85)}90%,100%{transform:none;opacity:1}}
/* отчёт */
.ao .rep{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:end}
.ao .sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;font:500 11.5px var(--f-mono);background:#DDE3EA;border:1px solid #DDE3EA;border-radius:8px;overflow:hidden}
.ao .sheet span{background:#fff;padding:5px 7px;color:#33475B;white-space:nowrap}
.ao .sheet span.h{background:#E9F6EF;color:#1F7A45;font-weight:700}
.ao .chart{position:relative;height:170px;display:flex;align-items:flex-end;gap:9px;padding:0 6px 22px;border-bottom:2px solid #DDE3EA}
.ao .chart i{flex:1;border-radius:6px 6px 0 0;background:#24527F;height:calc(var(--h)*1%)}
.ao .chart i.hi{background:var(--gold)}
.ao .chart u{position:absolute;bottom:2px;left:0;right:0;display:flex;justify-content:space-around;font:600 10px var(--f-mono);color:#7C8794;text-decoration:none}
.ao .chart em{position:absolute;right:0;top:-4px;font:800 13px var(--f-body);font-style:normal;color:#1F9D55}
.ao .cmd{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;border-radius:10px;background:#0E1C2B;color:#E6ECF3}
/* мини-приложение */
.ao .app2{display:grid;grid-template-columns:1fr 176px;gap:16px;align-items:center}
.ao .fld{display:grid;gap:5px;margin-bottom:10px}
.ao .fld small{font:700 10.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#7C8794}
.ao .fld>span{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:9px;border:1.5px solid #C9D2DD;font:700 14px var(--f-body);color:var(--ink);background:#fff}
.ao .fld>span.f{border-color:var(--navy)}
.ao .seg{display:flex;gap:6px}.ao .seg span{flex:1;height:32px;border-radius:8px;border:1.5px solid #C9D2DD;display:grid;place-items:center;font:600 12px var(--f-body);color:#4A5868}
.ao .seg span.on2{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.ao .rng{position:relative;height:6px;border-radius:4px;background:#DDE3EA;margin:12px 0 4px}.ao .rng i{position:absolute;left:0;top:0;bottom:0;width:68%;border-radius:4px;background:var(--gold)}
.ao .rng b{position:absolute;left:68%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:3px solid var(--navy)}
.ao .res{border-radius:14px;background:var(--navy);color:#fff;padding:16px;text-align:center}
.ao .res small{display:block;font:700 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.ao .res b{display:block;margin-top:6px;font:900 17px/1.1 var(--f-display);color:var(--gold);white-space:nowrap}
.ao .res span{display:block;margin-top:8px;font-size:11.5px;color:var(--on-dark-muted)}
/* интеграции */
.ao .mcp{position:relative;width:min(100%,520px);aspect-ratio:16/10}
.ao .mcp svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ao .mcp path{fill:none;stroke:rgba(232,198,106,.75);stroke-width:2;stroke-dasharray:6 7}
.ao .ao-s.on .mcp path{animation:aoFlow 1s linear infinite,aoUp .5s calc(var(--d)*1s) both}
@keyframes aoFlow{to{stroke-dashoffset:-26}}
.ao .mcp .hub{position:absolute;left:50%;top:50%;width:118px;height:118px;margin:-59px 0 0 -59px;border-radius:30px;background:var(--gold);color:var(--navy);display:grid;place-items:center;align-content:center;gap:2px;font:800 15px var(--f-display);box-shadow:0 0 0 10px rgba(232,198,106,.15),0 0 0 22px rgba(232,198,106,.06)}
.ao .mcp .hub small{font:700 10px var(--f-mono);letter-spacing:.08em}
.ao .ao-s.on .mcp .hub{animation:ping 2s infinite}
.ao .mcp .nd{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:13px;background:#0E1C2B;border:1px solid rgba(238,242,247,.2);color:#fff;font:700 13px var(--f-body);transform:translate(-50%,-50%);white-space:nowrap}
.ao .mcp .nd i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:800 12px var(--f-mono);font-style:normal;color:#fff}
.ao .mcp .nd em{font-style:normal;font:700 10.5px var(--f-mono);color:#3DDC84}
/* редактор правил */
.ao .ed{display:grid;grid-template-columns:30px 1fr;gap:0 10px;font:500 13px/1.75 var(--f-mono)}
.ao .ed .g{color:rgba(230,236,243,.35);text-align:right}
.ao .ed .h{color:var(--gold);font-weight:700}
.ao .ed .k{color:#8FC7FF}
.ao .side-ok{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;border-radius:12px;background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.35);font:600 13px var(--f-body);color:#CFF5DF}
.ao .side-ok b{width:24px;height:24px;flex:none;border-radius:50%;background:#2DBE60;color:#fff;display:grid;place-items:center;font-size:13px}
/* чат */
.ao .chat{display:grid;gap:10px;padding:16px;min-height:270px;align-content:end;background:linear-gradient(180deg,#17324F,#0E1C2B)}
.ao .chat-h{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1A3A5C;border-bottom:1px solid rgba(238,242,247,.08)}
.ao .chat-h i{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:900 14px var(--f-display);font-style:normal}
.ao .chat-h b{display:block;font:700 14px var(--f-body);color:#fff}.ao .chat-h small{display:block;font-size:11.5px;color:#7FD3A6}
.ao .bb{max-width:82%;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#24476E;color:#fff;font-size:13.5px;line-height:1.4}
.ao .bb.me{justify-self:end;border-radius:14px 14px 4px 14px;background:#2E6B4F}
.ao .bb small{display:block;text-align:right;font-size:10.5px;color:rgba(255,255,255,.55);margin-top:3px}
.ao .wave{display:flex;align-items:center;gap:3px;height:24px}
.ao .wave b{width:20px;height:20px;border-radius:50%;background:#fff;color:#2E6B4F;display:grid;place-items:center;font-size:9px;margin-right:4px}
.ao .wave i{width:3px;border-radius:2px;background:rgba(255,255,255,.85);height:calc(var(--h)*1px)}
.ao .ao-s.on .wave i{animation:aoWv .9s ease-in-out calc(var(--k)*.08s) infinite alternate}
@keyframes aoWv{to{transform:scaleY(.35)}}
.ao .dots{display:inline-flex;gap:4px;padding:11px 13px;border-radius:14px;background:#24476E;justify-self:start}
.ao .dots i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.5}
.ao .ao-s.on .dots{animation:aoDots 1.4s 1.2s both}
.ao .ao-s.on .dots i{animation:aoBounce .6s ease-in-out infinite alternate}.ao .dots i:nth-child(2){animation-delay:.15s!important}.ao .dots i:nth-child(3){animation-delay:.3s!important}
@keyframes aoDots{0%{opacity:0;transform:scale(.6)}15%,80%{opacity:1;transform:none}100%{opacity:0;height:0;padding-block:0;margin-top:-10px}}
@keyframes aoBounce{to{transform:translateY(-4px);opacity:1}}
/* сводка */
.ao .phone{width:min(100%,330px);border-radius:30px;padding:14px;background:linear-gradient(160deg,#1B3C60,#071A2E);border:2px solid rgba(238,242,247,.18);box-shadow:0 40px 70px -30px rgba(0,0,0,.85)}
.ao .phone .tm{text-align:center;font:800 40px/1 var(--f-display);color:#fff;margin:10px 0 2px}
.ao .phone .dt{text-align:center;font-size:12px;color:var(--on-dark-muted);margin-bottom:14px}
.ao .ntf{border-radius:16px;background:rgba(255,255,255,.94);color:var(--ink);padding:12px 13px}
.ao .ntf-h{display:flex;align-items:center;gap:8px;font:700 11.5px var(--f-body);color:#5A6878}
.ao .ntf-h i{width:20px;height:20px;border-radius:6px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:900 10px var(--f-display);font-style:normal}
.ao .ntf-h span{margin-left:auto;font-weight:500}
.ao .ntf b{display:block;margin:6px 0 8px;font:800 14px var(--f-display);color:var(--navy)}
.ao .akv{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;border-top:1px dashed #DDE3EA;font-size:12.5px}
.ao .akv b{margin:0;display:inline;font:800 13px var(--f-body);color:var(--ink)}
.ao .akv em{font-style:normal;font:700 11px var(--f-mono);color:#1F9D55}.ao .akv em.r{color:#C8372D}
.ao .spark{display:block;width:100%;height:34px;margin-top:6px}
.ao .spark path{fill:none;stroke:#24527F;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:0}
.ao .ao-s.on .spark path{animation:aoDraw 1.6s var(--ease) 2.6s both}
@keyframes aoDraw{from{stroke-dashoffset:300}}
/* память */
.ao .mem{display:grid;grid-template-columns:1fr 200px;gap:0}
.ao .mem .chat{min-height:250px}
.ao .mem-p{padding:14px;background:rgba(232,198,106,.08);border-left:1px solid rgba(238,242,247,.1);display:grid;gap:8px;align-content:start}
.ao .mem-p>small{font:700 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.ao .mm{display:block;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(232,198,106,.35);font-size:12.5px;line-height:1.35;color:#fff}
.ao .mm small{display:block;font:700 9.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-muted);margin-bottom:2px}
/* навыки */
.ao .sk{display:grid;gap:8px}
.ao .sk-r{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(238,242,247,.1)}
.ao .sk-r i{width:30px;height:30px;border-radius:9px;background:rgba(232,198,106,.16);display:grid;place-items:center;color:var(--gold);font:800 13px var(--f-mono);font-style:normal}
.ao .sk-r span{flex:1;font:600 13.5px var(--f-body)}
.ao .sw{position:relative;width:38px;height:22px;border-radius:12px;background:rgba(238,242,247,.2);flex:none}
.ao .sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.ao .ao-s.on .sw{animation:aoSwB .4s calc(var(--d)*1s) both}
.ao .ao-s.on .sw::after{animation:aoSwK .4s var(--ease) calc(var(--d)*1s) both}
.ao .sk-r span.sw{flex:0 0 38px}.ao .sw{background:#2DBE60}.ao .sw::after{transform:translateX(16px)}
@keyframes aoSwB{from{background:rgba(238,242,247,.2)}}
@keyframes aoSwK{from{transform:none}}
.ao .log{margin-top:12px;padding:10px 12px;border-radius:10px;background:#071A2E;font:500 12.5px/1.6 var(--f-mono)}
/* сервер */
.ao .srv{display:grid;grid-template-columns:1fr 150px;gap:14px;align-items:stretch}
.ao .st-c{border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(238,242,247,.12);padding:12px;display:grid;gap:8px;align-content:start}
.ao .st-c small{font:700 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.ao .st-c b{display:flex;align-items:center;gap:7px;font:800 14px var(--f-body);color:#fff}
.ao .st-c b::before{content:"";width:9px;height:9px;border-radius:50%;background:#2DBE60;box-shadow:0 0 0 4px rgba(45,190,96,.2)}
.ao .st-c .pbar{margin:0}
/* безопасность */
.ao .sec2{display:grid;grid-template-columns:1fr 120px;gap:16px;align-items:center}
.ao .rq2{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(238,242,247,.1);font:500 12.5px var(--f-mono)}
.ao .rq2+.rq2{margin-top:7px}
.ao .rq2 span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao .rq2 em{font-style:normal;font:700 10.5px var(--f-mono);padding:3px 7px;border-radius:6px;white-space:nowrap}
.ao .rq2 em.y{background:rgba(61,220,132,.15);color:#7FE6AE}.ao .rq2 em.n{background:rgba(255,122,107,.15);color:#FF9C90}
.ao .rq2.bad{border-color:rgba(255,122,107,.45)}
.ao .ao-s.on .rq2.bad{animation:aoUp .5s var(--ease) calc(var(--d)*1s) both,aoShake .4s calc(var(--d)*1s + .5s)}
@keyframes aoShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.ao .shield{position:relative;width:110px;height:128px;justify-self:center}
.ao .shield svg{width:100%;height:100%}
.ao .ao-s.on .shield{animation:aoPop .6s cubic-bezier(.34,1.56,.64,1) .2s both}
.ao .ao-s.on .shield .lk{animation:aoLock 3s 1s infinite}
@keyframes aoLock{0%,100%{transform:none}10%{transform:translateY(-3px)}20%{transform:none}}
.ao .ao-s .tg2{position:absolute;right:-6px;top:-8px;padding:4px 8px;border-radius:7px;background:var(--gold);color:var(--navy);font:800 10.5px var(--f-mono)}
@media (max-width:900px){
 .ao{grid-template-columns:1fr}
 .ao .ao-stage{min-height:0;grid-template-rows:auto auto}
 .ao .ao-sc{height:360px}
 .ao .ao-s{inset:16px 12px 4px}
 .ao .aw{font-size:13px}
 .ao .ao-tabs{grid-auto-flow:column;grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
 .ao .ao-tabs li{scroll-snap-align:start}
 .ao .ao-tab:hover{transform:none}
 .ao .ao-nav{display:none}
 .ao .rep{grid-template-columns:1fr}.ao .rep .sheet{display:none}
 .ao .app2,.ao .srv,.ao .sec2{grid-template-columns:1fr}.ao .app2 .res{display:none}.ao .srv .st-c{display:none}.ao .sec2 .shield{display:none}
 .ao .mem{grid-template-columns:1fr}.ao .mem-p{display:none}
 .ao .mcp .nd{font-size:11.5px;padding:7px 9px}.ao .mcp .nd i{width:20px;height:20px}.ao .mcp .hub{width:90px;height:90px;margin:-45px 0 0 -45px;font-size:13px}
}
@media (max-width:420px){.ao .ao-sc{height:330px}.ao .aw-b{padding:12px}.ao .chat{min-height:230px}}
html.rm .ao .ao-s *,html.rm .ao .ao-s *::after{animation:none!important}html.rm .ao .ao-tab.on .bar u{animation:none;transform:scaleX(1)}html.rm .ao .dots{display:none}

/* ===== Статьи: горизонтальная лента с фото и визуализацией ===== */
.arts{position:relative}
.arts .arts-top{display:flex;justify-content:flex-end;gap:8px;margin:-24px 0 14px}
.arts .arts-top button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:18px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.arts .arts-top button:hover{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.arts.fit .arts-top{display:none}.arts .arts-top button:disabled{opacity:.35;cursor:default;background:#fff;color:var(--navy);border-color:var(--line)}
.arts .arts-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.arts .arts-row::-webkit-scrollbar{height:6px}.arts .arts-row::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}
.arts .ac{scroll-snap-align:start;min-width:0}
.arts .ac-btn{display:flex;flex-direction:column;width:100%;height:100%;padding:0;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.arts .ac-btn:hover{transform:translateY(-5px);border-color:var(--navy);box-shadow:0 26px 44px -30px rgba(11,42,74,.6)}
.arts .ac-btn[aria-expanded="true"]{border-color:var(--navy);box-shadow:0 0 0 2px var(--gold),0 26px 44px -30px rgba(11,42,74,.6)}
.arts .ac-ph{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--navy);isolation:isolate}
.arts .ac-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.arts .ac-btn:hover .ac-ph img{transform:scale(1.06)}
.arts .ac-ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,26,46,.05) 30%,rgba(7,26,46,.7))}
.arts .ac-n{position:absolute;left:12px;top:12px;font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:5px 9px;border-radius:7px}
.arts .ac-b{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.arts .ac-b b{font:800 18px/1.28 var(--f-display);color:var(--navy)}
.arts .ac-ex{font-size:14.5px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.arts .ac-go{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;align-items:center;font:800 14.5px var(--f-body);color:var(--navy)}
.arts .ac-go small{font:600 12.5px var(--f-mono);color:var(--muted)}
/* мини-визуализация на фото */
.arts .av{position:absolute;left:12px;bottom:12px;width:min(62%,210px);padding:10px 12px;border-radius:14px;background:rgba(7,26,46,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(238,242,247,.18);color:#fff;font:600 11.5px/1.35 var(--f-body);box-shadow:0 14px 30px -14px rgba(0,0,0,.7)}
.arts .av small{display:block;font:700 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.arts .av .q{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:7px;background:#fff;color:var(--ink);font:600 11px var(--f-mono);overflow:hidden;white-space:nowrap}
.arts .av .q i{display:inline-block;overflow:hidden;width:9ch;animation:avTy 5s steps(9) infinite}
.arts .av .r{display:flex;align-items:center;gap:6px;margin-top:6px;color:#7FE6AE;animation:avIn 5s infinite}
.arts .av .r b{width:16px;height:16px;border-radius:50%;background:#2DBE60;color:#fff;display:grid;place-items:center;font-size:9px}
@keyframes avTy{0%,8%{width:0}40%,100%{width:9ch}}
@keyframes avIn{0%,45%{opacity:0;transform:translateY(5px)}55%,92%{opacity:1;transform:none}100%{opacity:0}}
.arts .av .pr{display:flex;align-items:baseline;gap:8px}
.arts .av .pr s{color:rgba(255,255,255,.55);font-size:12px}
.arts .av .pr b{font:900 18px var(--f-display);color:var(--gold);animation:avPulse 2.4s ease-in-out infinite}
@keyframes avPulse{50%{transform:scale(1.08)}}
.arts .av .bs{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:6px}
.arts .av .bs i{flex:1;border-radius:3px 3px 0 0;background:rgba(238,242,247,.3);height:calc(var(--h)*1%);transform-origin:bottom;animation:avBar 4s var(--ease) calc(var(--k)*.15s) infinite}
.arts .av .bs i.hi{background:var(--gold)}
@keyframes avBar{0%{transform:scaleY(.15)}35%,85%{transform:none}100%{transform:scaleY(.15)}}
.arts .av .rg{display:flex;align-items:center;gap:10px}
.arts .av .rg svg{width:44px;height:44px;flex:none;transform:rotate(-90deg)}
.arts .av .rg circle{fill:none;stroke-width:6}
.arts .av .rg .t{stroke:rgba(238,242,247,.2)}
.arts .av .rg .v{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:113;animation:avRing 4.5s var(--ease) infinite}
@keyframes avRing{0%{stroke-dashoffset:113}60%,90%{stroke-dashoffset:28}100%{stroke-dashoffset:113}}
.arts .av .rg b{display:block;font:900 16px var(--f-display);color:#fff}
.arts .av .lp{height:5px;border-radius:3px;background:rgba(238,242,247,.2);overflow:hidden;margin-top:6px}
.arts .av .lp i{display:block;height:100%;background:var(--gold);transform-origin:left;animation:avBar2 4.5s var(--ease) infinite}
@keyframes avBar2{0%{transform:scaleX(.05)}70%,100%{transform:scaleX(.9)}}
.arts .av .vd{display:flex;align-items:center;gap:8px}
.arts .av .vd i{width:30px;height:22px;border-radius:5px;background:rgba(232,198,106,.3);display:grid;place-items:center;flex:none}
.arts .av .vd i::after{content:"";border-left:8px solid var(--gold);border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.arts .av .pt{display:grid;gap:5px}
.arts .av .pt span{display:flex;align-items:center;gap:7px}
.arts .av .pt span::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(238,242,247,.35);flex:none}
.arts .av .pt span.on{color:var(--gold)}.arts .av .pt span.on::before{background:var(--gold);box-shadow:0 0 0 3px rgba(232,198,106,.3);animation:avDot 1.6s infinite}
@keyframes avDot{50%{box-shadow:0 0 0 6px rgba(232,198,106,0)}}
.arts .av .tm2{font:500 11px/1.55 var(--f-mono)}
.arts .av .tm2>span{display:block;white-space:nowrap;overflow:hidden;animation:avLn 6s infinite;animation-delay:calc(var(--k)*.7s)}
@keyframes avLn{0%{opacity:0}8%,90%{opacity:1}100%{opacity:0}}
.arts .av .ck{display:grid;gap:5px}
.arts .av .ck span{display:flex;align-items:center;gap:7px}
.arts .av .ck span::before{content:"✓";width:15px;height:15px;border-radius:4px;flex:none;display:grid;place-items:center;font-size:9px;color:transparent;border:1.5px solid rgba(238,242,247,.45);animation:avCk 5s infinite;animation-delay:calc(var(--k)*.6s)}
@keyframes avCk{0%,10%{background:transparent;color:transparent;border-color:rgba(238,242,247,.45)}20%,90%{background:#2DBE60;color:#fff;border-color:#2DBE60}100%{background:transparent;color:transparent}}
.arts .av .sh{display:flex;align-items:center;gap:10px}
.arts .av .sh svg{width:34px;height:40px;flex:none;animation:avPulse 2.6s ease-in-out infinite}
.arts .av .sh em{display:block;font-style:normal;color:#FF9C90;font:700 10.5px var(--f-mono)}
/* читалка */
.arts .ar-read{margin-top:18px;border-radius:26px;background:#fff;border:1px solid var(--line);overflow:hidden;scroll-margin-top:90px}
.arts .ar-p{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.arts .ar-p[hidden]{display:none!important}
.arts .ar-p.in2{animation:fadeUp .45s var(--ease) both}
.arts .ar-fig{position:relative;margin:0;min-height:280px;background:var(--navy);isolation:isolate;overflow:hidden}
.arts .ar-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.arts .ar-fig::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(7,26,46,.75))}
.arts .ar-fig .av{left:18px;bottom:18px;width:min(70%,240px)}
.arts .ar-tx{padding:28px 32px 30px}
.arts .ar-tx>small{display:block;font:700 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:8px}
.arts .ar-tx h3{font:800 clamp(20px,2.2vw,26px)/1.2 var(--f-display);color:var(--navy);margin:0 0 14px}
.arts .ar-tx p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--ink);max-width:68ch}
.arts .ar-nx{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.arts .ar-nx button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;border:1.5px solid var(--navy);background:transparent;color:var(--navy);font:800 14.5px var(--f-body);cursor:pointer}
.arts .ar-nx button:hover{background:var(--navy);color:var(--gold)}
.arts:not(.in) .av *{animation-play-state:paused!important}
@media (max-width:900px){.arts .arts-row{grid-auto-columns:84%}.arts .arts-top{margin:-10px 0 10px}.arts .ar-p{grid-template-columns:1fr}.arts .ar-fig{min-height:200px;aspect-ratio:16/9}.arts .ar-tx{padding:22px 20px 24px}}
@media (min-width:901px) and (max-width:1100px){.arts .arts-row{grid-auto-columns:calc((100% - 14px)/2)}}
html.rm .arts .av *,html.rm .arts .av *::before{animation:none!important}
/* моушен статичных блоков */
.yr-st{display:inline-flex;gap:1px}.yr-st u{text-decoration:none;color:#D5DCE5;transition:color .3s;transition-delay:calc(var(--i)*.15s + .2s)}
.yr-score.in .yr-st u{color:#F5A623}
.yr-score .yr-n{font:800 inherit;color:var(--ink)}
.yr-track .yr{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s var(--ease);transition-delay:calc(min(var(--i),4)*.12s)}
.yr-track.in .yr{opacity:1;transform:none}
.yr header i{background:linear-gradient(90deg,#F5A623 50%,#D5DCE5 50%) 100% 0/200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1s;transition-delay:calc(min(var(--i),4)*.12s + .4s)}
.yr-track.in .yr header i{background-position:0 0}
.k-gain div{position:relative}
.kg-ic{position:relative;display:block;width:46px;height:46px;margin-bottom:6px}
.kg-doc i{position:absolute;left:8px;width:24px;height:3px;border-radius:2px;background:rgba(238,242,247,.5)}
.kg-doc::before{content:"";position:absolute;left:2px;top:0;width:36px;height:44px;border-radius:5px;border:2px solid var(--gold)}
.kg-doc i:nth-child(1){top:11px}.kg-doc i:nth-child(2){top:18px;width:18px}.kg-doc i:nth-child(3){top:25px}
.kg-doc b{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#3DDC84;color:#062;font:900 12px/20px var(--f-body);text-align:center;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .6s}
.k-gain.in .kg-doc b{transform:scale(1)}
.kg-ppl i{position:absolute;bottom:4px;width:12px;height:18px;border-radius:7px 7px 3px 3px;background:var(--gold);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease)}
.kg-ppl i::before{content:"";position:absolute;left:2px;top:-10px;width:8px;height:8px;border-radius:50%;background:inherit}
.kg-ppl i:nth-child(1){left:0}.kg-ppl i:nth-child(2){left:11px;transition-delay:.15s}.kg-ppl i:nth-child(3){left:22px;transition-delay:.3s}.kg-ppl i:nth-child(4){left:33px;transition-delay:.45s;background:#3DDC84}
.k-gain.in .kg-ppl i{opacity:1;transform:none}
.kg-cyc i{position:absolute;inset:2px;border-radius:50%;border:3px solid rgba(232,198,106,.25);border-top-color:var(--gold);animation:kgSpin 3s linear infinite}
.kg-cyc b{position:absolute;inset:0;display:grid;place-items:center;font:800 12px var(--f-mono);color:var(--gold)}
@keyframes kgSpin{to{transform:rotate(360deg)}}
.kd-fx{position:relative;overflow:hidden;border-radius:12px}
.kd-scan{position:absolute;left:0;right:0;top:-20%;height:20%;background:linear-gradient(180deg,transparent,rgba(232,198,106,.35),transparent);pointer-events:none}
.kd-fx.in .kd-scan{animation:kdScan 3.2s var(--ease) .3s infinite}
@keyframes kdScan{0%{top:-20%}60%,100%{top:110%}}
.kd-no{position:absolute;left:12%;bottom:22%;font:700 13px var(--f-mono);color:#0B2A4A;background:rgba(255,255,255,.85);padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .5s .9s}
.kd-frdo{position:absolute;right:12px;top:12px;display:flex;gap:6px;align-items:center;font:800 12px var(--f-mono);color:#fff;background:var(--navy);padding:7px 10px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(0,0,0,.6);transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1) 1.4s}
.kd-frdo b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#3DDC84;color:#062}
.kd-fx.in .kd-no{opacity:1}.kd-fx.in .kd-frdo{transform:scale(1)}
html.rm .kg-cyc i,html.rm .kd-fx.in .kd-scan{animation:none}html.rm .yr-track .yr{opacity:1;transform:none}
.bio-fp.in .kg-ppl i{opacity:1;transform:none}.bio-fp .kg-cyc b{color:var(--navy)}.bio-fp article.on .kg-cyc b{color:var(--gold)}
.bf-fl::before{content:"";position:absolute;left:12px;top:4px;width:22px;height:38px;border:3px solid var(--steel);border-top:0;border-radius:0 0 12px 12px}
.bf-fl i{position:absolute;left:20px;bottom:8px;width:6px;height:6px;border-radius:50%;background:#3DDC84;animation:bfB 2.4s ease-in infinite}
.bf-fl i:nth-child(2){left:26px;animation-delay:.8s}.bf-fl i:nth-child(3){left:16px;animation-delay:1.6s}
@keyframes bfB{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-30px);opacity:0}}
.np-doc b{transform:scale(0) rotate(-12deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1) .5s}.np-doc.in b{transform:scale(1) rotate(-4deg)}
.np-doc i{transform-origin:left;transform:scaleX(0);transition:transform .6s var(--ease)}.np-doc.in i{transform:scaleX(1)}.np-doc i:nth-child(2){transition-delay:.15s}.np-doc i:nth-child(3){transition-delay:.3s}
html.rm .bf-fl i{animation:none}html.rm .np-doc i,html.rm .np-doc b{transform:none}
/* сцена «Заявка»: как человек заполняет форму на сайте */
.rff{position:relative;width:176px}
.rff .win{background:#fff;border-radius:10px;padding:9px 10px 10px;display:grid;gap:6px;box-shadow:0 16px 30px -12px rgba(0,0,0,.6);color:#0E1C2B}
.rff .hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #E6ECF3;padding-bottom:5px}
.rff .hd b{font:800 9px var(--f-display);color:#0B2A4A}.rff .hd span{font:600 5.5px var(--f-mono);color:#8A97A8;text-transform:uppercase;letter-spacing:.05em}
.rff label{display:grid;gap:2px;font:600 6px var(--f-body);color:#5A6878}
.rff .fld{display:flex;align-items:center;height:15px;padding:0 5px;border:1px solid #D5DCE5;border-radius:4px;font:600 7.5px var(--f-mono);color:#0E1C2B;background:#fff}
.rff .ty{display:inline-block;overflow:hidden;white-space:nowrap;width:0}
.rf-s.on .rff .ty{animation:rffTy calc(var(--n)*.07s) steps(var(--n)) calc(var(--d)*1s) forwards}
@keyframes rffTy{to{width:calc(var(--n)*1ch)}}
.rff .car{width:1px;height:9px;background:#0B2A4A;margin-left:1px;animation:aiBlink 1s steps(2) infinite}
@keyframes aiBlink{to{visibility:hidden}}
.rff .ck{display:flex;align-items:center;gap:4px;font-size:5.5px}
.rff .bx{display:grid;place-items:center;width:9px;height:9px;border:1px solid #9AA7B8;border-radius:2px}
.rff .bx b{font:900 7px var(--f-body);color:#fff;opacity:0}
.rf-s.on .rff .bx{animation:rffCk .2s 2.7s forwards}.rf-s.on .rff .bx b{animation:rffOk .2s 2.7s forwards}
@keyframes rffCk{to{background:#1F9D55;border-color:#1F9D55}}
@keyframes rffOk{to{opacity:1}}
.rff .go{justify-self:stretch;text-align:center;font:800 7px var(--f-body);padding:5px;border-radius:5px;background:var(--gold);color:#0B2A4A}
.rf-s.on .rff .go{animation:rffPr .3s 3.6s}
@keyframes rffPr{50%{transform:scale(.92);filter:brightness(.9)}}
.rff .cur{position:absolute;left:0;top:0;width:12px;height:16px;opacity:0;z-index:2}.rff .cur svg{display:block}
.rf-s.on .rff .cur{animation:rffCur 4s var(--ease) .1s forwards}
@keyframes rffCur{0%{opacity:1;transform:translate(150px,30px)}10%{transform:translate(70px,34px)}30%{transform:translate(80px,60px)}55%{transform:translate(18px,86px)}70%{transform:translate(18px,86px)}88%,100%{opacity:1;transform:translate(95px,104px)}}
.rff .ok{position:absolute;left:50%;bottom:-16px;transform:translate(-50%,8px);white-space:nowrap;font:800 7.5px var(--f-body);color:#062;background:#3DDC84;padding:4px 8px;border-radius:999px;opacity:0}
.rf-s.on .rff .ok{animation:rffT .4s 3.9s forwards}
@keyframes rffT{to{opacity:1;transform:translate(-50%,0)}}
html.rm .rff .ty{width:auto}html.rm .rff .bx{background:#1F9D55}html.rm .rff .bx b,html.rm .rff .ok{opacity:1}
/* каталог ДПО — компактно, в один экран */
#kfind{padding-block:56px}
#kfind .sec-head{margin-bottom:20px}
#kfind .sec-head h2{font-size:clamp(26px,3.4vw,42px)}
.kf2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:10px 12px;align-items:center;padding:14px;margin-bottom:12px}
.kf2 .l2q{max-width:none}
.kf-sel{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 6px 0 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff}
.kf-sel:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(232,198,106,.25)}
.kf-sel span{font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none}
.kf-sel select{flex:1;min-width:0;height:42px;border:0;outline:0;background:transparent;font:600 14.5px var(--f-body);color:var(--ink);cursor:pointer}
.kf-seg{display:flex;flex-wrap:wrap;gap:6px}
.kf-sum{justify-self:end;font-size:13.5px;color:var(--muted)}
.kf-list{max-height:min(48vh,440px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:#fff;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.kf-list:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.kf-list .k-rows{border:0;border-radius:0}
.kf-list .k-row{padding:11px 18px}
.kf-list .more{padding:10px 0 14px}
@media (max-width:800px){.kf2{grid-template-columns:minmax(0,1fr)}.kf2>*{min-width:0}.kf-seg{flex-wrap:nowrap;overflow-x:auto}.kf-seg .chip{flex:none}.kf-sum{justify-self:start}.kf-list{max-height:56vh}#kfind{padding-block:44px}}
/* шаблоны ПК/ПП */
.k-dl{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.k-dl li{position:relative;padding-left:30px;color:#fff;font-size:16px;line-height:1.45}
.k-dl li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--gold);-webkit-mask:radial-gradient(circle,#000 0 0) ;box-shadow:inset 0 0 0 5px var(--navy)}
#kdoc .k-two{align-items:center}
#kdoc h2{font-size:clamp(30px,3.2vw,44px)}
.k-pers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kp{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.kp img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.kp div{padding:16px 18px 18px;display:grid;gap:6px}
.kp b{font:800 18px var(--f-display)}
.kp span{color:var(--muted);font-size:14.5px}
.k-gain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:16px;border-radius:20px;overflow:hidden;background:rgba(238,242,247,.14);border:1px solid var(--navy)}
.k-gain div{background:var(--navy);color:#fff;padding:18px 20px;display:grid;gap:6px}
.k-gain b{color:var(--gold);font:800 15px var(--f-body)}
.k-gain span{color:var(--on-dark-muted);font-size:14.5px}
.k-route{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:r;position:relative}
.k-route::before{content:"";position:absolute;left:5%;right:5%;top:22px;height:3px;background:linear-gradient(90deg,var(--gold),var(--steel));border-radius:2px;transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease)}
.k-route.in::before{transform:scaleX(1)}
.k-route li{position:relative;display:grid;gap:6px;justify-items:start;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s var(--ease);transition-delay:calc(var(--i)*.18s + .2s)}
.k-route.in li{opacity:1;transform:none}
.k-route b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font:900 17px var(--f-display);box-shadow:0 0 0 6px var(--paper)}
.k-route strong{font:800 15.5px/1.25 var(--f-body)}
.k-route span{color:var(--muted);font-size:14px}
.k-biz{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:center}
.k-corp.v{flex-direction:column;align-items:stretch}
@media (max-width:900px){.k-pers,.k-gain{grid-template-columns:1fr}.k-route{grid-template-columns:1fr}.k-route::before{left:22px;right:auto;top:0;bottom:0;width:3px;height:auto;transform:scaleY(0);transform-origin:top}.k-route.in::before{transform:scaleY(1)}.k-route li{grid-template-columns:46px 1fr;column-gap:14px}.k-route li b{grid-row:span 2}.k-biz{grid-template-columns:1fr}}
@media (max-width:700px){html body .ai-fab.owl{right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));transition:bottom .3s ease,transform .25s ease}html body .ai-tease{bottom:calc(92px + env(safe-area-inset-bottom,0px))}html body:has(.m-sticky.on) .ai-fab.owl{bottom:calc(76px + env(safe-area-inset-bottom,0px))}html body:has(.m-sticky.on) .ai-tease{bottom:calc(154px + env(safe-area-inset-bottom,0px))}}

.owl-v::-webkit-media-controls,.owl-v::-webkit-media-controls-start-playback-button,.owl-v::-webkit-media-controls-overlay-play-button,.owl-hv::-webkit-media-controls,.owl-hv::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;opacity:0}
.owl-v.owl-still{opacity:0}

.lmg{position:fixed;inset:0;z-index:200;background:rgba(7,20,36,.72);display:grid;place-items:center;padding:16px;animation:lmgIn .25s ease}
@keyframes lmgIn{from{opacity:0}to{opacity:1}}
.lmg-b{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:start;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#0E1C2B;border-radius:22px;padding:26px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);animation:lmgUp .35s cubic-bezier(.2,.8,.2,1)}
@keyframes lmgUp{from{transform:translateY(24px) scale(.97)}to{transform:none}}
.lmg-pv img{width:100%;border-radius:8px;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transform:rotate(-4deg)}
.lmg-x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:#5A6878}
.lmg-k{margin:0;font:700 12px/1.2 monospace;letter-spacing:.08em;text-transform:uppercase;color:#8a6d1c}
.lmg h3{margin:6px 0 8px;font-size:21px;line-height:1.25;color:#0B2A4A}.lmg-s{margin:0 0 12px;font-size:14.5px;color:#5A6878}
.lmg label{display:block;font-size:13px;color:#5A6878;margin:8px 0 0}.lmg input[name=n],.lmg input[name=t]{display:block;width:100%;margin-top:4px;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #DDE3EA;border-radius:10px;color:#0E1C2B;background:#F6F8FB}
.lmg .lmg-ok{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;margin:10px 0}.lmg-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lmg-e{color:#C0392B;font-size:13px;min-height:1em;margin:0 0 8px}.lmg .btn{width:100%;justify-content:center}
@media (max-width:560px){.lmg-b{grid-template-columns:1fr;padding:22px 18px}.lmg-pv{display:none}}

/* мобильная версия: короче, перенос заголовков, подпись совы */
h1,.offer{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:760px){.m-hide{display:none!important}.sec-head>p{display:none}
 html body .ai-fab.owl.lbl-off .owl-lbl{opacity:0;transform:translateX(10px);pointer-events:none;transition:opacity .4s,transform .4s}}
.hero-grid>div,.hero-grid>*{min-width:0}h1{max-width:100%}

/* оформление и оплата */
.btn-pay{margin-top:8px;width:100%;background:transparent;color:var(--navy);border:1.5px solid var(--navy);box-shadow:none;cursor:pointer;font:inherit;font-weight:600;border-radius:12px;min-height:48px}
.btn-pay:hover{background:var(--navy);color:var(--gold)}
.co-wrap{position:fixed;inset:0;z-index:1000;background:rgba(7,26,46,.62);display:grid;place-items:center;padding:16px;overflow:auto}
.co-wrap[hidden]{display:none}
.co{position:relative;background:var(--paper-2);color:var(--ink);border-radius:18px;max-width:620px;width:100%;max-height:calc(100vh - 32px);overflow:auto;padding:28px 28px 22px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.co h2{font-size:22px;line-height:1.25;margin:4px 40px 14px 0;hyphens:auto;overflow-wrap:anywhere}
.co-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--paper);font-size:18px;cursor:pointer;color:var(--ink)}
.co-tabs{display:flex;gap:6px;background:var(--paper);padding:4px;border-radius:12px;margin-bottom:14px}
.co-tabs button{flex:1;border:0;background:transparent;padding:10px 8px;border-radius:9px;font:inherit;font-size:15px;cursor:pointer;color:var(--muted)}
.co-tabs button[aria-selected=true]{background:var(--paper-2);color:var(--navy);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.co-sum{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;background:#FFF8E6;border:1px solid var(--gold);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.co-sum b{display:block;font-size:15px;line-height:1.35}.co-sum small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.co-sum strong{font-size:22px;white-space:nowrap;color:var(--navy)}
.co-wait{color:var(--muted);font-size:14px}
.co-f fieldset{border:0;padding:0;margin:0 0 10px}.co-f legend{font-weight:700;font-size:15px;margin-bottom:6px;color:var(--navy)}
.co-f label{display:block;font-size:14px;margin-bottom:8px;color:var(--ink)}.co-f label small{color:var(--muted)}
.co-f input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-st{display:grid;grid-template-columns:1fr 1fr 40px;gap:6px;margin-bottom:6px}.co-st input{margin-top:0!important}
.co-x{border:0;background:var(--paper);border-radius:8px;cursor:pointer;color:var(--muted)}
.co-add{border:1px dashed var(--steel);background:transparent;color:var(--steel);border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit;font-size:14px}
.co-ok{display:flex!important;gap:8px;align-items:flex-start;font-size:14px}.co-ok input{margin-top:3px;flex:none;width:18px;height:18px}
.co-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.co-err{color:var(--sp);font-size:14px;min-height:1em;margin:6px 0}
.co-go{width:100%;margin-top:4px;cursor:pointer;border:0;font:inherit;font-weight:700}.co-go:disabled{opacity:.55;cursor:default}
.co-note{font-size:13px;color:var(--muted);margin:8px 0 0}
.co-docs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.co-docs .btn{width:auto}
@media(max-width:560px){.co{padding:22px 16px 18px;border-radius:14px}.co-2{grid-template-columns:1fr}.co-st{grid-template-columns:1fr 40px}.co-st input[name=st_email]{grid-column:1}.co-st .co-x{grid-row:1/3;grid-column:2}.co-sum{flex-direction:column}.co h2{font-size:19px}}
.rm-tg{background:none;border:0;padding:0;color:inherit;opacity:.75;text-decoration:underline;cursor:pointer;font:inherit}.rm-tg:hover{opacity:1}