:root{
  --black:#050507; --ink:#121214; --white:#fff; --card:#F4F4F6; --line:#E4E5EA; --muted:#6B6E78;
  --blue:#0C5ADB; --blue-d:#0C1BAE; --blue-l:#3486FE; --glow:rgba(52,134,254,.35);
  --r:24px; --wrap:1240px; --gut:clamp(18px,4vw,64px);
  --font:'Inter Tight',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --z:1;
}
@media(min-width:1500px){:root{--z:1.12}body{zoom:1.12}}
@media(min-width:1750px){:root{--z:1.22}body{zoom:1.22}}
@media(min-width:2000px){:root{--z:1.33}body{zoom:1.33}}
@media(min-width:2250px){:root{--z:1.44}body{zoom:1.44}}
@media(min-width:2560px){:root{--z:1.55}body{zoom:1.55}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--black)}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
p{margin:0}
.wrap{width:min(var(--wrap),calc(100% - var(--gut)*2));margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;z-index:200;border-radius:12px}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue-l);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* появление: «расфокус → резкость» как в шаблоне */
.rv{opacity:0;filter:blur(10px);transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),filter .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*90ms)}
.rv.in{opacity:1;filter:none;transform:none}
.nojs .rv{opacity:1;filter:none;transform:none}

/* кнопки */
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:500 16px/1 var(--font);text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px -8px var(--glow)}
.btn.primary:hover{background:var(--blue-l);transform:translateY(-2px);box-shadow:0 16px 36px -8px var(--glow)}
.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:var(--blue)}
.btn.ghost{color:rgba(255,255,255,.62);padding:0 12px}.btn.ghost:hover{color:#fff}
.btn.sm{height:42px;padding:0 18px;font-size:15px}
.btn svg{width:16px;height:16px;transition:transform .25s}.btn:hover svg{transform:translate(2px,-2px)}
.btn.primary::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.btn.primary:hover::after{left:130%}

/* шапка */
header.top{position:fixed;inset:0 0 auto 0;z-index:80;padding:14px 0;transition:background .3s,padding .3s,backdrop-filter .3s}
header.top.stuck{background:rgba(12,12,14,.78);backdrop-filter:blur(16px);padding:10px 0}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:19px;letter-spacing:-.02em}
.logo svg{width:34px;height:auto}
.logo small{font-weight:400;opacity:.6;font-size:13px;margin-left:-4px;letter-spacing:.08em}
nav.main{display:flex;gap:6px}
nav.main a{text-decoration:none;font-size:15px;font-weight:500;padding:8px 14px;border-radius:999px;color:rgba(255,255,255,.82);transition:background .2s,color .2s}
nav.main a:hover{background:rgba(255,255,255,.12);color:#fff}
.burger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);cursor:pointer;padding:0}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:#fff;margin:0 auto;position:relative;content:""}
.burger span::before{position:absolute;top:-6px;left:0}.burger span::after{position:absolute;top:6px;left:0}
@media (max-width:900px){
  nav.main{display:none;position:absolute;left:var(--gut);right:var(--gut);top:68px;background:rgba(12,12,14,.96);border-radius:20px;flex-direction:column;padding:10px;gap:0}
  nav.main.open{display:flex}nav.main a{padding:14px 16px;font-size:17px}
  .burger{display:block}.top .btn.sm{display:none}
}
.progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:90;background:linear-gradient(90deg,var(--blue-d),var(--blue-l))}

/* ===== Сцена: герой → второй экран ===== */
.stage{position:relative;background:var(--black)}
.stage-in{position:relative;overflow:hidden;background:var(--black);color:#fff}
.stage-in::before{content:"";position:absolute;left:50%;bottom:-30%;width:1100px;height:900px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(52,134,254,.32),rgba(12,27,174,.12) 55%,transparent 75%);pointer-events:none;opacity:var(--gl,1);animation:breathe 9s ease-in-out infinite alternate}
@keyframes breathe{to{transform:translateX(-50%) scale(1.1)}}
.hero{position:relative;z-index:2;min-height:calc(100vh / var(--z));display:flex;flex-direction:column;align-items:center;padding-top:clamp(74px,10.5vh,108px);text-align:center}
.pills{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-bottom:clamp(14px,2.6vh,28px);font-size:14px;color:rgba(255,255,255,.62)}
.pills span{display:inline-flex;align-items:center;gap:8px}
.pills i{width:8px;height:8px;border-radius:50%;background:var(--blue-l);box-shadow:0 0 12px var(--blue-l)}
.pills b{color:#fff;font-weight:500}
h1{font-size:clamp(28px,min(3.6vw,calc(5.8vh / var(--z))),54px);line-height:1.06;letter-spacing:-.035em;max-width:20em;margin-inline:auto}
h1 em{font-style:normal;background:linear-gradient(90deg,#7fb0ff,#3486fe 60%,#6aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{max-width:56ch;margin:clamp(12px,2vh,20px) auto 0;font-size:clamp(14px,min(1.3vw,calc(2.2vh / var(--z))),18px);color:rgba(255,255,255,.66)}
.hero .cta{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:clamp(16px,3vh,30px)}
.routes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:clamp(12px,2vh,20px)}
.routes a{font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);transition:background .2s,border-color .2s,color .2s}
.routes a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}
.hero-visual{position:relative;width:min(1080px,100%);flex:1;display:flex;justify-content:center;align-items:flex-start;margin-top:clamp(6px,1.5vh,18px)}
.art-slot{position:relative;width:min(100%,calc((100vh / var(--z) - 380px) * var(--vb) * 1.15),580px);min-width:280px;aspect-ratio:var(--vb);z-index:6}
.art-slot .floor,.art-slot .part{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.art-slot .part{will-change:transform,opacity;pointer-events:none}
.blk{animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.gside{position:absolute;z-index:5;backdrop-filter:blur(14px);border-radius:22px;text-align:left;will-change:transform,opacity}
.gl{left:2%;top:18%;width:min(300px,28%);padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);animation:float 6s ease-in-out infinite}
.gr{right:2%;top:6%;width:min(270px,26%);padding:16px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -24px rgba(52,134,254,.5);animation:float 8s ease-in-out -2s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.gside h4{margin:0 0 10px;font-size:15px;font-weight:600;letter-spacing:-.01em}
.gl .mini{display:flex;justify-content:space-between;font-size:12.5px;padding:8px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7)}
.gl .mini b{color:#fff;font-weight:500}
.gl .tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:8px}
.gr .row{display:flex;align-items:center;gap:10px}
.gr .logo-s{width:38px;height:38px;border-radius:12px;background:#E8F0FF;display:grid;place-items:center}
.gr .logo-s svg{width:22px}
.gr small{display:block;color:var(--muted);font-size:12px}
.gr .spark{margin-top:10px;width:100%;height:56px}
.gr .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.gr .chips span{font-size:11.5px;padding:4px 9px;border-radius:999px;background:#EEF3FF;color:var(--blue)}
.gr .note,.gl .note{font-size:10.5px;color:var(--muted);margin-top:8px;letter-spacing:.04em}
.gl .note{color:rgba(255,255,255,.4)}
@media (max-width:1100px){.gside{display:none}}

/* второй экран */
.second{background:var(--white);color:var(--ink);padding:clamp(72px,10vh,120px) 0}
.sec-head{max-width:760px;margin-bottom:clamp(24px,4vw,48px)}
.label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--blue);font-weight:500;margin-bottom:14px}
.label::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--blue);background:radial-gradient(circle,var(--blue) 35%,transparent 40%)}
h2{font-size:clamp(28px,3.6vw,54px);line-height:1.06}
h2 em{font-style:normal;color:var(--blue)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.scard{position:relative;background:var(--card);border-radius:var(--r);padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;min-height:100%;overflow:hidden;transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s,background .25s}
.scard:hover{transform:translateY(-6px);background:#fff;box-shadow:0 28px 50px -26px rgba(12,27,174,.45),0 0 0 1px var(--line)}
.scard .tile{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:var(--blue);background:#fff;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:10px}
.scard .tile .ico{width:32px;height:32px}
.scard .snum{position:absolute;right:20px;top:20px;font-size:13px;color:#a2a5b0}
.scard h3{font-size:clamp(18px,1.6vw,22px);line-height:1.2}
.scard p{color:var(--muted);font-size:15px}
@media (max-width:980px){.sgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sgrid{grid-template-columns:1fr}}

/* прикрепление (десктоп) */
.stage.is-pin{height:calc(100vh / var(--z) * 3.3)}
.is-pin .stage-in{position:sticky;top:0;height:calc(100vh / var(--z))}
.is-pin .hero{height:100%;min-height:0}
.is-pin .second{position:absolute;inset:0;z-index:1;display:flex;align-items:center;padding:78px 0 0;background:transparent;opacity:0;pointer-events:none}
.is-pin .second.live{pointer-events:auto}
.is-pin .second .sec-head{margin-bottom:16px}
.is-pin .second h2{font-size:clamp(24px,2.8vw,42px)}
.is-pin .second .scard{padding:14px 18px 16px;gap:6px;opacity:0}
.is-pin .second .scard .tile{visibility:hidden;width:60px;height:60px;margin-bottom:6px}
.is-pin .second .scard p{font-size:14px}
.is-pin .second .scard h3{font-size:clamp(16px,1.45vw,20px)}
.is-pin .second .sgrid{gap:12px}
.is-pin .hero{pointer-events:none}
.is-pin .hero .cta,.is-pin .hero .routes{pointer-events:auto}
@media (prefers-reduced-motion:reduce){.stage.is-pin{height:auto}}

/* секции */
.sec{padding:clamp(64px,9vw,128px) 0}
.sec.black{background:var(--black);color:#fff}
.sec.black .label{color:#7fb0ff}.sec.black .label::before{border-color:#7fb0ff;background:radial-gradient(circle,#7fb0ff 35%,transparent 40%)}
.sec.black h2 em{color:var(--blue-l)}
.sec.gray{background:var(--card)}
.head2{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(28px,4vw,52px)}
.head2 p{color:var(--muted);font-size:clamp(15px,1.2vw,18px)}
@media (max-width:820px){.head2{grid-template-columns:1fr}}

/* модули */
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mcard{background:var(--card);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s,background .25s}
.mcard:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px rgba(12,27,174,.4);background:#ECEEF4}
.mcard h3{font-size:clamp(18px,1.5vw,21px);line-height:1.2}
.mcard p{color:var(--muted);font-size:15px}
.mcard p.res{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-size:14px}
.mcard p.res b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:4px;font-weight:500}
.mtile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
.mtile .ico{width:26px;height:26px}
.t1{background:linear-gradient(145deg,#6aa8ff,#0c5adb)}.t2{background:linear-gradient(145deg,#2a2f45,#0b0f1a)}
.t3{background:linear-gradient(145deg,#9b8cff,#5b3df5)}.t4{background:linear-gradient(145deg,#3a63ff,#0c1bae)}
.mcard.wide{grid-column:span 2}
.mcard.dark{background:radial-gradient(120% 140% at 100% 0%,#14307a 0%,#0b0f1a 60%);color:#fff}
.mcard.dark p{color:#b9c1d6}.mcard.dark p.res{color:#fff;border-color:rgba(255,255,255,.14)}.mcard.dark p.res b{color:#7fb0ff}
.mcard.dark:hover{background:radial-gradient(120% 140% at 100% 0%,#1b47b8 0%,#0b0f1a 65%)}
@media (max-width:1100px){.mgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mgrid{grid-template-columns:1fr}.mcard.wide{grid-column:auto}}
.foot-note{margin-top:28px;color:var(--muted);max-width:70ch;font-size:15px}

/* что получает: чёрная секция + окно панели */
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,80px);align-items:center}
@media (max-width:980px){.two-col{grid-template-columns:1fr}}
.two-col h2{font-size:clamp(26px,2.9vw,44px)}
.checks{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:18px}
.checks li{display:flex;gap:14px;align-items:flex-start}
.checks li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.checks b{display:block;font-weight:500;font-size:18px}
.checks span{color:rgba(255,255,255,.6);font-size:15px}
.win{border-radius:26px;background:#0e1018;border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(52,134,254,.55);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg);transition:transform .8s}
.win:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}
.win-bar{display:flex;gap:7px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.5)}
.win-bar i{width:11px;height:11px;border-radius:50%;background:#2a2d3a}.win-bar span{margin-left:10px}
.win-body{display:grid;grid-template-columns:150px 1fr;min-height:340px}
.win-side{border-right:1px solid rgba(255,255,255,.08);padding:16px 12px;display:grid;align-content:start;gap:6px}
.win-side span{font-size:12.5px;padding:9px 10px;border-radius:10px;color:rgba(255,255,255,.55)}
.win-side span.on{background:rgba(52,134,254,.18);color:#fff}
.win-main{padding:18px;display:grid;gap:14px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.03)}
.kpi small{display:block;font-size:11px;color:rgba(255,255,255,.5)}
.kpi b{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.03em}
.kpi svg{width:100%;height:24px;margin-top:4px}
.kpi path{stroke:var(--blue-l);fill:none;stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.6s ease .3s}
.win.in .kpi path{stroke-dashoffset:0}
.chart{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;align-items:flex-end;gap:8px;height:130px;background:rgba(255,255,255,.03)}
.chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5aa0ff,#0c1bae);transform-origin:bottom;transform:scaleY(.05);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.win.in .chart i{transform:scaleY(1)}
.win.in .chart i:nth-child(2){transition-delay:.1s}.win.in .chart i:nth-child(3){transition-delay:.2s}.win.in .chart i:nth-child(4){transition-delay:.3s}
.win.in .chart i:nth-child(5){transition-delay:.4s}.win.in .chart i:nth-child(6){transition-delay:.5s}.win.in .chart i:nth-child(7){transition-delay:.6s}
.table{display:grid;gap:0}
.table span{display:flex;justify-content:space-between;font-size:12.5px;padding:9px 2px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.table span b{color:#fff;font-weight:500}
.cap-note{margin-top:14px;font-size:13px;color:rgba(255,255,255,.45)}
@media (max-width:640px){.win-body{grid-template-columns:1fr}.win-side{display:none}.kpis{grid-template-columns:1fr 1fr}.win{transform:none}}

/* форматы — вкладки */
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--card);padding:8px;border-radius:26px}
.tab{display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:20px;padding:12px 14px;font:500 16px/1.2 var(--font);color:var(--ink);cursor:pointer;text-align:left;transition:background .25s,box-shadow .25s}
.tab:hover{background:rgba(255,255,255,.7)}
.tab.on{background:#fff;box-shadow:0 8px 24px -12px rgba(11,15,26,.3)}
.tpanels{margin-top:16px;border-radius:var(--r);background:var(--black);color:#fff;padding:clamp(24px,4vw,56px);position:relative;overflow:hidden;min-height:220px}
.tpanels::after{content:"";position:absolute;right:-10%;top:-40%;width:60%;height:200%;background:radial-gradient(closest-side,rgba(52,134,254,.35),transparent);pointer-events:none}
.tpanel{display:none;max-width:760px;position:relative;z-index:1}
.tpanel.on{display:block;animation:fadeup .5s}
@keyframes fadeup{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.tpanel h3{font-size:clamp(24px,2.6vw,36px);margin-bottom:14px}
.tpanel p{color:#bfc6d8;font-size:clamp(16px,1.3vw,19px)}
.cta-line{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:28px}
.cta-line p{color:var(--muted);max-width:52ch;font-size:15px}
@media (max-width:900px){.tabs{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.tabs{grid-template-columns:1fr}}

/* как начинается работа */
.photo{position:relative;border-radius:30px;overflow:hidden;margin-bottom:clamp(24px,4vw,48px);background:#0b0f1a}
.photo img{width:100%;height:clamp(240px,32vw,440px);object-fit:cover;object-position:50% 58%;transition:transform 1.2s}
.photo:hover img{transform:scale(1.04)}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,0) 40%,rgba(5,5,7,.8))}
.photo figcaption{position:absolute;left:clamp(18px,3vw,36px);bottom:clamp(16px,2.4vw,30px);right:20px;z-index:2;color:#fff;font-size:clamp(16px,1.5vw,20px);font-weight:500;max-width:46ch}
.photo figcaption span{display:inline-block;background:var(--blue);padding:3px 12px;border-radius:999px;font-size:13px;margin-right:10px;font-weight:500}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.step{background:var(--card);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,background .3s}
.step:hover{transform:translateY(-5px);background:#ECEEF4}
.step .n{width:40px;height:40px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:500}
.step h3{font-size:19px;line-height:1.2}
.step p{color:var(--muted);font-size:14.5px}
.step p.res{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);color:var(--ink);font-size:13.5px}
.step p.res b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:3px;font-weight:500}
@media (max-width:1100px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.steps{grid-template-columns:1fr}}

/* решения и контроль */
.control{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(5,5,7,.9),rgba(5,5,7,.78) 45%,rgba(5,5,7,.94)),url("../assets/photo/b2-meeting-room.webp") center 40%/cover no-repeat,var(--black)}
.flow{margin:0 0 clamp(24px,4vw,44px)}
.flow svg{width:100%;height:60px}
.fl{fill:none;stroke:var(--blue-l);stroke-width:2;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.6s ease}
.flow.in .fl{stroke-dashoffset:0}
.orders{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.order{border-radius:var(--r);padding:clamp(22px,3vw,36px);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}
.order h3{font-size:clamp(22px,2vw,28px);margin-bottom:18px}
.order ol{margin:0;padding:0;list-style:none;counter-reset:o}
.order li{display:flex;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);color:#d3d9e6;transition:padding .25s,color .25s}
.order li::before{counter-increment:o;content:counter(o,decimal-leading-zero);font-size:13px;color:var(--blue-l);padding-top:3px;min-width:24px}
.order li:hover{padding-left:10px;color:#fff}
@media (max-width:820px){.orders{grid-template-columns:1fr}}

/* экосистема */
.orbit{width:100%}
.orbit-svg{width:100%;height:auto;overflow:visible}
.ot-c{font:600 17px var(--font);fill:#fff;letter-spacing:-.02em}
.ot-s{font:500 11px var(--font);fill:#aeb6c8;letter-spacing:.2em}
.onode text{font:500 13.5px var(--font);fill:var(--ink)}
.onode:hover text{fill:var(--blue)}
.spoke{stroke:#0c5adb;stroke-width:1.3;stroke-dasharray:4 7;animation:flowdash 2.4s linear infinite}
@keyframes flowdash{to{stroke-dashoffset:-22}}
.ring2{transform-origin:320px 255px;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pulse{transform-origin:320px 255px;animation:pulse 3s ease-out infinite}
@keyframes pulse{from{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(28px,4vw,48px)}
.proj{background:#fff;border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}
.proj:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px rgba(12,27,174,.45)}
.proj::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue-d),var(--blue-l));transition:width .5s}
.proj:hover::before{width:100%}
.dom{display:flex;justify-content:space-between;font-size:14px;color:var(--blue);font-weight:500}
.arr{width:14px;height:14px}
.proj h3{font-size:18px;line-height:1.2}
.proj p{color:var(--muted);font-size:14.5px}
.tbc{margin-top:auto;font-size:11px;letter-spacing:.04em;color:#8a5a00;background:#FFF3D1;padding:4px 9px;border-radius:999px;align-self:flex-start}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pgrid{grid-template-columns:1fr}}

/* команда — карусель */
.car-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(24px,3vw,40px)}
.car-btns{display:flex;gap:10px}
.car-btns button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.car-btns button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.car-btns svg{width:18px;height:18px}
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.pcard{margin:0;flex:0 0 min(270px,72vw);scroll-snap-align:start;border-radius:var(--r);overflow:hidden;position:relative;background:#0b0f1a;transition:transform .35s}
.pcard:hover{transform:translateY(-6px)}
.ph{aspect-ratio:4/5;position:relative}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .9s}
.ph img.c{opacity:0}
.pcard:hover .ph img.c{opacity:1}.pcard:hover .ph img{transform:scale(1.05)}
.pcard figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 16px;color:#fff;background:linear-gradient(180deg,transparent,rgba(5,5,7,.88))}
.pcard figcaption b{display:block;font-weight:600;font-size:18px;letter-spacing:-.02em}
.pcard figcaption span{font-size:14px;color:rgba(255,255,255,.7)}
.tbc-note{display:inline-block;font-size:12px;color:#8a5a00;background:#FFF3D1;padding:5px 12px;border-radius:999px;margin-top:20px}

/* FAQ */
.faq{max-width:900px;margin-inline:auto}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:24px 56px 24px 0;font-weight:500;font-size:clamp(18px,1.8vw,23px);letter-spacing:-.02em;position:relative;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--blue)}
.faq summary::after{content:"";position:absolute;right:0;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121214' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s,background-color .2s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:#E8F0FF}
.faq p{padding:0 56px 24px 0;color:var(--muted)}

/* заявка и футер */
.cta-sec{position:relative;overflow:hidden;background:var(--black);color:#fff;padding:clamp(72px,10vw,140px) 0 0}
.cta-sec::before{content:"";position:absolute;left:50%;top:-20%;width:1000px;height:800px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(52,134,254,.3),transparent);pointer-events:none}
.cta-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,80px);align-items:start}
@media (max-width:900px){.cta-grid{grid-template-columns:1fr}}
.cta-grid .lead{color:rgba(255,255,255,.66);margin-top:18px;max-width:46ch;font-size:clamp(16px,1.3vw,19px)}
dl.contacts{margin:36px 0 0;display:grid;gap:20px}
.contacts dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:4px}
.contacts dd{margin:0;font-size:19px}
.contacts a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);transition:border-color .2s,color .2s}
.contacts a:hover{color:var(--blue-l);border-color:var(--blue-l)}
.lead-form{background:#fff;color:var(--ink);border-radius:28px;padding:clamp(22px,3vw,40px);display:grid;gap:18px;box-shadow:0 50px 100px -40px rgba(52,134,254,.55)}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:7px;font-weight:500}
.field input,.field select,.field textarea{width:100%;font:400 16px var(--font);padding:15px 16px;border:1px solid #D4D7DF;border-radius:16px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(12,90,219,.15)}
.field .err{display:none;color:#B3261E;font-size:13px;margin-top:6px}
.field.bad .err{display:block}.field.bad input{border-color:#B3261E}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.consent{display:flex;gap:12px;font-size:13.5px;color:var(--muted);align-items:flex-start}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--blue);flex:none}
.form-msg{display:none;padding:14px 16px;font-size:15px;border-radius:14px}
.form-msg.ok{display:block;background:#E8F0FD}.form-msg.fail{display:block;background:#FCEBEA}.form-msg.proto{display:block;background:#FFF3D1}
footer{position:relative;margin-top:clamp(56px,8vw,110px);border-top:1px solid rgba(255,255,255,.1);padding:36px 0 40px;color:rgba(255,255,255,.55);font-size:14.5px}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
footer h5{margin:0 0 12px;color:#fff;font-size:14px;font-weight:500}
footer a{display:block;text-decoration:none;padding:3px 0;color:rgba(255,255,255,.62)}footer a:hover{color:#fff}
footer .copy{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}}

.sticky-cta{display:none}
@media (max-width:760px){
  .sticky-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;transition:transform .3s}
  .sticky-cta .btn{width:100%;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.4)}
  .sticky-cta.hide{transform:translateY(160%)}
  body{padding-bottom:78px}
}
/* невысокие окна */
@media (max-height:820px){.hero .lead .more{display:none}}
@media (max-height:700px){.routes{display:none}}
@media (max-width:980px){.hero{min-height:0;padding-bottom:40px}.art-slot{width:min(86vw,420px)}.hero-visual{flex:none}}

/* ===== ОБЪЁМ: изометрические иконки, диаграммы, подложки ===== */
.cubechip{display:inline-block;width:78px;flex:none}
.cubechip svg{width:100%;height:auto;overflow:visible;display:block;filter:drop-shadow(0 12px 14px rgba(12,27,174,.35))}
.cubechip .hi{opacity:0;transform:translateY(10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.cubechip .lo{transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.mcard:hover .cubechip .hi,.tab:hover .cubechip .hi,.tab.on .cubechip .hi,.proj:hover .cubechip .hi{opacity:1;transform:none}
.mcard:hover .cubechip .lo,.tab:hover .cubechip .lo,.tab.on .cubechip .lo,.proj:hover .cubechip .lo{opacity:0;transform:translateY(-10px)}
.tab .cubechip{width:50px}
.proj .cubechip{width:60px;margin-bottom:2px}
.mcard.dark .cubechip svg{filter:drop-shadow(0 12px 18px rgba(52,134,254,.55))}
.mcard h3{margin-top:-2px}

.stairs{width:128px;height:auto;display:block;margin:0 0 8px -4px;overflow:visible}
.stairs .sb{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.12);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;transition-delay:calc(var(--k)*90ms)}
.step.in .stairs .sb{transform:none;opacity:1}
.step .n{width:auto;height:auto;border-radius:0;background:none;color:var(--blue);font-size:13px;font-weight:500;display:block;letter-spacing:.02em}

.chart3d{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 14px 6px;background:
  linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/100% 28px,rgba(255,255,255,.03)}
.bars3d{width:100%;height:auto;max-height:200px;display:block;overflow:visible;filter:drop-shadow(0 16px 20px rgba(52,134,254,.3))}
.bars3d .bb{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.03);transition:transform 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k)*90ms)}
.win.in .bars3d .bb{transform:none}

.order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px}
.order .stack{width:110px;height:auto;flex:none;overflow:visible;filter:drop-shadow(0 14px 18px rgba(52,134,254,.35))}
.slab{transform-box:fill-box;opacity:0;transform:translateY(-34px);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1),filter .3s;transition-delay:calc(var(--k)*100ms)}
.order.in .slab{opacity:1;transform:none}
.order.in .slab.on{transform:translateY(-9px);filter:brightness(1.4);transition-delay:0s}
.order li{cursor:default}

.sec{position:relative}
.deco{position:absolute;pointer-events:none;width:clamp(170px,20vw,300px);height:auto;opacity:.16;z-index:0}
.deco .db{animation:floaty 7s ease-in-out infinite;animation-delay:calc(var(--k)*-1.1s)}
#what .deco{right:2%;top:40px}
#how .deco{left:1%;bottom:30px;opacity:.12}
#result .deco{right:3%;bottom:30px;opacity:.28}
#what>.wrap,#how>.wrap,#result>.wrap{position:relative;z-index:1}
@media (max-width:760px){.deco{display:none}}

/* фоновые подложки из фото */
#result{background:linear-gradient(180deg,rgba(5,5,7,.9),rgba(5,5,7,.8) 50%,rgba(5,5,7,.94)),url("../assets/photo/b1-desk-reports.webp") center/cover no-repeat,var(--black)}
.tpanels{background:linear-gradient(105deg,rgba(5,5,7,.96) 30%,rgba(5,5,7,.6)),url("../assets/photo/b2-meeting-room.webp") right center/cover no-repeat,var(--black)}
.cta-sec{background:linear-gradient(180deg,rgba(5,5,7,.86),rgba(5,5,7,.95) 70%),url("../assets/photo/b1-desk-reports.webp") center top/cover no-repeat,var(--black)}

/* команда */
.founder{display:grid;grid-template-columns:1.05fr .95fr;border-radius:32px;overflow:hidden;color:#fff;min-height:440px;
  background:radial-gradient(120% 120% at 0% 0%,#14307a 0%,#0a0b10 55%)}
.ftext{padding:clamp(26px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:14px;position:relative;z-index:1}
.ftext .label{color:#7fb0ff;margin-bottom:0}.ftext .label::before{border-color:#7fb0ff;background:radial-gradient(circle,#7fb0ff 35%,transparent 40%)}
.ftext h3{font-size:clamp(30px,3.4vw,48px);line-height:1.04}
.ftext .role{color:#9fc0ff;font-size:17px;font-weight:500}
.ftext p{color:#c3cbdc;max-width:48ch}
.ftext .btn{align-self:flex-start;margin-top:10px}
.btn.ghost-l{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22)}
.btn.ghost-l:hover{background:#fff;color:var(--ink)}
.fphoto{position:relative;min-height:340px}
.fphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:grayscale(1) contrast(1.05)}
.fphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1740 0%,rgba(10,11,16,0) 38%)}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.tcard{margin:0;background:var(--card);border-radius:24px;padding:10px;transition:transform .35s cubic-bezier(.2,.6,.2,1),box-shadow .35s,background .25s}
.tcard:hover{transform:translateY(-6px);background:#fff;box-shadow:0 26px 44px -26px rgba(12,27,174,.4),0 0 0 1px var(--line)}
.tph{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#d9dbe2}
.tph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .9s}
.tph img.c{opacity:0}
.tcard:hover .tph img.c{opacity:1}.tcard:hover .tph img{transform:scale(1.04)}
.tcard figcaption{padding:14px 8px 8px}
.tcard figcaption b{display:block;font-weight:600;font-size:17px;letter-spacing:-.02em;line-height:1.2}
.tcard figcaption span{display:block;margin-top:3px;font-size:14px;color:var(--muted);line-height:1.35}
@media (max-width:1000px){.tgrid{grid-template-columns:repeat(3,1fr)}.founder{grid-template-columns:1fr}.fphoto{order:-1;min-height:320px}.fphoto::after{background:linear-gradient(0deg,#0c1740 0%,rgba(10,11,16,0) 45%)}}
@media (max-width:620px){.tgrid{grid-template-columns:repeat(2,1fr);gap:10px}.tcard{padding:8px;border-radius:20px}.tcard figcaption b{font-size:15px}}

/* ===== ЛОГОТИПЫ ===== */
.logo img{height:34px;width:auto;display:block}
footer .logo img{height:38px}
.plogo{position:relative;height:96px;border-radius:18px;background:
  linear-gradient(135deg,#fff 0%,#EEF2FB 100%);border:1px solid var(--line);display:flex;align-items:center;padding:0 22px;overflow:hidden;transition:background .3s,border-color .3s}
.plogo::before{content:"";position:absolute;inset:0;background:
  linear-gradient(30deg,transparent 48%,rgba(12,90,219,.07) 49%,rgba(12,90,219,.07) 51%,transparent 52%) 0 0/34px 20px,
  linear-gradient(150deg,transparent 48%,rgba(12,90,219,.07) 49%,rgba(12,90,219,.07) 51%,transparent 52%) 0 0/34px 20px;opacity:.9}
.plg{position:relative;z-index:1;display:flex;align-items:center;max-width:62%;height:100%}
.plg img{max-height:46px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1) contrast(1.15);opacity:.85;transition:filter .35s,opacity .35s,transform .35s}
.plg img.rnd{max-height:62px;width:62px;height:62px}
.plg img.svgl{width:150px;height:auto;max-height:none}
.proj:hover .plg img{filter:none;opacity:1;transform:scale(1.04)}
.proj:hover .plogo{border-color:#cfd9f5}
.plogo .cubechip{position:absolute;right:14px;bottom:2px;width:64px;z-index:1}
.lk{display:inline-flex;align-items:center;gap:10px;filter:grayscale(1);opacity:.85;transition:filter .35s,opacity .35s}
.lk svg{height:30px;width:auto}
.lk b{font-size:20px;font-weight:700;letter-spacing:.06em;color:#101828}
.lk-v i{font-style:normal;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(145deg,#6aa8ff,#0c1bae);padding:7px 8px;border-radius:9px;letter-spacing:.02em}
.proj:hover .lk{filter:none;opacity:1}
.proj .dom{margin-top:6px}

/* ===== ПАНЕЛЬ: ВКЛАДКИ И ДАННЫЕ ===== */
.win{transform:none;border-radius:26px}
.win:hover{transform:none}
.win-body{grid-template-columns:150px 1fr;min-height:480px}
.win-side{padding:14px 10px;gap:4px}
.wt{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:rgba(255,255,255,.58);font:500 14px var(--font);padding:11px 12px;border-radius:12px;cursor:pointer;text-align:left;transition:background .2s,color .2s}
.wt b{width:8px;height:8px;border-radius:2px;background:rgba(255,255,255,.25);transform:rotate(45deg);transition:background .2s,box-shadow .2s}
.wt:hover{color:#fff;background:rgba(255,255,255,.06)}
.wt.on{background:rgba(52,134,254,.2);color:#fff}
.wt.on b{background:var(--blue-l);box-shadow:0 0 10px var(--blue-l)}
.win-main{padding:16px;display:block;min-height:440px}
.dp{display:none;gap:12px;animation:dpIn .45s cubic-bezier(.2,.7,.2,1)}
.dp.on{display:grid}
@keyframes dpIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dp .kpis{grid-template-columns:repeat(4,1fr)}
.kpi em{display:block;font-style:normal;font-size:11.5px;margin-top:2px}
.up{color:#4be3a1}.mid{color:#ffc562}.ok{color:#7fb0ff}.bad{color:#ff7a7a}
.kpi b{font-size:clamp(15px,1.5vw,20px)}
.chart3d{position:relative}
.chart3d .cap{font-size:11.5px;color:rgba(255,255,255,.5);margin-bottom:4px}
.chart3d .axis{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.4);padding:2px 6px 0}
.bars3d{max-height:150px}
.dbox,.dlist{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.03)}
.dbox h5,.dlist h5{margin:0 0 8px;font-size:12px;font-weight:500;color:rgba(255,255,255,.55);letter-spacing:.02em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;font-size:13px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);color:#e7ebf5}
.drow i{font-style:normal;color:rgba(255,255,255,.5);font-size:12px}
.drow em{font-style:normal;font-size:12px;white-space:nowrap}
.pl{display:grid}
.pl span{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.65)}
.pl span b{color:#fff;font-weight:500}
.pl span.sum{color:#fff;font-weight:500}.pl span.sum b{color:#7fb0ff}
.u{display:block;margin-top:6px;font-size:11px;color:rgba(255,255,255,.4)}
.cash{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cash div{background:rgba(255,255,255,.05);border-radius:10px;padding:8px 10px}
.cash small{display:block;font-size:11px;color:rgba(255,255,255,.5)}
.cash b{font-size:20px;font-weight:600;letter-spacing:-.03em}
.cash .free{background:rgba(52,134,254,.2)}
.hb{display:grid;gap:9px}
.hb span{display:grid;grid-template-columns:128px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;color:rgba(255,255,255,.7)}
.hb i{height:9px;border-radius:5px;background:linear-gradient(90deg,#0c1bae,#3486fe);width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px rgba(52,134,254,.4)}
.dp.on .hb i{width:var(--w)}
.hb b{text-align:right;color:#fff;font-weight:500}
.tt{display:grid}
.th,.tr{display:grid;grid-template-columns:1.1fr 1.2fr 1.1fr .8fr;gap:10px;font-size:12.5px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);align-items:center}
.tt2 .tr{grid-template-columns:1.5fr 1.1fr .9fr}
.th{color:rgba(255,255,255,.4);font-size:11px;border-top:0;padding-top:0}
.tr span:first-child{color:#fff}.tr span{color:rgba(255,255,255,.7)}
.tr em{font-style:normal;font-size:12px;justify-self:start;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.07)}
.tr em.ok{color:#4be3a1;background:rgba(75,227,161,.12)}.tr em.mid{color:#ffc562;background:rgba(255,197,98,.12)}.tr em.bad{color:#ff7a7a;background:rgba(255,122,122,.12)}
.dp-p{font-size:13px;color:rgba(255,255,255,.7);margin:0}
.ring{display:flex;align-items:center;gap:14px}
.ring::before{content:"";width:70px;height:70px;border-radius:50%;flex:none;background:conic-gradient(var(--blue-l) calc(var(--v)*1%),rgba(255,255,255,.1) 0);-webkit-mask:radial-gradient(circle 24px,transparent 98%,#000 100%);mask:radial-gradient(circle 24px,transparent 98%,#000 100%)}
.ring b{font-size:26px;font-weight:600;letter-spacing:-.04em}
.ring small{font-size:12px;color:rgba(255,255,255,.55);max-width:14ch}
.prog{height:7px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.prog i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#0c1bae,#3486fe);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.dp.on .prog i{width:var(--w)}
.chips2{display:flex;gap:8px;flex-wrap:wrap}
.chips2 span{font-size:12.5px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#e7ebf5}
.rm{display:grid;gap:10px}
.rs{display:grid;grid-template-columns:30px 1fr 120px;align-items:center;gap:12px;font-size:13px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.rs b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:500;font-size:13px}
.rs.done b{background:var(--blue);color:#fff}.rs.now b{background:#ffc562;color:#1a1300}
.rs strong{display:block;font-weight:500;color:#fff}.rs small{color:rgba(255,255,255,.5);font-size:12px}
.win-note{padding:10px 18px;font-size:11.5px;color:rgba(255,255,255,.45);border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:980px){
  .win-body{grid-template-columns:1fr}
  .win-side{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:10px}
  .wt{white-space:nowrap;flex:none}
  .dp .kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}
  .hb span{grid-template-columns:100px 1fr 36px}
  .th{display:none}.tr,.tt2 .tr{grid-template-columns:1fr 1fr}.tr em{grid-column:1/-1}
}

/* ===== КАК НАЧИНАЕТСЯ РАБОТА ===== */
.how{background:var(--card);position:relative}
.how-in{padding:clamp(56px,8vw,110px) 0}
.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,64px);align-items:start}
.how-lead{color:var(--muted);margin-top:16px;max-width:46ch}
.how-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:8px;position:relative}
.how-list::before{content:"";position:absolute;left:25px;top:24px;bottom:24px;width:2px;background:var(--line)}
.how-list li{position:relative}
.how-list button{width:100%;display:flex;gap:16px;align-items:center;text-align:left;border:0;background:transparent;border-radius:18px;padding:10px 12px;font:inherit;cursor:pointer;transition:background .25s,box-shadow .25s}
.how-list button:hover{background:rgba(255,255,255,.7)}
.hn{width:30px;height:30px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--muted);flex:none;position:relative;z-index:1;transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.how-list b{display:block;font-weight:600;font-size:17px;letter-spacing:-.02em;line-height:1.2}
.how-list small{color:var(--muted);font-size:13.5px}
.how-list li.done .hn{background:var(--ink);color:#fff;box-shadow:none}
.how-list li.on button{background:#fff;box-shadow:0 14px 30px -18px rgba(12,27,174,.45),0 0 0 1px var(--line)}
.how-list li.on .hn{background:var(--blue);color:#fff;box-shadow:0 8px 18px -6px var(--glow);transform:scale(1.08)}
.how-stage{position:relative;border-radius:32px;overflow:hidden;background:#07080c;color:#fff;min-height:560px;box-shadow:0 40px 80px -40px rgba(12,27,174,.55)}
.how-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,.78),rgba(5,5,7,.92)),url("../assets/photo/b1-desk-reports.webp") center/cover no-repeat;transform:scale(1.05);transition:transform 1.2s}
.how-stage[data-a="4"] .how-bg{transform:scale(1.14)}
.how-scene{position:absolute;right:3%;top:3%;width:46%;opacity:.95;pointer-events:none}
.hsc{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 20px 30px rgba(52,134,254,.35))}
.hsc .sb{transform-box:fill-box;transform-origin:50% 100%;opacity:.22;transform:translateY(16px) scaleY(.9);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;transition-delay:calc(var(--k)*40ms);filter:grayscale(.6) brightness(.7)}
.hsc .sb.on{opacity:1;transform:none;filter:none}
.hsc .sb.cur{filter:drop-shadow(0 0 14px rgba(120,180,255,.9)) brightness(1.2)}
.how-cards{position:relative;z-index:2;padding:clamp(22px,3vw,40px);display:grid;align-items:end;min-height:560px}
.hcard{grid-area:1/1;align-self:end;opacity:0;visibility:hidden;transform:translateY(24px);filter:blur(6px);transition:opacity .55s,transform .6s cubic-bezier(.2,.8,.2,1),filter .55s,visibility 0s .55s;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);border-radius:24px;padding:clamp(18px,2.4vw,30px);max-width:640px}
.hcard.on{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:0s}
.htag{display:inline-block;font-size:12px;padding:4px 11px;border-radius:999px;background:var(--blue);margin-bottom:12px;font-weight:500}
.hcard h3{font-size:clamp(24px,2.6vw,34px);margin-bottom:10px}
.hwhat{color:#c3cbdc;font-size:clamp(15px,1.2vw,17px);margin-bottom:16px}
.hgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.hgrid h6{margin:0 0 6px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7fb0ff;font-weight:500}
.hgrid ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:5px}
.hgrid li{font-size:14.5px;color:#e4e9f5;padding-left:16px;position:relative}
.hgrid li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--blue-l);transform:rotate(45deg);border-radius:1px}
.hres{margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:15px}
.hres b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7fb0ff;font-weight:500;margin-bottom:3px}
.how.is-pin{height:calc(100vh / var(--z) * 3.6)}
.is-pin .how-in{position:sticky;top:0;height:calc(100vh / var(--z));padding:84px 0 28px;display:flex;align-items:center}
.is-pin .how-stage{min-height:0;height:min(620px,calc(100vh / var(--z) - 130px))}
.is-pin .how-cards{min-height:0;height:100%}
@media (max-width:980px){
  .how-grid{grid-template-columns:1fr}
  .how-list{display:none}
  .how-stage{min-height:0;background:transparent;box-shadow:none;overflow:visible}
  .how-bg,.how-scene{display:none}
  .how-cards{padding:0;display:grid;gap:14px;min-height:0}
  .hcard{grid-area:auto;opacity:1;visibility:visible;transform:none;filter:none;background:#07080c;max-width:none}
  .hgrid{grid-template-columns:1fr}
}

/* ===== FAQ: ОБЪЁМНЫЕ ПЛИТЫ ===== */
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,5vw,80px);align-items:start}
.faq-head{position:sticky;top:96px}
.faq-stack{margin-top:28px;max-width:260px}
.faq-stack .stack{width:100%;height:auto;filter:drop-shadow(0 22px 24px rgba(12,27,174,.3))}
.faq-stack .slab{opacity:1;transform:none}
.faq{max-width:none;margin:0;display:grid;gap:16px;border-top:0}
.faq details{background:#fff;border:0;border-radius:22px;box-shadow:0 7px 0 #d5dae6,0 22px 30px -16px rgba(11,15,26,.28);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:relative}
.faq details:hover{transform:translateY(-3px);box-shadow:0 10px 0 #cfd6e6,0 28px 36px -16px rgba(11,15,26,.3)}
.faq details[open]{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#F7F9FF);box-shadow:0 8px 0 var(--blue-d),0 26px 36px -14px rgba(12,27,174,.4)}
.faq summary{padding:22px 74px 22px 26px;counter-increment:fq}
.faq{counter-reset:fq}
.faq summary::before{content:counter(fq,decimal-leading-zero);display:block;font-size:12px;font-weight:600;color:var(--blue);letter-spacing:.08em;margin-bottom:4px}
.faq summary::after{right:22px;width:40px;height:40px;margin-top:-20px;border-radius:12px;background-color:#EAF0FF;box-shadow:0 4px 0 #c9d6f7;transition:transform .35s,background-color .2s,box-shadow .2s}
.faq details[open] summary::after{background-color:var(--blue);box-shadow:0 4px 0 var(--blue-d);transform:rotate(45deg)}
.faq details[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.faq p{padding:0 74px 24px 26px;position:relative}
.faq details[open] p{animation:fadeup .45s}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr}.faq-head{position:static}.faq-stack{display:none}}

.olg{transition:transform .3s,opacity .3s;transform-box:fill-box;transform-origin:50% 50%}
.onode:hover .olg{transform:scale(1.08)}
.olt{font:700 19px var(--font);letter-spacing:.06em;fill:#101828}
.olv{font:700 13px var(--font);fill:#fff}
.orbit-svg{max-width:680px;margin-inline:auto}

.plg img,.plg svg.lkv{display:block;object-fit:contain;max-width:none;max-height:none}
.plg img.svgl,.plg img.rnd{width:auto}
.plg svg.lkv{filter:grayscale(1);opacity:.85;transition:filter .35s,opacity .35s,transform .35s}
.proj:hover .plg svg.lkv{filter:none;opacity:1;transform:scale(1.04)}
.olg{font-family:var(--font)}
.lkv .kt,.olg .kt{font:700 22px 'Inter Tight',system-ui,sans-serif;letter-spacing:1.5px;fill:#101828}

/* ===== «Как начинается работа»: симметрия и один экран ===== */
@media (min-width:981px){
  .how-grid{align-items:stretch}
  .how-left{display:flex;flex-direction:column;justify-content:center}
  .how h2{font-size:clamp(26px,min(3vw,calc(4.9vh / var(--z))),44px)}
  .how-lead{font-size:clamp(14px,calc(1.9vh / var(--z)),16px);margin-top:12px}
  .how-list{margin-top:clamp(14px,2.4vh,26px);gap:4px}
  .how-list button{padding:clamp(6px,1.1vh,10px) 10px}
  .how-list b{font-size:clamp(15px,calc(2.1vh / var(--z)),17px)}
  .how-list small{font-size:clamp(12px,calc(1.6vh / var(--z)),13.5px)}
  .how-stage{display:flex;flex-direction:column;min-height:0;height:auto}
  .how-scene{position:relative;right:auto;top:auto;width:auto;flex:0 0 34%;min-height:0;display:flex;justify-content:center;align-items:flex-end;padding-top:clamp(12px,2vh,24px);z-index:2}
  .hsc{height:100%;width:auto;max-width:78%}
  .how-cards{position:relative;z-index:2;flex:1;min-height:0;display:grid;align-items:end;padding:0 clamp(16px,2.2vw,32px) clamp(16px,2.2vw,28px)}
  .hcard{max-width:none;padding:clamp(14px,2vh,26px) clamp(16px,2vw,28px)}
  .hcard h3{font-size:clamp(22px,calc(3.4vh / var(--z)),32px);margin-bottom:8px}
  .hwhat{font-size:clamp(14px,calc(1.9vh / var(--z)),16.5px);margin-bottom:12px}
  .hgrid li{font-size:clamp(13px,calc(1.8vh / var(--z)),14.5px)}
  .hgrid ul{margin-bottom:8px;gap:4px}
  .hres{padding-top:10px;font-size:clamp(13.5px,calc(1.9vh / var(--z)),15px)}
  .is-pin .how-in{align-items:stretch;padding:calc(76px) 0 22px}
  .is-pin .how-in .how-grid{height:100%;width:min(var(--wrap),calc(100% - var(--gut)*2))}
  .is-pin .how-stage{height:100%}
}
@media (min-width:981px) and (max-height:800px){.how-lead{display:none}.hwhat{display:none}.how-scene{flex-basis:28%}}
@media (min-width:981px) and (max-height:660px){.how-list small{display:none}.hgrid h6{display:none}}

/* ===== МОБИЛЬНЫЙ АДАПТИВ: доводка ===== */
@media (max-width:980px){
  .hero-visual{margin-top:28px}
  .hero .routes{margin-bottom:6px}
}
@media (max-width:760px){
  .hero{padding-top:84px}
  .hero .cta{flex-direction:column;align-items:stretch;width:100%}
  .hero .cta .btn{justify-content:center}
  .routes{flex-direction:column;align-items:stretch;width:100%}
  .routes a{text-align:center;padding:12px 16px}
  /* орбита на телефоне слишком мелкая — логотипы остаются в карточках проектов */
  #eco .orbit{display:none}
  #eco .two-col{grid-template-columns:1fr}
  .sec{padding:56px 0}
  .head2{margin-bottom:24px}
  .win-main{padding:12px}
  .founder{min-height:0}
  .ftext{padding:22px}
  .tpanels{padding:22px}
  .faq summary{padding:18px 64px 18px 18px}
  .faq p{padding:0 18px 20px}
  .faq summary::after{right:14px;width:36px;height:36px;margin-top:-18px}
  .lead-form{padding:20px;border-radius:22px}
  .pgrid{gap:12px}
}
/* зоны касания */
@media (max-width:980px){
  footer a{padding:9px 0}
  .contacts dd{line-height:1.8}
  .contacts a{display:inline-block;padding:6px 0}
  .consent a{padding:6px 0;display:inline-block}
  nav.main a{min-height:44px;display:flex;align-items:center}
  .burger{width:46px;height:46px}
  .wt{min-height:44px}
  .tab{min-height:56px}
}

/* ===== ПАНЕЛЬ: анимация при переключении вкладок ===== */
@property --ringp{syntax:'<number>';inherits:true;initial-value:0}
.bars3d .bb{transform:none;transition:none}
.hb i,.prog i{width:var(--w);transition:none}
.ring::before{background:conic-gradient(var(--blue-l) calc(var(--ringp)*1%),rgba(255,255,255,.1) 0)}
.ring{--ringp:var(--v)}
@keyframes barGrow{from{transform:scaleY(.02);opacity:.2}to{transform:none;opacity:1}}
@keyframes hbGrow{from{width:0}}
@keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes rowIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes ringGrow{from{--ringp:0}}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 16px 20px rgba(52,134,254,.25))}50%{filter:drop-shadow(0 18px 28px rgba(52,134,254,.55))}}
.win.in .dp.on .bars3d .bb{animation:barGrow 1.1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--k)*80ms + 180ms)}
.win.in .dp.on .bars3d{animation:glowPulse 4.5s ease-in-out 1.6s infinite}
.win.in .dp.on .hb i{animation:hbGrow 1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*90ms + 250ms)}
.win.in .dp.on .prog i{animation:hbGrow 1.1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*90ms + 200ms)}
.win.in .dp.on .ring::before{animation:ringGrow 1.2s cubic-bezier(.2,.8,.2,1) backwards .2s}
.win.in .dp.on > *{animation:popIn .6s cubic-bezier(.2,.8,.2,1) backwards}
.win.in .dp.on > *:nth-child(2){animation-delay:.1s}
.win.in .dp.on > *:nth-child(3){animation-delay:.2s}
.win.in .dp.on > *:nth-child(4){animation-delay:.3s}
.win.in .dp.on .kpi{animation:popIn .55s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*80ms + 100ms)}
.win.in .dp.on :is(.drow,.tr,.rs,.pl span,.chips2 span,.hb span){animation:rowIn .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*70ms + 280ms)}
.win.in .dp.on .cash > div{animation:popIn .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*90ms + 220ms)}
.dp{animation:none}
@media (prefers-reduced-motion:reduce){.win .dp *,.win .dp{animation:none!important}}

.order-top{min-height:148px;align-items:flex-start}
.order .stack.fig-m,.order .stack.fig-i{height:144px;width:auto;max-width:210px}
.floatb{animation:floaty 5s ease-in-out infinite;transform-box:fill-box}
.order.in .floatb{opacity:1}

/* стабильная высота панели: без прыжков при смене вкладки и отрисовке */
.win-main{position:relative}
.kpi b,.cash b,.ring b,.pl b,.hb b,.kpi em{font-variant-numeric:tabular-nums}
.kpi b,.cash b{white-space:nowrap}
.ring b{min-width:2.6ch}
.dp{align-content:start}
.ring::before{background:conic-gradient(from -90deg,#3486fe 0,#6aa8ff calc(var(--ringp)*1%),rgba(255,255,255,.1) 0)}
.ring{filter:drop-shadow(0 0 14px rgba(52,134,254,.35))}

/* плавный рост кубиков-иконок */
.cubechip .cc-s{clip-path:inset(var(--lift) 0 0 0);transition:clip-path 1s cubic-bezier(.22,.8,.24,1)}
.cubechip .cc-t{transform:translateY(var(--lift));transition:transform 1s cubic-bezier(.22,.8,.24,1)}
.cubechip svg{transition:filter .8s ease}
:is(.mcard,.proj):hover .cubechip .cc-s,.tab:hover .cubechip .cc-s,.tab.on .cubechip .cc-s{clip-path:inset(0 0 0 0)}
:is(.mcard,.proj):hover .cubechip .cc-t,.tab:hover .cubechip .cc-t,.tab.on .cubechip .cc-t{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.cubechip .cc-s,.cubechip .cc-t{transition:none}}

/* блок вопросов: кубы со знаком «?» */
.faq-stack{max-width:320px;margin-top:26px}
.faq-fig{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 26px 26px rgba(12,27,174,.3))}
.faq-fig .fq{transform-box:fill-box;animation:floaty 6s ease-in-out infinite;animation-delay:calc(var(--k)*-1.3s)}
.faq-fig .fq-ans{animation:floaty 4.6s ease-in-out -2s infinite}

/* ===== КОНСТРУКТОР ===== */
.build{background:#fff}
.build-grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(18px,3vw,44px);align-items:stretch}
.tray{display:grid;gap:10px;align-content:start;background:var(--card);border-radius:26px;padding:12px}
.bt{display:flex;align-items:center;gap:12px;background:#fff;border:0;border-radius:18px;padding:8px 14px 8px 8px;font:500 15px/1.2 var(--font);color:var(--ink);cursor:grab;text-align:left;
  box-shadow:0 5px 0 #d5dae6,0 14px 20px -12px rgba(11,15,26,.25);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,opacity .3s;touch-action:manipulation;user-select:none}
.bt:hover{transform:translateY(-3px);box-shadow:0 8px 0 #cfd6e6,0 20px 26px -12px rgba(12,27,174,.35)}
.bt:active{cursor:grabbing}
.bt-cube{width:54px;flex:none}
.bt-svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 6px 8px rgba(12,27,174,.3))}
.bt.used{opacity:.35;pointer-events:none;box-shadow:none;transform:scale(.97)}
.platform{position:relative;border-radius:30px;background:radial-gradient(120% 120% at 70% 0%,#eef3ff 0%,#f6f8fd 55%,#fff 100%);border:1px solid var(--line);
  padding:clamp(16px,2vw,28px);min-height:420px;display:grid;place-items:center;overflow:hidden;transition:box-shadow .3s,border-color .3s}
.platform.over{border-color:var(--blue);box-shadow:0 0 0 4px rgba(12,90,219,.15) inset}
.bscene{width:min(100%,640px);height:auto;overflow:visible;display:block}
.bblk{opacity:0;transform:translateY(-70px);transform-box:fill-box;transition:opacity .35s,transform .75s cubic-bezier(.2,1.2,.3,1)}
.bblk.placed{opacity:1;transform:none}
.bslot{transition:opacity .3s}
.bslot.filled{opacity:0}
.bcrown{opacity:0;transform:translateY(-60px) scale(.8);transform-box:fill-box;transform-origin:50% 100%;transition:opacity .6s .35s,transform 1s .35s cubic-bezier(.2,1.2,.3,1);filter:drop-shadow(0 0 16px rgba(52,134,254,.9))}
.platform.done .bcrown{opacity:1;transform:none;animation:floaty 4s ease-in-out 1.6s infinite}
.platform.done .bscene{filter:drop-shadow(0 24px 30px rgba(12,27,174,.3))}
.bprog{position:absolute;left:20px;top:16px;font-size:13px;font-weight:500;color:var(--muted);background:#fff;border:1px solid var(--line);padding:5px 12px;border-radius:999px}
.bdone{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;
  background:var(--ink);color:#fff;border-radius:20px;padding:14px 18px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .5s .5s,transform .6s .5s}
.platform.done .bdone{opacity:1;transform:none;pointer-events:auto}
.bdone b{font-size:17px;font-weight:600}
.bdone span{flex:1 1 220px;font-size:13.5px;color:#aeb8cc}
.breset{position:absolute;right:20px;top:14px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:500 13px var(--font);cursor:pointer}
.breset:hover{background:var(--ink);color:#fff}
.bghost{position:fixed;left:0;top:0;width:76px;z-index:300;pointer-events:none;transform:translate(-50%,-60%) rotate(-6deg) scale(1.1);filter:drop-shadow(0 18px 18px rgba(12,27,174,.45))}
@media (max-width:900px){
  .build-grid{grid-template-columns:1fr}
  .tray{grid-template-columns:1fr 1fr}
  .platform{min-height:340px}
  .bdone{position:static;margin-top:10px;grid-row:2}
  .platform{display:block}
  .bscene{margin:30px auto 0}
}
@media (max-width:480px){.tray{grid-template-columns:1fr}}

/* ===== ПАСХАЛКА: тройной клик по логотипу ===== */
.egg-layer{position:fixed;inset:0;z-index:400;pointer-events:none;overflow:hidden}
.egg-cube{position:fixed;width:34px;height:36px;left:0;top:0;transition:transform 1.15s cubic-bezier(.15,.8,.25,1),opacity .5s;opacity:1;will-change:transform}
.egg-cube.back{transition:transform 1.05s cubic-bezier(.6,0,.3,1),opacity .6s}
.egg-back{position:fixed;inset:0;z-index:405;background:rgba(5,5,7,.58);backdrop-filter:blur(4px);opacity:0;transition:opacity .5s;pointer-events:none}
.egg-back.show{opacity:1}
.egg-toast{position:fixed;left:50%;top:50%;z-index:410;width:min(580px,88vw);padding:34px 34px 30px;border-radius:30px;text-align:center;color:#fff;pointer-events:none;
  background:linear-gradient(145deg,#12204a 0%,#0a0d18 60%);border:1px solid rgba(120,170,255,.4);
  box-shadow:0 0 0 7px rgba(52,134,254,.16),0 0 60px rgba(52,134,254,.45),0 50px 100px -20px rgba(12,27,174,.85);
  opacity:0;transform:translate(-50%,-44%) scale(.86);transition:opacity .55s,transform .7s cubic-bezier(.2,1.1,.3,1)}
.egg-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.egg-toast .egg-w{width:58px;height:auto;margin:0 auto 14px;display:block;filter:drop-shadow(0 0 14px rgba(52,134,254,.8))}
.egg-toast b{display:block;font-size:clamp(24px,3.4vw,34px);line-height:1.15;letter-spacing:-.025em;font-weight:600}
.egg-toast small{display:block;margin-top:10px;font-size:clamp(14px,1.6vw,17px);font-weight:400;color:#a9c0ff;line-height:1.4}
.egg-hint{position:fixed;z-index:420;background:#fff;color:var(--ink);padding:8px 14px;border-radius:14px;font-size:14px;font-weight:600;white-space:nowrap;
  box-shadow:0 14px 30px -10px rgba(12,27,174,.6);opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .3s;pointer-events:none}
.egg-hint::before{content:"";position:absolute;left:38px;top:-5px;width:10px;height:10px;background:#fff;transform:rotate(45deg)}
.egg-hint.show{opacity:1;transform:none}
.egg-hint.pop{animation:eggPop .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes eggPop{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.egg-cube{transition:none}}

/* ===== Конструктор: один экран + подсказка ===== */
@media (min-width:901px){
  .build{padding:clamp(20px,3.6vh,44px) 0;min-height:calc(100vh / var(--z));display:flex;align-items:center}
  .build .sec-head{margin-bottom:clamp(12px,2.2vh,24px);max-width:none}
  .build h2{font-size:clamp(24px,min(3vw,calc(4.8vh / var(--z))),42px)}
  .build .sec-head p{margin-top:8px!important;font-size:clamp(14px,calc(1.9vh / var(--z)),16.5px)}
  .build-grid{grid-template-columns:clamp(240px,22vw,290px) 1fr}
  .tray{gap:clamp(6px,1.1vh,10px);padding:clamp(8px,1.2vh,12px)}
  .bt{padding:clamp(4px,.8vh,8px) 12px clamp(4px,.8vh,8px) 6px;font-size:clamp(13px,calc(1.9vh / var(--z)),15px)}
  .bt-cube{width:clamp(38px,calc(6.2vh / var(--z)),52px)}
  .platform{min-height:0;padding:clamp(12px,1.6vh,22px)}
  .bscene{max-height:calc(100vh / var(--z) - clamp(250px,34vh,330px))}
}
@media (min-width:901px) and (max-height:760px){.build .sec-head p{display:none}}

.bhint{position:absolute;right:20px;top:60px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--blue);
  background:#fff;border:1px dashed rgba(12,90,219,.5);padding:8px 14px;border-radius:999px;box-shadow:0 10px 24px -14px rgba(12,27,174,.5);
  animation:hintBob 1.8s ease-in-out infinite;transition:opacity .4s}
.bhint svg{transform:rotate(180deg)}
.platform.started .bhint,.platform.done .bhint{opacity:0;pointer-events:none}
@keyframes hintBob{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
.bt.nudge{animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:none;box-shadow:0 5px 0 #d5dae6,0 14px 20px -12px rgba(11,15,26,.25)}50%{transform:translateX(8px);box-shadow:0 5px 0 #d5dae6,0 0 0 4px rgba(12,90,219,.25),0 14px 20px -12px rgba(11,15,26,.25)}}
.bdemo{position:fixed;left:0;top:0;z-index:250;pointer-events:none;width:64px;opacity:0;will-change:transform}
.bdemo .dg{filter:drop-shadow(0 14px 14px rgba(12,27,174,.45))}
.bdemo .dh{position:absolute;left:30px;top:26px;width:34px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.platform.demo-over{border-color:var(--blue);box-shadow:0 0 0 4px rgba(12,90,219,.18) inset}
@media (max-width:900px){.bhint{position:static;margin:44px auto 0;width:max-content;animation:none}}

/* итоговая панель конструктора: выровнено, шаги */
.bdone{display:grid;grid-template-columns:auto 1fr auto;gap:10px 24px;align-items:center;justify-content:stretch}
.bd-head{display:grid;gap:2px}
.bd-head b{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.bd-head span{font-size:13.5px;color:#aeb8cc}
.bsteps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.bsteps li{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 12px 4px 4px;font-size:13px;font-weight:500;color:#e8edf8;white-space:nowrap}
.bsteps i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:600;color:#fff}
.bdone .btn{height:48px;white-space:nowrap}
@media (max-width:1100px){.bdone{grid-template-columns:1fr auto}.bsteps{grid-column:1/-1;order:3}}
@media (max-width:640px){.bdone{grid-template-columns:1fr}.bdone .btn{justify-content:center}.bsteps{order:2}}

/* конструктор на телефоне: платформа сверху, блоки двумя колонками снизу */
@media (max-width:900px){
  .build{padding:40px 0 48px}
  .build-grid{gap:14px}
  .build .sec-head{margin-bottom:16px}
  .build .sec-head p{display:none}
  .platform{order:-1;min-height:0;padding:12px 12px 16px;display:block;text-align:center}
  .tray{grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:22px}
  .bt{padding:6px 10px 6px 6px;font-size:13.5px;gap:8px;border-radius:16px;box-shadow:0 4px 0 #d5dae6,0 10px 16px -12px rgba(11,15,26,.25)}
  .bt-cube{width:38px}
  .bscene{max-height:290px;width:auto;margin:36px auto 0}
  .bhint{display:flex;position:static;margin:10px auto 0;width:max-content;animation:none}
  .bhint svg{transform:rotate(90deg)}
  .bdone{position:static;margin-top:12px;text-align:left}
  .bprog{left:14px;top:12px}
  .breset{right:12px;top:10px}
}

@media (max-width:900px){
  .platform:not(.done) .bdone{display:none}
  .platform.started .bhint,.platform.done .bhint{display:none}
  .bdone{grid-template-columns:1fr;gap:12px;padding:16px}
  .bd-head{order:1}.bsteps{order:2;grid-column:auto}.bdone .btn{order:3;justify-content:center;width:100%}
  .bsteps li{font-size:12.5px}
}

@media (max-width:900px){
  .build{padding:26px 0 36px}
  .build h2{font-size:26px}
  .build .label{margin-bottom:8px}
  .build .sec-head{margin-bottom:12px}
  .bscene{max-height:262px;margin-top:30px}
}

/* ===== ПОДВАЛ, ДОКУМЕНТЫ, COOKIE ===== */
footer.site-foot{position:relative;margin-top:clamp(56px,8vw,110px);border-top:1px solid rgba(255,255,255,.1);padding:40px 0 44px;color:rgba(255,255,255,.58);font-size:14.5px}
footer.site-foot .wrap{display:grid;grid-template-columns:1.2fr .8fr 1.1fr 1.3fr;gap:30px}
footer.site-foot h5{margin:0 0 12px;color:#fff;font-size:14px;font-weight:500}
footer.site-foot a,.foot-link{display:block;text-decoration:none;padding:4px 0;color:rgba(255,255,255,.66);line-height:1.4}
footer.site-foot a:hover,.foot-link:hover{color:#fff}
.foot-link{background:none;border:0;font:inherit;cursor:pointer;text-align:left;padding:4px 0;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.foot-about{margin-top:14px;max-width:34ch}
.foot-addr{display:block;padding:4px 0;color:rgba(255,255,255,.66);line-height:1.4}
footer.site-foot .copy{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:13px}
@media (max-width:980px){footer.site-foot .wrap{grid-template-columns:1fr 1fr}footer.site-foot .wrap>div:first-child{grid-column:1/-1}}
@media (max-width:560px){footer.site-foot .wrap{grid-template-columns:1fr}}
.dd-sub{font-size:15px;color:rgba(255,255,255,.62)}
.cons-pair{display:grid;gap:10px}
.consent a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}

/* страницы документов */
.legal{background:#fff;color:var(--ink);padding:clamp(110px,14vh,150px) 0 clamp(48px,7vw,96px)}
.legal h1{font-size:clamp(28px,4vw,48px);line-height:1.08;margin:12px 0 26px}
.crumbs{display:flex;gap:8px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.crumbs a{color:var(--blue);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.legal-doc{max-width:860px;font-size:16.5px;line-height:1.65}
.legal-doc .meta{color:var(--muted);font-size:14px;margin:0 0 20px}
.legal-doc h2{font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;margin:34px 0 12px}
.legal-doc p{margin:0 0 12px}
.legal-doc ul{margin:0 0 14px;padding-left:22px}
.legal-doc li{margin:5px 0}
.legal-doc a{color:var(--blue);text-underline-offset:2px}
.legal-doc code{font:500 13.5px ui-monospace,Consolas,monospace;background:var(--card);padding:2px 6px;border-radius:6px}
.legal-doc ul.req{list-style:none;padding:0;background:var(--card);border-radius:20px;padding:18px 22px;display:grid;gap:6px}
.tbl{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--line);border-radius:18px}
.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
.tbl th,.tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl th{background:var(--card);font-weight:600;font-size:13px}
.tbl tr:last-child td{border-bottom:0}
.cta-sec.foot-only{padding-top:0;background:var(--black)}
.cta-sec.foot-only footer.site-foot{margin-top:0;border-top:0}
body[data-inner] header.top{background:rgba(12,12,14,.92)}

/* баннер cookie */
.ck{position:fixed;left:16px;bottom:16px;z-index:95;width:min(430px,calc(100vw - 32px));background:rgba(14,16,24,.97);color:#fff;border:1px solid rgba(120,170,255,.28);
  border-radius:22px;padding:18px 20px 16px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7),0 0 40px rgba(52,134,254,.18);backdrop-filter:blur(14px);
  transform:translateY(24px);opacity:0;pointer-events:none;transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1)}
.ck.show{transform:none;opacity:1;pointer-events:auto}
.ck b{display:block;font-size:16px;font-weight:600;margin-bottom:6px;letter-spacing:-.01em}
.ck p{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:#c3cbdc}
.ck p a{color:#9db6ff}
.ck .row{display:flex;gap:8px;flex-wrap:wrap}
.ck button{font:500 14px/1 var(--font);border-radius:999px;padding:12px 18px;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;transition:background .2s,border-color .2s}
.ck button.ok{background:var(--blue);border-color:var(--blue)}
.ck button.ok:hover{background:var(--blue-l);border-color:var(--blue-l)}
.ck button.no:hover{background:rgba(255,255,255,.1)}
@media (max-width:560px){.ck{left:10px;right:10px;bottom:10px;width:auto}.ck button{flex:1 1 140px;text-align:center}}