/* Onest — размещён локально (tools/make-fonts.py). Лицензия SIL OFL 1.1 */
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/onest-cyrillic.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/onest-latin.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ============ TOKENS ============ */
:root{
  --ground:#efeeec; --ground-2:#e6e4e0; --white:#fff;
  --ink:#12161a; --ink-2:#1c2226; --ink-3:#252d34;
  --soft:#5b636b; --mute:#8a9299; --on-dark-soft:#aeb8c1;
  --line:rgba(18,22,26,.11); --line-d:rgba(255,255,255,.13);
  --acc:#ff621f; --acc-2:#ff8b55; --acc-ink:#4a1d06;
  --r-lg:24px; --r-md:16px; --r-sm:12px; --pill:999px;
  --space-xs:8px; --space-sm:16px; --space-md:24px; --space-lg:48px; --space-xl:80px; --space-2xl:clamp(96px,11vw,168px);
  --gut:clamp(12px,1.6vw,20px); --pad:clamp(18px,3vw,40px); --max:1600px;
  --fs-hero:clamp(44px,9vw,150px); --fs-title:clamp(38px,6vw,96px); --fs-state:clamp(28px,5vw,78px);
  --fs-h3:clamp(22px,2.2vw,32px); --fs-lead:clamp(17px,1.45vw,21px); --fs-body:16px; --fs-sm:14px; --fs-xs:12px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-io:cubic-bezier(.7,0,.2,1);
  --font:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--fs-body)/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-weight:500;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
figure{margin:0}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ============ LAYOUT ============ */
.wrap{padding-inline:var(--gut);max-width:var(--max);margin-inline:auto}
.in{padding-inline:var(--pad)}
.sec{padding-block:var(--space-2xl)}
.sec-sm{padding-block:var(--space-xl)}
.stack-sm>*+*{margin-top:var(--space-sm)}
.stack-md>*+*{margin-top:var(--space-md)}
.panel{border-radius:var(--r-lg);position:relative;overflow:clip}
.dark{background:var(--ink);color:#fff}
.orange{background:var(--acc);color:var(--ink)}
.white{background:var(--white)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.between{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap}
.g{display:grid;gap:var(--space-md)}
.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}
.g-64{grid-template-columns:1.5fr 1fr}.g-46{grid-template-columns:1fr 1.5fr}.g-73{grid-template-columns:2.3fr 1fr}.g-37{grid-template-columns:1fr 2.3fr}
.al-end{align-items:end}.al-c{align-items:center}.al-s{align-items:start}

/* ============ TYPE ============ */
.t-hero{font-size:var(--fs-hero);line-height:.92;letter-spacing:-.055em;font-weight:500}
.t-title{font-size:var(--fs-title);line-height:.98;letter-spacing:-.05em;font-weight:500}
.t-state{font-size:var(--fs-state);line-height:1.04;letter-spacing:-.045em;font-weight:500}
.t-h3{font-size:var(--fs-h3);line-height:1.1;letter-spacing:-.03em;font-weight:500}
.lead{font-size:var(--fs-lead);line-height:1.45;letter-spacing:-.01em;max-width:36em}
.small{font-size:var(--fs-sm)}
.soft{color:var(--soft)}
.dark .soft,.dark.soft{color:var(--on-dark-soft)}
.muted-word{color:var(--mute)}
.dark .muted-word{color:#59636b}
.eyebrow{font-size:var(--fs-sm);font-weight:500;display:inline-flex;align-items:center;gap:8px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc)}
.orange .eyebrow:before{background:var(--ink)}
.num-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;color:var(--mute)}
.need{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;color:var(--acc-ink);background:#ffe3d4;border-radius:var(--pill);padding:4px 10px;letter-spacing:.01em}
.dark .need{background:rgba(255,98,31,.18);color:var(--acc-2)}
.chip{display:inline-block;width:.9em;height:.78em;border-radius:.16em;vertical-align:-.06em;margin-inline:.06em;position:relative;overflow:hidden;background:var(--c,linear-gradient(135deg,var(--acc),var(--acc-2)))}
.chip:after{content:"";position:absolute;inset:18% 22%;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(6px)}
.chip.dk{--c:linear-gradient(135deg,var(--ink-2),var(--acc-2))}

/* ============ BUTTONS / TAGS ============ */
.pill{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--pill);padding:12px 20px;font-size:var(--fs-sm);font-weight:500;background:var(--white);color:var(--ink);white-space:nowrap;transition:transform .35s var(--ease),background .3s,color .3s}
.pill:hover{transform:translateY(-2px)}
.pill .ar{display:inline-block;transition:transform .35s var(--ease)}
.pill:hover .ar{transform:translate(3px,-3px)}
.pill.ink{background:var(--ink);color:#fff}
.pill.acc{background:var(--acc);color:var(--ink)}
.pill.line{background:transparent;box-shadow:inset 0 0 0 1px currentColor}
.pill.big{padding:16px 26px;font-size:16px}
.tag{display:inline-flex;align-items:center;gap:6px;border-radius:var(--pill);padding:5px 12px;font-size:var(--fs-xs);font-weight:500;background:rgba(18,22,26,.06);white-space:nowrap}
.dark .tag{background:rgba(255,255,255,.1)}
.tag.glass{background:rgba(18,22,26,.55);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tag.acc{background:var(--acc);color:var(--ink)}
.crumbs{font-size:13px;color:var(--soft);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{cursor:pointer}.crumbs a:hover{color:var(--ink)}
.dark .crumbs{color:var(--on-dark-soft)}.dark .crumbs a:hover{color:#fff}

/* ============ MEDIA SYSTEM ============ */
.media{position:relative;overflow:hidden;border-radius:var(--r-md);background:var(--ink-2);isolation:isolate}
.media>img,.media>.mk,.media>.ph-in{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-cover{aspect-ratio:16/10}
.media-portrait{aspect-ratio:4/5}
.media-square{aspect-ratio:1}
.media-wide{aspect-ratio:21/9}
.media-tall{aspect-ratio:3/4}
.media-full{aspect-ratio:auto;min-height:min(78vh,760px)}
.media.r-lg{border-radius:var(--r-lg)}
/* photo slot: until a real photo is set via PHOTOS map */
.ph-in{background:
  var(--grain),
  radial-gradient(ellipse at var(--px,75%) var(--py,20%),rgba(255,139,85,.45),transparent 55%),
  radial-gradient(ellipse at 10% 100%,rgba(255,98,31,.22),transparent 50%),
  linear-gradient(var(--pa,150deg),var(--p1,#3a444c),var(--p2,#12161a));display:flex;align-items:flex-end;padding:16px}
.ph-in:before{content:"";position:absolute;inset:auto -10% -30% auto;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.media>.ph-l{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:2px;font-size:12px;color:rgba(255,255,255,.85);line-height:1.35}
.media>.ph-l b{font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-2)}
.media>.ph-ic{position:absolute;top:16px;right:16px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;font-size:15px}
.media.has-img .ph-in,.media.has-img>.ph-l,.media.has-img>.ph-ic{display:none}
.mk svg{width:100%;height:100%}
.media-reveal{clip-path:inset(0 0 0 0 round var(--r-md))}
.js .media-reveal:not(.in-view){clip-path:inset(18% 0 0 0 round var(--r-md))}
.media-reveal{transition:clip-path 1.1s var(--ease-io)}
.media-reveal>img,.media-reveal>.mk,.media-reveal>.ph-in{transition:transform 1.4s var(--ease)}
.js .media-reveal:not(.in-view)>img,.js .media-reveal:not(.in-view)>.mk,.js .media-reveal:not(.in-view)>.ph-in{transform:scale(1.08)}
.media-parallax>img,.media-parallax>.mk,.media-parallax>.ph-in{inset:-8% 0;height:116%;transform:translate3d(0,var(--py-shift,0),0)}
.hover-zoom>img,.hover-zoom>.mk,.hover-zoom>.ph-in{transition:transform .9s var(--ease)}
.hover-zoom:hover>img,.hover-zoom:hover>.mk,.hover-zoom:hover>.ph-in,a:hover .hover-zoom>.mk,.lnk:hover .hover-zoom>.mk,.lnk:hover .hover-zoom>.ph-in{transform:scale(1.045)}
.media .cap{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;z-index:2}
.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md);align-items:start}
.image-strip{display:flex;gap:var(--space-sm);overflow:hidden}
.image-strip .media{flex:0 0 auto}
.case-media{border-radius:var(--r-lg)}
.team-media{border-radius:var(--r-md)}
#team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md) var(--space-md)}
@media (max-width:1024px){#team-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){#team-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){#team-grid{grid-template-columns:1fr}}

/* ============ MOTION ============ */
.page{display:none}
.page.on{display:block}
.pt{position:fixed;inset:0;z-index:150;pointer-events:none;background:var(--acc);transform:translateY(100%)}
.pt.run{animation:ptw .9s var(--ease-io) forwards}
@keyframes ptw{0%{transform:translateY(100%)}45%{transform:translateY(0)}55%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.rv{opacity:1}
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.in-view{opacity:1;transform:none}
.lines .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.lines .w>span{display:inline-block;transition:transform 1s var(--ease);transition-delay:var(--d,0s)}
.js .lines:not(.in-view) .w>span{transform:translateY(105%)}
.drift{will-change:transform;transform:translate3d(var(--dx,0),0,0)}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-14px) rotate(var(--rot,0deg))}}

/* ============ HEADER / NAV ============ */
.ann{background:var(--acc);text-align:center;font-size:13px;font-weight:500;padding:9px 16px;cursor:pointer;display:block;width:100%;border:0}
.ann span{text-decoration:underline;text-underline-offset:3px}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;padding:10px var(--gut) 0;max-width:var(--max);margin-inline:auto}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px 10px 18px;border-radius:var(--r-md);transition:background .35s,box-shadow .35s}
.hdr.solid .hdr-in{background:rgba(239,238,236,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.hdr.on-dark:not(.solid) .hdr-in{color:#fff}
.logo{height:46px;display:block;cursor:pointer;flex:0 0 auto}
.logo svg{height:100%;width:auto;display:block}
.nav{display:flex;gap:2px;align-items:center}
.ni{position:relative}
.ni>button{background:none;border:0;padding:9px 13px;border-radius:var(--pill);font-size:var(--fs-sm);font-weight:500;display:flex;gap:4px;align-items:center}
.ni>button:hover,.ni.cur>button{background:rgba(18,22,26,.07)}
.hdr.on-dark:not(.solid) .ni>button:hover,.hdr.on-dark:not(.solid) .ni.cur>button{background:rgba(255,255,255,.12)}
.ni .plus{transition:transform .3s var(--ease)}
.ni:hover .plus,.ni:focus-within .plus{transform:rotate(45deg)}
.dd{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,6px);min-width:300px;background:var(--white);color:var(--ink);border-radius:var(--r-md);padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.14);opacity:0;visibility:hidden;transition:.25s var(--ease)}
.ni:hover .dd,.ni:focus-within .dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);cursor:pointer}
.dd a:hover{background:var(--ground)}
.dd a small{color:var(--mute);font-size:12px}
.dd .dd-h{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:10px 12px 4px}
.h-r{display:flex;gap:10px;align-items:center}
.h-tel{font-size:var(--fs-sm);font-weight:500;white-space:nowrap}
.burger{display:none;width:46px;height:46px;border-radius:var(--pill);border:0;background:var(--white);color:var(--ink);font-size:18px}
.mm{position:fixed;inset:0;z-index:90;background:var(--ink);color:#fff;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 28px;display:flex;flex-direction:column;gap:14px;overflow:auto;transform:translateY(-100%);transition:transform .5s var(--ease-io);visibility:hidden}
.mm.open{transform:none;visibility:visible}
.mm-top{display:flex;justify-content:space-between;align-items:center}
.mm>a{font-size:32px;letter-spacing:-.04em;font-weight:500;cursor:pointer}
.mm small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:8px}
.mm .sub a{font-size:18px;display:block;padding:4px 0;color:#cfd5da;cursor:pointer}

/* ============ SECTION HEADS ============ */
.shead{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);align-items:end;margin-bottom:var(--space-lg)}
.shead .lead{grid-column:1/-1}
.phead{padding:clamp(40.8px,6.4vw,96px) var(--pad) clamp(27.2px,4vw,57.6px);display:flex;flex-direction:column;gap:var(--space-md)}
.on-dark-top{margin-top:-68px;padding-top:clamp(102px,10.4vw,136px)}

/* ============ HERO (home) ============ */
.hero{min-height:min(860px,calc(100svh - 60px));display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(93.5px,8.8vw,120px) var(--pad) 26px;margin-top:-68px;background:
 radial-gradient(ellipse at 78% 12%,rgba(255,98,31,.28),transparent 45%),
 radial-gradient(ellipse at 10% 95%,rgba(255,139,85,.16),transparent 45%),
 linear-gradient(160deg,var(--ink-2),var(--ink) 60%)}
.hero-c{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;margin-block:auto}
.award{font-size:12px;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;display:flex;align-items:center;gap:12px;color:#d8dde1}
.award i{font-style:normal;font-size:20px;color:var(--acc)}
.hero h1{max-width:11ch}
.hero .sub{font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;color:#e6eaed}
.hero-float{position:absolute;z-index:1;border-radius:var(--r-md);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);animation:floaty 9s ease-in-out infinite}
.hero-float.f1{width:clamp(150px,17vw,270px);aspect-ratio:4/3;left:3%;top:22%;--rot:-6deg;animation-delay:-2s}
.hero-float.f2{width:clamp(120px,13vw,210px);aspect-ratio:4/5;right:4%;top:18%;--rot:5deg}
.hero-float.f3{width:clamp(140px,15vw,240px);aspect-ratio:16/10;right:8%;bottom:18%;--rot:-3deg;animation-delay:-4s}
.hero-float.f4{width:clamp(110px,11vw,180px);aspect-ratio:1;left:9%;bottom:16%;--rot:4deg;animation-delay:-6s}
.hero-float .media{border-radius:0;width:100%;height:100%}
.chan{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(13.6px,2.4vw,35.2px);font-size:15px;font-weight:600;color:#c9d0d5;margin-top:12px}
.hero-b{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font-size:var(--fs-sm);color:#c9d0d5}
.hero-b b{color:#fff;font-weight:500}

/* ============ MARQUEES ============ */
.clients{display:flex;align-items:center;gap:28px;padding:28px var(--pad)}
.clients small{font-size:13px;white-space:nowrap;flex:0 0 auto}
.mq{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-t{display:flex;gap:64px;width:max-content;animation:mq 40s linear infinite}
.mq-t span{font-size:22px;font-weight:600;letter-spacing:-.03em;white-space:nowrap;color:#2c3136}
.mq:hover .mq-t{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.giant{overflow:hidden;padding-block:clamp(27.2px,4vw,57.6px)}
.giant-row{display:flex;width:max-content}
.giant span{font-size:clamp(64px,13vw,210px);line-height:1;letter-spacing:-.055em;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:.22em;padding-right:.22em}
.giant .chip{width:.62em;height:.55em;border-radius:.1em}
.giant .ghost{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.tick-strip{background:var(--ink);color:#fff;overflow:hidden;padding:18px 0}
.tick-strip .mq-t{gap:40px;animation-duration:30s}
.tick-strip span{font-size:clamp(18px,2vw,26px);letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:40px}
.tick-strip span:after{content:"✦";color:var(--acc)}

/* ============ WORK (home featured) ============ */
.work{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-md);padding:var(--pad)}
.work-l{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:28px;padding-top:6px}
.wl{display:flex;flex-direction:column}
.wl button{background:none;border:0;padding:0;text-align:left;font-size:clamp(32px,4vw,58px);line-height:1.04;letter-spacing:-.045em;font-weight:500;color:#4f5860;transition:color .35s,transform .45s var(--ease)}
.wl button.on,.wl button:hover{color:#fff}
.wl button.on{transform:translateX(10px)}
.wl small{display:block;font-size:11px;letter-spacing:.06em;color:#6f7a83;margin:6px 0 2px}
.work-r{display:flex;flex-direction:column;gap:14px}
.wtile{cursor:pointer;border-radius:var(--r-md)}
.wtile{aspect-ratio:16/10}
.wtile:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,14,.78),rgba(10,12,14,.2) 42%,transparent)}
.wtile .ttl{position:absolute;left:20px;top:18px;right:20px;z-index:2;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.03em;line-height:1.1;color:#fff;max-width:14em;text-shadow:0 2px 20px rgba(0,0,0,.4)}

/* ============ SERVICE ROWS w/ hover preview ============ */
.sv{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20.4px,3.2vw,51.2px)}
.sv a,.srow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-size:clamp(24px,2.7vw,40px);letter-spacing:-.035em;line-height:1.1;cursor:pointer;font-weight:500;transition:padding .35s var(--ease),color .3s}
.sv a small{font-size:var(--fs-sm);letter-spacing:0;color:var(--soft);font-weight:400;white-space:nowrap}
.sv a .ar{font-size:.6em;opacity:0;transform:translateX(-8px);display:inline-block;transition:.35s var(--ease)}
.sv a:hover .ar{opacity:1;transform:none}
.sv a:hover{padding-left:8px;color:var(--acc)}
.cursor-prev{position:fixed;left:0;top:0;width:300px;aspect-ratio:4/3;z-index:70;pointer-events:none;border-radius:var(--r-md);overflow:hidden;opacity:0;transform:translate3d(-50%,-50%,0) scale(.85);transition:opacity .3s,transform .4s var(--ease);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.cursor-prev.on{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
.cursor-prev .media{position:absolute;inset:0;border-radius:0}

/* big service rows (services page) */
.bigrow{display:grid;grid-template-columns:.5fr 1.6fr 1fr auto;gap:var(--space-md);align-items:center;padding:28px 0;border-top:1px solid var(--line);cursor:pointer;transition:background .4s}
.bigrow:last-child{border-bottom:1px solid var(--line)}
.bigrow .t-h3{transition:transform .45s var(--ease)}
.bigrow:hover .t-h3{transform:translateX(10px)}
.bigrow .go-c{width:52px;height:52px;border-radius:50%;background:var(--white);display:grid;place-items:center;font-size:18px;transition:background .3s,transform .45s var(--ease)}
.bigrow:hover .go-c{background:var(--acc);transform:rotate(-45deg)}
.bigrow .media{width:120px;aspect-ratio:4/3;border-radius:var(--r-sm)}

/* ============ CARDS ============ */
.card{background:var(--white);border-radius:var(--r-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:14px;transition:transform .45s var(--ease),box-shadow .45s,background .35s}
.card.lnk{cursor:pointer}
.card.lnk:hover{transform:translateY(-5px);box-shadow:0 26px 50px rgba(0,0,0,.08)}
.card h3{font-size:24px;letter-spacing:-.03em;line-height:1.12}
.card p{font-size:15px;color:var(--soft)}
.card.dk{background:var(--ink);color:#fff}.card.dk p{color:var(--on-dark-soft)}
.card.or{background:var(--acc)}.card.or p{color:var(--acc-ink)}
.card.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.go{margin-top:auto;font-size:var(--fs-sm);font-weight:500;display:flex;justify-content:space-between;align-items:center;padding-top:8px}
.go .ar{width:36px;height:36px;border-radius:50%;background:var(--ground);display:grid;place-items:center;transition:background .3s,transform .45s var(--ease)}
.lnk:hover .go .ar{background:var(--acc);transform:rotate(-45deg)}
.dk .go .ar{background:var(--ink-3)}
.price{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.price b{font-size:24px;letter-spacing:-.03em;font-weight:500}
.price span{font-size:13px;color:var(--soft)}

/* tilted value cards */
.stack3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;padding-top:20px}
.vc{border-radius:var(--r-lg);padding:clamp(24px,3vw,36px);min-height:380px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;transition:transform .6s var(--ease),box-shadow .6s}
.vc:nth-child(1){transform:rotate(-3deg)}
.vc:nth-child(2){transform:rotate(2deg) translateY(30px)}
.vc:nth-child(3){transform:rotate(-1.5deg)}
.vc:hover{transform:rotate(0) translateY(-8px);box-shadow:0 34px 70px rgba(0,0,0,.16)}
.vc .num{font-size:clamp(56px,6.5vw,96px);letter-spacing:-.055em;line-height:.9;font-weight:500}
.vc h3{font-size:30px;letter-spacing:-.03em;line-height:1.05}
.vc p{font-size:15px;line-height:1.5}

/* ============ STATS ============ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.stat{padding:26px 22px 8px 0;display:flex;flex-direction:column;gap:8px}
.stat b{font-size:clamp(44px,5vw,80px);letter-spacing:-.045em;line-height:1;font-weight:500;font-variant-numeric:proportional-nums}
.stat span{font-size:var(--fs-sm);color:var(--soft);max-width:18em}
.dark .stats{border-color:var(--line-d)}.dark .stat span{color:var(--on-dark-soft)}
.orange .stats{border-color:rgba(18,22,26,.2)}.orange .stat span{color:var(--acc-ink)}
.bignums{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:var(--space-sm)}
.bn{border-radius:var(--r-lg);padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:220px}
.bn b{font-size:clamp(64px,9vw,150px);letter-spacing:-.05em;line-height:.85;font-weight:500;font-variant-numeric:proportional-nums}
.bn span{font-size:15px;max-width:16em}
.bn.span2{grid-row:span 2}

/* ============ STEPS / TIMELINE ============ */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.step{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.step:before{counter-increment:s;content:"0" counter(s);font-size:13px;font-weight:600;color:var(--soft)}
.step h3{font-size:22px;letter-spacing:-.03em;line-height:1.1}
.step p{font-size:var(--fs-sm);color:var(--soft)}
.sticky-story{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(20.4px,4vw,64px);align-items:start}
.sticky-story .ss-l{position:sticky;top:120px}
.ss-big{font-size:clamp(90px,15vw,240px);line-height:.8;letter-spacing:-.07em;font-weight:500;color:var(--acc);font-variant-numeric:tabular-nums;transition:opacity .3s}
.ss-item{padding:clamp(23.8px,4vw,51.2px) 0;border-top:1px solid var(--line);opacity:.35;transition:opacity .5s}
.dark .ss-item{border-color:var(--line-d)}
.ss-item.act{opacity:1}
.ss-item h3{font-size:var(--fs-state);line-height:1;letter-spacing:-.045em;margin-bottom:18px}
.ss-item p{font-size:var(--fs-lead);max-width:30em}
.tl{display:grid;grid-template-columns:280px 1fr;gap:clamp(20.4px,4vw,64px);align-items:start}
.tl-nav{position:sticky;top:120px;display:flex;flex-direction:column;gap:4px}
.tl-nav button{border:0;background:none;text-align:left;padding:10px 14px;border-radius:var(--r-sm);font-size:15px;font-weight:500;color:var(--mute);display:flex;gap:12px;transition:background .3s,color .3s}
.tl-nav button i{font-style:normal;font-size:12px;font-weight:600;padding-top:2px}
.tl-nav button.act{background:var(--ink);color:#fff}
.tl-nav button.act i{color:var(--acc)}
.tl-prog{height:3px;border-radius:3px;background:var(--line);margin:10px 14px;overflow:hidden}
.tl-prog i{display:block;height:100%;width:var(--p,0%);background:var(--acc);transition:width .3s}
.tl-stage{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:clamp(23.8px,3.2vw,44.8px) 0;border-top:1px solid var(--line);align-items:start}
.tl-stage .num-label{grid-column:1/-1}
.tl-stage h3{font-size:clamp(32px,4vw,60px);letter-spacing:-.045em;line-height:1}
.tl-stage ul{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.tl-stage li{display:flex;gap:10px;font-size:15px}
.tl-stage li:before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:var(--acc);margin-top:9px}

/* ============ LISTS ============ */
.ticks{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}
.ticks li{display:flex;gap:12px;font-size:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.ticks li:before{content:"✓";width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink)}
.ticks.one{grid-template-columns:1fr}
.dark .ticks li{border-color:var(--line-d)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips span{border-radius:var(--pill);padding:10px 16px;background:var(--white);font-size:15px;font-weight:500}
.dark .chips span{background:var(--ink-3)}
.typo-list{display:flex;flex-wrap:wrap;gap:.1em .4em;font-size:clamp(40px,7vw,120px);line-height:1;letter-spacing:-.055em;font-weight:500}
.typo-list span{transition:color .3s;cursor:default}
.typo-list span:nth-child(odd){color:var(--mute)}
.typo-list span:hover{color:var(--acc)}
.typo-list span:after{content:"·";color:var(--acc);margin-left:.3em}
.typo-list span:last-child:after{content:""}

/* ============ FAQ / TABS / FILTERS ============ */
.faq details{border-bottom:1px solid var(--line);padding:24px 0}
.dark .faq details{border-color:var(--line-d)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;cursor:pointer;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-weight:400;transition:transform .35s var(--ease)}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{margin-top:12px;font-size:16px;color:var(--soft);max-width:44em}
.dark .faq details p{color:var(--on-dark-soft)}
.tabs{display:inline-flex;gap:4px;background:var(--white);border-radius:var(--pill);padding:4px;flex-wrap:wrap}
.tabs button{border:0;background:none;border-radius:var(--pill);padding:10px 18px;font-size:var(--fs-sm);font-weight:500}
.tabs button.on{background:var(--ink);color:#fff}
.tp{display:none}.tp.on{display:block;animation:fadeUp .45s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fbar{display:flex;gap:8px;flex-wrap:wrap}
.fbar button{border:0;border-radius:var(--pill);padding:10px 16px;font-size:var(--fs-sm);font-weight:500;background:var(--white);transition:background .25s,color .25s}
.fbar button.on{background:var(--ink);color:#fff}

/* ============ CASES ============ */
.cgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20.4px,2.4vw,32px) var(--space-md)}
.ccard{display:flex;flex-direction:column;gap:14px}
.ccard.lnk{cursor:pointer}
.ccard .media{border-radius:var(--r-lg)}
.ccard h3{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.035em;line-height:1.08;transition:color .3s}
.ccard.lnk:hover h3{color:var(--acc)}
.ccard .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ccard .res{display:flex;margin-top:4px}
.ccard .res b{display:block;color:var(--ink);font-size:20px;letter-spacing:-.03em;font-weight:500}
.cw-7{grid-column:span 7}.cw-5{grid-column:span 5}.cw-6{grid-column:span 6}.cw-4{grid-column:span 4}.cw-8{grid-column:span 8}.cw-12{grid-column:span 12}
.cw-5.drop{margin-top:clamp(34px,6.4vw,112px)}
.empty{grid-column:1/-1;background:var(--white);border-radius:var(--r-lg);padding:40px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}
.ba .media{border-radius:var(--r-lg)}
.ba .lbl{position:absolute;top:14px;left:14px;z-index:2}

/* ============ QUOTE ============ */
.quote{font-size:var(--fs-state);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.quote:before{content:"“";color:var(--acc)}

/* ============ POSTS ============ */
.post{display:flex;flex-direction:column;gap:14px;cursor:pointer}
.post h3{font-size:22px;letter-spacing:-.03em;line-height:1.15;transition:color .3s}
.post:hover h3{color:var(--acc)}
.post.feat h3{font-size:var(--fs-state)}
.plist{display:flex;flex-direction:column}
.plist a{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.02em}
.plist a b{font-size:13px;color:var(--acc);font-weight:600}
.plist a:hover{color:var(--acc)}

/* ============ FORMS / CTA ============ */
.cta{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(22.1px,3.2vw,51.2px);align-items:end}
.form{display:flex;flex-direction:column;gap:12px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-size:13px;color:var(--on-dark-soft)}
.light .fld label{color:var(--soft)}
.fld input,.fld textarea,.fld select{font:inherit;font-size:16px;border:0;border-radius:var(--r-sm);padding:14px 16px;background:var(--ink-2);color:#fff;resize:vertical}
.light .fld input,.light .fld textarea,.light .fld select{background:var(--ground);color:var(--ink)}
.fld input::placeholder,.fld textarea::placeholder{color:#7f8a93}
.fld.err input{box-shadow:inset 0 0 0 1.5px #ff8a7a}
.fld .em{display:none;font-size:12px;color:#ff8a7a}
.fld.err .em{display:block}
.fld2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.okm{display:none;background:var(--acc);color:var(--ink);border-radius:var(--r-sm);padding:14px 16px;font-size:15px;font-weight:500}
.okm.show{display:block;animation:fadeUp .4s var(--ease)}
.fine{font-size:12px;color:#7f8a93}
.opt{display:flex;gap:8px;flex-wrap:wrap}
.opt label{cursor:pointer}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:inline-block;border-radius:var(--pill);padding:9px 14px;font-size:14px;background:var(--ground);transition:background .25s,color .25s}
.opt input:checked+span{background:var(--ink);color:#fff}
.opt input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}

/* ============ MODAL ============ */
.mo{position:fixed;inset:0;z-index:100;background:rgba(10,12,14,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:.3s}
.mo.open{opacity:1;visibility:visible}
.mo-b{width:min(540px,100%);background:var(--white);border-radius:var(--r-lg);padding:30px;position:relative;transform:translateY(24px) scale(.98);transition:transform .45s var(--ease);max-height:calc(100svh - 32px);overflow:auto}
.mo.open .mo-b{transform:none}
.mo-x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:0;background:var(--ground);font-size:20px}

/* ============ MAP ============ */
.mapbox{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#dedcd7;min-height:420px}
.mapbox svg{position:absolute;inset:0;width:100%;height:100%}
.ymap{min-height:480px;background:#e9e7e2}
.ymap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-card{position:absolute;left:16px;top:16px;z-index:2;width:min(360px,calc(100% - 32px));background:var(--white);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 40px -20px rgba(18,22,26,.45)}
.map-card b{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.25}
.map-card .pill.line{color:var(--ink)}
@media (max-width:640px){.ymap{min-height:0;display:flex;flex-direction:column}.ymap iframe{position:relative;height:340px;order:2}.map-card{position:relative;left:auto;top:auto;width:auto;box-shadow:none;border-radius:0;order:1}}
.pin{position:absolute;left:52%;top:46%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:8px}
.pin .bub{background:var(--ink);color:#fff;border-radius:var(--r-sm);padding:10px 14px;font-size:14px;white-space:nowrap}
.pin .dot{width:20px;height:20px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 8px rgba(255,98,31,.25);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 16px rgba(255,98,31,.08)}}

/* ============ FOOTER ============ */
.foot{margin:var(--gut) 0;padding:var(--pad);display:flex;flex-direction:column;gap:clamp(27.2px,4vw,44.8px)}
.foot-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.foot-logo{height:56px;margin-bottom:26px}
.foot h4{font-size:24px;letter-spacing:-.03em;margin-bottom:16px}
.fcol{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line-d);padding-left:18px}
.fcol a{font-size:15px;cursor:pointer;color:#e3e7ea}.fcol a:hover{color:var(--acc)}
.socials{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.socials a{font-size:12px;border-radius:var(--pill);padding:7px 12px;background:rgba(255,255,255,.1);transition:background .3s}
.socials a:hover{background:var(--acc);color:var(--ink)}
.subs{display:flex;background:var(--ink-2);border-radius:var(--pill);padding:5px 5px 5px 18px;gap:8px;align-items:center;max-width:380px}
.subs input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;font-size:15px}
.subs button{width:42px;height:42px;border-radius:50%;border:0;background:var(--acc);font-size:16px;flex:0 0 42px}
.foot-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#7f8a93}

/* ============ ЕДИНЫЙ РИТМ БЛОКОВ (главная и страницы «Сайты») ============ */
:root{--gap-home:clamp(80px,11.1vw,176px)}
#p-home>*,.rhythm>*{margin-block:0!important;padding-block:0!important}
#p-home>*+*,.rhythm>*+*{margin-top:var(--gap-home)!important}
#p-home>.wrap:nth-child(2){margin-top:8px!important}
#p-home>.snap-top,.rhythm>.snap-top{margin-top:var(--gut)!important}
#p-home [data-cta] .cta,.rhythm [data-cta] .cta{margin-top:0!important}
.rhythm>[data-cta]{margin-top:clamp(47.6px,5.6vw,89.6px)!important}
.rhythm>.wrap:first-child>.in.phead{padding-bottom:0}
#p-home .clients{padding-bottom:0}
#p-home>.giant{overflow-x:clip;overflow-y:visible}
#p-home .giant span{line-height:.78}

/* ============ СТРАНИЦЫ «САЙТЫ» ============ */
.sfmt{display:inline-flex;gap:4px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.08);align-self:flex-start;max-width:100%;overflow-x:auto;scrollbar-width:none}
.sfmt::-webkit-scrollbar{display:none}
.sfmt button{white-space:nowrap;flex:0 0 auto;border:0;background:none;color:var(--on-dark-soft);padding:9px 16px;border-radius:var(--pill);font-size:14px;font-weight:500;transition:background .25s,color .25s}
.sfmt button:hover{color:#fff}
.sfmt button.on{background:#fff;color:var(--ink)}
.stat b.sm{font-size:clamp(30px,3.4vw,52px)}
.fit{gap:clamp(20.4px,3.2vw,51.2px);align-items:start}
.fit-list li{padding:20px 0;border-top:1px solid var(--line)}
.fit-list li:last-child{border-bottom:1px solid var(--line)}
.fit-list h3{font-size:clamp(19px,1.7vw,24px);letter-spacing:-.025em;line-height:1.2}
.fit-list p{margin-top:6px;color:var(--soft);font-size:15px}
.fit-no{padding:clamp(20.4px,2.4vw,32px)}
.fit-list.no li:last-child{border-bottom:0}
.fit-list.no h3{font-size:clamp(17px,1.4vw,20px)}
.fit-list.no h3:before{content:"✕";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ground);font-size:11px;margin-right:10px;vertical-align:2px}
.lnk-a{border:0;background:none;padding:0;margin-top:8px;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px}
.lnk-a:hover{color:var(--acc)}
.role h3{font-size:clamp(22px,2vw,28px)}
.role p b{color:var(--ink);font-weight:600}
.role-cta{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:14px;font-weight:600}
.lblocks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;counter-reset:none}
.lblocks li{display:grid;grid-template-columns:40px 1fr;gap:10px;background:var(--white);border-radius:var(--r-lg);padding:22px}
.lblocks h3{font-size:20px;letter-spacing:-.02em}
.lblocks p{margin-top:6px;color:var(--soft);font-size:15px}
.work4{gap:clamp(18px,2.4vw,36px)}
.work4 .ticks li{font-size:15px;padding:11px 0}
.pbox{padding:clamp(20.4px,2.7vw,35.2px)}
.stats.one{grid-template-columns:1fr 1fr;border-top:0}
.stats.one .stat{padding-top:0}
.cmp-wrap{margin-top:var(--space-lg);background:var(--white);border-radius:var(--r-lg);padding:8px clamp(14px,2.4vw,28px);overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{text-align:left;padding:15px 14px;border-top:1px solid var(--line);vertical-align:top}
.cmp thead th{border-top:0;padding-top:18px}
.cmp tbody th{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);width:18%}
.cmp thead button{border:0;background:none;padding:0;font-size:clamp(17px,1.5vw,21px);font-weight:500;letter-spacing:-.02em;cursor:pointer}
.cmp thead button:hover{color:var(--acc)}
.cmp .cur{background:#fff3ec}
.cmp thead th.cur{border-radius:14px 14px 0 0;box-shadow:inset 0 3px 0 var(--acc)}
.plat .card h3{font-size:22px}
.plat-c{margin-top:auto;font-size:13px;color:var(--soft);padding-top:12px;border-top:1px solid var(--line)}
.guar{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(23.8px,4vw,64px);padding:clamp(23.8px,4vw,57.6px);align-items:start}
.guar-g{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-d);border-radius:var(--r-md);overflow:hidden}
.guar-g>div{background:var(--ink);padding:24px 22px;display:flex;flex-direction:column;gap:4px}
.guar-g b{font-size:clamp(34px,3.6vw,54px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.guar-g span{font-size:15px;font-weight:500}
.guar-g p{font-size:14px;color:var(--on-dark-soft);margin-top:6px}
.review{margin:0;min-height:180px;justify-content:space-between}
.review footer{font-size:14px;font-weight:600}

/* ============ ГЛАВНАЯ: КАК МЫ РАБОТАЕМ ============ */
.acc-word{color:var(--acc)}
.how-head{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-lg);align-items:end;margin-bottom:var(--space-lg)}
.how-cols,.how-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}
.how-cols{padding-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.how-row{padding:26px 0;border-top:1px solid var(--line)}
.how-row:last-child{border-bottom:1px solid var(--line)}
.how-n{font-size:15px;font-weight:600;color:var(--mute);font-variant-numeric:tabular-nums;padding-top:4px;transition:color .3s}
.how-row:hover .how-n{color:var(--acc)}
.how-s h3{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em;line-height:1.15}
.how-t{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--soft)}
.how-t:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc)}
.how-d{font-size:16px;color:var(--soft);line-height:1.5;padding-top:3px}
.how-r{font-size:16px;font-weight:500;line-height:1.45;padding-top:3px}
.how-r small{display:none}

/* ============ ГЛАВНАЯ: ЧАСТЫЕ СОМНЕНИЯ ============ */
.doubts{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(23.8px,4vw,64px);padding:clamp(23.8px,4vw,57.6px);align-items:start;isolation:isolate}
.doubts-l{position:sticky;top:110px}

.doubts-q{position:absolute;left:-.04em;bottom:-.3em;font-size:clamp(280px,40vw,660px);line-height:1;font-weight:600;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px rgba(255,98,31,.28);pointer-events:none;z-index:-1;user-select:none}
.doubts-r{display:flex;flex-direction:column;gap:10px}
.dbt{background:var(--ink-2);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line-d);transition:box-shadow .35s,transform .45s var(--ease)}
.dbt:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,98,31,.45)}
.dbt.open{box-shadow:inset 0 0 0 1px rgba(255,98,31,.45)}
.dbt-q{appearance:none;border:0;background:none;width:100%;text-align:left;display:grid;grid-template-columns:34px 1fr 42px;gap:14px;align-items:center;padding:20px 20px 20px 22px;cursor:pointer;font-size:clamp(18px,1.6vw,23px);letter-spacing:-.025em;font-weight:500;line-height:1.2;color:#fff;border-radius:var(--r-md)}
.dbt-q:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.dbt-n{font-size:13px;font-weight:600;color:var(--acc);letter-spacing:.02em}
.dbt-i{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);position:relative;transition:background .3s,transform .5s var(--ease)}
.dbt-i:before,.dbt-i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .45s var(--ease),background .3s;background:#fff}
.dbt-i:after{transform:translate(-50%,-50%) rotate(90deg)}
.dbt-q:hover .dbt-i{background:rgba(255,255,255,.16)}
.dbt.open .dbt-i{background:var(--acc);transform:rotate(180deg)}
.dbt.open .dbt-i:before,.dbt.open .dbt-i:after{background:#fff}
.dbt.open .dbt-i:after{transform:translate(-50%,-50%) rotate(0)}
.dbt-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.dbt-a>div{overflow:hidden;visibility:hidden;transition:visibility 0s .55s}
.dbt.open .dbt-a{grid-template-rows:1fr}
.dbt.open .dbt-a>div{visibility:visible;transition:none}
.dbt-a p{padding:0 76px 24px 70px;color:var(--on-dark-soft);font-size:16px;max-width:44em}

/* ============ КАРТОЧКИ КЕЙСОВ ============ */

.ccard .res .go-l{display:inline-flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);font-weight:500;font-size:14px;white-space:nowrap;border-radius:var(--pill);padding:8px 8px 8px 18px;transition:background .3s,color .3s}
.ccard .res .go-l .ar{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;transition:transform .45s var(--ease),background .3s}
.ccard.lnk:hover .res .go-l .ar{transform:rotate(45deg);background:var(--ink)}
.ccard.lnk:hover .res .go-l{background:var(--acc);color:var(--ink)}
.fbar-l{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--mute);margin:6px 0 -2px}

/* ============ СТРАНИЦЫ КЕЙСОВ И СТАТЕЙ ============ */
.cmeta{display:grid;grid-template-columns:repeat(3,1fr);margin:8px 0 0;border-top:1px solid var(--line-d)}
.cmeta div{padding:18px 18px 18px 0;border-bottom:1px solid var(--line-d)}
.cmeta dt{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--on-dark-soft);text-transform:uppercase}
.cmeta dd{margin:6px 0 0;font-size:17px;letter-spacing:-.01em}
.cres{padding:clamp(22.1px,3.2vw,48px)}
.cres .stat b{font-size:clamp(32px,3.5vw,60px)}
.t-long{font-size:clamp(34px,4.6vw,76px);line-height:1.02;letter-spacing:-.045em;max-width:17em}
.ccard .meta .tag{font-size:11px;padding:4px 10px}
.cres-note{margin-top:22px;color:var(--acc-ink);max-width:62em;font-size:var(--fs-sm)}
.art-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(27.2px,4.8vw,88px);align-items:start}
.toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px;font-size:14px}
.toc nav{display:flex;flex-direction:column;border-left:2px solid var(--line)}
.toc nav a{padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--soft);cursor:pointer;line-height:1.3;transition:color .25s,border-color .25s}
.toc nav a:hover,.toc nav a.act{color:var(--ink);border-color:var(--acc)}
.toc .chips span{font-size:13px;padding:7px 12px;cursor:pointer}
.toc .chips span:hover{background:var(--acc)}
.prose{overflow-wrap:break-word;word-break:break-word;max-width:760px;font-size:18px;line-height:1.65;min-width:0}
.prose>*+*{margin-top:22px}
.prose h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;line-height:1.08;margin-top:clamp(40.8px,4.8vw,67.2px);scroll-margin-top:110px}
.prose>h2:first-child{margin-top:0}
.prose p{color:#2b3339}
.prose .pl li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid var(--line)}
.prose .pl li:before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.prose .po{counter-reset:o}
.prose .po li{counter-increment:o;display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.prose .po li:before{content:counter(o,decimal-leading-zero);font-size:13px;font-weight:700;color:var(--acc);padding-top:4px}
.prose .pq{margin:44px 0;padding:4px 0 4px 28px;border-left:4px solid var(--acc);font-size:clamp(22px,2.3vw,31px);line-height:1.25;letter-spacing:-.03em;font-weight:500;color:var(--ink)}
.pstat{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:auto 1fr;gap:10px 28px;align-items:center}
.pstat b{font-size:clamp(40px,5vw,72px);letter-spacing:-.05em;line-height:1;color:var(--acc);font-weight:500;white-space:nowrap}
.prose .pstat p{color:#fff;font-size:17px;line-height:1.45}
.pstat small{grid-column:1/-1;color:var(--on-dark-soft);font-size:12px}
.pcheck{background:var(--white);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px)}
.pcheck .ticks li{font-size:16px;padding:12px 0}
.pcheck .ticks li:last-child{border-bottom:0}
.ptbl{word-break:normal;overflow-wrap:normal;hyphens:auto;overflow-x:auto;background:var(--white);border-radius:var(--r-lg);padding:6px 22px}
.ptbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
.ptbl th{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--mute);text-align:left;padding:14px 12px 12px 0;text-transform:uppercase}
.ptbl td{padding:13px 12px 13px 0;border-top:1px solid var(--line);vertical-align:top}
.ptbl td:first-child{font-weight:500}
.tldr{background:var(--acc);border-radius:var(--r-lg);padding:clamp(22px,3vw,32px)}
.tldr ul{margin-top:12px}
.tldr li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:12px 0;border-top:1px solid rgba(18,22,26,.18);font-size:17px;font-weight:500;line-height:1.35}
.tldr li:before{content:"→";font-weight:600}
.svc-cta{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;padding:clamp(20.4px,2.7vw,32px);margin-top:clamp(40.8px,4.8vw,64px)}
.svc-cta h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;line-height:1.1;margin-top:10px}
.svc-cta .row{justify-content:flex-end}
.prose .svc-cta p{color:var(--on-dark-soft)}.prose .svc-cta .eyebrow{color:#fff}
.case-act{justify-content:flex-end}
.phead .ptags{margin-bottom:-4px}
.prose h3{font-size:clamp(20px,1.8vw,25px);letter-spacing:-.025em;line-height:1.2;margin-top:34px}
.prose .pnote{background:var(--white);border-radius:var(--r-md);padding:20px 24px;border-left:4px solid var(--acc);font-size:17px;color:var(--ink)}
.prose .pconcl{background:#ffe3d4;border-radius:var(--r-md);padding:18px 22px;font-size:17px;color:var(--acc-ink)}
.prose .pconcl b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:var(--acc)}
.prose b{font-weight:600;color:var(--ink)}
.pimg{position:relative;margin:34px 0!important}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;border-radius:var(--r-lg);background:var(--white)}
.pimg.ok img{position:static;height:auto;opacity:1;transition:opacity .4s}
.pimg.ok .pimg-ph{display:none}
.pimg-ph{aspect-ratio:16/8;border-radius:var(--r-lg);background:var(--white) radial-gradient(circle at 1px 1px,rgba(18,22,26,.12) 1px,transparent 1.5px) 0 0/18px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(18px,3vw,30px);box-shadow:inset 0 0 0 1px var(--line)}
.pimg-ph span{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--acc);color:var(--ink);border-radius:var(--pill);padding:5px 10px}
.pimg-ph b{font-size:clamp(17px,1.7vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.25;max-width:30em}
.pimg figcaption{margin-top:10px;font-size:13px;color:var(--soft)}
.pimg:not(.ok) figcaption{display:none}

.prose .po{list-style:none;padding:0}
.post.feat h3{font-size:clamp(26px,2.8vw,44px);line-height:1.08}
.post.feat{display:grid;grid-template-columns:1.25fr 1fr;gap:14px clamp(20.4px,3.2vw,51.2px);align-items:center;align-content:center}
.post.feat .media{grid-row:1/span 3}.post.feat>:not(.media){grid-column:2}
@media (max-width:820px){.post.feat{grid-template-columns:1fr}.post.feat .media{grid-row:auto}.post.feat>:not(.media){grid-column:auto}}
.post .row .rt{font-size:12px;color:var(--mute)}
.post p.lead{font-size:17px}


/* ============ СТРАНИЦЫ УСЛУГ v2 ============ */
.ico{width:22px;height:22px;flex:0 0 auto}
.svc-hero{gap:0!important;padding-bottom:var(--pad)!important}
.svc-hero .crumbs{margin-bottom:clamp(20px,3vw,36px)}
.svc-h1{max-width:13em}
.svc-sub{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:var(--space-md) var(--space-lg);align-items:end;margin-top:clamp(23.8px,3.2vw,41.6px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line-d)}
.svc-sub .lead{max-width:34em}
.svc-sub .row{justify-content:flex-end}
.offers{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;margin-top:clamp(30.6px,4vw,51.2px)}
.offer{position:relative;background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:clamp(18px,2.6vw,36px);min-height:clamp(170px,15vw,230px);transition:transform .45s var(--ease)}
.offer:hover{transform:translateY(-4px)}
.of-top{display:flex;align-items:center;gap:10px}
.of-ic{width:38px;height:38px;padding:8px;border-radius:50%;background:#ffe3d4;color:#d9480f}
.of-cap{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.of-v{margin-top:auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;line-height:.9}
.of-v small{font-size:clamp(16px,1.4vw,20px);color:var(--soft);font-weight:500}
.of-v b{font-size:clamp(56px,6.4vw,104px);font-weight:500;letter-spacing:-.045em;font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0}
.of-v b.txt{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em;line-height:1.1}
.of-v span{font-size:clamp(17px,1.5vw,22px);font-weight:500;letter-spacing:-.02em}
.offer.is-gift{background:linear-gradient(160deg,#fff 55%,#ffe8dc)}
.offer.is-gift .of-v b{color:#e8520f}
.of-tag{position:absolute;top:16px;right:16px;transform:rotate(4deg);background:var(--ink);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:7px 12px;border-radius:var(--pill);box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.who{gap:12px}
.who-c{min-height:240px}
.who-top{display:flex;justify-content:space-between;align-items:flex-start}
.who-ic{width:52px;height:52px;border-radius:14px;background:#ffe3d4;color:#d9480f;display:grid;place-items:center}
.who-ic .ico{width:26px;height:26px}
.who-n{font-size:clamp(40px,3.6vw,56px);font-weight:500;letter-spacing:-.05em;line-height:.8;color:#e4e1dc}
.who-c h3{margin-top:28px}
.who-c:hover .who-n{color:var(--acc)}
.who-n{transition:color .3s}
.task{display:grid;grid-template-columns:1fr 2.3fr;gap:var(--space-md);align-items:start}
.task-t{color:#8d9399;font-size:clamp(28px,3.5vw,54px);line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:22em}
.task-t mark.hl{color:var(--ink);background:linear-gradient(transparent 58%,#ffd2bb 58%,#ffd2bb 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.task-t .w mark.hl,.task-t mark.hl .w{color:var(--ink)}
.flow{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.flow-s{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.5fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}
.flow-l{display:flex;flex-direction:column;gap:10px}
.flow-l .how-t{align-items:flex-start;margin-top:0}
.flow-l .how-t:before{margin-top:7px;flex:0 0 6px}
.flow-n{font-size:clamp(34px,3vw,46px);font-weight:500;letter-spacing:-.05em;line-height:.9;color:var(--acc)}
.flow-m h3{font-size:clamp(21px,1.9vw,27px);letter-spacing:-.03em;line-height:1.15}
.flow-m p{margin-top:8px;color:var(--soft);font-size:15px;max-width:26em}
.flow-i{display:flex;flex-wrap:wrap;gap:8px}
.flow-i li{display:flex;align-items:flex-start;gap:8px;background:#fff;border-radius:12px;padding:10px 14px 10px 10px;font-size:15px;line-height:1.35;box-shadow:0 1px 0 rgba(18,22,26,.04);transition:transform .3s var(--ease),box-shadow .3s}
.flow-i li:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(18,22,26,.35)}
.flow-i .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:3;flex:0 0 18px;margin-top:1px}
.price2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20.4px,3.2vw,51.2px);align-items:stretch}
.p2-l{display:flex;flex-direction:column;gap:18px}
.p2-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.p2-nums>div{background:#fff;border-radius:var(--r-lg);padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.p2-nums .of-v b{font-size:clamp(46px,4.6vw,76px)}
.bonus{display:grid;gap:8px}
.bonus li{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 16px;font-size:16px;font-weight:500}
.bonus-ic{width:36px;height:36px;border-radius:10px;background:#ffe3d4;color:#d9480f;display:grid;place-items:center;flex:0 0 36px}
.bonus-ic .ico{width:20px;height:20px}
.p2-r{padding:clamp(20.4px,2.7vw,35.2px);display:flex;flex-direction:column;gap:18px}
.p2-tag{align-self:flex-start;background:rgba(255,98,31,.16);color:var(--acc-2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:var(--pill)}
.p2-r h3{font-size:clamp(28px,2.8vw,42px);letter-spacing:-.04em;line-height:1.05}
.p2-list{display:grid;gap:10px;color:var(--on-dark-soft)}
.p2-list li{display:flex;gap:10px;align-items:flex-start}
.p2-list .ico{width:20px;height:20px;color:var(--acc);stroke-width:2.4;margin-top:2px}
.p2-r .form{margin-top:auto}
.p2-r .fine{font-size:12px;color:#7f8a93}


/* итог процесса + оффер */
.flow-end{margin-top:14px;display:grid;grid-template-columns:120px minmax(0,1.15fr) minmax(0,1fr);gap:24px clamp(20.4px,2.4vw,38.4px);padding:clamp(20.4px,2.4vw,32px) clamp(20px,2.6vw,36px);align-items:start}
.fe-l{display:flex;flex-direction:column;gap:12px}
.fe-mark{width:52px;height:52px;border-radius:50%;background:var(--acc);display:grid;place-items:center;color:#fff}
.fe-mark .ico{width:26px;height:26px;stroke-width:2.6}
.fe-l .how-t{color:var(--on-dark-soft)}
.fe-m h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;line-height:1.1;margin-bottom:18px}
.fe-chips{display:flex;flex-wrap:wrap;gap:8px}
.fe-chips li{display:flex;align-items:center;gap:8px;background:var(--ink-3);border:1px solid var(--line-d);border-radius:12px;padding:9px 14px 9px 10px;font-size:15px}
.fe-chips .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:3;flex:0 0 18px}
.fe-r{background:var(--ink-2);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 0 0 1px rgba(255,98,31,.35)}
.fe-q{font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--acc)}
.fe-btns{display:flex;flex-wrap:wrap;gap:10px}
.fe-soc{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--on-dark-soft)}
.fe-soc a:hover{color:var(--acc)}

/* светлые шапки страниц: описание справа компактнее */
.in.phead .g-64 .lead{font-size:clamp(15px,1.15vw,18px);line-height:1.55;max-width:34em;justify-self:end}

/* О нас — миссия */
.mission{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(23.8px,4vw,64px);padding:clamp(23.8px,4vw,57.6px);align-items:start}
.ms-l{display:flex;flex-direction:column;gap:18px}
.ms-sub{font-size:clamp(18px,1.6vw,24px);line-height:1.35;letter-spacing:-.02em;color:#fff;max-width:18em}
.ms-r{display:flex;flex-direction:column;gap:22px}
.ms-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--on-dark-soft)}
.ms-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ms-roles li{background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:8px}
.ms-roles span{font-size:13px;font-weight:600;color:var(--acc)}
.ms-roles b{font-size:clamp(18px,1.5vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.15}
.ms-roles small{font-size:14px;line-height:1.4;color:var(--on-dark-soft)}
.mission .soft{color:var(--on-dark-soft)}

/* Контакты — мессенджеры */
.msg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(23.8px,3.5vw,51.2px);align-items:center}
.msg-l{display:flex;flex-direction:column;gap:18px}
.msg-l .soft{color:var(--on-dark-soft);max-width:26em}
.msg-time{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#fff;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--pill);padding:9px 16px;align-self:flex-start}
.msg-time .dot{width:8px;height:8px;border-radius:50%;background:#35c46a;box-shadow:0 0 0 4px rgba(53,196,106,.18)}
.msg-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.msg-c{--c:#fff;--c2:#ddd;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:14px 16px;align-items:center;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-lg);padding:20px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease),border-color .3s}
.msg-c:before{content:"";position:absolute;inset:auto -30% -70% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--c) 0%,transparent 65%);opacity:0;transition:opacity .4s;z-index:-1}
.msg-c:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.msg-c:hover:before{opacity:.28}
.msg-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--c),var(--c2));box-shadow:0 10px 24px -10px var(--c),inset 0 1px 0 rgba(255,255,255,.22)}
.msg-ic svg{width:28px;height:28px}
.msg-ic .vk{font-weight:700;font-size:18px;letter-spacing:-.02em}
.msg-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.msg-t b{font-size:clamp(19px,1.6vw,23px);font-weight:500;letter-spacing:-.02em}
.msg-t small{font-size:14px;color:var(--on-dark-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-d{grid-column:1/-1;font-size:13px;color:#8f9aa3;padding-top:12px;border-top:1px solid var(--line-d)}
.msg-ar{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;transition:background .3s,transform .45s var(--ease)}
.msg-c:hover .msg-ar{background:var(--c);transform:rotate(45deg)}
.msg-c.tg{--c:#37b6f2;--c2:#1f96d3}
.msg-c.max{--c:#7a52ff;--c2:#4a8cff}
.msg-c.max .msg-ic{background:linear-gradient(145deg,#4a8cff 0%,#7a52ff 60%,#a64dff 100%)}
.msg-c.wa{--c:#25d366;--c2:#169c4a}
.msg-c.vk{--c:#2787f5;--c2:#0a63d6}

/* Контакты — брифы */
.bf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.bfc{display:flex;flex-direction:column;gap:14px;text-align:left;background:var(--white);border:0;border-radius:var(--r-lg);padding:clamp(22px,2.2vw,30px);font:inherit;color:var(--ink);cursor:pointer;min-height:300px;transition:transform .45s var(--ease),box-shadow .45s}
.bfc:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(18,22,26,.35)}
.bfc:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.bfc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:auto}
.bfc-ic{width:48px;height:48px;border-radius:14px;background:#ffe3d4;color:#d9480f;display:grid;place-items:center}
.bfc-ic .ico{width:24px;height:24px}
.bfc-n{font-size:12px;font-weight:600;color:var(--soft);background:var(--ground);border-radius:var(--pill);padding:6px 11px}
.bfc h3{font-size:clamp(22px,1.9vw,28px);letter-spacing:-.035em;line-height:1.1;font-weight:500;margin-top:24px}
.bfc p{font-size:15px;line-height:1.5;color:var(--soft)}
.bfc-go{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;padding-top:6px}
.bfc-go .ar{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background .3s,transform .45s var(--ease)}
.bfc:hover .bfc-go .ar{background:var(--acc);color:var(--ink);transform:translateX(4px)}
.bfc.dk{background:var(--ink);color:#fff}
.bfc.dk p{color:var(--on-dark-soft)}
.bfc.dk .bfc-ic{background:rgba(255,98,31,.16);color:var(--acc)}
.bfc.dk .bfc-n{background:var(--ink-2);color:var(--on-dark-soft)}
.bfc.dk .bfc-go .ar{background:var(--acc);color:var(--ink)}

/* поп-ап брифа */
.bf-mo{padding:16px}
.bf-b{width:min(1080px,100%);height:min(780px,calc(100svh - 32px));display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--ground);border-radius:var(--r-lg);overflow:hidden;transform:translateY(24px) scale(.98);transition:transform .45s var(--ease)}
.bf-mo.open .bf-b{transform:none}
.bf-side{background:var(--ink);color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:18px;overflow:auto}
.bf-nav{display:flex;flex-direction:column;gap:4px}
.bf-nav button{display:flex;gap:10px;align-items:center;text-align:left;font:inherit;font-size:14px;line-height:1.25;color:var(--on-dark-soft);background:transparent;border:0;border-radius:12px;padding:9px 10px;cursor:pointer;transition:background .25s,color .25s}
.bf-nav button span{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--ink-2);border:1px solid var(--line-d);color:#fff}
.bf-nav button:hover{background:var(--ink-2);color:#fff}
.bf-nav button.done span{background:rgba(53,196,106,.18);border-color:transparent;color:#5fd98a}
.bf-nav button.on{background:#fff;color:var(--ink);font-weight:500}
.bf-nav button.on span{background:var(--acc);border-color:var(--acc);color:#fff}
.bf-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.bf-head{display:flex;justify-content:space-between;gap:16px;padding:26px 28px 14px}
.bf-head h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em;line-height:1.05;font-weight:500}
.bf-head p{margin-top:8px;font-size:14px;line-height:1.5;color:var(--soft);max-width:44em}
.bf-head .mo-x{position:static;flex:0 0 42px;background:var(--white)}
.bf-prog{display:flex;align-items:center;gap:12px;padding:0 28px 16px;font-size:13px;font-weight:600;color:var(--soft)}
.bf-bar{flex:1;height:6px;border-radius:6px;background:rgba(18,22,26,.08);overflow:hidden}
.bf-bar i{display:block;height:100%;background:var(--acc);transform-origin:left;transition:transform .5s var(--ease)}
.bf-body{position:relative;flex:1;min-height:0}
.bf-scroll{height:100%;overflow:auto;padding:4px 28px 24px}
.bf-sec{display:none;border:0;margin:0;padding:0;flex-direction:column;gap:12px;animation:fadeUp .4s var(--ease)}
.bf-sec.on{display:flex}
.bf-sec legend{display:flex;flex-direction:column;gap:4px;font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.03em;margin-bottom:12px;padding:0}
.bf-sec legend span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.bf-f{background:var(--white);border-radius:var(--r-md);padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px}
.bf-q label{font-size:16px;font-weight:500;line-height:1.35}
.bf-q label i{font-style:normal;color:var(--acc)}
.bf-q small{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--soft)}
.bf-f input:not([type=checkbox]):not([type=radio]):not([type=range]),.bf-f textarea{font:inherit;font-size:15px;border:0;border-radius:12px;padding:13px 14px;background:var(--ground);color:var(--ink);resize:vertical;width:100%}
.bf-f input:focus,.bf-f textarea:focus{outline:2px solid var(--acc);outline-offset:0}
.bf-f.err input:not([type=checkbox]):not([type=radio]){box-shadow:inset 0 0 0 1.5px #e5484d}
.bf-err{display:none;font-size:12px;color:#d93d42}
.bf-f.err .bf-err{display:block}
.bf-chips{display:flex;flex-wrap:wrap;gap:8px}
.bf-chip{position:relative;cursor:pointer}
.bf-chip input{position:absolute;opacity:0;pointer-events:none}
.bf-chip span{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.2;padding:10px 14px;border-radius:var(--pill);background:var(--ground);transition:background .2s,color .2s,box-shadow .2s}
.bf-chip:hover span{box-shadow:inset 0 0 0 1px rgba(18,22,26,.25)}
.bf-chip input:checked+span{background:var(--ink);color:#fff}
.bf-chip input[type=checkbox]:checked+span:before{content:"✓";font-size:12px;color:var(--acc)}
.bf-chip input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.bf-oth{display:none}
.bf-oth.show{display:block}
.bf-range{display:flex;flex-direction:column;gap:8px}
.bf-range input{width:100%;accent-color:var(--acc)}
.bf-range output{font-size:clamp(24px,2.4vw,32px);font-weight:500;letter-spacing:-.03em}
.bf-rl{display:flex;justify-content:space-between;font-size:12px;color:var(--soft)}
.bf-hint{font-size:13px;color:var(--soft);padding:2px 4px}
.bf-foot{display:flex;align-items:center;gap:12px;padding:14px 28px;border-top:1px solid var(--line);background:var(--ground)}
.bf-foot .fine{flex:1;font-size:12px;color:var(--mute);text-align:center}
.bf-foot .pill.line{color:var(--ink)}
.bf-foot .pill:disabled{opacity:.35;pointer-events:none}
.bf-foot [hidden]{display:none!important}
.bf-ok{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:28px}
.bf-ok.show{display:flex;animation:fadeUp .45s var(--ease)}
.bf-ok-ic{width:72px;height:72px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:32px}
.bf-ok h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em;font-weight:500}
.bf-ok p{max-width:30em;color:var(--soft)}
.bf-body.sent .bf-scroll{visibility:hidden}
#brief:has(.bf-body.sent) .bf-foot{display:none}

@media (max-width:1024px){
  .mission,.msg{grid-template-columns:1fr}
  .bf-b{grid-template-columns:1fr}.bf-side{display:none}
}
@media (max-width:640px){
  .ms-roles{grid-template-columns:1fr}
  .msg-g{grid-template-columns:1fr}
  .bfc{min-height:0}
  .bf-mo{padding:0}
  .bf-b{height:100svh;border-radius:0}
  .bf-head p{display:none}
  .bf-head{padding:18px 16px 10px}.bf-prog{padding:0 16px 12px}.bf-scroll{padding:4px 16px 18px}
  .bf-foot{padding:12px 16px;flex-wrap:wrap}.bf-foot .fine{order:3;flex-basis:100%}
  .bf-foot .pill{flex:1;justify-content:center}
}


.bn.acc-num b{color:var(--acc)}
/* 5 брифов: 3 + 2 */
.bf-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.bf-cards .bfc{grid-column:span 2}
.bf-cards .bfc:nth-child(n+4){grid-column:span 3;min-height:260px}
/* файлы в брифе */
.bf-file{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line-d)}
.bf-fbtn{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;border-radius:14px;padding:13px 16px;background:var(--acc);color:#fff;cursor:not-allowed;opacity:.4;transition:opacity .3s,transform .3s var(--ease),box-shadow .3s;user-select:none}
.bf-fic{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:14px;line-height:1}
.bf-file.on .bf-fbtn,.bf-fbtn.bf-fm.on{opacity:1;cursor:pointer}
.bf-file.on .bf-fbtn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--acc)}
.bf-fnote{font-size:12px;line-height:1.4;color:#8f9aa3}
.bf-flist{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow:auto}
.bf-flist li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:var(--ink-2);border:1px solid var(--line-d);border-radius:10px;padding:7px 8px 7px 10px;font-size:12px}
.bf-flist span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bf-flist small{color:#8f9aa3}
.bf-flist button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.bf-fm{display:none}
@media (max-width:1024px){
  .bf-cards .bfc,.bf-cards .bfc:nth-child(n+4){grid-column:span 3;min-height:0}
  .bf-cards .bfc:last-child{grid-column:span 6}
  .bf-fm{display:flex;padding:12px 14px;flex:0 0 auto}
}
@media (max-width:640px){
  .bf-cards{grid-template-columns:1fr}
  .bf-cards .bfc,.bf-cards .bfc:nth-child(n+4),.bf-cards .bfc:last-child{grid-column:auto}
}


/* согласие и юр. ссылки */
.fine a,.foot-legal a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(127,138,147,.5);transition:color .25s,text-decoration-color .25s}
.fine a:hover,.foot-legal a:hover{color:var(--acc);text-decoration-color:var(--acc)}
.foot-legal{display:flex;gap:6px 18px;flex-wrap:wrap}
.foot-fine{margin-top:10px;max-width:28em;line-height:1.45}
/* подвал — мессенджеры иконками */
.fmsg{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.fmsg a{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);transition:transform .3s var(--ease),background .3s,box-shadow .3s}
.fmsg a svg{width:21px;height:21px}
.fmsg a span{font-weight:700;font-size:14px;letter-spacing:-.02em}
.fmsg a:hover{transform:translateY(-3px);border-color:transparent}
.fmsg .tg:hover{background:linear-gradient(145deg,#37b6f2,#1f96d3);box-shadow:0 10px 22px -10px #37b6f2}
.fmsg .max:hover{background:linear-gradient(145deg,#4a8cff 0%,#7a52ff 60%,#a64dff 100%);box-shadow:0 10px 22px -10px #7a52ff}
.fmsg .wa:hover{background:linear-gradient(145deg,#25d366,#169c4a);box-shadow:0 10px 22px -10px #25d366}
.fmsg .vk:hover{background:linear-gradient(145deg,#2787f5,#0a63d6);box-shadow:0 10px 22px -10px #2787f5}
.fmsg .ml:hover{background:linear-gradient(145deg,#ff8b55,#ff621f);box-shadow:0 10px 22px -10px #ff621f}
/* «Что интересует» — плитки */
.it-hint{color:#7f8a93}
.it-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.it{position:relative;cursor:pointer}
.it input{position:absolute;opacity:0;pointer-events:none}
.it-b{position:relative;display:flex;align-items:center;gap:10px;padding:12px 38px 12px 12px;border-radius:14px;background:var(--ink-2);border:1px solid var(--line-d);color:#fff;transition:background .25s,border-color .25s,transform .25s var(--ease)}
.it:hover .it-b{border-color:rgba(255,255,255,.28);transform:translateY(-2px)}
.it-ic{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--on-dark-soft);transition:background .25s,color .25s}
.it-ic .ico{width:18px;height:18px}
.it-t{font-size:14px;font-weight:500;line-height:1.2}
.it-ck{position:absolute;right:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:background .25s,border-color .25s}
.it input:checked+.it-b{background:rgba(255,98,31,.12);border-color:var(--acc)}
.it input:checked+.it-b .it-ic{background:var(--acc);color:#fff}
.it input:checked+.it-b .it-ck{background:var(--acc);border-color:var(--acc);box-shadow:inset 0 0 0 3px var(--ink-2)}
.it input:focus-visible+.it-b{outline:2px solid var(--acc);outline-offset:2px}
@media (max-width:560px){.it-g{grid-template-columns:1fr 1fr}}
/* юридические страницы */
.legal .phead h1{max-width:14em}
.legal-t{font-size:16px;line-height:1.7}
.legal-t h2{font-size:clamp(22px,2.2vw,30px);margin-top:clamp(30.6px,3.2vw,44.8px)}
.legal-t p+p{margin-top:12px}
.legal-t .pl li{padding:10px 0 10px 28px}
.legal-t .pl li:before{top:19px}
.lnk-u{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
.lnk-u:hover{color:var(--acc)}
.legal-card{margin-top:18px;background:var(--white);border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}
.legal-card .pill{align-self:stretch;justify-content:space-between;background:var(--ground);white-space:normal;text-align:left;border-radius:12px;line-height:1.3}
@media (max-width:1024px){.legal .toc{position:static}.legal .toc nav{display:none}}


/* ниши */
.ind-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20.4px,3.2vw,51.2px);border-top:1px solid var(--line)}
.ind-r{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .35s var(--ease)}
.ind-r:hover{padding-left:8px}
.ind-n{font-size:14px;font-weight:600;color:var(--acc)}
.ind-r h3{font-size:clamp(18px,1.6vw,23px);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.ind-c{font-size:12px;color:var(--soft);background:var(--white);border-radius:var(--pill);padding:6px 11px;white-space:nowrap}
@media (max-width:820px){.ind-list{grid-template-columns:1fr}.ind-r{grid-template-columns:36px 1fr}.ind-c{grid-column:2;justify-self:start}}
/* продвижение: прогноз */
.pfc{background:var(--white);border-radius:var(--r-lg);padding:clamp(20.4px,2.7vw,38.4px);display:flex;flex-direction:column;gap:clamp(22px,3vw,36px)}
.pfc-h{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px clamp(20.4px,3.2vw,51.2px);align-items:end}
.pfc-h .lead{font-size:clamp(16px,1.2vw,18px)}
.pfc-h h2{font-size:clamp(32px,3.8vw,60px);line-height:1.02}
.pap-h h2{font-size:clamp(32px,3.8vw,60px)}
.pfc-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pfc-g li{position:relative;background:var(--ground);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:170px}
.pfc-g li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:1;width:26px;height:26px;border-radius:50%;background:var(--white);display:grid;place-items:center;font-size:13px;color:var(--soft);box-shadow:0 0 0 1px var(--line)}
.pfc-k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.pfc-g b{font-size:clamp(36px,3.6vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1;margin-top:auto}
.pfc-g small{font-size:14px;line-height:1.4;color:var(--soft)}
.pfc-g li.last{background:var(--ink);color:#fff}
.pfc-g li.last b{color:var(--acc)}
.pfc-g li.last small,.pfc-g li.last .pfc-k{color:var(--on-dark-soft)}
.pfc-f{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}
.pfc-f p{max-width:40em}
/* продвижение: подход */
.pap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gut)}
.pap article{background:var(--white);border-radius:var(--r-lg);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:14px;min-height:260px;transition:transform .4s var(--ease)}
.pap article:hover{transform:translateY(-4px)}
.pap-n{font-size:clamp(34px,3vw,46px);font-weight:500;letter-spacing:-.05em;line-height:.9;color:#e4e1dc;transition:color .3s}
.pap article:hover .pap-n{color:var(--acc)}
.pap h3{font-size:clamp(19px,1.6vw,23px);font-weight:500;letter-spacing:-.025em;line-height:1.2}
.pap p{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--soft);margin-top:auto}
.pap p .ico{flex:0 0 20px;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:3;margin-top:1px}
/* продвижение: отчёт и гарантия */
.prp{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;background:var(--white);border-radius:var(--r-lg);padding:clamp(20.4px,2.4vw,32px)}
.prp-l{display:flex;flex-direction:column;gap:16px}
.prp-l h3{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.04em;line-height:1.08;font-weight:500}
.prp-i{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.prp-i li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}
.prp-i .ico{width:20px;height:20px;padding:3px;border-radius:50%;background:#ffe3d4;color:#d9480f;stroke-width:3;flex:0 0 20px}
.pgu{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(20.4px,3.2vw,51.2px);padding:clamp(20.4px,2.7vw,38.4px);align-items:start}
.pgu-l{display:flex;flex-direction:column;gap:14px}
.pgu-ic{width:56px;height:56px;border-radius:16px;background:var(--acc);color:#fff;display:grid;place-items:center}
.pgu-ic .ico{width:28px;height:28px}
.pgu-l h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;line-height:1.05;font-weight:500}
.pgu-r{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pgu-r li{background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.pgu-r b{font-weight:500;font-size:17px}
.pgu-r span{font-size:14px;color:var(--on-dark-soft)}
.pgu-b{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line-d)}
@media (max-width:1024px){.pap{grid-template-columns:1fr 1fr}.pfc-g{grid-template-columns:1fr 1fr}.pfc-g li:nth-child(2):after{display:none}}
@media (max-width:820px){.pfc-h,.prp,.pgu{grid-template-columns:1fr}}
@media (max-width:560px){.pap,.pfc-g{grid-template-columns:1fr}.pfc-g li{min-height:0}.pfc-g li:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-13px;transform:translateX(50%)}.pfc-g li:nth-child(2):after{display:grid}.pap article{min-height:0}}

/* оффер «аудит сайта» */
.aud h3{font-size:clamp(26px,2.5vw,38px)}
.aud-lead{color:var(--on-dark-soft);font-size:16px;line-height:1.55}
.aud-lead b{color:#fff;font-weight:500}
.aud-list{display:grid;gap:8px}
.aud-list li{display:flex;gap:14px;align-items:flex-start;background:var(--ink-2);border:1px solid var(--line-d);border-radius:14px;padding:14px 16px}
.aud-list b{display:block;font-weight:500;font-size:16px;margin-bottom:3px}
.aud-list li span:not(.aud-ic){font-size:14px;line-height:1.45;color:var(--on-dark-soft)}
.aud-ic{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:rgba(255,98,31,.14);color:var(--acc);display:grid;place-items:center}
.aud-ic .ico{width:19px;height:19px}
.aud-note{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--on-dark-soft)}
.aud-note .ico{width:20px;height:20px;flex:0 0 20px;color:var(--acc);margin-top:1px}
.aud .form{gap:12px}
@media (min-width:1181px){.aud-list{grid-template-columns:1fr 1fr}.aud-list li{flex-direction:column;gap:12px}}

/* «Смотрите также» */
.rel-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.rel-c{display:flex;flex-direction:column;background:var(--white);border-radius:var(--r-lg);padding:10px;cursor:pointer;color:inherit;text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s}
.rel-c:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(18,22,26,.35)}
.rel-c:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.rel-m{aspect-ratio:16/10;border-radius:calc(var(--r-lg) - 8px)}
.rel-tag,.rel-n{position:absolute;top:12px;z-index:2;font-size:12px;font-weight:600;padding:6px 11px;border-radius:var(--pill);background:rgba(18,22,26,.55);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rel-tag{left:12px}.rel-n{right:12px;letter-spacing:.04em}
.rel-b{display:flex;flex-direction:column;gap:10px;padding:18px 14px 12px;flex:1}
.rel-b h3{font-size:clamp(22px,1.9vw,28px);letter-spacing:-.035em;line-height:1.1;font-weight:500;transition:color .3s}
.rel-b p{font-size:15px;line-height:1.5;color:var(--soft)}
.rel-f{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rel-p{font-size:14px;font-weight:600;background:var(--ground);border-radius:var(--pill);padding:8px 13px}
.rel-t{font-size:14px;color:var(--soft)}
.rel-ar{margin-left:auto;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:18px;transition:background .3s,transform .45s var(--ease)}
.rel-c:hover .rel-ar{background:var(--acc);color:var(--ink);transform:rotate(45deg)}
.rel-c:hover h3{color:var(--acc)}
@media (max-width:1024px){.rel-g{grid-template-columns:repeat(2,minmax(0,1fr))}.rel-c:nth-child(3):last-child{grid-column:span 2}.rel-c:nth-child(3):last-child .rel-m{aspect-ratio:21/9}}
@media (max-width:640px){.rel-g{grid-template-columns:minmax(0,1fr)}.rel-c:nth-child(3):last-child{grid-column:auto}.rel-c:nth-child(3):last-child .rel-m{aspect-ratio:16/10}}

/* итог для сайтов: инструмент продаж + мост к продвижению */
.sres{margin-top:14px;padding:clamp(20.4px,2.7vw,38.4px) clamp(17px,2.4vw,35.2px);display:flex;flex-direction:column;gap:clamp(20.4px,2.4vw,32px)}
.sres-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px clamp(20.4px,3.2vw,51.2px);align-items:end}
.sres-top h3{font-size:clamp(30px,3.4vw,50px);letter-spacing:-.045em;line-height:1.02;margin-top:14px}
.sres-top h3 em{font-style:normal;color:var(--acc)}
.sres-top .lead{color:var(--on-dark-soft);font-size:clamp(16px,1.3vw,19px);line-height:1.5}
.sres-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sres-c{background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-lg);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:12px;transition:transform .35s var(--ease),border-color .3s}
.sres-c:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}
.sres-c h4{font-size:clamp(19px,1.6vw,23px);letter-spacing:-.03em;line-height:1.15;font-weight:500}
.sres-c p{font-size:15px;line-height:1.5;color:var(--on-dark-soft)}
.sres-h{display:flex;justify-content:space-between;align-items:center}
.sres-ic{width:44px;height:44px;border-radius:12px;background:rgba(255,98,31,.14);color:var(--acc);display:grid;place-items:center}
.sres-ic .ico{width:22px;height:22px}
.sres-n{font-size:13px;font-weight:600;color:#7f8a93;letter-spacing:.04em}
.sres-c.main{grid-column:span 2;background:var(--acc);border-color:var(--acc);color:var(--ink);justify-content:space-between;min-height:250px}
.sres-c.main h4{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.045em;line-height:1.05;max-width:19ch}
.sres-c.main p{color:var(--acc-ink);font-size:16px;max-width:36em}
.sres-c.main .sres-ic{background:var(--ink);color:#fff}
.sres-c.main .sres-n{color:var(--acc-ink)}
.sres-kit{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line-d)}
.sres-kit>span{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7f8a93;margin-right:8px}
.sres-kit li{display:flex;align-items:center;gap:8px;background:var(--ink-3);border:1px solid var(--line-d);border-radius:12px;padding:8px 13px 8px 9px;font-size:14px}
.sres-kit .ico{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:3;flex:0 0 16px}

.shelf{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px}
.shelf-l{min-width:0;background:#fff;border-radius:var(--r-xl,28px);padding:clamp(20.4px,2.7vw,38.4px);display:flex;flex-direction:column;gap:22px}
.shelf-l h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;line-height:1.04}
.shelf-l h3 span{color:#7f8a93}
.shelf-l>p{color:var(--soft);font-size:17px;line-height:1.55;max-width:34em}
.chain{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:ch}
.chain li{position:relative;background:var(--ground);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:8px;min-height:150px}
.chain .st+b{margin-top:auto}
.chain li:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;transform:translate(50%,-50%);z-index:1;width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:13px;color:var(--soft);box-shadow:0 0 0 1px var(--line)}
.chain b{font-size:clamp(17px,1.5vw,21px);font-weight:600;letter-spacing:-.02em}
.chain small{font-size:13px;line-height:1.35;color:var(--soft)}
.chain .st{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:var(--pill);background:#e3f4e6;color:#1f7a35}
.chain li.gap{background:#fff;box-shadow:inset 0 0 0 2px var(--acc)}
.chain li.gap .st{background:var(--acc);color:#fff}
.chain li.off{opacity:.55}
.chain li.off .st{background:#e4e2df;color:var(--soft)}
.shelf-note{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--soft);margin-top:auto}
.shelf-note .ico{width:22px;height:22px;color:var(--acc);flex:0 0 22px;margin-top:1px}
.shelf-r{min-width:0;background:var(--acc);color:var(--ink);border-radius:var(--r-xl,28px);padding:clamp(20.4px,2.7vw,38.4px);display:flex;flex-direction:column;gap:18px}
.shelf-tag{align-self:flex-start;background:var(--ink);color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:var(--pill)}
.shelf-big{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.shelf-big b{font-size:clamp(84px,9vw,148px);font-weight:500;letter-spacing:-.06em;line-height:.8}
.shelf-big span{font-size:clamp(19px,1.7vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.2;max-width:15em;padding-bottom:4px}
.shelf-r>p{color:var(--acc-ink);font-size:16px;line-height:1.5}
.shelf-svc{display:grid;gap:8px}
.shelf-svc button{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.9);border:0;border-radius:14px;padding:14px 16px;font:inherit;font-size:16px;font-weight:500;color:var(--ink);cursor:pointer;text-align:left;transition:background .3s,transform .3s var(--ease)}
.shelf-svc button:hover{background:#fff;transform:translateX(4px)}
.shelf-svc small{font-size:13px;font-weight:500;color:var(--soft);margin-left:auto;white-space:nowrap}
.shelf-g{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--acc-ink)}
.shelf-g .ico{width:20px;height:20px;flex:0 0 20px;color:var(--ink)}
.shelf-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.shelf-r .pill.line{color:var(--ink)}
.shelf-btns .pill{white-space:normal;max-width:100%;text-align:left}
@media (max-width:1180px){.sres-g{grid-template-columns:repeat(2,minmax(0,1fr))}.sres-c:last-child{grid-column:span 2}.shelf{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){
  .sres-top{grid-template-columns:1fr}
  .sres-g{grid-template-columns:1fr}.sres-c.main,.sres-c:last-child{grid-column:auto}.sres-c.main{min-height:0}
  .chain{grid-template-columns:1fr 1fr}
  .chain li:nth-child(2):after{display:none}
}
@media (max-width:560px){
  .chain{grid-template-columns:1fr;gap:10px}
  .chain li{min-height:0}.chain .st+b{margin-top:0}
  .chain li:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-11px;transform:translate(50%,0)}
  .chain li:nth-child(2):after{display:grid}
  .shelf-svc small{display:none}
}
/* выравнивание карточек кейсов */
.cgrid.eq{align-items:stretch}
.cgrid.eq .ccard{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:14px;margin-top:0!important}
.cgrid.eq .ccard .media{align-self:start}
.cgrid.eq .ccard h3{font-size:clamp(19px,1.6vw,24px);line-height:1.15}
.cgrid.eq .ccard .meta{align-self:start}
.cgrid.eq .ccard .res{align-self:end}
/* вопросы */
.qa{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(20.4px,4vw,64px);align-items:start}
.qa-l{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.qa-l .pill.line{color:var(--ink)}
.qa-r{display:flex;flex-direction:column;gap:10px}
.qa-i{background:#fff;border-radius:var(--r-md);transition:box-shadow .3s}
.qa-i:hover{box-shadow:0 10px 24px -18px rgba(18,22,26,.45)}
.qa-i summary{list-style:none;display:grid;grid-template-columns:44px 1fr 40px;gap:14px;align-items:center;padding:20px 20px 20px 22px;cursor:pointer;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;font-weight:500;line-height:1.25}
.qa-i summary::-webkit-details-marker{display:none}
.qa-n{font-size:13px;font-weight:700;color:var(--acc);background:#ffe3d4;border-radius:10px;height:34px;display:grid;place-items:center;letter-spacing:.02em}
.qa-x{width:40px;height:40px;border-radius:50%;background:var(--ground);position:relative;transition:background .3s,transform .45s var(--ease)}
.qa-x:before,.qa-x:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .45s var(--ease),background .3s}
.qa-x:after{transform:translate(-50%,-50%) rotate(90deg)}
.qa-i summary:hover .qa-x{background:#ffe3d4}
.qa-i[open] .qa-x{background:var(--acc);transform:rotate(180deg)}
.qa-i[open] .qa-x:before,.qa-i[open] .qa-x:after{background:#fff}
.qa-i[open] .qa-x:after{transform:translate(-50%,-50%) rotate(0)}
.qa-i p{padding:0 76px 22px 80px;color:var(--soft);font-size:16px;line-height:1.55;animation:fadeUp .4s var(--ease)}

/* ============ RESPONSIVE ============ */
@media (max-width:1180px){
  .nav,.h-tel{display:none}
  .burger{display:grid;place-items:center}
  .tl{grid-template-columns:220px 1fr}
}
@media (max-width:1024px){
  .work{grid-template-columns:1fr}
  .work-l{position:static}
  .wl{flex-direction:row;flex-wrap:wrap;gap:4px 18px}
  .wl button{font-size:28px}.wl small{display:none}.wl button.on{transform:none}
  .steps{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .g-4{grid-template-columns:repeat(2,1fr)}
  .foot-top{grid-template-columns:1fr 1fr}
  .bigrow{grid-template-columns:auto 1fr auto}
  .bigrow .media,.bigrow .bigrow-d{display:none}
  .tl{grid-template-columns:1fr}
  .tl-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .tl-nav .tl-prog{display:none}
  .hero-float.f1,.hero-float.f4{display:none}
  .editorial-grid{grid-template-columns:repeat(6,1fr)}
}
@media (max-width:820px){
  .g-2,.g-3,.g-64,.g-46,.g-73,.g-37,.cta,.sticky-story,.tl-stage,.ba,.fld2{grid-template-columns:1fr}
  .sticky-story .ss-l{position:static}
  .ss-big{font-size:90px}
  .ss-item{opacity:1}
  .sv{grid-template-columns:1fr}
  .stack3{grid-template-columns:1fr;gap:26px}
  .vc{min-height:0}.vc:nth-child(2){transform:rotate(1.5deg)}
  .stats{grid-template-columns:1fr 1fr}
  .ticks{grid-template-columns:1fr}
  .hero-b{flex-direction:column;align-items:flex-start}
  .clients{flex-direction:column;align-items:flex-start;gap:12px}
  .mq{width:100%}
  .cgrid{grid-template-columns:1fr}
  .cgrid>*{grid-column:1/-1!important;margin-top:0!important}
  .bignums{grid-template-columns:1fr 1fr}
  .bn.span2{grid-row:auto;grid-column:1/-1}
  .shead{grid-template-columns:1fr}
  .hero-float{display:none}
  .cursor-prev{display:none}
  .editorial-grid{grid-template-columns:1fr 1fr}
  .editorial-grid>*{grid-column:auto!important;grid-row:auto!important;margin-top:0!important}
  .editorial-grid>.eg-full{grid-column:1/-1!important}
  .mapbox{min-height:320px}
}
@media (max-width:560px){
  .h-r .pill{display:none}
  .logo{height:38px}
  .foot-logo{height:46px}
  .steps,.g-4{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .bignums{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
  .card{padding:22px}
  .editorial-grid{grid-template-columns:1fr}
  .media-full{min-height:420px}
  .plist a{grid-template-columns:auto 1fr}
  .plist a .ar{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv,.js .lines .w>span,.js .media-reveal>*{opacity:1!important;transform:none!important}
  .js .media-reveal{clip-path:none!important}
  .pt{display:none}
}

@media (max-width:1024px){
  .offers{grid-template-columns:1fr 1fr}
  .flow-end{grid-template-columns:90px minmax(0,1fr)}
  .fe-r{grid-column:1/-1}
  .flow-s{grid-template-columns:90px minmax(0,1fr)}
  .flow-i{grid-column:2}
  .art-grid{grid-template-columns:1fr}
  .toc{position:static}
  .toc nav{display:none}
}
@media (max-width:820px){
  .how-head,.doubts,.guar,.svc-sub,.task,.price2,.qa{grid-template-columns:1fr}
  .qa-l{position:static}
  .flow-end{grid-template-columns:1fr}
  .fe-l{flex-direction:row;align-items:center}
  .cgrid.eq .ccard{grid-row:auto;display:flex}
  .cgrid.eq .ccard .media,.cgrid.eq .ccard .meta{align-self:stretch}.cgrid.eq .ccard .res{align-self:flex-start}
  .qa-i p{padding:0 20px 20px 80px}
  .svc-sub .row{justify-content:flex-start}
  .offers{grid-template-columns:1fr 1fr}
  .flow-s{grid-template-columns:56px minmax(0,1fr);gap:12px 16px}
  .flow-l .how-t{display:none}
  .flow-i{grid-column:2}
  .stats.one{grid-template-columns:1fr 1fr}
  .cmp thead{display:none}
  .cmp,.cmp tbody,.cmp tr{display:block}
  .cmp tr{padding:12px 0;border-top:1px solid var(--line)}
  .cmp tr:first-child{border-top:0}
  .cmp th,.cmp td{display:block;border:0;padding:4px 0;width:auto!important}
  .cmp td:before{content:attr(data-l);display:block;font-size:12px;color:var(--mute);margin-bottom:1px}
  .cmp td{padding:6px 0}
  .cmp .cur{background:none;font-weight:600}
  .doubts-l{position:static}
  .how-cols{display:none}
  .how-row{grid-template-columns:40px minmax(0,1fr);gap:10px 14px;padding:22px 0}
  .how-d,.how-r{grid-column:2}
  .how-r small{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
  .cmeta{grid-template-columns:1fr 1fr}
  .svc-cta{grid-template-columns:1fr}
  .svc-cta .row,.case-act{justify-content:flex-start}
  .dbt-a p{padding:0 22px 22px 70px}
}
@media (max-width:560px){
  .cmeta{grid-template-columns:1fr}
  .guar-g{grid-template-columns:1fr}
  .offers{grid-template-columns:1fr;gap:8px}
  .qa-i summary{grid-template-columns:36px 1fr 36px;gap:10px;padding:16px}
  .qa-x{width:36px;height:36px}
  .qa-i p{padding:0 16px 18px 16px}
  .offer{min-height:0;padding:18px;gap:14px}
  .of-v b{font-size:56px}
  .of-tag{top:16px;right:14px;font-size:11px}
  .p2-nums{grid-template-columns:1fr}
  .fld2{grid-template-columns:1fr}
  .who-c{min-height:0}
  .pstat{grid-template-columns:1fr}
  .dbt-q{grid-template-columns:26px 1fr 38px;gap:10px;padding:18px 14px 18px 16px}
  .dbt-i{width:38px;height:38px}
  .dbt-a p{padding:0 16px 20px 16px}
  .prose{font-size:17px}
  .ptbl{padding:4px 18px}
  .ptbl table{min-width:0;font-size:15px}
  .ptbl thead{display:none}
  .ptbl tr{display:block;padding:14px 0;border-top:1px solid var(--line)}
  .ptbl tr:first-child{border-top:0}
  .ptbl td{display:block;border:0;padding:3px 0}
  .ptbl td:before{content:attr(data-l);display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
  .ptbl td:first-child{font-size:17px}
  .ptbl td:first-child:before{display:none}
}
@media (prefers-reduced-motion:reduce){
}

/* ============ СТРАНИЦА «ВНЕДРЕНИЕ И АВТОМАТИЗАЦИЯ БИТРИКС24» ============ */
.bx{--bx-ok:#2f9e6a}
.bx .bx-sh-note{max-width:26em;justify-self:end;text-align:right}
.bx .bx-lead-under{margin:calc(var(--space-lg)*-1 + 14px) 0 var(--space-lg);max-width:44em}
.bx mark.hl{color:inherit;background:linear-gradient(transparent 58%,#ffd2bb 58%,#ffd2bb 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 01 hero */
.bx-hero{isolation:isolate}
.bx-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 0%,rgba(255,98,31,.26),transparent 46%),radial-gradient(ellipse at 0% 100%,rgba(255,139,85,.12),transparent 45%)}
.bx-h1{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,2vw,22px)}
.bx-kick{color:#fff;display:flex;width:fit-content;letter-spacing:0}
.bx-h1-t{display:block;max-width:14em;font-size:clamp(38px,5.4vw,84px)}
.bx-hero .svc-sub{margin-top:clamp(18.7px,2.4vw,32px)}
.bx-h1-t .muted-word{color:#6c7780}
.bx-pipe{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0 8px;margin-top:clamp(30.6px,4vw,51.2px);padding:46px 0 6px}
.bx-pipe-band{position:absolute;top:0;bottom:-8px;left:calc(12.5% + 4px);right:-6px;border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,98,31,.09),rgba(255,98,31,.02));box-shadow:inset 0 0 0 1px rgba(255,98,31,.28)}
.bx-pipe-band b{position:absolute;top:12px;left:18px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-2)}
.bx-pipe-track{position:absolute;left:6.25%;right:6.25%;top:70px;height:2px;background:rgba(255,255,255,.12);border-radius:2px}
.bx-pipe-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--acc),var(--acc-2));transform-origin:left;transform:scaleX(var(--p));transition:transform 1s var(--ease)}
.bx-pipe-dot{position:absolute;top:50%;left:calc(var(--p)*100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,98,31,.35),0 0 24px 6px rgba(255,98,31,.55);transition:left 1s var(--ease)}
.bx-pn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 4px}
.bx-pn-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);color:var(--on-dark-soft);transition:background .45s,color .45s,box-shadow .45s,transform .45s var(--ease)}
.bx-pn-ic .ico{width:22px;height:22px}
.bx-pn b{font-size:clamp(14px,1.15vw,17px);font-weight:500;letter-spacing:-.01em;margin-top:6px;color:#dfe4e8;transition:color .4s}
.bx-pn small{font-size:12px;line-height:1.3;color:#7f8a93}
.bx-pn em{font-style:normal;font-size:11.5px;font-weight:500;line-height:1.25;margin-top:6px;padding:5px 9px;border-radius:var(--pill);background:rgba(255,98,31,.16);color:var(--acc-2);opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s var(--ease)}
.bx-pn.lit .bx-pn-ic{background:var(--acc);color:var(--ink);box-shadow:0 10px 28px -8px rgba(255,98,31,.7)}
.bx-pn.lit b{color:#fff}
.bx-pn.now .bx-pn-ic{transform:scale(1.12)}
.bx-pn.now em{opacity:1;transform:none}
.bx-offers{margin-top:clamp(23.8px,3.2vw,38.4px)}
.bx-of-note{position:absolute;top:18px;right:18px;font-size:12px;font-weight:600;color:var(--soft);background:var(--ground);padding:5px 10px;border-radius:var(--pill)}

/* 02 pains */
.bx-pains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bx-pain{background:#fff;border-radius:var(--r-lg);padding:clamp(18px,1.8vw,24px);display:flex;flex-direction:column;gap:10px;min-height:240px;transition:transform .45s var(--ease),box-shadow .45s;transition-delay:var(--d,0s)}
.js .bx-pain.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d),box-shadow .45s}
.bx-pain:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(18,22,26,.35)}
.bx-pain-n{font-size:12px;font-weight:700;color:var(--mute);letter-spacing:.04em}
.bx-pain h3{font-size:clamp(19px,1.6vw,23px);letter-spacing:-.03em;line-height:1.15}
.bx-pain p{font-size:15px;color:var(--soft);line-height:1.45}
.bx-pain-c{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(18,22,26,.14);display:flex;gap:8px;font-size:14px;font-weight:500;line-height:1.35;color:#b8420d}
.bx-pain-c i{font-style:normal;color:var(--acc)}
.bx-pain:hover .bx-pain-n{color:var(--acc)}

/* 03 что такое */
.bx-what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(23.8px,4vw,64px);align-items:center}
.bx-what-l{display:flex;flex-direction:column;gap:22px}
.bx-what-t{font-size:clamp(22px,2.2vw,32px);line-height:1.18;letter-spacing:-.03em;font-weight:500;color:#8d9399;padding-top:22px;border-top:1px solid var(--line)}
.bx-what-t mark.hl{color:var(--ink)}
.bx-orbit{position:relative;width:100%;max-width:640px;aspect-ratio:1;justify-self:center}
.bx-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bx-orbit-svg circle{fill:none;stroke:rgba(18,22,26,.14);stroke-width:.25}
.bx-orbit-svg .o1{stroke-dasharray:1 1.6;transform-origin:50% 50%;animation:bxSpin 90s linear infinite;animation-play-state:paused}
.bx-orbit-svg .o2{stroke:rgba(255,98,31,.35)}
.bx-orbit.bx-live .o1{animation-play-state:running}
.bx-orbit-l{stroke:rgba(18,22,26,.16);stroke-width:.3;stroke-dasharray:1.2 1;transition:stroke .3s}
.bx-orbit-l.on{stroke:var(--acc);stroke-width:.5;stroke-dasharray:none}
@keyframes bxSpin{to{transform:rotate(360deg)}}
.bx-core{position:absolute;left:50%;top:50%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8b55,var(--acc) 60%,#e2500f);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 30px 60px -20px rgba(255,98,31,.6),0 0 0 14px rgba(255,98,31,.1),0 0 0 32px rgba(255,98,31,.05)}
.bx-core span{font-size:clamp(18px,2vw,28px);font-weight:600;letter-spacing:-.03em}
.bx-core small{font-size:12px;font-weight:500;opacity:.75}
.bx-orbit.bx-live .bx-core{animation:bxPulse 4s ease-in-out infinite}
@keyframes bxPulse{50%{box-shadow:0 30px 60px -20px rgba(255,98,31,.6),0 0 0 22px rgba(255,98,31,.08),0 0 0 44px rgba(255,98,31,.03)}}
.bx-sat{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(140px,13vw,176px);background:#fff;border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 34px -22px rgba(18,22,26,.45);transition:transform .4s var(--ease),box-shadow .4s;outline-offset:2px}
.bx-sat:hover,.bx-sat:focus-visible{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 22px 44px -22px rgba(255,98,31,.55)}
.bx-sat-ic{width:30px;height:30px;border-radius:9px;background:#ffe3d4;color:#d9480f;display:grid;place-items:center}
.bx-sat-ic .ico{width:17px;height:17px}
.bx-sat b{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.bx-sat small{font-size:12.5px;line-height:1.3;color:var(--soft)}

/* 04 путь заявки */
.bx-story-p{padding:clamp(23.8px,4vw,57.6px)}
.bx-story-h{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-md) var(--space-lg);align-items:end;margin-bottom:clamp(27.2px,4vw,51.2px)}
.bx-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20.4px,4vw,64px);align-items:start}
.bx-story-v{position:sticky;top:max(96px,calc(50vh - 290px))}
.bx-deal{background:#f5f6f7;color:var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}
.bx-deal-top{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}
.bx-deal-top i{width:9px;height:9px;border-radius:50%;background:#d9dde1}
.bx-deal-top i:first-child{background:#ff5f57}.bx-deal-top i:nth-child(2){background:#febc2e}.bx-deal-top i:nth-child(3){background:#28c840}
.bx-deal-top span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-deal-top em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:var(--acc-ink);background:#ffe3d4;border-radius:var(--pill);padding:3px 9px}
.bx-deal-stg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:16px 16px 4px}
.bx-deal-stg span{font-size:10.5px;font-weight:600;color:var(--mute);display:flex;flex-direction:column;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .4s}
.bx-deal-stg b{height:7px;border-radius:4px;background:#e1e5e9;transition:background .5s}
.bx-deal-stg span.done b{background:#ffb48f}
.bx-deal-stg span.cur{color:var(--ink)}
.bx-deal-stg span.cur b{background:var(--acc)}
.bx-deal[data-s="6"] .bx-deal-stg span.cur b,.bx-deal[data-s="7"] .bx-deal-stg span.cur b,.bx-deal[data-s="8"] .bx-deal-stg span.cur b,.bx-deal[data-s="9"] .bx-deal-stg span.cur b{background:var(--bx-ok)}
.bx-deal-stg span.done{color:#6b737a}
.bx-deal-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:12px 16px}
.bx-deal-f>div{background:#fff;border-radius:10px;padding:9px 12px;min-height:54px}
.bx-deal-f dt{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bx-deal-f dd{margin:3px 0 0;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}
.bx-ava{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ff8b55,#ff621f)}
.bx-deal [data-from],.bx-deal [data-to]{transition:opacity .45s,transform .45s var(--ease)}
.bx-deal-f [data-from]:not(.vis){opacity:.25}
.bx-deal-f [data-from]:not(.vis) dd{visibility:hidden}
.bx-deal-feed{padding:4px 16px 12px}
.bx-deal-cap{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.bx-deal-feed ul{height:170px;overflow:hidden;display:flex;flex-direction:column;gap:6px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.bx-deal-feed li{display:none;align-items:center;gap:10px;font-size:13.5px;background:#fff;border-radius:10px;padding:9px 12px;flex:0 0 auto}
.bx-deal-feed li.vis{display:flex;animation:bxIn .5s var(--ease)}
.bx-deal-feed li.vis:first-of-type{box-shadow:inset 3px 0 0 var(--acc)}
.bx-dot{width:8px;height:8px;border-radius:50%;background:var(--acc);flex:0 0 8px}
@keyframes bxIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.bx-deal-x{position:relative;margin:0 16px 16px;min-height:92px}
.bx-deal-x>div{position:absolute;inset:0;background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(8px);pointer-events:none}
.bx-deal-x>div.vis{opacity:1;transform:none}
.bx-deal-x span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-2)}
.bx-deal-next b{font-size:18px;font-weight:500;letter-spacing:-.02em}
.bx-deal-proj ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bx-deal-proj li{font-size:12.5px;display:flex;flex-direction:column-reverse;gap:6px}
.bx-deal-proj li i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.bx-deal-proj li i:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--acc);border-radius:3px}
.bx-bars{display:flex;align-items:flex-end;gap:6px;height:34px}
.bx-bars i{flex:1;height:var(--h);background:linear-gradient(var(--acc-2),var(--acc));border-radius:3px 3px 0 0;transform-origin:bottom;animation:bxBar .8s var(--ease) both}
.bx-bars i:nth-child(2){animation-delay:.08s}.bx-bars i:nth-child(3){animation-delay:.16s}.bx-bars i:nth-child(4){animation-delay:.24s}.bx-bars i:nth-child(5){animation-delay:.32s}
@keyframes bxBar{from{transform:scaleY(0)}}
.bx-deal-rep small{font-size:12px;color:var(--on-dark-soft)}
.bx-steps{list-style:none;margin:0;padding:0;counter-reset:none}
.bx-step{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:clamp(18.7px,2.7vw,32px) 0;border-top:1px solid var(--line-d);opacity:.38;transition:opacity .5s}
.bx-step:last-child{border-bottom:1px solid var(--line-d)}
.bx-step.act{opacity:1}
.bx-step-n{font-size:clamp(24px,2.2vw,34px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--on-dark-soft);transition:color .4s}
.bx-step.act .bx-step-n{color:var(--acc)}
.bx-step h3{font-size:clamp(21px,2vw,30px);letter-spacing:-.035em;line-height:1.1}
.bx-step p{margin-top:8px;color:var(--on-dark-soft);font-size:16px;max-width:30em}
.bx-step-ev{display:none;margin-top:12px;font-size:13px;font-weight:500;background:rgba(255,98,31,.16);color:var(--acc-2);border-radius:var(--pill);padding:6px 12px}

/* 05 автоматизация */
.bx-auto{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:stretch}
.bx-rules{display:flex;flex-direction:column;gap:6px}
.bx-rule{position:relative;overflow:hidden;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;text-align:left;border:0;background:#fff;border-radius:var(--r-md);padding:12px 16px 12px 12px;transition:background .3s,color .3s,transform .35s var(--ease)}
.bx-rule:hover{transform:translateX(4px)}
.bx-rule-ic{width:40px;height:40px;border-radius:12px;background:var(--ground);display:grid;place-items:center;color:var(--soft);transition:background .3s,color .3s}
.bx-rule-t{font-size:15.5px;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.bx-rule-t small{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
.bx-rule.on{background:var(--ink);color:#fff}
.bx-rule.on .bx-rule-ic{background:var(--acc);color:var(--ink)}
.bx-rule.on small{color:var(--acc-2)}
.bx-rule-p{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc)}
.bx-auto.bx-live:not(.hover) .bx-rule.on .bx-rule-p{animation:bxProg 4.2s linear forwards}
@keyframes bxProg{to{width:100%}}
.bx-canvas{padding:clamp(20px,2.6vw,34px);display:flex;flex-direction:column;gap:18px;background:var(--ink) radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/22px 22px;min-height:520px}
.bx-cv-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.bx-cv-tag{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-soft)}
.bx-cv-tag b{color:#fff}
.bx-cv-tool{font-size:13px;font-weight:500;background:rgba(255,255,255,.1);border-radius:var(--pill);padding:6px 12px}
.bx-cv-flow{display:flex;flex-direction:column;align-items:stretch;max-width:520px;width:100%;margin:auto}
.bx-blk{background:var(--ink-2);border-radius:var(--r-md);padding:14px 16px;box-shadow:inset 0 0 0 1px var(--line-d);display:flex;flex-direction:column;gap:8px}
.bx-blk.w{box-shadow:inset 0 0 0 1px rgba(255,98,31,.5)}
.bx-blk.t{box-shadow:inset 0 0 0 1px rgba(47,158,106,.55)}
.bx-blk-c{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-2)}
.bx-blk-c .ico{width:16px;height:16px}
.bx-blk.c .bx-blk-c{color:#f2c94c}.bx-blk.t .bx-blk-c{color:#5fd39a}
.bx-blk b{font-size:clamp(17px,1.5vw,21px);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.bx-blk ul{display:flex;flex-direction:column;gap:6px}
.bx-blk li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.35}
.bx-blk li .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--bx-ok);color:#fff;stroke-width:3;flex:0 0 18px;margin-top:1px}
.bx-con{align-self:center;width:2px;height:30px;position:relative;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.35) 0 4px,transparent 4px 8px)}
.bx-con i{position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.bx-auto.bx-live .bx-con i{animation:bxDrop 1.4s ease-in infinite}
@keyframes bxDrop{0%{top:-4px;opacity:0}20%{opacity:1}100%{top:26px;opacity:0}}
.bx-cv-flow.play .bx-blk,.bx-cv-flow.play .bx-con,.bx-cv-flow.play li{animation:bxRise .55s var(--ease) both;animation-delay:var(--d)}
@keyframes bxRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.bx-cv-e{font-size:16px;line-height:1.4;padding-top:14px;border-top:1px solid var(--line-d);color:#fff}
.bx-cv-e span{display:inline-block;margin-right:10px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--acc);border-radius:var(--pill);padding:4px 10px;vertical-align:2px}
.bx-auto-note{margin-top:14px}

/* 06 экономика */
.bx-money{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bx-money-c{padding:clamp(20.4px,2.7vw,35.2px);display:flex;flex-direction:column;gap:14px}
.bx-money-c h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;line-height:1.02;margin-bottom:10px}
.bx-money-c ol{list-style:none;margin:0;padding:0}
.bx-money-c li{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:start;padding:16px 0;border-top:1px solid rgba(18,22,26,.18);font-size:16px;line-height:1.4}
.bx-money-c.dark li{border-color:var(--line-d)}
.bx-money-c li b{font-weight:600}
.bx-money-c li i{font-style:normal;font-weight:600;text-align:center;transition:transform .4s var(--ease)}
.bx-money-c li:hover i{transform:translateX(5px)}
.bx-money-c.orange li span{color:var(--acc-ink)}
.bx-money-c.dark li span{color:var(--on-dark-soft)}
.bx-money-c.dark li i{color:var(--acc)}
.bx-money-f{margin-top:12px;background:#fff;border-radius:var(--r-lg);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.bx-money-f p{max-width:52em;font-size:16px}

/* 07 возможности */
.bx-caps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.bx-cap{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:18px;transition:box-shadow .4s}
.bx-cap:hover{box-shadow:0 26px 50px -30px rgba(18,22,26,.35)}
.bx-cap-sales{grid-column:span 7;grid-row:span 2}
.bx-cap-team,.bx-cap-auto{grid-column:span 5}
.bx-cap-com,.bx-cap-ctrl{grid-column:span 6}
.bx-cap-auto{background:var(--ink);color:#fff}
.bx-cap-h{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.bx-cap-ic{width:44px;height:44px;border-radius:13px;background:#ffe3d4;color:#d9480f;display:grid;place-items:center}
.bx-cap-auto .bx-cap-ic{background:var(--acc);color:var(--ink)}
.bx-cap h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.035em;line-height:1.1}
.bx-cap-h p{margin-top:6px;font-size:15px;color:var(--soft)}
.bx-cap-auto .bx-cap-h p,.bx-cap-auto li span{color:var(--on-dark-soft)}
.bx-cap-m{border-radius:var(--r-md);aspect-ratio:16/9}
.bx-cap ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.bx-cap li{background:var(--ground);border-radius:var(--r-sm);padding:12px 14px;display:flex;flex-direction:column;gap:3px;transition:background .3s,transform .35s var(--ease)}
.bx-cap li:hover{transform:translateY(-2px);background:#ffe9dd}
.bx-cap-auto li{background:var(--ink-2)}
.bx-cap-auto li:hover{background:#2a2320}
.bx-cap li b{font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.bx-cap li span{font-size:13.5px;line-height:1.35;color:var(--soft)}
.bx-cap-ctrl ul{grid-template-columns:repeat(3,1fr)}

/* 08 интеграции */
.bx-int{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(23.8px,4vw,57.6px);align-items:center}
.bx-int-l{display:flex;flex-direction:column;gap:20px}
.bx-int-d{background:var(--ink-2);border-radius:var(--r-md);padding:18px 20px;box-shadow:inset 0 0 0 1px rgba(255,98,31,.35);min-height:112px}
.bx-int-k{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--acc);border-radius:var(--pill);padding:4px 10px;margin-bottom:10px}
.bx-int-d p{font-size:17px;line-height:1.4}
.bx-net{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:center}
.bx-net-svg{position:absolute;inset:0;width:100%;height:100%}
.bx-net-ring{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
.bx-net-ring.s{stroke-dasharray:3 6;stroke:rgba(255,98,31,.25)}
.bx-net-l{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.2;stroke-dasharray:4 6;transition:stroke .3s,stroke-width .3s}
.bx-int.bx-live .bx-net-l{animation:bxDash 1.6s linear infinite}
@keyframes bxDash{to{stroke-dashoffset:-20}}
.bx-net-l.on{stroke:var(--acc);stroke-width:2.2}
.bx-net-d{fill:var(--acc-2)}
.bx-int:not(.bx-live) .bx-net-dots{display:none}
.bx-net-c{position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff8b55,var(--acc) 60%,#e2500f);color:var(--ink);box-shadow:0 0 0 12px rgba(255,98,31,.12),0 0 60px 10px rgba(255,98,31,.35)}
.bx-net-c b{font-size:clamp(16px,1.7vw,24px);font-weight:600;letter-spacing:-.03em}
.bx-net-n{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;border-radius:var(--pill);padding:9px 14px;font-size:14px;font-weight:500;white-space:nowrap;background:var(--ink-3);color:#fff;box-shadow:inset 0 0 0 1px var(--line-d);transition:background .3s,color .3s,transform .35s var(--ease),box-shadow .3s}
.bx-net-n:hover,.bx-net-n.on{background:var(--acc);color:var(--ink);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 26px -8px rgba(255,98,31,.7)}
.bx-int-list{display:none}

/* 09 экосистема */
.bx-eco{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20.4px,2.9vw,38.4px);overflow:hidden}
.bx-eco-p{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;position:relative}
.bx-eco-p:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.1)}
.bx-eco-p:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,rgba(255,98,31,.2),var(--acc));transform-origin:left;transform:scaleX(0);transition:transform 2.2s var(--ease-io) .2s}
.bx-eco.in-view .bx-eco-p:after{transform:scaleX(1)}
.bx-eco-p li{position:relative;z-index:1}
.bx-eco-p li>button,.bx-eco-p li>span{width:100%;min-height:96px;border:0;border-radius:var(--r-md);background:var(--ink-2);color:#fff;box-shadow:inset 0 0 0 1px var(--line-d);padding:12px 10px 12px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left;font-size:14.5px;font-weight:500;line-height:1.2;letter-spacing:-.01em;opacity:.35;transform:translateY(10px);transition:opacity .5s calc(var(--i)*.18s + .2s),transform .5s var(--ease) calc(var(--i)*.18s + .2s),background .3s,box-shadow .3s}
.bx-eco.in-view .bx-eco-p li>*{opacity:1;transform:none}
.bx-eco-p small{font-size:11px;font-weight:600;color:var(--on-dark-soft)}
.bx-eco-p b{font-weight:500;font-size:clamp(12.5px,1vw,14.5px);hyphens:manual}
.bx-eco-p li>button,.bx-eco-p li>span{position:relative}
.bx-eco-p .ar{position:absolute;top:10px;right:12px;font-size:13px}
.bx-eco-p button{cursor:pointer}
.bx-eco-p button:hover{background:var(--ink-3);box-shadow:inset 0 0 0 1px rgba(255,98,31,.5)}
.bx-eco-p button .ar{color:var(--acc)}
.bx-eco-p li.core>span{background:var(--acc);color:var(--ink);box-shadow:0 16px 36px -12px rgba(255,98,31,.65);font-size:16px;font-weight:600}
.bx-eco-p li.core small{color:var(--acc-ink)}
.bx-eco-loop{margin-top:18px;display:flex;gap:12px;align-items:center;font-size:15px;color:var(--on-dark-soft)}
.bx-eco-loop span{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,98,31,.16);color:var(--acc);font-size:18px}
.bx-eco.in-view .bx-eco-loop span{animation:bxSpin 6s linear infinite}
.bx-diff{margin-top:12px;gap:12px}
.bx-diff-ic{width:44px;height:44px;border-radius:13px;background:#ffe3d4;color:#d9480f;display:grid;place-items:center}
.bx-eco-b{margin-top:18px}

/* 10 AI */
.bx-ai-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:end;margin-bottom:var(--space-lg)}
.bx-ai-h .lead{margin-top:10px}
.bx-ai-mock{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -34px rgba(18,22,26,.6)}
.bx-ai-mt{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}
.bx-ai-mt em{font-style:normal;font-size:11px;color:var(--acc-2);background:rgba(255,98,31,.16);border-radius:var(--pill);padding:3px 9px}
.bx-ai-mock ul{display:flex;flex-direction:column;gap:6px}
.bx-ai-mock li{display:flex;align-items:center;gap:10px;font-size:14px;background:var(--ink-2);border-radius:10px;padding:8px 12px}
.bx-ai-mock li i{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:#f2c94c}
.bx-ai-mock li i.r{background:#ff6b5a}.bx-ai-mock li i.g{background:#5fd39a}
.bx-ai-typing{font-size:14px;color:var(--acc-2);min-height:2.6em}
.bx-caret{display:inline-block;width:2px;height:1em;background:var(--acc-2);margin-left:3px;vertical-align:-2px;animation:bxBlink 1s steps(1) infinite}
@keyframes bxBlink{50%{opacity:0}}
.bx-ai-flow{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bx-ai-flow li{position:relative;background:#fff;border-radius:var(--r-md);padding:14px 16px;font-size:15.5px;font-weight:500;line-height:1.25;letter-spacing:-.01em;display:flex;flex-direction:column;gap:8px}
.bx-ai-flow li small{font-size:11px;font-weight:700;color:var(--acc)}
.bx-ai-flow li:not(:last-child):after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:1;width:22px;height:22px;border-radius:50%;background:var(--acc);color:var(--ink);font-size:12px;font-weight:700;display:grid;place-items:center}
.bx-ai-flow li:last-child{background:var(--ink);color:#fff}
.js .bx-ai-flow li{opacity:0;transform:translateY(12px);transition:opacity .5s calc(var(--i)*.12s),transform .5s var(--ease) calc(var(--i)*.12s)}
.bx-ai-flow.in-view li{opacity:1;transform:none}
.bx-ai-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.bx-ai-c{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:14px}
.bx-ai-c.can{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,22,26,.14)}
.bx-ai-c h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.035em;line-height:1.1}
.bx-ai-tag{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--pill);padding:5px 11px;background:var(--ground);color:var(--soft)}
.bx-ai-tag.nat{background:#dff3e8;color:#1f6b47}
.bx-ai-c ul{display:flex;flex-direction:column;gap:0}
.bx-ai-c ul.two{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
.bx-ai-c li{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-top:1px solid var(--line)}
.bx-ai-c li b{font-size:15.5px;font-weight:600}
.bx-ai-c li span{font-size:14px;color:var(--soft);line-height:1.35}
.bx-ai-c>p{margin-top:auto}

/* 11 этапы */
.bx-impl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative}
.bx-impl:before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--line)}
.bx-impl:after{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--acc);transform-origin:left;transform:scaleX(0);transition:transform 1.8s var(--ease-io) .3s}
.bx-impl.in-view:after{transform:scaleX(1)}
.js .bx-impl.rv{opacity:1;transform:none}
.bx-impl li{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.bx-impl-n{width:56px;height:56px;border-radius:50%;background:var(--ground);box-shadow:inset 0 0 0 2px var(--line);display:grid;place-items:center;font-size:16px;font-weight:600;color:var(--mute);transition:background .4s calc(var(--i)*.28s + .3s),color .4s calc(var(--i)*.28s + .3s),box-shadow .4s calc(var(--i)*.28s + .3s)}
.bx-impl.in-view .bx-impl-n{background:var(--acc);color:var(--ink);box-shadow:0 0 0 6px var(--ground)}
.bx-impl h3{font-size:clamp(19px,1.6vw,23px);letter-spacing:-.03em;line-height:1.15;margin-top:6px}
.bx-impl p{font-size:15px;color:var(--soft);line-height:1.45}
.bx-impl-r{margin-top:auto;display:flex;gap:8px;align-items:flex-start;font-size:13.5px;font-weight:500;line-height:1.3;background:#fff;border-radius:12px;padding:10px 12px}
.bx-impl-r .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:3;flex:0 0 18px}

/* 12 до / после */
.bx-ba{position:relative;height:230vh}
.bx-ba-s{position:sticky;top:0;height:100vh;min-height:560px;display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2.4vw,28px);padding:clamp(80px,9vh,110px) var(--pad) clamp(16px,3vh,32px)}
.bx-ba-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.bx-ba-h h2{max-width:18em}
.bx-ba-sw{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.bx-ba-sw i{width:120px;height:6px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}
.bx-ba-sw i b{position:absolute;inset:0;background:var(--acc);transform-origin:left;transform:scaleX(var(--p))}
.bx-ba-sw .b{color:var(--ink)}.bx-ba-sw .a{color:var(--mute)}
.bx-ba.after .bx-ba-sw .b{color:var(--mute)}.bx-ba.after .bx-ba-sw .a{color:var(--acc)}
.bx-ba-stage{position:relative;flex:1;min-height:0;max-height:620px;border-radius:var(--r-lg);background:#fff radial-gradient(circle at 1px 1px,rgba(18,22,26,.1) 1px,transparent 1.5px) 0 0/20px 20px;overflow:hidden}
.bx-ba-svg{position:absolute;inset:0;width:100%;height:100%}
.bx-ba-svg line{stroke:var(--acc);stroke-width:.35;vector-effect:non-scaling-stroke;stroke-dasharray:4 5;opacity:calc(var(--p)*1.4 - .4)}
.bx-ba-svg line{stroke-width:1.5}
.bx-ba-svg .m{display:none}
.bx-ba-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(.4 + var(--p)*.6));opacity:var(--p);width:clamp(120px,14vw,190px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8b55,var(--acc) 60%,#e2500f);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(255,98,31,.12),0 30px 60px -20px rgba(255,98,31,.6);z-index:2}
.bx-ba-hub b{font-size:clamp(16px,1.6vw,24px);font-weight:600;letter-spacing:-.03em}
.bx-ba-hub small{font-size:12px;font-weight:500;opacity:.75}
.bx-ba-c{--x:calc(var(--x0)*(1 - var(--p)) + var(--x1)*var(--p));--y:calc(var(--y0)*(1 - var(--p)) + var(--y1)*var(--p));position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);z-index:3;transform:translate(-50%,-50%) rotate(calc(var(--r0)*(1 - var(--p))*1deg));width:clamp(150px,15vw,210px);background:var(--ground);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:0 14px 30px -20px rgba(18,22,26,.5),inset 0 0 0 1px rgba(18,22,26,.08);will-change:left,top,transform}
.bx-ba-c{display:grid}
.bx-ba-c b{font-size:16px;font-weight:600;letter-spacing:-.02em}
.bx-ba-c span{grid-row:2;grid-column:1}
.bx-ba-c span{font-size:13px;line-height:1.3;transition:opacity .4s}
.bx-ba-c .bf{color:#b8420d}
.bx-ba-c .af{color:#1f6b47;opacity:0}
.bx-ba.after .bx-ba-c{background:#fff;box-shadow:0 14px 30px -20px rgba(18,22,26,.5),inset 0 0 0 1.5px rgba(47,158,106,.45)}
.bx-ba.after .bx-ba-c .bf{opacity:0}
.bx-ba.after .bx-ba-c .af{opacity:1}
.bx-ba.static{height:auto}
.bx-ba.static .bx-ba-s{position:relative;height:auto;padding-top:0}
.bx-ba.static .bx-ba-stage{height:560px;flex:none}

/* 13 кейсы */
.bx-cases{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bx-case{background:#fff;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.bx-case-m{border-radius:0;cursor:pointer}
.bx-case-b{padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:16px;flex:1}
.bx-case-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.bx-case-h h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em}
.bx-prr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bx-prr li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.bx-prr span{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.bx-prr p{font-size:15.5px;line-height:1.45}
.bx-prr li.res span{color:var(--acc)}
.bx-prr li.res p{font-weight:500}
.bx-case .lnk-a{align-self:flex-start;margin-top:auto}
.bx-tasks{margin-top:12px;background:transparent;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px rgba(18,22,26,.12);padding:clamp(20px,2.6vw,32px)}
.bx-tasks-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.bx-task{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.2fr) 24px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-top:1px solid var(--line)}
.bx-task small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.bx-task p{font-size:15.5px;line-height:1.4}
.bx-task>div:first-child p{font-weight:500}
.bx-task i{font-style:normal;color:var(--acc);font-weight:600;padding-top:18px}
.bx-task .lnk-a{font-size:13px}

/* 14 цена */
.bx .price2{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:1024px){.bx .price2{grid-template-columns:minmax(0,1fr)}.bx .price2 .p2-r{position:static}}
.bx .price2 .p2-r{position:sticky;top:100px}
@media (max-width:820px){.bx .price2 .p2-r{position:static}}
.bx-factors li{font-size:15px;padding:11px 0}
.p2-nums>div .small{margin-top:-4px}

/* 16 финальный CTA */
.bx-final{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(23.8px,4vw,57.6px);align-items:center;isolation:isolate}
.bx-final-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bx-final-bg i{position:absolute;right:-12%;top:50%;width:70%;aspect-ratio:1;border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px rgba(255,98,31,.18)}
.bx-final-bg i:nth-child(2){width:50%;right:-2%;box-shadow:inset 0 0 0 1px rgba(255,98,31,.26)}
.bx-final-bg i:nth-child(3){width:30%;right:8%;background:radial-gradient(circle,rgba(255,98,31,.22),transparent 70%);box-shadow:none}
.bx-final.bx-live .bx-final-bg i:nth-child(3){animation:bxBreath 6s ease-in-out infinite}
@keyframes bxBreath{50%{transform:translateY(-50%) scale(1.15);opacity:.7}}
.bx-final-l{display:flex;flex-direction:column;gap:18px}
.bx-final-sub{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.035em;line-height:1.1;font-weight:500;color:var(--acc)}
.bx-final-f .fld input{background:var(--ink)}
.bx-final-f{background:var(--ink-2);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,28px);box-shadow:inset 0 0 0 1px var(--line-d)}
.bx-opt span{background:var(--ink-3);color:#dfe4e8}
.bx-opt input:checked+span{background:var(--acc);color:var(--ink)}

/* ---- адаптив ---- */
@media (max-width:1180px){
  .bx-pipe{gap:0 4px}
  .bx-pn small{display:none}
  .bx-caps .bx-cap-sales{grid-column:span 12;grid-row:auto}
  .bx-caps .bx-cap-team,.bx-caps .bx-cap-auto,.bx-caps .bx-cap-com,.bx-caps .bx-cap-ctrl{grid-column:span 6}
  .bx-cap-sales{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .bx-cap-sales .bx-cap-h{grid-column:1/-1}
  .bx-cap-ctrl ul{grid-template-columns:1fr 1fr}
  .bx-eco-p{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bx-eco-p:before,.bx-eco-p:after{display:none}
  .bx-impl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .bx-impl:before,.bx-impl:after{display:none}
  .bx-ai-flow{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bx-ai-flow li{font-size:14px;padding:12px}
}
@media (max-width:1024px){
  .bx-hero .svc-sub{grid-template-columns:1fr}
  .bx-hero .svc-sub .row{justify-content:flex-start}
  .bx-pains{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bx-pain{min-height:0}
  .bx-what{grid-template-columns:1fr}
  .bx-orbit{max-width:560px}
  .bx-story-h{grid-template-columns:1fr}
  .bx-auto{grid-template-columns:1fr}
  .bx-rules{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x mandatory}
  .bx-rules::-webkit-scrollbar{display:none}
  .bx-rule{flex:0 0 250px;scroll-snap-align:start}
  .bx-rule:hover{transform:none}
  .bx-canvas{min-height:470px}
  .bx-int{grid-template-columns:1fr}
  .bx-ai-h{grid-template-columns:1fr}
  .bx-ai-flow{grid-template-columns:1fr 1fr 1fr}
  .bx-ai-flow li:nth-child(3):after{display:none}
  .bx-ai-g{grid-template-columns:1fr}
  .bx-task{grid-template-columns:1fr;gap:6px}
  .bx-task i{display:none}
  .bx-task>div+i+div{padding-top:6px}
  .bx-final{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .bx .bx-sh-note{justify-self:start;text-align:left}
  .bx .bx-lead-under{margin-top:calc(var(--space-lg)*-1 + 18px)}
  /* конвейер — вертикально */
  .bx-pipe{grid-template-columns:1fr;gap:10px;padding:14px 14px 14px 0}
  .bx-pipe-band{top:calc(12.5% - 4px);left:-8px;right:-8px;bottom:-4px}
  .bx-pipe-band b{top:auto;bottom:10px;left:auto;right:14px}
  .bx-pipe-track{left:37px;right:auto;top:38px;bottom:38px;width:2px;height:auto}
  .bx-pipe-fill{transform-origin:top;transform:scaleY(var(--p))}
  .bx-pipe-dot{left:50%;top:calc(var(--p)*100%);margin:-7px 0 0 -7px;transition:top 1s var(--ease)}
  .bx-pn{display:grid;grid-template-columns:48px auto 1fr;align-items:center;text-align:left;gap:4px 14px;padding:0 0 0 14px}
  .bx-pn-ic{grid-row:span 1}
  .bx-pn b{margin:0;font-size:17px}
  .bx-pn small{display:none}
  .bx-pn em{margin:0;justify-self:start;transform:translateX(-6px)}
  .bx-pn.now em{transform:none}
  .bx-pn.now .bx-pn-ic{transform:scale(1.08)}
  .bx-of-note{position:static;align-self:flex-start;margin-top:-6px}
  .bx-story-v{display:none}
  .bx-story{grid-template-columns:1fr}
  .bx-step{opacity:1}
  .bx-step-ev{display:inline-block}
  .bx-money{grid-template-columns:1fr}
  .bx-caps .bx-cap{grid-column:1/-1!important}
  .bx-cap-sales{display:flex}
  .bx-net{display:none}
  .bx-int-d,.bx-int-l>.small{display:none}
  .bx-int-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .bx-int-list li{background:var(--ink-2);border-radius:var(--r-md);padding:14px 16px;box-shadow:inset 0 0 0 1px var(--line-d);display:flex;flex-direction:column;gap:4px}
  .bx-int-list b{font-size:16px;font-weight:600;color:var(--acc-2)}
  .bx-int-list span{font-size:14px;color:var(--on-dark-soft);line-height:1.4}
  .bx-cases{grid-template-columns:1fr}
  .bx-ba{height:200vh}
  .bx-ba-svg .d{display:none}.bx-ba-svg .m{display:inline}
  .bx-ba-hub{top:11%;width:auto;aspect-ratio:auto;border-radius:var(--pill);padding:10px 22px;flex-direction:row;gap:8px}
  .bx-ba-hub small{display:none}
  .bx-ba-c{--x0m:calc(24 + var(--x0)*.52);--x:calc(var(--x0m)*(1 - var(--p)) + var(--mx1)*var(--p));--y:calc((12 + var(--y0)*.84)*(1 - var(--p)) + var(--my1)*var(--p));width:calc(47% - 8px);padding:10px 12px}
  .bx-ba-c b{font-size:14.5px}
  .bx-ba-c span{font-size:12px}
  .bx-ba-stage{max-height:none}
  .bx-ba-h{flex-direction:column;align-items:flex-start;gap:10px}
}
@media (max-width:640px){
  .bx .pill{white-space:normal;text-align:left}
  .bx h2.t-title{font-size:clamp(30px,8.4vw,38px)}
  .bx-pains{grid-template-columns:1fr}
  .bx-orbit{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:none}
  .bx-orbit-svg{display:none}
  .bx-core{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;width:100%;aspect-ratio:auto;border-radius:var(--r-lg);padding:22px;box-shadow:0 20px 40px -24px rgba(255,98,31,.7)}
  .bx-orbit.bx-live .bx-core{animation:none}
  .bx-sat{position:relative;left:auto;top:auto;transform:none;width:auto}
  .bx-sat:hover,.bx-sat:focus-visible{transform:none}
  .bx-canvas{min-height:0}
  .bx-rule{flex-basis:230px}
  .bx-money-c li{grid-template-columns:1fr;gap:2px}
  .bx-money-c li i{display:none}
  .bx-cap ul,.bx-cap-ctrl ul{grid-template-columns:1fr}
  .bx-eco-p{grid-template-columns:1fr 1fr}
  .bx-eco-p li>button,.bx-eco-p li>span{min-height:78px}
  .bx-ai-flow{grid-template-columns:1fr}
  .bx-ai-flow li:after{display:none!important}
  .bx-ai-c ul.two{grid-template-columns:1fr}
  .bx-impl{grid-template-columns:1fr;row-gap:22px}
  .bx-impl li{display:grid;grid-template-columns:56px 1fr;column-gap:16px}
  .bx-impl li>*:not(.bx-impl-n){grid-column:2}
  .bx-impl-n{grid-row:span 4}
  .bx-int-list{grid-template-columns:1fr}
  .bx-prr li{grid-template-columns:1fr;gap:4px}
  .bx-ba-c{padding:9px 10px}
  .bx-ba-c b{font-size:13.5px}
  .bx-ba-c span{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
  .bx-deal-feed li.vis{animation:none}
  .bx-eco-p li>*,.js .bx-ai-flow li{opacity:1!important;transform:none!important}
}

/* ============ СТРАНИЦА «АВТОМАТИЗАЦИЯ БИЗНЕСА С ИИ» (использует .bx-*) ============ */
/* hero: поток данных */
.ai-flow{position:relative;display:grid;grid-template-columns:17% 1fr 17%;align-items:center;aspect-ratio:1000/440;margin-top:clamp(23.8px,3.2vw,41.6px)}
.ai-flow-svg{position:absolute;inset:0;width:100%;height:100%}
.ai-hl{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.5;stroke-dasharray:4 6;transition:stroke .4s,stroke-width .4s}
.ai-hero.bx-live .ai-hl{animation:bxDash 1.6s linear infinite}
.ai-hl.on{stroke:var(--acc);stroke-width:2.5;stroke-dasharray:none}
.ai-hd{fill:var(--acc-2)}.ai-hd.o{fill:#5fd39a}
.ai-hero:not(.bx-live) .ai-hdots{display:none}
.ai-col{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:3.2% 0}
.ai-col.out{grid-column:3}
.ai-chip{display:flex;align-items:center;gap:8px;height:clamp(34px,4.2vw,50px);padding:0 14px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);font-size:clamp(12.5px,1.05vw,15px);font-weight:500;color:#dfe4e8;white-space:nowrap;transition:background .4s,color .4s,box-shadow .4s,transform .4s var(--ease)}
.ai-chip .ico{width:17px;height:17px;flex:0 0 17px;color:var(--acc-2)}
.ai-chip.on{background:var(--acc);color:var(--ink);transform:scale(1.06);box-shadow:0 10px 28px -8px rgba(255,98,31,.7)}
.ai-chip.on .ico{color:var(--ink)}
.ai-chip.o.on{background:#5fd39a;box-shadow:0 10px 28px -8px rgba(95,211,154,.6)}
.ai-core{grid-column:2;justify-self:center;position:relative;z-index:1;width:clamp(110px,12vw,170px);aspect-ratio:1;border-radius:32%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#ff8b55,var(--acc) 60%,#e2500f);color:var(--ink);box-shadow:0 30px 70px -20px rgba(255,98,31,.7)}
.ai-core b{font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1}
.ai-core small{font-size:13px;font-weight:600;margin-top:6px;min-height:1.2em}
.ai-core-r{position:absolute;inset:-14%;border-radius:36%;border:1px solid rgba(255,98,31,.45);animation:aiRing 3s ease-out infinite}
.ai-core-r.r2{animation-delay:1.5s}
@keyframes aiRing{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
.ai-hero:not(.bx-live) .ai-core-r{animation-play-state:paused}
.ai-offers .of-v b.txt{font-size:clamp(24px,2.3vw,34px)}
/* рутина */
.ai-rt{display:flex;flex-wrap:wrap;gap:10px}
.ai-rt-i{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:var(--pill);padding:12px 18px;font-size:clamp(15px,1.3vw,18px);font-weight:500;letter-spacing:-.01em;transition:background .3s,color .3s,transform .35s var(--ease)}
.js .ai-rt-i.rv{transition:opacity .7s var(--ease) calc(var(--i)*.04s),transform .7s var(--ease) calc(var(--i)*.04s),background .3s,color .3s}
.ai-rt-i i{width:8px;height:8px;border-radius:50%;background:var(--acc)}
.ai-rt-i:hover{background:var(--ink);color:#fff}
.ai-rt-t{margin-top:clamp(23.8px,3.2vw,38.4px);border-top:0;padding-top:0;font-size:clamp(24px,2.8vw,42px);max-width:26em}
/* калькулятор */
.ai-calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(23.8px,4vw,51.2px);align-items:center}
.ai-calc-l{display:flex;flex-direction:column;gap:22px}
.ai-rg{display:flex;flex-direction:column;gap:12px}
.ai-rg span{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:var(--on-dark-soft)}
.ai-rg b{color:#fff;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.ai-rg input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--acc) var(--v,50%),rgba(255,255,255,.14) var(--v,50%));outline-offset:6px}
.ai-rg input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,98,31,.35);cursor:pointer}
.ai-rg input::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,98,31,.35);cursor:pointer}
.ai-calc-r{display:flex;flex-direction:column;gap:14px}
.ai-calc-n{background:var(--ink-2);border-radius:var(--r-lg);padding:20px 24px;box-shadow:inset 0 0 0 1px var(--line-d);display:flex;flex-direction:column;gap:6px}
.ai-calc-n span{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-soft)}
.ai-calc-n b{font-size:clamp(40px,4.6vw,72px);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.ai-calc-n.acc{background:var(--acc);color:var(--ink);box-shadow:none}.ai-calc-n.acc span{color:var(--acc-ink)}
.ai-calc-r .pill{align-self:flex-start}
/* чат vs процесс */
.ai-vs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.ai-vs-c{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:16px}
.ai-vs-c.on{background:var(--ink);color:#fff}
.ai-vs-c ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;position:relative}
.ai-vs-c li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 14px;border-radius:12px;background:var(--ground);font-size:15.5px;font-weight:500}
.ai-vs-c.on li{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.ai-vs-c li span{font-size:12px;font-weight:700;color:var(--mute)}
.ai-vs-c.on li span{color:var(--acc)}
.ai-vs-c li.bad{background:#fde6df;color:#a3380c}
.ai-vs-c li.gate{box-shadow:inset 0 0 0 1.5px #f2c94c}
.ai-vs-c li.gate span{color:#f2c94c}
.ai-vs.bx-live .ai-vs-c.on li{animation:aiPulse 7s ease-in-out infinite;animation-delay:calc(var(--i)*1s)}
@keyframes aiPulse{0%,10%{background:var(--ink-2)}4%{background:#3a2518;box-shadow:inset 0 0 0 1px var(--acc)}}
.ai-vs-c.on .small.soft{color:var(--on-dark-soft)}
.ai-lv-h{margin:clamp(34px,4vw,51.2px) 0 16px}
.ai-lv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.ai-lv li{position:relative;background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:calc(190px + var(--i)*44px);overflow:hidden}
.ai-lv li:last-child{background:var(--acc)}
.ai-lv small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.ai-lv li:last-child small{color:var(--acc-ink)}
.ai-lv b{font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.03em}
.ai-lv p{font-size:14.5px;color:var(--soft);line-height:1.4}
.ai-lv li:last-child p{color:var(--acc-ink)}
.ai-lv i{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--acc);transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease) calc(var(--i)*.25s + .3s)}
.ai-lv.in-view i{transform:scaleX(1)}
.ai-lv li:last-child i{background:var(--ink)}
/* scroll-story: рабочая панель */
.ai-wb{background:#f5f6f7;color:var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
.ai-wb-n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px}
.ai-wb-n span{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border-radius:12px;padding:12px 6px;font-size:12.5px;text-align:center;color:var(--mute);transition:background .45s,color .45s,transform .45s var(--ease),box-shadow .45s}
.ai-wb-n span b{font-weight:600}
.ai-wb-n .ico{width:22px;height:22px}
.ai-wb-n span.done{color:#1f6b47;box-shadow:inset 0 0 0 1.5px rgba(47,158,106,.45)}
.ai-wb-n span.cur{background:var(--acc);color:var(--ink);transform:scale(1.06);box-shadow:0 12px 28px -12px rgba(255,98,31,.8)}
.ai-wb-n span.gate.cur{background:#f2c94c}
.ai-wb-log{padding:0 16px 12px}
.ai-wb-log ul{height:176px;overflow:hidden;display:flex;flex-direction:column;gap:6px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.ai-wb-log li{display:none;align-items:center;gap:10px;font-size:13.5px;background:#fff;border-radius:10px;padding:9px 12px;flex:0 0 auto}
.ai-wb-log li.vis{display:flex;animation:bxIn .5s var(--ease)}
.ai-wb-log li.vis:first-of-type{box-shadow:inset 3px 0 0 var(--acc)}
.ai-wb-g{margin:0 16px 16px;background:var(--ink);color:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;max-height:0;opacity:0;padding-block:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s,padding .4s}
.ai-wb-g.vis{max-height:160px;opacity:1;padding-block:14px}
.ai-wb-g span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f2c94c}
.ai-wb-g b{font-size:17px;font-weight:500}
.ai-btn{font-style:normal;font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--pill);background:rgba(255,255,255,.1)}
.ai-btn.ok{background:var(--acc);color:var(--ink);animation:aiBlink 1.2s ease-in-out infinite}
@keyframes aiBlink{50%{box-shadow:0 0 0 6px rgba(255,98,31,.25)}}
.ai-step-gate h3:after{content:"человек";display:inline-block;margin-left:10px;vertical-align:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#f2c94c;border-radius:var(--pill);padding:3px 9px}
/* функции */
.ai-fn{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px;align-items:start}
.ai-fn-t{display:flex;flex-direction:column;gap:6px}
.ai-fn-t button{display:flex;align-items:center;gap:12px;border:0;background:#fff;border-radius:var(--r-md);padding:14px 16px;font-size:16px;font-weight:500;text-align:left;transition:background .3s,color .3s,transform .35s var(--ease)}
.ai-fn-t button .ico{color:var(--acc)}
.ai-fn-t button:hover{transform:translateX(4px)}
.ai-fn-t button.on{background:var(--ink);color:#fff}
.ai-fn-t em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;background:var(--acc);color:var(--ink);border-radius:var(--pill);padding:3px 8px}
.ai-fn-p{background:var(--ink);border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);min-height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 1.5px);background-size:22px 22px}
.ai-fn-p ul{display:none;grid-template-columns:1fr 1fr;gap:8px}
.ai-fn-p ul.on{display:grid}
.ai-fn-p li{display:flex;gap:10px;align-items:flex-start;background:var(--ink-2);color:#fff;border-radius:12px;padding:13px 14px;font-size:15.5px;line-height:1.3;box-shadow:inset 0 0 0 1px var(--line-d);animation:bxRise .5s var(--ease) both;animation-delay:calc(var(--k)*.05s)}
.ai-fn-p li .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--acc);color:var(--ink);stroke-width:3;flex:0 0 18px}
.bx-blk.ai-blk{box-shadow:inset 0 0 0 1px rgba(255,98,31,.35);background:linear-gradient(135deg,#2a1a12,var(--ink-2))}
.bx-blk.ai-blk .bx-blk-c{color:var(--acc)}
.bx-blk.ai-hblk{box-shadow:inset 0 0 0 1px rgba(242,201,76,.5)}.bx-blk.ai-hblk .bx-blk-c{color:#f2c94c}
/* архитектура */
.ai-arch{display:flex;flex-direction:column;align-items:stretch}
.ai-arch-l{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;border-radius:var(--r-lg);padding:18px 22px;background:#fff}
.ai-arch-l.l1{background:var(--acc)}
.ai-arch-l.l2{background:var(--ink);color:#fff}
.ai-arch-k{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ai-arch-l>div{display:flex;flex-wrap:wrap;gap:8px}
.ai-arch-l>div span{padding:10px 14px;border-radius:var(--pill);background:var(--ground);font-size:15px;font-weight:500}
.ai-arch-l.l1>div span{background:rgba(255,255,255,.35)}
.ai-arch-l.l2>div span{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.ai-arch-s{position:relative;height:54px;display:flex;justify-content:center;gap:clamp(34px,8vw,128px)}
.ai-arch-s i{width:2px;height:100%;background:repeating-linear-gradient(to bottom,rgba(18,22,26,.25) 0 4px,transparent 4px 8px);position:relative}
.ai-arch-s i:after{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--acc)}
.ai-arch.bx-live .ai-arch-s i:after{animation:aiFall 1.5s ease-in infinite}
.ai-arch-s i:nth-child(2):after{animation-delay:.5s}.ai-arch-s i:nth-child(3):after{animation-delay:1s}
@keyframes aiFall{0%{top:-4px;opacity:0}20%{opacity:1}100%{top:48px;opacity:0}}
/* режимы и точка подтверждения */
.ai-modes{gap:12px}
.ai-mode h3{font-size:26px}
.ai-mode.m1{background:var(--ink);color:#fff}.ai-mode.m1 p{color:var(--on-dark-soft)}
.ai-mode.m2{box-shadow:inset 0 0 0 1.5px #f2c94c}
.ai-mode-e{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:14px;font-weight:500}
.ai-mode.m1 .ai-mode-e{border-color:var(--line-d)}
.ai-gate{margin-top:12px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,38.4px);align-items:center}
.ai-gate-l{display:flex;flex-direction:column;gap:12px}
.ai-gate-l h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;line-height:1.1}
.ai-gate-track{display:flex;flex-direction:column;gap:8px;position:relative}
.ai-gs{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:12px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);font-size:15.5px;font-weight:500}
.ai-gs.done:before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--bx-ok);display:grid;place-items:center;font-size:12px;margin-right:10px}
.ai-gs.done{justify-content:flex-start}
.ai-gs.wait{box-shadow:inset 0 0 0 1.5px #f2c94c;background:#2a2512}
.ai-gs.wait b{font-weight:500}
.ai-gate.bx-live .ai-gs.wait .pill{animation:aiBlink 1.4s ease-in-out infinite}
.ai-gs.next{opacity:.35;transition:opacity .5s,box-shadow .5s}
.ai-gate.ok .ai-gs.next{opacity:1;box-shadow:inset 0 0 0 1.5px var(--bx-ok)}
.ai-gate.ok .ai-gs.wait{box-shadow:inset 0 0 0 1.5px var(--bx-ok);background:var(--ink-2)}
/* агент */
.ai-ag{display:flex;flex-direction:column;gap:12px}
.ai-ag-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ai-ag-f span{padding:14px 20px;border-radius:var(--r-md);background:#fff;font-size:clamp(16px,1.5vw,21px);font-weight:500;letter-spacing:-.02em}
.ai-ag-f i{font-style:normal;font-size:22px;color:var(--acc);font-weight:600}
.ai-ag-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}
.ai-loop{background:var(--ink);border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;position:relative}
.ai-loop span[data-i]{padding:16px;border-radius:12px;background:var(--ink-2);color:var(--on-dark-soft);box-shadow:inset 0 0 0 1px var(--line-d);font-size:15.5px;font-weight:500;transition:background .4s,color .4s,transform .4s var(--ease)}
.ai-loop span[data-i]:before{content:attr(data-i);display:none}
.ai-loop span.on{background:var(--acc);color:var(--ink);transform:translateY(-3px)}
.ai-loop-h{grid-column:1/-1;padding:12px 16px;border-radius:12px;border:1.5px dashed rgba(242,201,76,.6);color:#f2c94c;font-size:14.5px;font-weight:600;text-align:center;transition:background .4s}
.ai-loop.ask .ai-loop-h{background:rgba(242,201,76,.14)}
.ai-multi{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,28px);display:flex;flex-direction:column;gap:14px}
.ai-multi-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.ai-multi-g span{display:flex;flex-direction:column;gap:2px;background:var(--ground);border-radius:12px;padding:12px;font-size:14.5px}
.ai-multi-g span.lead{grid-column:1/-1;background:var(--ink);color:#fff;text-align:center;position:relative}
.ai-multi-g small{font-size:12.5px;color:var(--soft)}.ai-multi-g .lead small{color:var(--on-dark-soft)}
/* документы и база знаний */
.ai-dk{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px}
.ai-doc{padding:clamp(18.7px,2.4vw,32px);display:flex;flex-direction:column;gap:16px}
.ai-doc h3,.ai-kb h3{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;line-height:1.1}
.ai-doc-v{display:grid;grid-template-columns:minmax(0,.8fr) 60px minmax(0,1fr);gap:10px;align-items:center}
.ai-doc-f{display:flex;flex-direction:column;gap:8px}
.ai-doc-f span{display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:13.5px}
.ai-doc-f b{font-size:10.5px;font-weight:700;padding:3px 6px;border-radius:5px;background:var(--ink);color:#fff}
.ai-doc.bx-live .ai-doc-f span{animation:aiFly 6s var(--ease) infinite;animation-delay:calc(var(--i)*.35s)}
@keyframes aiFly{0%{opacity:0;transform:translateX(-30px) rotate(-4deg)}10%,70%{opacity:1;transform:none}85%,100%{opacity:.35;transform:translateX(16px) scale(.96)}}
.ai-doc-x{height:100%;min-height:160px;position:relative;display:grid;place-items:center}
.ai-doc-x i{width:52px;height:52px;border-radius:30%;background:var(--acc);box-shadow:0 0 30px rgba(255,98,31,.6)}
.ai-doc.bx-live .ai-doc-x i{animation:aiSpin 3s linear infinite}
@keyframes aiSpin{to{transform:rotate(360deg)}}
.ai-doc-t{margin:0;display:flex;flex-direction:column;gap:6px}
.ai-doc-t div{display:grid;grid-template-columns:auto 1fr;gap:10px;background:var(--ink-2);border-radius:10px;padding:9px 12px;box-shadow:inset 0 0 0 1px var(--line-d)}
.ai-doc-t dt{font-size:12px;color:var(--on-dark-soft)}
.ai-doc-t dd{margin:0;font-size:13.5px;font-weight:500;text-align:right}
.ai-doc.bx-live .ai-doc-t div{animation:aiRow 6s var(--ease) infinite;animation-delay:calc(1.2s + var(--i)*.25s)}
@keyframes aiRow{0%,5%{opacity:0;transform:translateY(8px)}15%,90%{opacity:1;transform:none}100%{opacity:0}}
.ai-doc .small.soft{color:var(--on-dark-soft)}
.ai-kb{gap:14px}
.ai-kb-chat{display:flex;flex-direction:column;gap:8px}
.ai-kb-chat p{font-size:14.5px;line-height:1.4;border-radius:14px;padding:12px 14px}
.ai-kb-chat .q{align-self:flex-end;background:var(--ink);color:#fff;max-width:88%;border-bottom-right-radius:4px}
.ai-kb-chat .a{background:var(--ground);color:var(--ink);max-width:92%;border-bottom-left-radius:4px}
.ai-kb-chat .src{display:block;margin-top:8px;font-size:12px;font-weight:600;color:var(--acc)}
.ai-kb .ticks li{font-size:15px;padding:10px 0}
/* до / после: сворачивание */
.ai-ba{position:relative;height:220vh}
.ai-ba-s{position:sticky;top:0;height:100vh;min-height:600px;display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2.4vw,28px);padding:clamp(80px,9vh,110px) var(--pad) clamp(16px,3vh,32px)}
.ai-ba .bx-ba-sw i b{transform:scaleX(var(--p))}
.ai-ba.after .bx-ba-sw .b{color:var(--mute)}.ai-ba.after .bx-ba-sw .a{color:var(--acc)}
.ai-ba-stage{position:relative;flex:1;min-height:0;max-height:620px;border-radius:var(--r-lg);background:#fff radial-gradient(circle at 1px 1px,rgba(18,22,26,.1) 1px,transparent 1.5px) 0 0/20px 20px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(16px,2.4vw,32px)}
.ai-ba-m{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.ai-ba-m li{display:grid;grid-template-columns:34px 1fr;align-items:center;background:var(--ground);border-radius:10px;padding:clamp(6px,1vh,10px) 12px;font-size:15px;font-weight:500;transform:translateY(calc(var(--p)*(4.5 - var(--i))*clamp(30px,5vh,46px))) scale(calc(1 - var(--p)*.25));opacity:calc(1 - var(--p)*1.2);will-change:transform,opacity}
.ai-ba-m li span{font-size:12px;font-weight:700;color:#b8420d}
.ai-ba-core{position:absolute;left:25%;top:50%;transform:translate(-50%,-50%) scale(calc(.5 + var(--p)*.5));opacity:var(--p);z-index:2;background:var(--acc);color:var(--ink);border-radius:var(--r-lg);padding:20px 26px;text-align:center;box-shadow:0 30px 60px -24px rgba(255,98,31,.8)}
.ai-ba-core b{display:block;font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.03em}
.ai-ba-core small{font-size:13px;font-weight:500}
.ai-ba-a{list-style:none;margin:0;padding:0 0 0 clamp(13.6px,2.4vw,38.4px);display:flex;flex-direction:column;gap:10px}
.ai-ba-a li{background:var(--ink);color:#fff;border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:4px;opacity:calc(var(--p)*2 - var(--i)*.35 - .4);transform:translateX(calc((1 - var(--p))*40px))}
.ai-ba-a li:nth-child(2){background:var(--acc);color:var(--ink)}
.ai-ba-a li:last-child{box-shadow:inset 0 0 0 1.5px #f2c94c}
.ai-ba-a b{font-size:18px;font-weight:600}
.ai-ba-a span{font-size:14px;opacity:.8}
.ai-ba.static{height:auto}.ai-ba.static .ai-ba-s{position:relative;height:auto;padding-top:0}.ai-ba.static .ai-ba-stage{height:560px;flex:none}
/* экономика, инструменты */
.bx-money-c li.ai-one{grid-template-columns:1fr}
.ai-split{margin-top:12px;display:flex;align-items:stretch;gap:10px}
.ai-split span{flex:1;border-radius:var(--r-md);padding:18px;font-size:16px;font-weight:600}
.ai-split .h{background:#fff;color:#b8420d;flex:1.4}
.ai-split .a{background:var(--acc)}
.ai-split .p{background:var(--ink);color:#fff;flex:.8}
.ai-split i{font-style:normal;align-self:center;color:var(--acc);font-weight:700}
.ai-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ai-tool{background:#fff;border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:8px}
.ai-tool.ai{background:var(--ink);color:#fff}
.ai-tool-n{font-size:12px;font-weight:700;color:var(--acc)}
.ai-tool h3{font-size:19px;letter-spacing:-.02em;line-height:1.15}
.ai-tool p{font-size:14px;color:var(--soft);line-height:1.4}
.ai-tool.ai p{color:var(--on-dark-soft)}
.ai-tool small{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;font-weight:500}
.ai-tool.ai small{border-color:var(--line-d)}
/* этапы + пилот */
.bx-impl.ai-impl{grid-template-columns:repeat(7,minmax(0,1fr))}
.ai-impl h3{font-size:clamp(17px,1.4vw,21px)}
.ai-impl p{font-size:14px}
.ai-pilot{margin-top:clamp(23.8px,3.2vw,38.4px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:clamp(17px,2.4vw,32px);padding:clamp(20.4px,2.7vw,35.2px);align-items:center}
.ai-pilot h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;line-height:1.1;margin:10px 0}
.ai-pilot p{color:var(--acc-ink)}
.ai-pilot ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ai-pilot li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.3);border-radius:12px;padding:12px 14px;font-weight:600}
.ai-pilot li span{font-size:12px;color:var(--acc-ink)}
/* Битрикс24 + экосистема */
.ai-b24{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.ai-b24-l{border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:6px;background:#fff}
.ai-b24-l.a{background:var(--acc)}.ai-b24-l.x{background:var(--ink);color:#fff}
.ai-b24-l small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.ai-b24-l b{font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.03em}
.ai-b24-l span{font-size:14.5px;line-height:1.4;opacity:.8}
.ai-b24>i{font-style:normal;align-self:center;font-size:24px;font-weight:600;color:var(--acc)}
.ai-b24>.pill{grid-column:1/-1;justify-self:start;margin-top:4px}
.ai-eco{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ai-eco-r{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:0;text-align:left;background:#fff;border-radius:var(--r-md);padding:16px 44px 16px 16px;font-size:15px;font-weight:500;transition:transform .35s var(--ease),box-shadow .35s}
.ai-eco-r:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(18,22,26,.4)}
.ai-eco-r span{padding:6px 10px;border-radius:var(--pill);background:var(--ground)}
.ai-eco-r span.a{background:var(--acc)}
.ai-eco-r i{font-style:normal;color:var(--acc);font-weight:700}
.ai-eco-r em{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--acc)}
.ai .bx-what-t{margin-top:clamp(20.4px,2.4vw,32px)}
.ai-fmt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ai-fmt li{background:#fff;border-radius:var(--r-md);padding:14px;font-size:16px;font-weight:600;display:flex;flex-direction:column;gap:6px}
.ai-fmt span{font-size:11px;color:var(--acc)}
.ai .bx-final-f .fld textarea{background:var(--ink)}
/* адаптив */
@media (max-width:1180px){
  .ai-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bx-impl.ai-impl{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ai-pilot{grid-template-columns:1fr 1fr}.ai-pilot>.pill{grid-column:1/-1;justify-self:start}
  .ai-chip{padding:0 10px}
}
@media (max-width:1024px){
  .ai-calc,.ai-vs,.ai-fn,.ai-gate,.ai-ag-g,.ai-dk{grid-template-columns:minmax(0,1fr)}
  .ai-fn-t{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .ai-fn-t::-webkit-scrollbar{display:none}
  .ai-fn-t button{flex:0 0 auto}
  .ai-fn-t button:hover{transform:none}
  .ai-lv{grid-template-columns:1fr 1fr}.ai-lv li{min-height:0}
  .ai-b24{grid-template-columns:1fr}.ai-b24>i{justify-self:center}
}
@media (max-width:820px){
  .ai-flow{display:flex;flex-direction:column;align-items:stretch;gap:14px;aspect-ratio:auto}
  .ai-flow-svg{display:none}
  .ai-col{flex-direction:row;flex-wrap:wrap;height:auto;padding:0;gap:8px;justify-content:center}
  .ai-core{width:120px;margin:4px auto}
  .ai-col.in:after,.ai-core:after{content:"↓";position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:var(--acc);font-weight:700}
  .ai-col.in{padding-bottom:14px}.ai-core{margin-bottom:18px}
  .ai-arch-l{grid-template-columns:1fr;gap:10px}
  .ai-split{flex-direction:column}.ai-split i{transform:rotate(90deg)}
  .ai-eco{grid-template-columns:1fr}
  .ai-ba{height:200vh}
  .ai-ba-stage{grid-template-columns:1fr;grid-template-rows:1fr auto;align-content:center;gap:12px;max-height:none}
  .ai-ba-m li{font-size:13.5px;transform:translateY(calc(var(--p)*(4.5 - var(--i))*30px)) scale(calc(1 - var(--p)*.25))}
  .ai-ba-core{left:50%;top:15%;padding:12px 20px}
  .ai-ba-core b{font-size:19px}
  .ai-ba-core small{font-size:12px}
  .ai-ba-a{padding:0;position:absolute;left:16px;right:16px;bottom:16px}
  .ai-ba-a li{padding:12px 14px}.ai-ba-a b{font-size:16px}
  .ai-doc-v{grid-template-columns:1fr}.ai-doc-x{min-height:60px}.ai-doc-x i{width:40px;height:40px}
  .ai-fmt{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ai-rt-i{font-size:14.5px;padding:10px 14px}
  .ai-fn-p ul{grid-template-columns:1fr}
  .ai-lv{grid-template-columns:1fr}
  .ai-loop{grid-template-columns:1fr 1fr}
  .ai-multi-g{grid-template-columns:1fr 1fr}
  .ai-tools{grid-template-columns:1fr 1fr}
  .bx-impl.ai-impl{grid-template-columns:1fr}
  .ai-pilot{grid-template-columns:1fr}
  .ai-wb-n{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){.ai-wb-log li.vis{animation:none}.ai-fn-p li{animation:none}}

/* ============ СТРАНИЦА «КОМПЛЕКСНОЕ ПРОДВИЖЕНИЕ» (использует .bx-*, .ai-*) ============ */
/* hero: цикл */
.cx-loop{position:relative;aspect-ratio:1000/480;margin-top:clamp(23.8px,3.2vw,41.6px)}
.cx-loop-svg,.cx-loop-dot{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cx-loop-e{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.5;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
.cx-loop-f{fill:none;stroke:rgba(255,98,31,.25);stroke-width:1;vector-effect:non-scaling-stroke}
.cx-hero.bx-live .cx-loop-e{animation:bxDash 1.6s linear infinite}
.cx-ld{fill:#fff;filter:drop-shadow(0 0 1.2px var(--acc))}
.cx-hero:not(.bx-live) .cx-loop-dot{visibility:hidden}
.cx-ln{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);white-space:nowrap;z-index:1;transition:background .45s,color .45s,transform .45s var(--ease),box-shadow .45s}
.cx-ln b{font-size:clamp(13px,1.1vw,16px);font-weight:500;color:#dfe4e8}
.cx-ln .ico{width:18px;height:18px;color:var(--acc-2)}
.cx-ln.on{background:var(--acc);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 30px -8px rgba(255,98,31,.7)}
.cx-ln.on b,.cx-ln.on .ico{color:var(--ink)}
.cx-loop-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(46%,420px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.cx-loop-c small{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-2)}
.cx-loop-c b{font-size:clamp(22px,2.4vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.1;color:#fff}
.cx-chans{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}
.cx-chans span{font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:var(--pill);background:rgba(255,98,31,.16);color:var(--acc-2)}
/* отдельные подрядчики */
.cx-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}
.cx-split-g{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(17px,2.4vw,32px);padding:clamp(20px,3vw,36px);border-radius:var(--r-lg);background:#fff radial-gradient(circle at 1px 1px,rgba(18,22,26,.1) 1px,transparent 1.5px) 0 0/20px 20px}
.cx-sp{background:var(--ground);border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:4px;transform:rotate(calc((var(--i) - 1.5)*2deg));box-shadow:inset 0 0 0 1.5px rgba(18,22,26,.12);transition:transform .5s var(--ease)}
.cx-sp b{font-size:17px;font-weight:600}
.cx-sp span{font-size:14px;color:#b8420d}
.cx-split.bx-live .cx-sp{animation:cxJit 5s ease-in-out infinite;animation-delay:calc(var(--i)*-1.2s)}
@keyframes cxJit{50%{transform:rotate(calc((var(--i) - 1.5)*-2deg)) translateY(-4px)}}
.cx-sp-x{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:28px;font-weight:600;background:var(--ink);color:var(--acc);box-shadow:0 0 0 10px #fff}
.cx-split-q{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.cx-split-q ul{display:flex;flex-direction:column;gap:6px}
.cx-split-q li{padding:11px 14px;border-radius:12px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);font-size:15.5px}
.cx-split-t{margin-top:auto;font-size:17px;color:var(--on-dark-soft)}.cx-split-t b{color:var(--acc);font-weight:600}
/* порядок */
.cx-order{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.cx-order li{position:relative;background:#fff;border-radius:var(--r-md);padding:16px 14px;display:flex;flex-direction:column;gap:6px;min-height:170px;opacity:.4;transform:translateY(12px);transition:opacity .5s calc(var(--i)*.12s + .2s),transform .5s var(--ease) calc(var(--i)*.12s + .2s)}
.cx-order.in-view li{opacity:1;transform:none}
.js .cx-order.rv{opacity:1;transform:none}
.cx-order span{font-size:12px;font-weight:700;color:var(--acc)}
.cx-order b{font-size:clamp(16px,1.35vw,20px);font-weight:500;letter-spacing:-.02em}
.cx-order small{font-size:13px;color:var(--soft);line-height:1.35}
.cx-order li.ch{background:var(--acc)}
.cx-order li.ch span,.cx-order li.ch small{color:var(--acc-ink)}
.cx-order em{margin-top:auto;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:var(--pill);padding:4px 8px;align-self:flex-start}
/* путь клиента */
.cx-att{display:flex;gap:3px;height:30px;border-radius:8px;overflow:hidden}
.cx-att i{flex:0 0 var(--w);background:var(--acc);font-style:normal;font-size:10.5px;font-weight:600;color:var(--ink);display:grid;place-items:center}
.cx-att i:nth-child(2){background:#ff8b55}.cx-att i:nth-child(3){background:#f2c94c}.cx-att i:nth-child(4){background:#5fd39a}.cx-att i:nth-child(5){background:#fff}
.cx-jw .ai-wb-g.vis{max-height:120px}
.cx-touch{margin-top:clamp(27.2px,3.2vw,44.8px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line-d);display:flex;flex-direction:column;gap:16px}
.cx-touch ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;position:relative}
.cx-touch li{background:var(--ink-2);border-radius:12px;padding:12px;box-shadow:inset 0 0 0 1px var(--line-d);display:flex;flex-direction:column;gap:3px}
.cx-touch li b{font-size:15px;font-weight:600}
.cx-touch li small{font-size:12.5px;color:var(--on-dark-soft)}
.cx-touch li.last{background:var(--acc);color:var(--ink)}.cx-touch li.last small{color:var(--acc-ink)}
.cx-touch li:not(:last-child):after{content:"→";position:absolute;margin-left:calc(100%/6 - 22px);color:var(--acc)}
.cx-touch .soft{max-width:60em}
/* B2B vs магазин */
.cx-vs{background:#fff;border-radius:var(--r-lg);padding:8px clamp(14px,2.4vw,28px)}
.cx-vs-h,.cx-vs-r{display:grid;grid-template-columns:.8fr 1fr 1.3fr;gap:16px;padding:14px 0;border-top:1px solid var(--line);align-items:start}
.cx-vs-h{border-top:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cx-vs-h span:last-child{color:var(--acc)}
.cx-vs-r span:first-child{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.cx-vs-r span:nth-child(2){color:var(--soft);text-decoration:line-through;text-decoration-color:rgba(18,22,26,.25)}
.cx-vs-r span:last-child{font-weight:600;font-size:16.5px}
.cx-must{margin-top:12px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:14px}
.cx-must p{font-size:17px;color:var(--on-dark-soft)}
.cx-must div{display:flex;flex-wrap:wrap;gap:8px}
.cx-must span{padding:11px 16px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(255,98,31,.35);font-size:15.5px;font-weight:500;transition:background .3s,color .3s}
.cx-must span:hover{background:var(--acc);color:var(--ink)}
/* фундамент */
.cx-found{padding:clamp(23.8px,4vw,51.2px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.cx-found-h{display:flex;flex-direction:column;gap:16px}
.cx-found-h .soft{color:var(--on-dark-soft)}
.cx-study{display:flex;flex-wrap:wrap;gap:6px}
.cx-study span{font-size:14px;padding:7px 12px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.cx-found-h .pill{align-self:flex-start}
.cx-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}
.cx-map>div{background:var(--acc);color:var(--ink);border-radius:var(--r-md);padding:16px 14px;display:flex;flex-direction:column;gap:4px}
.cx-map>div:nth-of-type(2){background:#ff8b55}.cx-map>div:nth-of-type(3){background:#fff}.cx-map>div:nth-of-type(4){background:var(--ink-3);color:#fff}
.cx-map small{font-size:11px;font-weight:700;opacity:.7}
.cx-map b{font-size:clamp(20px,1.9vw,28px);font-weight:600;letter-spacing:-.03em}
.cx-map span{font-size:13px;line-height:1.35;opacity:.85}
.cx-map>i{font-style:normal;align-self:center;color:var(--acc);font-weight:700}
.cx-strat{grid-column:2;display:flex;flex-direction:column;gap:12px}
.cx-strat>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cx-strat span{display:flex;gap:8px;align-items:center;font-size:15px;padding:9px 12px;border-radius:10px;background:var(--ink-2)}
.cx-strat .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--acc);color:var(--ink);stroke-width:3;flex:0 0 18px}
.cx-strat .soft{color:var(--on-dark-soft)}
.cx-found-h{grid-row:span 2}
/* сайт */
.cx-site{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.cx-site-v{position:relative}
.cx-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;grid-template-columns:28px auto;gap:0 10px;align-items:center;background:var(--ink);color:#fff;border-radius:14px;padding:8px 14px 8px 8px;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);z-index:2;animation:cxPin .6s var(--ease) both;animation-delay:calc(var(--i)*.15s + .3s)}
.cx-pin i{grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--ink);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;box-shadow:0 0 0 0 rgba(255,98,31,.6);animation:fxPing 2.6s ease-out infinite;animation-delay:calc(var(--i)*.5s)}
@keyframes fxPing{0%{box-shadow:0 0 0 0 rgba(255,98,31,.55)}70%,100%{box-shadow:0 0 0 10px rgba(255,98,31,0)}}
.cx-pin b{font-size:14px;font-weight:600;white-space:nowrap}
.cx-pin small{font-size:12px;color:var(--on-dark-soft);white-space:nowrap}
.js .cx-site-v:not(.in-view) .cx-pin{animation:none;opacity:0}
@keyframes cxPin{from{opacity:0;transform:translate(-50%,-30%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%)}}
.cx-site-r{display:flex;flex-direction:column;gap:18px}
.cx-site-r .ticks li{font-size:15.5px;padding:10px 0}
.cx-site-r .pill{align-self:flex-start}
/* каналы */
.cx-ch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cx-chc{background:#fff;border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:12px}
.cx-chc.c1{background:var(--ink);color:#fff}.cx-chc.c1 p{color:var(--on-dark-soft)}.cx-chc.c1 .lnk-a{color:#fff}
.cx-chc.c3{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,22,26,.14)}
.cx-chc-h{display:flex;justify-content:space-between;align-items:center}
.cx-chc-h small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.cx-chc h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.035em}
.cx-chc p{font-size:15px;color:var(--soft);line-height:1.45}
.cx-chc .lnk-a{margin-top:auto;align-self:flex-start}
/* синергия */
.cx-syn{padding:clamp(23.8px,4vw,51.2px)}
.cx-syn-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(17px,2.4vw,38.4px);align-items:end}
.cx-syn .ai-chip{border:0;cursor:pointer;justify-content:center}
.cx-core{border-radius:50%}
.cx-core b{font-size:clamp(22px,2.4vw,34px)}
.cx-out{justify-content:space-around}
.cx-back{fill:none;stroke:#5fd39a;stroke-width:1.5;stroke-dasharray:4 6;opacity:.7}
.cx-syn.bx-live .cx-back{animation:bxDash 1.6s linear infinite reverse}
.cx-syn:not(.bx-live) .ai-hdots{display:none}
.cx-syn.bx-live .ai-hl{animation:bxDash 1.6s linear infinite}
.cx-back-l{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);font-size:13px;font-weight:600;color:#5fd39a;white-space:nowrap}
.cx-flow{margin-bottom:24px}
/* аналитика */
.cx-pyr{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.cx-pyr li{width:var(--w);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-radius:var(--r-md);background:#fff;transform:scaleX(.6);opacity:0;transition:transform .7s var(--ease) calc(var(--i)*.12s),opacity .5s calc(var(--i)*.12s)}
.js .cx-pyr.rv{opacity:1;transform:none}
.cx-pyr.in-view li{transform:none;opacity:1}
.cx-pyr li:first-child{background:var(--acc)}
.cx-pyr li:nth-child(2){background:#ff8b55}
.cx-pyr li:nth-child(3){background:#ffd2bb}
.cx-pyr li:last-child{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,22,26,.14)}
.cx-pyr b{font-size:clamp(16px,1.5vw,21px);font-weight:600;letter-spacing:-.02em}
.cx-pyr span{font-size:14px;opacity:.75;text-align:right}
/* CRM + ИИ */
.cx-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cx-crm,.cx-ai{padding:clamp(18.7px,2.4vw,32px);display:flex;flex-direction:column;gap:16px}
.cx-crm h3,.cx-ai h3{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.035em;line-height:1.1}
.cx-crm-f{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cx-crm-f li{padding:10px 14px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);font-size:15px;font-weight:500}
.cx-crm-f li:nth-child(3){background:var(--acc);color:var(--ink)}
.cx-crm-f li:not(:last-child):after{content:"→";margin-left:12px;color:var(--acc)}
.cx-crm-f li:nth-child(3):after{color:var(--ink)}
.cx-crm-b{display:flex;gap:12px;align-items:flex-start;color:var(--on-dark-soft)}
.cx-crm-b span{color:#5fd39a;font-size:22px;line-height:1}
.cx-crm .pill,.cx-ai .pill{align-self:flex-start;margin-top:auto}
.cx-ai-g{display:flex;flex-wrap:wrap;gap:6px}
.cx-ai-g span{font-size:14px;padding:8px 12px;border-radius:var(--pill);background:var(--ground)}
/* ресурс */
.cx-alloc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.cx-alloc-t{display:flex;flex-direction:column;gap:6px}
.cx-alloc-t button{border:0;text-align:left;background:#fff;border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:3px;transition:background .3s,color .3s}
.cx-alloc-t b{font-size:17px;font-weight:600}
.cx-alloc-t small{font-size:14px;color:var(--soft)}
.cx-alloc-t button.on{background:var(--ink);color:#fff}.cx-alloc-t button.on small{color:var(--on-dark-soft)}
.cx-alloc-v{padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.cx-bar{display:grid;grid-template-columns:90px 1fr 48px;gap:14px;align-items:center}
.cx-bar span{font-size:15px;font-weight:600}
.cx-bar i{height:14px;border-radius:7px;background:var(--ink-2);overflow:hidden}
.cx-bar i b{display:block;height:100%;width:var(--w);border-radius:7px;background:linear-gradient(90deg,var(--acc),var(--acc-2));transition:width 1s var(--ease)}
.cx-bar em{font-style:normal;font-size:14px;color:var(--on-dark-soft);text-align:right;font-variant-numeric:tabular-nums}
.cx-alloc-v .soft{color:var(--on-dark-soft)}
/* цикл */
.cx-cyc{padding:clamp(23.8px,4vw,51.2px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.cx-cyc-l{display:flex;flex-direction:column;gap:16px}.cx-cyc-l .soft{color:var(--on-dark-soft)}
.cx-ring{position:relative;width:100%;max-width:520px;aspect-ratio:1;justify-self:center}
.cx-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cx-ring .r{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1.2}
.cx-ring .p{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-dasharray:251.3;stroke-dashoffset:calc(251.3*(1 - var(--rp,0)));transition:stroke-dashoffset 1s var(--ease)}
.cx-ring span{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(120px,12vw,160px);text-align:center;padding:10px 12px;border-radius:14px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);font-size:14px;font-weight:500;line-height:1.25;display:flex;flex-direction:column;gap:2px;transition:background .4s,color .4s,transform .4s var(--ease)}
.cx-ring span small{font-size:11px;font-weight:700;color:var(--acc)}
.cx-ring span.on{background:var(--acc);color:var(--ink);transform:translate(-50%,-50%) scale(1.08)}
.cx-ring span.on small{color:var(--ink)}
.cx-ring-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(18px,1.8vw,24px);font-weight:500;text-align:center;color:var(--acc-2)}
/* состав */
.cx-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.cx-wk{background:#fff;border-radius:var(--r-md)}
.cx-wk summary{list-style:none;display:grid;grid-template-columns:44px 1fr 40px;gap:12px;align-items:center;padding:16px;cursor:pointer}
.cx-wk summary::-webkit-details-marker{display:none}
.cx-wk summary b{font-size:19px;font-weight:600;letter-spacing:-.02em}
.cx-wk[open] .qa-x{background:var(--acc);transform:rotate(180deg)}
.cx-wk[open] .qa-x:before,.cx-wk[open] .qa-x:after{background:#fff}
.cx-wk[open] .qa-x:after{transform:translate(-50%,-50%) rotate(0)}
.cx-wk ul{padding:0 16px 16px 72px;display:flex;flex-direction:column;gap:8px;animation:fadeUp .4s var(--ease)}
.cx-wk li{display:flex;gap:8px;align-items:center;font-size:15px}
.cx-wk .ico{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--acc);color:#fff;stroke-width:3;flex:0 0 18px}
.cx-not{margin-top:12px;padding:clamp(22px,3vw,36px)}
.cx-not-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.cx-not-g li:last-child{border-bottom:1px solid var(--line)}
/* диагностика + экономика */
.cx-diag{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:stretch}
.cx-diag-c{background:var(--acc);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.cx-diag-c b{font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.04em;line-height:1}
.cx-diag-c small{font-size:14px;color:var(--acc-ink)}
.cx-diag-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cx-diag-g span{background:#fff;border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:500;line-height:1.25;transition:transform .35s var(--ease),background .3s,color .3s}
.cx-diag-g span:hover{transform:translateY(-3px);background:var(--ink);color:#fff}
.cx-diag-g small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.cx-econ{margin-top:12px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:0}
.cx-econ>div{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--line-d);font-size:16px}
.cx-econ>div b{font-weight:600}.cx-econ>div i{font-style:normal;color:var(--acc);font-weight:700}.cx-econ>div span{color:var(--on-dark-soft)}
.cx-econ .num-label{margin-bottom:10px}
.cx-econ-t{margin-top:14px;font-size:clamp(18px,1.7vw,24px);font-weight:500;color:var(--acc-2)}
/* до/после: подписи */
.cx .bx-ba-c b{grid-row:1;grid-column:1;transition:opacity .4s}
.cx .bx-ba-c b.bf{color:var(--ink)}
.cx .bx-ba-c b.af{opacity:0}
.cx .bx-ba.after .bx-ba-c b.bf{opacity:0}
.cx .bx-ba.after .bx-ba-c b.af{opacity:1}
.cx .bx-ba-hub b{font-size:clamp(15px,1.4vw,20px);line-height:1.1;padding:0 10px}
/* команда */
.cx-team{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.cx-tm{background:#fff;border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:6px;min-height:130px}
.cx-tm b{font-size:17px;font-weight:600;letter-spacing:-.02em}
.cx-tm span{font-size:13.5px;color:var(--soft);line-height:1.35}
.cx-tm.c{background:var(--acc)}.cx-tm.c span{color:var(--acc-ink)}
/* месяцы */
.cx-months{margin-top:clamp(23.8px,3.2vw,38.4px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cx-mo{border-radius:var(--r-lg);padding:20px 22px;background:#fff;display:flex;flex-direction:column;gap:12px}
.cx-mo.m1{background:#ffd2bb}.cx-mo.m2{background:var(--ink);color:#fff}
.cx-mo b{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.035em}
.cx-mo ul{display:flex;flex-direction:column;gap:6px}
.cx-mo li{font-size:15px;display:flex;gap:10px}
.cx-mo li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);margin-top:8px;flex:0 0 6px}
/* кейсы, почему */
.cx-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
.cx-chl{display:flex;flex-wrap:wrap;gap:4px}
.cx-chl i{font-style:normal;font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:var(--pill);background:var(--ground)}
.cx .bx-prr li{grid-template-columns:100px 1fr}
.cx-why{margin-top:clamp(23.8px,3.2vw,38.4px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cx-why .card h3{font-size:22px}
/* адаптив */
@media (max-width:1180px){
  .cx-order{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cx-ch{grid-template-columns:1fr 1fr}
  .cx-diag-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cx-team{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cx-cases{grid-template-columns:1fr 1fr}
  .cx-why{grid-template-columns:1fr 1fr}
  .cx-ln{padding:8px 12px}
}
@media (max-width:1024px){
  .cx-split,.cx-found,.cx-site,.cx-syn-h,.cx-two,.cx-alloc,.cx-cyc{grid-template-columns:minmax(0,1fr)}
  .cx-strat{grid-column:auto}.cx-found-h{grid-row:auto}
  .cx-alloc-t{flex-direction:row;overflow-x:auto;scrollbar-width:none}.cx-alloc-t button{flex:0 0 230px}
  .cx-work,.cx-not-g{grid-template-columns:1fr 1fr}
  .cx-touch ol{grid-template-columns:repeat(3,minmax(0,1fr))}.cx-touch li:after{display:none}
  .cx-diag{grid-template-columns:1fr}
}
@media (max-width:820px){
  .cx-loop{aspect-ratio:auto;display:flex;flex-direction:column;gap:8px;padding-left:22px;position:relative}
  .cx-loop:before{content:"";position:absolute;left:8px;top:10px;bottom:90px;width:2px;background:linear-gradient(var(--acc),rgba(255,98,31,.2))}
  .cx-loop-svg,.cx-loop-dot{display:none}
  .cx-ln{position:relative;left:auto;top:auto;transform:none;align-self:flex-start}
  .cx-ln.on{transform:scale(1.04)}
  .cx-loop-c{position:relative;left:auto;top:auto;transform:none;width:auto;order:-1;align-items:flex-start;text-align:left;margin:0 0 10px -22px}
  .cx-chans{justify-content:flex-start}
  .cx-loop:after{content:"↺ и снова: рынок → каналы";font-size:13px;font-weight:600;color:#5fd39a;margin-top:6px}
  .cx-map{grid-template-columns:1fr 1fr;gap:8px}.cx-map>i{display:none}
  .cx-vs-h{display:none}
  .cx-vs-r{grid-template-columns:1fr;gap:4px}
  .cx-vs-r span:nth-child(2):before{content:"Магазин: "}
  .cx-vs-r span:nth-child(3):before{content:"B2B: ";color:var(--acc)}
  .cx-syn .ai-flow{margin-bottom:0}
  .cx-back-l{position:static;transform:none;white-space:normal;text-align:center}
  .cx-pyr li{width:100%!important;flex-direction:column;align-items:flex-start;gap:2px}.cx-pyr span{text-align:left}
  .cx-cases{grid-template-columns:1fr}
  .cx-econ>div{grid-template-columns:1fr;gap:2px}.cx-econ>div i{display:none}
  .cx-pin{padding:6px 10px 6px 6px}.cx-pin small{display:none}.cx-pin b{font-size:12px}
}
@media (max-width:640px){
  .cx-order{grid-template-columns:1fr 1fr}.cx-order li{min-height:0}
  .cx-split-g{grid-template-columns:1fr;gap:10px}.cx-sp-x{display:none}
  .cx-ch,.cx-work,.cx-not-g,.cx-diag-g,.cx-why,.cx-months{grid-template-columns:1fr}
  .cx-strat>div{grid-template-columns:1fr}
  .cx-team{grid-template-columns:1fr 1fr}
  .cx-touch ol{grid-template-columns:1fr 1fr}
  .cx-ring{aspect-ratio:auto;display:flex;flex-direction:column;gap:6px}.cx-ring svg,.cx-ring-c{display:none}
  .cx-ring span{position:relative;left:auto;top:auto;transform:none;width:auto;text-align:left;flex-direction:row;gap:10px}
  .cx-ring span.on{transform:none}
  .cx-ring:after{content:"↺ следующий цикл";color:var(--acc-2);font-weight:600;font-size:14px}
  .cx-bar{grid-template-columns:70px 1fr 40px}
  .cx-pin{display:none}
  .cx-wk ul{padding-left:16px}
}
@media (prefers-reduced-motion:reduce){.cx-order li,.cx-pyr li{opacity:1!important;transform:none!important}.cx-pin{opacity:1!important}}

/* ============ ГЛАВНАЯ v2 (hm-*) ============ */
.hm .hm-h1{max-width:13em;font-size:clamp(38px,5.4vw,86px)}
.hm-hero{padding-bottom:clamp(23.8px,3.2vw,44.8px)!important;isolation:isolate}
.hm-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,rgba(255,98,31,.2),transparent 50%)}
.hm-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(17px,2.4vw,38.4px);align-items:center}
.hm-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,30px)}
.hm-hero-l .lead{max-width:32em}
.hm-mag{transition:transform .35s var(--ease),background .3s,color .3s,translate .5s var(--ease)}
/* exploded system */
.hm-ex{position:relative;height:clamp(460px,44vw,620px);--g:74px;--mx:0;--my:0}
.hm-ex.built{--g:19px}
.hm-ex.built:hover{--g:74px}
.hm-ex-s{position:absolute;inset:0 30% 0 0;perspective:1600px;transform-style:preserve-3d;transform:rotateX(calc(var(--my)*-7deg)) rotateY(calc(var(--mx)*9deg));transition:transform .6s var(--ease)}
.hm-pl{position:absolute;left:50%;top:50%;width:clamp(190px,17vw,250px);aspect-ratio:1;margin:calc(clamp(161.5px,13.6vw,200px)/-2) 0 0 calc(clamp(161.5px,13.6vw,200px)/-2);border-radius:18px;background:linear-gradient(135deg,rgba(44,54,62,.92),rgba(22,27,31,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 50px -20px rgba(0,0,0,.65);transform:translate3d(calc(var(--mx)*(var(--i) - 2.5)*-10px),calc((2.5 - var(--i))*var(--g)),0) rotateX(58deg) rotateZ(-45deg);transition:transform 1s cubic-bezier(.3,1.45,.45,1) calc(var(--i)*.07s),box-shadow .6s}
.hm-pl-f{position:absolute;inset:14px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}
.hm-pl-f span{border-radius:8px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hm-pl.p0 .hm-pl-f span:first-child{grid-column:span 2}
.hm-pl.p1 .hm-pl-f span:nth-child(2){grid-row:span 2}
.hm-pl.p2 .hm-pl-f span{background:rgba(255,139,85,.12)}
.hm-pl.p3 .hm-pl-f span:nth-child(3){grid-column:span 2}
.hm-pl.p4{background:linear-gradient(135deg,#ff8b55,#e2500f)}
.hm-pl.p4 .hm-pl-f span{background:rgba(18,22,26,.18);box-shadow:none}
.hm-pl.p5 .hm-pl-f span{background:rgba(95,211,154,.12)}
.hm-ex.built:not(:hover) .hm-pl{box-shadow:inset 0 0 0 1px rgba(255,98,31,.45),0 40px 50px -20px rgba(0,0,0,.65)}
.hm-ex-l{position:absolute;right:0;top:0;bottom:0;width:32%;list-style:none;margin:0;padding:0}
.hm-ex-l li{position:absolute;left:0;right:0;top:calc(50% + (2.5 - var(--i))*var(--g) - 20px);display:flex;flex-direction:column;padding-left:18px;border-left:2px solid rgba(255,98,31,.6);transition:top 1s cubic-bezier(.3,1.45,.45,1) calc(var(--i)*.07s),opacity .5s}
.hm-ex-l b{font-size:clamp(15px,1.3vw,19px);font-weight:600;color:#fff}
.hm-ex-l small{font-size:12.5px;color:var(--on-dark-soft)}
.hm-ex.built:not(:hover) .hm-ex-l li{opacity:0}
.hm-ex-o{position:absolute;left:0;right:30%;bottom:4%;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;pointer-events:none}
.hm-ex-o span{font-size:13px;font-weight:600;padding:7px 12px;border-radius:var(--pill);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line-d);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .5s calc(1s + var(--i)*.12s),transform .5s var(--ease) calc(1s + var(--i)*.12s)}
.hm-ex-o .hm-ok{background:rgba(95,211,154,.14);color:#5fd39a;box-shadow:none;display:inline-flex;align-items:center;gap:8px;--i:-1;flex-basis:100%;justify-content:center;background:none}
.hm-ok i{width:8px;height:8px;border-radius:50%;background:#5fd39a;box-shadow:0 0 0 4px rgba(95,211,154,.2)}
.hm-ex.built:not(:hover) .hm-ex-o span{opacity:1;transform:none}
.hm-ex-h{position:absolute;right:0;bottom:0;font-size:12px;color:#6f7a83}
/* клиенты */
.hm-cl{display:flex;flex-direction:column;gap:14px}
.hm-cl-g{display:flex;flex-wrap:wrap;gap:6px 28px}
.hm-cl-g button{border:0;background:none;padding:4px 0;font-size:clamp(20px,2.2vw,32px);font-weight:600;letter-spacing:-.03em;color:#2c3136;transition:color .3s,transform .4s var(--ease)}
.hm-cl-g button:hover,.hm-cl-g button:focus-visible{color:var(--acc);transform:translateY(-2px)}
/* линза */
.hm-dg{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px;align-items:start}
.hm-dg-t{display:flex;flex-direction:column;gap:6px}
.hm-dg-t button{display:flex;gap:12px;align-items:baseline;border:0;text-align:left;background:#fff;border-radius:var(--r-md);padding:16px 18px;font-size:17px;font-weight:500;letter-spacing:-.01em;transition:background .3s,color .3s,transform .35s var(--ease)}
.hm-dg-t small{font-size:11px;font-weight:700;color:var(--acc)}
.hm-dg-t button:hover{transform:translateX(4px)}
.hm-dg-t button.on{background:var(--ink);color:#fff}
.hm-dg-v{display:flex;flex-direction:column;gap:12px}
.hm-map{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#fff;--lx:50%;--ly:50%;--lr:95px}
.hm-map-b,.hm-map-x{position:absolute;inset:0}
.hm-map-b{background:#fff radial-gradient(circle at 1px 1px,rgba(18,22,26,.12) 1px,transparent 1.5px) 0 0/18px 18px}
.hm-map-w{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hm-map-w path{fill:none;stroke:rgba(18,22,26,.14);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:3 5}
.hm-z{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:1;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:clamp(110px,12vw,160px);padding:12px 14px;border-radius:14px;background:var(--ground);box-shadow:inset 0 0 0 1px rgba(18,22,26,.1);text-align:left;font:inherit;color:var(--ink)}
.hm-z b{font-size:15px;font-weight:600}
.hm-z span{font-size:12.5px;color:var(--soft)}
.hm-z span:before{content:"● ";color:#5fd39a}
.hm-map-x{z-index:2;pointer-events:none;background:#1a1411;clip-path:circle(var(--lr) at var(--lx) var(--ly));transition:clip-path .8s var(--ease)}
.hm-map.free .hm-map-x{transition:clip-path .12s linear}
.hm-map-x{background:#1f1612 radial-gradient(circle at 1px 1px,rgba(255,98,31,.25) 1px,transparent 1.5px) 0 0/18px 18px}
.hm-z.x{background:#2a1a12;box-shadow:inset 0 0 0 1.5px var(--acc);color:#fff;max-width:200px}
.hm-z.x span{color:var(--acc-2);font-weight:500}
.hm-z.x span:before{content:"⚠ ";color:var(--acc)}
.hm-lens{position:absolute;left:var(--lx);top:var(--ly);width:calc(var(--lr)*2);height:calc(var(--lr)*2);margin:calc(var(--lr)*-1) 0 0 calc(var(--lr)*-1);border-radius:50%;z-index:3;pointer-events:none;box-shadow:0 0 0 2px var(--acc),0 0 0 8px rgba(255,98,31,.15),0 20px 40px -10px rgba(0,0,0,.4);transition:left .8s var(--ease),top .8s var(--ease),width .8s var(--ease),height .8s var(--ease),margin .8s var(--ease)}
.hm-map.free .hm-lens{transition:none}
.hm-map.all .hm-lens{opacity:0}
.hm-lens:after{content:"";position:absolute;right:-18px;bottom:-18px;width:34px;height:8px;border-radius:4px;background:var(--acc);transform:rotate(45deg)}
.hm-z.hit{box-shadow:inset 0 0 0 1.5px var(--acc)}
.hm-dg-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:16px 18px}
.hm-dg-r .num-label{flex-basis:100%}
.hm-dg-c{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.hm-dg-c span{font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(255,98,31,.4);animation:bxRise .45s var(--ease) both;animation-delay:calc(var(--k)*.06s)}
.hm-dg-r .pill{background:var(--acc);color:var(--ink)}
/* стек */
.hm-st{position:relative;height:260vh}
.hm-st-s{position:sticky;top:0;height:100vh;min-height:620px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;padding:clamp(80px,9vh,110px) var(--pad) 24px}
.hm-st-l{display:flex;flex-direction:column;gap:16px}
.hm-st-c{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.hm-st-c li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:#fff;opacity:.25;transform:translateX(-8px);transition:opacity .45s,transform .45s var(--ease)}
.hm-st-c li.on{opacity:1;transform:none}
.hm-st-c b{font-size:16px;font-weight:600}
.hm-st-c span{font-size:14px;color:var(--soft)}
.hm-st-f{font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.03em;color:var(--acc);opacity:0;transition:opacity .6s}
.hm-st.full .hm-st-f{opacity:1}
.hm-st-v{display:flex;flex-direction:column-reverse;gap:8px;perspective:1200px;padding:20px}
.hm-ly{position:relative;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:clamp(16px,2.2vh,24px) 22px;border-radius:18px;background:var(--ink);color:#fff;box-shadow:0 18px 30px -18px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08);transform:translateY(-70px) rotateX(24deg) scale(.95);opacity:0;transition:transform .7s cubic-bezier(.3,1.6,.5,1),opacity .35s,background .5s}
.hm-ly.on{transform:rotateX(14deg);opacity:1}
.hm-ly small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-2)}
.hm-ly b{font-size:clamp(18px,1.7vw,24px);font-weight:500;letter-spacing:-.02em}
.hm-ly i{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);right:22px}
.hm-ly i:nth-of-type(2){right:36px}.hm-ly i:nth-of-type(3){right:50px}
.hm-ly.on i:first-of-type{background:#5fd39a}
.hm-ly:nth-child(5){background:linear-gradient(135deg,#ff8b55,#e2500f);color:var(--ink)}.hm-ly:nth-child(5) small{color:var(--acc-ink)}
.hm-st.full .hm-ly{box-shadow:0 18px 30px -18px rgba(0,0,0,.6),0 0 0 1.5px rgba(255,98,31,.5)}
.hm-st.static{height:auto}.hm-st.static .hm-st-s{position:relative;height:auto}
.hm-st.static .hm-ly,.hm-st.static .hm-st-c li{opacity:1;transform:none}.hm-st.static .hm-st-f{opacity:1}
/* полосы услуг */
.hm-sv{display:flex;flex-direction:column;gap:8px}
.hm-sv-r{background:#fff;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:background .45s,color .45s}
.hm-sv-r.on{background:var(--ink);color:#fff;cursor:default}
.hm-sv-h{display:grid;grid-template-columns:70px minmax(0,.9fr) minmax(0,1.3fr) 44px;gap:18px;align-items:center;padding:clamp(18px,2.2vw,28px) clamp(18px,2.4vw,32px)}
.hm-sv-n{font-size:14px;font-weight:700;color:var(--acc)}
.hm-sv-h h3{font-size:clamp(24px,2.6vw,40px);letter-spacing:-.04em;line-height:1}
.hm-sv-h p{font-size:15.5px;color:var(--soft);line-height:1.45}
.hm-sv-r.on .hm-sv-h p{color:var(--on-dark-soft)}
.hm-sv-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ground);font-size:20px;transition:transform .45s var(--ease),background .3s}
.hm-sv-r.on .hm-sv-x{transform:rotate(45deg);background:var(--acc);color:var(--ink)}
.hm-sv-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.hm-sv-r.on .hm-sv-b{grid-template-rows:1fr}
.hm-sv-in{overflow:hidden;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;padding:0 clamp(18px,2.4vw,32px);transition:padding .6s var(--ease)}
.hm-sv-r.on .hm-sv-in{padding-bottom:clamp(18px,2.4vw,32px)}
.hm-sv-a{display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.hm-sv-s{display:flex;flex-wrap:wrap;gap:6px}
.hm-sv-s button{border:0;border-radius:var(--pill);padding:9px 14px;background:var(--ink-2);color:#fff;box-shadow:inset 0 0 0 1px var(--line-d);font-size:14px;transition:background .3s}
.hm-sv-s button:hover{background:var(--ink-3)}
.hm-sv-a .pill{align-self:flex-start}
.hm-sc{position:relative;height:190px;border-radius:var(--r-md);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);overflow:hidden}
/* сцена: сайт */
.hm-sc-site .w,.hm-sc-site .f{position:absolute;inset:16px;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:14px 1fr 34px;gap:8px}
.hm-sc-site .w i{border:1.5px dashed rgba(255,255,255,.3);border-radius:6px}
.hm-sc-site .w i:first-child{grid-column:span 2}.hm-sc-site .w i:nth-child(5){display:none}
.hm-sc-site .f b{grid-column:span 2;background:#fff;border-radius:6px}
.hm-sc-site .f i{background:linear-gradient(135deg,#ff8b55,#e2500f);border-radius:8px}
.hm-sc-site .f i+i{background:#dfe3e6}
.hm-sc-site .f em{display:none}
.hm-sc-site .f span{grid-column:auto;background:rgba(255,255,255,.14);border-radius:6px}
.hm-sc-site .f span:last-child{background:var(--acc)}
.hm-sc-site .f{opacity:0}
.hm-sv-r.on .hm-sc-site .f{animation:hmFade 4s var(--ease) infinite}
@keyframes hmFade{0%,30%{opacity:0;clip-path:inset(0 100% 0 0)}55%,90%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0}}
/* сцена: продвижение */
.hm-sc-promo .q{position:absolute;left:16px;right:16px;top:18px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:var(--pill);padding:10px 14px;color:var(--ink);font-size:13.5px;overflow:hidden}
.hm-sc-promo .q span{white-space:nowrap;overflow:hidden;width:0}
.hm-sv-r.on .hm-sc-promo .q span{animation:hmType 4.5s steps(30) infinite}
@keyframes hmType{0%{width:0}35%,100%{width:100%}}
.hm-sc-promo .q i{width:2px;height:16px;background:var(--acc);animation:bxBlink 1s steps(1) infinite}
.hm-sc-promo .v{position:absolute;left:16px;right:16px;top:90px;height:2px;background:rgba(255,255,255,.12)}
.hm-sc-promo .v b{position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--acc-2);box-shadow:0 0 14px var(--acc)}
.hm-sv-r.on .hm-sc-promo .v b{animation:hmGo 4.5s var(--ease) infinite}
@keyframes hmGo{0%,40%{left:0;opacity:0}45%{opacity:1}80%,100%{left:calc(100% - 12px);opacity:1}}
.hm-sc-promo .r{position:absolute;right:16px;bottom:18px;padding:10px 16px;border-radius:12px;background:#5fd39a;color:var(--ink);font-weight:600;font-size:14px;opacity:.15}
.hm-sv-r.on .hm-sc-promo .r{animation:hmPop 4.5s var(--ease) infinite}
@keyframes hmPop{0%,78%{opacity:.15;transform:scale(.95)}85%,100%{opacity:1;transform:none}}
/* сцена: CRM */
.hm-sc-crm .c{position:absolute;left:50%;top:50%;width:min(280px,80%);transform:translate(-50%,-50%);background:#fff;color:var(--ink);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.hm-sc-crm small{position:absolute;right:12px;top:12px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--pill)}
.hm-sc-crm .a{background:#ffe3d4;color:var(--acc-ink)}.hm-sc-crm .b{background:#dff3e8;color:#1f6b47;opacity:0}
.hm-sc-crm .c>i{height:8px;border-radius:4px;background:#e1e5e9;width:0}
.hm-sc-crm .c>i+i{background:#e1e5e9}
.hm-sc-crm em{font-style:normal;font-size:12.5px;color:var(--soft);opacity:0}
.hm-sv-r.on .hm-sc-crm .a{animation:hmOut 4s infinite}.hm-sv-r.on .hm-sc-crm .b{animation:hmIn 4s infinite}
.hm-sv-r.on .hm-sc-crm .c>i{animation:hmW 4s var(--ease) infinite}.hm-sv-r.on .hm-sc-crm em{animation:hmIn 4s infinite}
@keyframes hmOut{0%,40%{opacity:1}50%,100%{opacity:0}}
@keyframes hmIn{0%,45%{opacity:0}55%,100%{opacity:1}}
@keyframes hmW{0%,45%{width:20%}70%,100%{width:90%;background:var(--acc)}}
/* сцена: ИИ */
.hm-sc-ai .d{position:absolute;left:24px;top:24px;bottom:24px;width:120px;background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.hm-sc-ai .d b{font-size:10px;font-weight:700;background:var(--ink);color:#fff;border-radius:4px;padding:2px 6px;align-self:flex-start}
.hm-sc-ai .d i{height:6px;border-radius:3px;background:#dfe3e6}
.hm-sc-ai .g{position:absolute;left:24px;width:120px;top:24px;height:3px;background:var(--acc);box-shadow:0 0 16px var(--acc);opacity:0}
.hm-sv-r.on .hm-sc-ai .g{animation:hmScan 4s var(--ease) infinite}
@keyframes hmScan{0%{top:24px;opacity:0}10%{opacity:1}50%{top:calc(100% - 28px);opacity:1}55%,100%{opacity:0;top:calc(100% - 28px)}}
.hm-sc-ai .o{position:absolute;right:20px;top:50%;transform:translateY(-50%);padding:12px 16px;border-radius:12px;background:#5fd39a;color:var(--ink);font-weight:600;font-size:14px;opacity:.15}
.hm-sv-r.on .hm-sc-ai .o{animation:hmPop 4s var(--ease) infinite}
/* комната решения */
.hm-rm{padding:clamp(23.8px,4vw,51.2px);display:flex;flex-direction:column;gap:clamp(20.4px,2.4vw,32px)}
.hm-rm-h{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(17px,2.4vw,38.4px);align-items:end}
.hm-rm-t{display:flex;flex-wrap:wrap;gap:6px}
.hm-rm-t span{font-size:13.5px;padding:7px 12px;border-radius:var(--pill);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.hm-rm-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px;align-items:stretch}
.hm-room{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.hm-tbl{position:absolute;left:24%;right:24%;top:32%;bottom:32%;border-radius:28px;background:linear-gradient(145deg,#2c353d,#1c2226);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 30px 50px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.hm-tbl b{font-size:clamp(17px,1.6vw,22px);font-weight:600}
.hm-tbl small{font-size:12.5px;color:var(--on-dark-soft)}
.hm-tbl:before{content:"";width:46px;height:30px;border-radius:6px;background:linear-gradient(135deg,#9aa6b1,#f4f7f9 45%,#7d8a96);margin-bottom:8px;box-shadow:0 10px 20px -8px rgba(0,0,0,.6)}
.hm-p{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;transition:transform .4s var(--ease)}
.hm-p i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:600;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-d);transition:background .3s,color .3s,box-shadow .3s}
.hm-p b{font-size:13.5px;font-weight:600}
.hm-p em{font-style:normal;font-size:12px;font-weight:600;padding:5px 10px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--on-dark-soft);position:relative;white-space:nowrap}
.hm-p em:after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:rgba(255,255,255,.08)}
.hm-p:hover{transform:translate(-50%,-50%) scale(1.05)}
.hm-p.on i{background:var(--acc);color:var(--ink);box-shadow:0 0 0 6px rgba(255,98,31,.2)}
.hm-p.on em{background:var(--acc);color:var(--ink)}.hm-p.on em:after{border-top-color:var(--acc)}
.hm-rm-r{background:var(--ink-2);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px rgba(255,98,31,.3)}
.hm-rm-r h3{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em}
.hm-rm-r .soft{color:var(--on-dark-soft)}
.hm-mk{background:#fff;color:var(--ink);border-radius:12px;overflow:hidden}
.hm-mk-top{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}
.hm-mk-top i{width:7px;height:7px;border-radius:50%;background:#d9dde1}
.hm-mk-top span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-mk-r{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:14px;animation:bxRise .45s var(--ease) both;animation-delay:calc(var(--k)*.08s)}
.hm-mk-r b{width:22px;height:22px;border-radius:6px;background:#ffe3d4;flex:0 0 22px}
.hm-rm>.small{color:var(--on-dark-soft)}
/* плёнка кейсов */
.hm-fl{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 14px 22px;border-radius:var(--r-lg);scrollbar-width:none;cursor:grab;background:var(--ink);background-image:repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.14) 14px 26px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.14) 14px 26px);background-size:100% 8px,100% 8px;background-position:0 5px,0 calc(100% - 5px);background-repeat:repeat-x}
.hm-fl::-webkit-scrollbar{display:none}
.hm-fl.drag{cursor:grabbing;scroll-snap-type:none}
.hm-fl.drag .hm-fr{pointer-events:none}
.hm-fr{flex:0 0 clamp(280px,31vw,440px);scroll-snap-align:start;background:var(--ink-2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;color:#fff;transition:transform .45s var(--ease),opacity .4s,filter .4s;user-select:none}
.hm-fl:hover .hm-fr:not(:hover){opacity:.55;filter:saturate(.6)}
.hm-fr:hover,.hm-fr:focus-visible{transform:scale(1.025)}
.hm-fr-n{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-2)}
.hm-fr-m{aspect-ratio:4/3;border-radius:6px}
.hm-fr-m img{pointer-events:none}
.hm-fr-i{display:flex;flex-direction:column;gap:8px;padding:2px 4px 6px}
.hm-fr-i small{font-size:12px;color:var(--on-dark-soft)}
.hm-fr-i h3{font-size:clamp(17px,1.4vw,20px);letter-spacing:-.02em;line-height:1.2}
.hm-fr-s{display:flex;flex-wrap:wrap;gap:4px}
.hm-fr-s span{font-size:11.5px;padding:3px 8px;border-radius:var(--pill);background:rgba(255,255,255,.08)}
.hm-fr-r{margin-top:4px;font-size:13.5px;color:var(--on-dark-soft);display:flex;flex-direction:column;gap:2px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .4s}
.hm-fr-r b{font-size:26px;font-weight:500;letter-spacing:-.04em;color:var(--acc)}
.hm-fr:hover .hm-fr-r,.hm-fr:focus-visible .hm-fr-r,.hm-fr:focus-within .hm-fr-r{max-height:120px;opacity:1}
.hm-fl-b{width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:18px;transition:background .3s}
.hm-fl-b:hover{background:var(--acc)}
/* режимы и контекст */
.hm-md{display:flex;flex-direction:column;gap:12px}
.hm-md-t{display:inline-flex;gap:4px;padding:4px;border-radius:var(--pill);background:#fff;align-self:flex-start}
.hm-md-t button{border:0;background:none;border-radius:var(--pill);padding:11px 20px;font-size:15px;font-weight:500;transition:background .3s,color .3s}
.hm-md-t button.on{background:var(--ink);color:#fff}
.hm-md-p{display:none;flex-direction:column;gap:12px}
.hm-md-p.on{display:flex;animation:fadeUp .45s var(--ease)}
.hm-single{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hm-single button{border:0;text-align:left;background:#fff;border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:6px;font-size:15px;transition:transform .35s var(--ease),box-shadow .35s}
.hm-single button:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px rgba(18,22,26,.4)}
.hm-single b{font-size:18px;font-weight:600}.hm-single i{font-style:normal;color:var(--acc)}
.hm-ex-list{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:14px}
.hm-ex-list ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hm-ex-list li{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);font-size:15px;animation:bxRise .45s var(--ease) both;animation-delay:calc(var(--i)*.05s)}
.hm-ex-list li span{font-size:11px;font-weight:700;color:var(--acc)}
.hm-ex-list .soft{color:var(--on-dark-soft)}
.hm-cx{margin-top:12px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:stretch}
.hm-cx-h{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:12px}
.hm-cx-h h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.035em;line-height:1.1}
.hm-cx-v{background:var(--ink);border-radius:var(--r-lg);padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;justify-content:center;gap:22px;overflow:hidden}
.hm-cx-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.hm-cx-row span{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--on-dark-soft);font-size:13px;transition:color .4s}
.hm-cx-row span:before{content:"";width:40px;height:40px;border-radius:50%;background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-d);transition:background .4s,box-shadow .4s}
.hm-cx-row span.done:before{box-shadow:inset 0 0 0 2px #5fd39a}
.hm-cx-row span.on{color:#fff}.hm-cx-row span.on:before{background:var(--acc);box-shadow:0 0 0 6px rgba(255,98,31,.2)}
.hm-cx-row b{font-weight:600}
.hm-obj{position:relative;left:calc((var(--k) + .5)*100%/6);transform:translateX(-50%);width:min(210px,40%);background:#fff;color:var(--ink);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:left .9s var(--ease);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
.hm-obj:before{content:"";position:absolute;left:50%;top:-10px;margin-left:-8px;border:8px solid transparent;border-top:0;border-bottom-color:#fff}
.hm-obj>b{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.hm-obj>b:before{content:"";width:16px;height:12px;border-radius:2px;background:var(--acc)}
.hm-obj-t{display:flex;flex-direction:column;gap:3px}
.hm-obj-t i{font-style:normal;font-size:12px;color:var(--soft);display:none}
.hm-obj-t i.on{display:block;animation:bxIn .4s var(--ease)}
.hm-obj-t i.on:last-of-type{color:var(--acc-ink);font-weight:600}
/* дерево */
.hm-tr{padding:clamp(23.8px,4vw,51.2px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.hm-tr-l{display:flex;flex-direction:column;gap:14px}.hm-tr-l .soft{color:var(--on-dark-soft)}.hm-tr-l .pill{align-self:flex-start}
.hm-tree{display:flex;flex-direction:column;align-items:center}
.hm-tq,.hm-tres{width:min(460px,100%);border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:8px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);animation:bxRise .45s var(--ease) both}
.hm-tq small,.hm-tres small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-2)}
.hm-tq b{font-size:18px;font-weight:500}
.hm-tq.done{opacity:.6;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 16px}
.hm-tq.done small{flex-basis:100%}
.hm-tq.done b{font-size:15px;flex:1}
.hm-ans{font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--pill)}
.hm-ans.y{background:rgba(95,211,154,.18);color:#5fd39a}.hm-ans.n{background:rgba(255,98,31,.18);color:var(--acc-2)}
.hm-tq.cur{box-shadow:inset 0 0 0 1.5px var(--acc)}
.hm-tq-h{font-size:14px;color:var(--on-dark-soft)}
.hm-br{width:min(460px,100%);height:44px;overflow:visible}
.hm-br path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:120;stroke-dashoffset:120;animation:hmDraw .6s var(--ease) forwards}
.hm-br.y path{stroke:#5fd39a}.hm-br.n path{stroke:var(--acc)}
@keyframes hmDraw{to{stroke-dashoffset:0}}
.hm-tres{background:var(--acc);color:var(--ink);box-shadow:0 20px 40px -20px rgba(255,98,31,.8)}
.hm-tres small{color:var(--acc-ink)}.hm-tres b{font-size:24px;font-weight:600;letter-spacing:-.03em}
.hm-tres.ok{background:#5fd39a}
.hm-tres .pill{align-self:flex-start;background:var(--ink);color:#fff}
/* калибровка */
.hm-cal{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:stretch}
.hm-cal-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hm-cal-s button{width:100%;border:0;text-align:left;background:#fff;border-radius:var(--r-md);padding:13px 16px;display:grid;grid-template-columns:30px 1fr;gap:2px 10px;transition:background .3s,color .3s}
.hm-cal-s small{grid-row:span 2;font-size:12px;font-weight:700;color:var(--acc);padding-top:3px}
.hm-cal-s b{font-size:16px;font-weight:600}
.hm-cal-s span{font-size:13.5px;color:var(--soft)}
.hm-cal-s button.done small:after{content:" ✓";color:#2f9e6a}
.hm-cal-s button.on{background:var(--ink);color:#fff}.hm-cal-s button.on span{color:var(--on-dark-soft)}
.hm-cal-p{padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:18px}
.hm-cal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hm-cal-st{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:var(--pill);background:rgba(255,255,255,.08);color:var(--on-dark-soft)}
.hm-cal-st.ok{background:rgba(95,211,154,.18);color:#5fd39a}
.hm-cal-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;flex:1}
.hm-g{display:flex;flex-direction:column;align-items:center;gap:8px}
.hm-g-t{position:relative;width:34px;height:clamp(180px,22vw,240px);border-radius:17px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);cursor:ns-resize;touch-action:none}
.hm-g-t .z{position:absolute;left:0;right:0;bottom:65%;height:22%;background:rgba(95,211,154,.12);border-top:1px dashed rgba(95,211,154,.5);border-bottom:1px dashed rgba(95,211,154,.5)}
.hm-g-t .f{position:absolute;left:4px;right:4px;bottom:4px;height:calc((100% - 8px)*var(--v)/100);border-radius:13px;background:linear-gradient(var(--acc-2),var(--acc));transition:height 1s cubic-bezier(.3,1.3,.5,1)}
.hm-g-t .k{position:absolute;left:-6px;right:-6px;bottom:calc((100% - 8px)*var(--v)/100 - 2px);height:8px;border-radius:4px;background:#fff;transition:bottom 1s cubic-bezier(.3,1.3,.5,1)}
.hm-g b{font-size:13px;font-weight:600;text-align:center}
.hm-g em{font-style:normal;font-size:13px;color:var(--on-dark-soft);font-variant-numeric:tabular-nums}
.hm-cal-p .soft{color:var(--on-dark-soft)}
/* факты */
.hm-pf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-pf-c{position:relative;border:0;text-align:left;background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .35s var(--ease),box-shadow .35s}
.hm-pf-c:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(18,22,26,.4)}
.hm-pf-c b{font-size:clamp(34px,3.6vw,54px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.hm-pf-c span{font-size:15px;color:var(--soft);padding-right:24px}
.hm-pf-c em{position:absolute;right:18px;top:18px;font-style:normal}
/* финал */
.hm-fin-h{font-size:16px;color:var(--on-dark-soft);min-height:3em}
.hm-fin-h b{color:#fff}
.hm-brief .fld>input{background:var(--ink)}
/* адаптив */
.hm-hf{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hm-hf li{font-size:13px;padding:7px 12px;border-radius:var(--pill);border:1px solid var(--line-d);color:var(--on-dark-soft,#c9ccd0)}
.hm-hf li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:1px}
.hm-cl-g span{padding:4px 0;font-size:clamp(20px,2.2vw,32px);font-weight:600;letter-spacing:-.03em;color:#2c3136}
.hm-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.hm-trust-c{border-radius:var(--r-lg);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:18px;min-height:280px;justify-content:space-between}
.hm-trust-c b{font-size:clamp(56px,6vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.9}
.hm-trust-c h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}
.hm-trust-c p{font-size:15px;margin:0;line-height:1.45}
.hm-trust-c.dk{background:var(--ink);color:#fff}.hm-trust-c.dk p{color:var(--on-dark-soft,#b5b9be)}
.hm-trust-c.wh{background:#fff}.hm-trust-c.wh b{color:var(--acc)}.hm-trust-c.wh p{color:var(--soft)}
.hm-trust-c.or{background:var(--acc);color:#fff}
.hm-fc{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hm-fc li{background:#fff;border-radius:var(--pill);padding:10px 16px;font-size:15px;font-weight:500}
.hm-fc li:before{content:"✓";color:var(--acc);margin-right:8px;font-weight:700}
@media (max-width:1180px){.hm-sv-h{grid-template-columns:50px minmax(0,1fr) 44px}.hm-sv-h p{grid-column:2}.hm-sv-x{grid-row:1;grid-column:3}.hm-ex-list ol{grid-template-columns:1fr 1fr}.hm-pf{grid-template-columns:1fr 1fr}}
@media (max-width:1024px){
  .hm-hero-g,.hm-dg,.hm-rm-h,.hm-rm-g,.hm-cx,.hm-tr,.hm-cal{grid-template-columns:minmax(0,1fr)}
  .hm-dg-t{flex-direction:row;overflow-x:auto;scrollbar-width:none}.hm-dg-t button{flex:0 0 auto}.hm-dg-t button:hover{transform:none}
  .hm-single{grid-template-columns:1fr 1fr}
  .hm-sv-in{grid-template-columns:1fr}
}
@media (max-width:820px){
  .hm-ex{height:auto;display:flex;flex-direction:column;gap:10px}
  .hm-ex-s,.hm-ex-h{display:none}
  .hm-ex-l{position:static;width:auto;display:flex;flex-direction:column-reverse;gap:6px}
  .hm-ex-l li{position:static;border:0;padding:12px 16px;border-radius:14px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);opacity:1!important;transform:translateY(-14px);transition:transform .6s cubic-bezier(.3,1.5,.5,1) calc((5 - var(--i))*.08s)}
  .hm-ex.built .hm-ex-l li{transform:none}
  .hm-ex-l li:nth-child(5){background:linear-gradient(135deg,#ff8b55,#e2500f)}.hm-ex-l li:nth-child(5) b,.hm-ex-l li:nth-child(5) small{color:var(--ink)}
  .hm-ex-o{position:static;justify-content:flex-start}
  .hm-ex-o .hm-ok{justify-content:flex-start}
  .hm-st{height:auto}.hm-st-s{position:relative;height:auto;grid-template-columns:1fr;padding:0 var(--pad)}
  .hm-ly,.hm-st-c li{opacity:1;transform:none}.hm-st-f{opacity:1}
  .hm-st-v{padding:0}
  .hm-map{aspect-ratio:4/5}
  .hm-z{min-width:0;max-width:44%;padding:10px}
  .hm-z b{font-size:13.5px}.hm-z span{font-size:11.5px}
  .hm-room{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;background:none;box-shadow:none}
  .hm-tbl{position:relative;left:auto;right:auto;top:auto;bottom:auto;grid-column:1/-1;padding:18px}
  .hm-p{position:relative;left:auto;top:auto;transform:none;background:var(--ink-2);border-radius:14px;padding:12px;flex-direction:column}
  .hm-p:hover{transform:none}
  .hm-p em{white-space:normal}
  .hm-cx-row b{font-size:11px}.hm-cx-row span:before{width:30px;height:30px}
  .hm-obj{width:min(200px,60%)}
  .hm-cal-g{gap:4px}.hm-g-t{width:28px}.hm-g b{font-size:11px}
}
@media (max-width:640px){
  .hm-cl-g{gap:4px 18px}
  .hm-single,.hm-ex-list ol,.hm-pf,.hm-trust{grid-template-columns:1fr}
  .hm-trust-c{min-height:0}
  .hm-fc li{font-size:14px}
  .hm-sv-h{grid-template-columns:40px 1fr 40px;gap:10px}
  .hm-cx-row{grid-template-columns:repeat(3,1fr);row-gap:12px}
  .hm-obj{left:50%}
  .hm-cal-g{grid-template-columns:repeat(3,1fr);row-gap:16px}.hm-g-t{height:150px}
  .hm-fr{flex-basis:82vw}
}
@media (prefers-reduced-motion:reduce){.hm-pl,.hm-ex-l li{transition:none}.hm-dg-c span,.hm-mk-r,.hm-ex-list li,.hm-tq,.hm-tres{animation:none}.hm-br path{stroke-dashoffset:0;animation:none}}

/* ================= УСЛУГИ И ЦЕНЫ (sp-*) ================= */
.sp .sp-h1{display:block;max-width:12em;font-size:clamp(34px,3.9vw,62px)}
.sp .sp-dir .t-state,.sp .sp-kit .t-state,.sp .sp-ps .t-state{font-size:clamp(28px,2.9vw,46px)}
.sp .sp-h1 .muted-word{color:#6c7780}
.sp-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.sp-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 30%,rgba(255,98,31,.16),transparent 55%)}
.sp-hero-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.sp-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,30px)}
.sp-hero-l .lead{max-width:30em}
.sp-shead-p{max-width:26em}

/* --- щит --- */
.sp-sb{position:relative;border-radius:22px;padding:22px 22px 18px;background:linear-gradient(180deg,#2a3137,#1d2227);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -2px 0 rgba(0,0,0,.4),0 30px 60px -30px rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.06)}
.sp-sb:before{content:"";position:absolute;inset:10px;border-radius:14px;border:1px dashed rgba(255,255,255,.07);pointer-events:none}
.sp-sb .sc{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6e7780,#2b3238);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}
.sp-sb .sc:after{content:"";position:absolute;left:1px;right:1px;top:4px;height:1px;background:#1a1f23;transform:rotate(35deg)}
.sp-sb .s1{left:8px;top:8px}.sp-sb .s2{right:8px;top:8px}.sp-sb .s3{left:8px;bottom:8px}.sp-sb .s4{right:8px;bottom:8px}
.sp-sb-top{display:flex;justify-content:space-between;font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7d8891;padding:4px 6px 14px}
.sp-sb-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(34px,5.6vw,88px)}
.sp-sb-in{display:flex;flex-direction:column;gap:7px}
.sp-sb-in button{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-direction:row-reverse;text-align:left;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);color:#c9d0d6;border-radius:10px;padding:9px 10px 9px 12px;font-size:14px;line-height:1.25;transition:background .3s,color .3s,border-color .3s}
.sp-sb-in button:hover,.sp-sb-in button:focus-visible{color:#fff;border-color:rgba(255,255,255,.2)}
.sp-sb-in button.on{background:rgba(255,98,31,.14);border-color:rgba(255,98,31,.55);color:#fff}
.sp .jk{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#0b0e10 0 4px,#4a535b 5px 6px,#2a3137 7px);box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12);transition:box-shadow .3s}
.sp-sb-in button.on .jk,.sp-sb-o.on .jk{box-shadow:0 0 0 2px var(--acc),0 0 14px rgba(255,98,31,.6)}
.sp-sb-out{display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.sp-sb-o{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;background:#15191c;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 8px rgba(0,0,0,.5);transition:border-color .35s,background .35s}
.sp-sb-o b{font:700 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#9aa4ad;flex:1;transition:color .35s}
.sp-sb-o .led{width:8px;height:8px;border-radius:50%;background:#3a4147;transition:background .3s,box-shadow .3s}
.sp-sb-o.on{border-color:rgba(255,98,31,.45);background:#1d1612}
.sp-sb-o.on b{color:#fff}.sp-sb-o.on .led{background:#39d98a;box-shadow:0 0 10px #39d98a}
.sp-sb-svg{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.sp-sb-svg .sp-cbs{fill:none;stroke:rgba(0,0,0,.45);stroke-width:9;stroke-linecap:round;transform:translateY(3px)}
.sp-sb-svg .sp-cb{fill:none;stroke:var(--acc);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:spCable .7s calc(var(--n)*.12s) var(--ease) forwards}
.sp-sb-svg .sp-pl{fill:#ffb08a;stroke:#7a2e0c;stroke-width:2;opacity:0;animation:spPop .3s calc(var(--n,0)*.12s + .5s) forwards}
@keyframes spCable{to{stroke-dashoffset:0}}
@keyframes spPop{to{opacity:1}}
.sp-sb-x{position:relative;z-index:2;margin-top:16px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.04);border-left:3px solid var(--acc);min-height:92px}
.sp-sb-x b{display:block;font:700 12px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.sp-sb-x p{margin:0;font-size:14.5px;line-height:1.45;color:#d5dbe0}
.sp-sb-x.pop p{animation:spFade .45s var(--ease)}
@keyframes spFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* --- задачи и перестройка --- */
.sp-tk{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.sp-tk button{border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:11px 18px;font-size:15px;font-weight:500;color:var(--ink);transition:background .3s,color .3s,transform .3s var(--ease)}
.sp-tk button:hover{transform:translateY(-2px)}
.sp-tk button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.sp-rc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);gap:clamp(14px,2vw,24px);align-items:start}
.sp-rc{display:flex;flex-direction:column;gap:18px}
.sp-z.sp-empty{display:none}
.sp-rc:not(.sorted) .z1,.sp-rc:not(.sorted) .z2{display:none}
.sp-z-h{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.sp-z-h:after{content:"";flex:1;height:1px;background:var(--line)}
.sp-rc.sorted .z0 .sp-z-h{color:var(--acc)}
.sp-z-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-rc-c{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;border:0;background:#fff;border-radius:var(--r-md);padding:16px 16px 14px;min-height:150px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .35s,background .35s,opacity .35s;will-change:transform}
.sp-rc-c small{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.sp-rc-c b{font-size:17px;font-weight:600;letter-spacing:-.02em;padding-right:18px}
.sp-rc-c span{font-size:13.5px;line-height:1.4;color:var(--soft);flex:1}
.sp-rc-c em{font-style:normal;font-size:14px;font-weight:600;color:var(--ink)}
.sp-rc-c .ar{position:absolute;right:14px;top:14px;font-style:normal;color:var(--mute)}
.sp-rc-c:hover{box-shadow:0 0 0 1px var(--ink)}
.sp-rc-c.pri{background:var(--ink);box-shadow:none}
.sp-rc-c.pri b,.sp-rc-c.pri em{color:#fff}.sp-rc-c.pri span{color:#aeb8c1}.sp-rc-c.pri small{color:var(--acc)}
.sp-rc.sorted .z2 .sp-rc-c{opacity:.6;min-height:0}
.sp-rc.sorted .z2 .sp-rc-c span{display:none}
.sp-why{position:sticky;top:96px;background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 1px var(--line)}
.sp-why-t{margin:0;font-size:16px;line-height:1.45}
.sp-why.on .sp-why-t{animation:spFade .45s var(--ease)}
.sp-seq{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;counter-reset:q}
.sp-seq:empty{display:none}
.sp-seq li{counter-increment:q;font-size:13px;font-weight:600;padding:7px 11px;border-radius:var(--pill);background:var(--ground);opacity:0;animation:spFade .4s calc(var(--k)*.1s + .15s) forwards}
.sp-seq li:before{content:counter(q) " ";color:var(--acc)}
.sp-note{margin:0;font-size:13px;color:var(--soft);padding:10px 12px;border-radius:10px;background:var(--ground)}
.sp-why .pill{align-self:flex-start}

/* --- что вы покупаете --- */
.sp-buy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-buy button{position:relative;border:0;text-align:left;background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:22px;min-height:150px;justify-content:space-between;transition:transform .35s var(--ease)}
.sp-buy button:hover{transform:translateY(-3px)}
.sp-buy small{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.sp-buy b{font-size:clamp(18px,1.6vw,23px);font-weight:500;letter-spacing:-.025em;line-height:1.15;padding-right:22px}
.sp-buy .ar{position:absolute;right:18px;bottom:18px}

/* --- направления --- */
.sp-dir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sp-dir-l{display:flex;flex-direction:column;gap:16px}
.sp-dir-buy{margin:0;font-size:15px;color:var(--soft)}
.sp-dir.dark .sp-dir-buy{color:var(--on-dark-soft)}
.sp-dir-buy b{color:var(--acc);font-weight:600}
.sp-dir-i{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.sp-dir-i button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 22px;gap:4px 16px;text-align:left;border:0;background:none;color:inherit;padding:14px 0;border-top:1px solid var(--line);transition:padding .35s var(--ease)}
.sp-dir.dark .sp-dir-i button{border-color:var(--line-d)}
.sp-dir-i button:hover{padding-left:8px}
.sp-dir-i .sp-n{font-size:19px;font-weight:600;letter-spacing:-.02em}
.sp-dir-i .sp-p{font-size:15px;font-weight:600;color:var(--acc);white-space:nowrap;align-self:center}
.sp-dir-i .sp-d{grid-column:1/3;font-size:14px;line-height:1.45;color:var(--soft)}
.sp-dir.dark .sp-dir-i .sp-d{color:var(--on-dark-soft)}
.sp-dir-i .ar{grid-row:1;grid-column:3;align-self:center}
.sp-dir-m{margin:0;font-size:13.5px;line-height:1.45;padding:12px 14px;border-radius:12px;background:var(--ground);color:var(--soft)}
.sp-dir.dark .sp-dir-m{background:rgba(255,255,255,.05);color:#cdd4da}
.sp-dir-go{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;text-align:left;border:0;border-radius:16px;padding:16px 18px;background:var(--acc);color:#fff;transition:transform .35s var(--ease),box-shadow .35s}
.sp-dir-go:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(255,98,31,.9)}
.sp-dir-go small{font-size:12px;opacity:.85}.sp-dir-go b{font-size:20px;font-weight:600;letter-spacing:-.02em}.sp-dir-go .ar{grid-row:1/3;grid-column:2;font-size:20px}
.sp-dir-v{position:relative;min-height:340px;display:grid}

/* сцена: из бумаги в продукт */
.sp-pp{position:relative;border-radius:18px;background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(18,22,26,.04) 23px 24px),var(--ground);overflow:hidden;min-height:340px}
.sp-pp-bar{position:absolute;left:6%;right:6%;top:6%;height:8%;border-radius:8px;background:var(--ink);display:flex;align-items:center;gap:8px;padding:0 12px;opacity:0;transform:translateY(-10px);transition:opacity .5s .5s,transform .6s .5s var(--ease)}
.sp-pp-bar span{height:5px;width:12%;border-radius:4px;background:#5b646c}.sp-pp-bar span:first-child{width:18%;background:var(--acc)}
.sp-pp-s{position:absolute;background:#fff;border-radius:8px;padding:10px;box-shadow:0 10px 24px -14px rgba(18,22,26,.45);display:flex;flex-direction:column;gap:6px;transition:left .9s var(--ease),top .9s var(--ease),width .9s var(--ease),height .9s var(--ease),transform .9s var(--ease),border-radius .9s}
.sp-pp-s small{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.sp-pp-s i{display:block;height:5px;border-radius:3px;background:#dcdad6}.sp-pp-s i:nth-of-type(2){width:70%}.sp-pp-s i:nth-of-type(3){width:45%}
.sp-pp .s0{left:8%;top:12%;width:34%;height:32%;transform:rotate(-8deg)}
.sp-pp .s1{left:52%;top:8%;width:38%;height:30%;transform:rotate(6deg)}
.sp-pp .s2{left:30%;top:36%;width:30%;height:28%;transform:rotate(-3deg);background:linear-gradient(135deg,#ffb08a,var(--acc))}
.sp-pp .s2 small{color:#fff}
.sp-pp .s3{left:62%;top:46%;width:30%;height:30%;transform:rotate(9deg)}
.sp-pp .s4{left:6%;top:60%;width:30%;height:26%;transform:rotate(4deg)}
.sp-pp .s5{left:40%;top:68%;width:26%;height:24%;transform:rotate(-10deg)}
.sp-pp.done .sp-pp-bar{opacity:1;transform:none}
.sp-pp.done .s2{left:6%;top:17%;width:54%;height:36%;transform:none}
.sp-pp.done .s0{left:62%;top:17%;width:32%;height:17%;transform:none}
.sp-pp.done .s3{left:62%;top:36%;width:32%;height:17%;transform:none}
.sp-pp.done .s1{left:6%;top:57%;width:28%;height:35%;transform:none}
.sp-pp.done .s4{left:36%;top:57%;width:28%;height:35%;transform:none}
.sp-pp.done .s5{left:66%;top:57%;width:28%;height:35%;transform:none}

/* сцена: поле спроса */
.sp-df{display:flex;flex-direction:column;gap:14px;width:100%}
.sp-df-t{display:flex;flex-wrap:wrap;gap:6px}
.sp-df-t button{border:1px solid var(--line-d);background:transparent;color:#cfd6dc;border-radius:var(--pill);padding:8px 14px;font-size:14px;transition:background .3s,color .3s}
.sp-df-t button.on{background:#fff;color:var(--ink)}
.sp-df-f{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;padding:18px;border-radius:18px;min-height:230px;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.09) 1px,transparent 1.5px) 0 0/18px 18px,#161b1f;border:1px solid var(--line-d)}
.sp-df-f .sp-q{font-size:13.5px;padding:8px 12px;border-radius:8px;border:1px dashed rgba(255,255,255,.2);color:#8b959e;transition:background .45s calc(var(--i)*.04s),color .45s calc(var(--i)*.04s),border-color .45s calc(var(--i)*.04s),transform .45s calc(var(--i)*.04s) var(--ease)}
.sp-df-f .sp-q.hit{border-style:solid;color:#fff;transform:translateY(-2px)}
.sp-df[data-m="seo"] .sp-q.hit{background:rgba(57,217,138,.14);border-color:#39d98a}
.sp-df[data-m="ctx"] .sp-q.hit{background:rgba(255,98,31,.18);border-color:var(--acc)}
.sp-df[data-m="page"] .sp-q.hit{background:rgba(120,160,255,.16);border-color:#7fa0ff}
.sp-df[data-m="all"] .sp-q.hit{background:rgba(255,255,255,.1);border-color:#fff}
.sp-df-n{margin:0;font-size:13.5px;line-height:1.45;color:var(--on-dark-soft);min-height:3em}

/* сцена: порядок на столе */
.sp-dk{position:relative;min-height:340px;border-radius:18px;background:linear-gradient(180deg,#f5f3ef,#e9e6e0);overflow:hidden}
.sp-dk-tr{position:absolute;left:5%;right:5%;bottom:6%;height:40%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sp-dk-tr div{border-radius:12px;background:#fff;box-shadow:inset 0 3px 8px rgba(18,22,26,.12);display:flex;align-items:flex-end;padding:8px 10px;transition:box-shadow .5s}
.sp-dk-tr small{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.sp-dk.done .sp-dk-tr div{box-shadow:inset 0 3px 8px rgba(18,22,26,.12),0 0 0 2px var(--ink)}
.sp-dk .sp-it{position:absolute;font-size:12px;font-weight:600;padding:7px 10px;border-radius:7px;background:#fff;box-shadow:0 8px 18px -10px rgba(18,22,26,.5);white-space:nowrap;transition:left .9s var(--ease),top .9s var(--ease),transform .9s var(--ease)}
.sp-dk .dx{background:#e3f4e8;color:#1d6b3a}.sp-dk .dy{background:#fff1a8}.sp-dk .dg{background:#e1f0fb;color:#1d5f8a}.sp-dk .dm{background:#fde6db;color:#8a3510}
.sp-dk .i0{left:8%;top:10%;transform:rotate(-12deg)}.sp-dk .i1{left:38%;top:6%;transform:rotate(8deg)}.sp-dk .i2{left:66%;top:12%;transform:rotate(-5deg)}.sp-dk .i3{left:20%;top:30%;transform:rotate(14deg)}
.sp-dk .i4{left:52%;top:28%;transform:rotate(-9deg)}.sp-dk .i5{left:76%;top:34%;transform:rotate(11deg)}.sp-dk .i6{left:4%;top:44%;transform:rotate(6deg)}.sp-dk .i7{left:40%;top:46%;transform:rotate(-14deg)}
.sp-dk.done .sp-it{transform:none}
.sp-dk.done .i0{left:7%;top:62%}.sp-dk.done .i6{left:7%;top:72%}
.sp-dk.done .i3{left:30%;top:62%}.sp-dk.done .i7{left:30%;top:72%}
.sp-dk.done .i4{left:53%;top:62%}.sp-dk.done .i1{left:53%;top:72%}
.sp-dk.done .i2{left:76%;top:62%}.sp-dk.done .i5{left:76%;top:72%}

/* сцена: время возвращается */
.sp-tm{display:flex;flex-direction:column;gap:12px;width:100%;align-self:center}
.sp-tm-h{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--on-dark-soft)}
.sp-tg{border:1px solid var(--acc);background:transparent;color:#fff;border-radius:var(--pill);padding:8px 14px;font-size:14px;transition:background .3s}
.sp-tm.ai-on .sp-tg{background:var(--acc)}
.sp-tm-bar{position:relative;display:flex;height:120px;border-radius:14px;overflow:hidden;background:#161b1f;border:1px solid var(--line-d)}
.sp-tm-bar span{flex:var(--w) 1 0;min-width:0;display:flex;align-items:flex-end;padding:8px 6px;font-size:11px;font-weight:600;color:#fff;overflow:hidden;white-space:nowrap;border-right:1px solid #161b1f;transition:flex-grow .8s var(--ease),padding .8s,opacity .6s}
.sp-tm-bar .sp-mn{background:repeating-linear-gradient(135deg,#3a4249 0 6px,#343b41 6px 12px)}
.sp-tm-bar .sp-hm{background:#4a5560}
.sp-tm-bar .sp-fr{flex:0 1 0;padding:0;background:rgba(255,98,31,.9);color:#fff;white-space:normal;font-size:13px;line-height:1.25;align-items:center;opacity:0}
.sp-tm.ai-on .sp-tm-bar .sp-mn{flex-grow:.8;padding:8px 0;opacity:.8;font-size:0}
.sp-tm.ai-on .sp-tm-bar .sp-fr{flex-grow:58;padding:10px 14px;opacity:1}
.sp-tm-s{display:flex;justify-content:space-between;font:600 11px/1 ui-monospace,Menlo,monospace;color:#7d8891}
.sp-tm-c{margin:0;font-size:14px;color:var(--on-dark-soft)}

/* --- линейка цен --- */
.sp-pr{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.sp-rail{--p:0;position:relative;list-style:none;margin:0;padding:0 0 0 34px}
.sp-rail:before,.sp-rail:after{content:"";position:absolute;left:11px;top:8px;width:3px;border-radius:2px}
.sp-rail:before{bottom:8px;background:var(--line)}
.sp-rail:after{height:calc((100% - 16px)*var(--p));background:var(--acc);transition:height .2s linear}
.sp-rail li.sp-g{padding:22px 0 8px;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.sp-rail li.sp-g:first-child{padding-top:4px}
.sp-rail li.sp-r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(140px,auto) 22px;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:6px;transition:transform .3s var(--ease),box-shadow .3s}
.sp-rail li.lk{cursor:pointer}
.sp-rail li.lk:hover,.sp-rail li.lk:focus-visible{transform:translateX(4px);box-shadow:0 0 0 1px var(--ink)}
.sp-rail .nd{position:absolute;left:-29px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:var(--ground);box-shadow:0 0 0 3px var(--line);transition:background .3s,box-shadow .3s}
.sp-rail li.pass .nd{background:var(--acc);box-shadow:0 0 0 3px var(--ground),0 0 0 5px rgba(255,98,31,.35)}
.sp-rail .nm{display:flex;flex-direction:column;gap:2px}
.sp-rail .nm b{font-size:16.5px;font-weight:600;letter-spacing:-.015em}
.sp-rail .nm span{font-size:13.5px;color:var(--soft)}
.sp-rail .fm{font-style:normal;font-size:12px;color:var(--mute);text-align:right}
.sp-rail .pc{font-size:18px;font-weight:600;letter-spacing:-.02em;text-align:right;white-space:nowrap}
.sp-drv{position:sticky;top:96px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:14px}
.sp-drv h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}
.sp-drv ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sp-drv li{font-size:14.5px;line-height:1.4;color:#d5dbe0;padding-left:18px;position:relative}
.sp-drv li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:var(--acc)}
.sp-drv .soft{color:var(--on-dark-soft)!important}
.sp-drv .pill{align-self:flex-start}

/* --- модульный набор --- */
.sp-kit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(20.4px,3.2vw,44.8px);align-items:start}
.sp-kit-l{display:flex;flex-direction:column;gap:20px}
.sp-kit-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-kit-2>div{border-radius:16px;background:rgba(255,255,255,.05);padding:16px}
.sp-kit-2 h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--acc)}
.sp-kit-2 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sp-kit-2 li,.sp-kit-2 p{font-size:14px;line-height:1.45;color:#cfd6dc;margin:0}
.sp-kit-r{display:flex;flex-direction:column;gap:14px}
.sp-kit-h{margin:0;color:var(--on-dark-soft)}
.sp-kit-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sp-kit-t button{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px dashed rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:12px;padding:12px;transition:background .3s,border-color .3s}
.sp-kit-t button small{font-size:12px;color:var(--on-dark-soft)}
.sp-kit-t button:before{content:"+ ";color:var(--acc);font-weight:700}
.sp-kit-t button.on{border-style:solid;border-color:var(--acc);background:rgba(255,98,31,.12)}
.sp-kit-t button.on:before{content:"✓ "}
.sp-kit-b{display:flex;align-items:stretch;min-height:150px;padding:18px;border-radius:18px;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/16px 16px,#15191c;border:1px solid var(--line-d)}
.sp-m{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px;border-radius:12px;background:linear-gradient(180deg,#39424a,#2a3137);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 20px -12px #000;animation:spIn .45s var(--ease) both}
.sp-m b{font-size:16px;font-weight:600}.sp-m small{font-size:12px;color:var(--on-dark-soft)}
.sp-j{flex:0 0 auto;display:flex;align-items:center;position:relative;width:clamp(70px,8vw,110px);animation:spJ .5s .1s var(--ease) both;transform-origin:left center}
.sp-j i{flex:1;height:10px;background:linear-gradient(180deg,#8a939b,#4e575f);border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.sp-j span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 10px/1.15 ui-monospace,Menlo,monospace;text-align:center;color:#fff;background:var(--acc);border-radius:6px;padding:5px 6px;width:max-content;max-width:120px;box-shadow:0 0 0 3px #15191c}
@keyframes spIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes spJ{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
.sp-kit-b.n4 .sp-m small{display:none}.sp-kit-b.n4 .sp-m{padding:12px 10px}.sp-kit-b.n4 .sp-j{width:clamp(64px,6.4vw,96px)}.sp-kit-b.n4 .sp-j span{max-width:92px}
.sp-kit-s{margin:0;font-size:15px;line-height:1.45;color:#d5dbe0;min-height:3em}
.sp-kit-s b{color:var(--acc);font-weight:600}

/* --- рецепты --- */
.sp-rp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sp-rp-c{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.sp-rp-c header{padding:16px 16px 14px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:8px;min-height:112px}
.sp-rp-c header small{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.sp-rp-c h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.sp-rp-c ol{list-style:none;margin:0;padding:6px 10px;flex:1;display:flex;flex-direction:column}
.sp-rp-c li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 8px;padding:10px 6px;border-bottom:1px dashed var(--line);border-radius:8px;transition:background .3s}
.sp-rp-c li[role=link]{cursor:pointer}
.sp-rp-c li:hover,.sp-rp-c li:focus-visible{background:var(--ground)}
.sp-rp-c li .sp-k{font:700 11px/1.5 ui-monospace,Menlo,monospace;color:var(--acc)}
.sp-rp-c li b{font-size:15px;font-weight:600}
.sp-rp-c li .sp-t{grid-column:2;font-size:13px;line-height:1.4;color:var(--soft)}
.sp-rp-c footer{padding:12px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--soft)}
.sp-rp-c footer button{border:0;background:none;padding:0;font-size:13px;font-weight:600;color:var(--ink);text-align:left}
.sp-rp-c footer button:hover{color:var(--acc)}

/* --- кейсы --- */
.sp-cs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-cs-c{border:0;text-align:left;background:#fff;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;padding:0;transition:transform .35s var(--ease)}
.sp-cs-c:hover{transform:translateY(-4px)}
.sp-cs-c figure{aspect-ratio:16/10;margin:0;border-radius:0}
.sp-cs-c>div{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}
.sp-cs-c small{font-size:12px;color:var(--mute)}
.sp-cs-c b{font-size:15.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.sp-cs-c .sp-tags{display:flex;flex-wrap:wrap;gap:4px}
.sp-cs-c .sp-tags i{font-style:normal;font-size:11.5px;padding:4px 8px;border-radius:var(--pill);background:var(--ground)}

/* --- паспорт --- */
.sp-ps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sp-ps-l{display:flex;flex-direction:column;gap:16px}
.sp-ps-l .soft{margin:0}
.sp-pass{background:#fbfaf7;border-radius:14px;box-shadow:0 0 0 1px var(--line),0 24px 40px -30px rgba(18,22,26,.5);padding:18px 20px;background-image:linear-gradient(transparent 0 0);font-family:inherit}
.sp-pass-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:4px}
.sp-pass-h b{font:700 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.sp-pass-h span{font-size:12.5px;color:var(--soft)}
.sp-pass ol{list-style:none;margin:0;padding:0}
.sp-pass li{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(120px,auto);gap:12px;align-items:center;padding:11px 0;border-bottom:1px dashed var(--line)}
.sp-pass li:last-child{border-bottom:0}
.sp-pass .sp-k{font:700 12px/1 ui-monospace,Menlo,monospace;color:var(--mute)}
.sp-pass li b{display:block;font-size:15px;font-weight:600}
.sp-pass li small{font-size:12.5px;color:var(--soft)}
.sp-pass .sp-st{justify-self:end;font:800 10.5px/1.1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-align:center;font-style:normal;color:var(--acc);border:2px solid var(--acc);border-radius:6px;padding:6px 8px;max-width:130px;opacity:0;transform:scale(1.8) rotate(-14deg);mix-blend-mode:multiply}
.sp-pass.sp-go .sp-st{animation:spStamp .38s calc(var(--i)*.45s + .2s) cubic-bezier(.3,1.6,.5,1) forwards}
.sp-pass li:last-child .sp-st{color:#1f8a52;border-color:#1f8a52}
@keyframes spStamp{0%{opacity:0;transform:scale(1.8) rotate(-14deg)}70%{opacity:1;transform:scale(.94) rotate(-6deg)}100%{opacity:.92;transform:scale(1) rotate(-6deg)}}

/* --- финал --- */
.sp-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.sp-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.25),transparent 55%)}
.sp-fin .t-state{max-width:16em}
.sp-fin-s{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--acc)}
.sp-one{display:flex;flex-direction:column;gap:10px;max-width:980px}
.sp-one label{font-size:14px;color:var(--on-dark-soft)}
.sp-one-r{display:flex;gap:8px;background:#fff;border-radius:var(--pill);padding:6px}
.sp-one-r input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:0 16px;color:var(--ink);outline:none}
.sp-one-r:focus-within{box-shadow:0 0 0 3px rgba(255,98,31,.5)}

/* --- адаптив --- */
@media (max-width:1180px){
  .sp-rp{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sp-z-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sp-rail li.sp-r{grid-template-columns:minmax(0,1fr) auto 22px}.sp-rail .fm{display:none}
}
@media (max-width:1024px){
  .sp-hero-g,.sp-dir,.sp-kit,.sp-ps,.sp-pr,.sp-rc-g{grid-template-columns:minmax(0,1fr)}
  .sp-why,.sp-drv{position:static}
  .sp-buy,.sp-cs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-rp{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin:0 calc(var(--pad)*-1);padding-left:var(--pad);padding-right:var(--pad);scrollbar-width:none}
  .sp-rp-c{flex:0 0 min(300px,78vw);scroll-snap-align:start}
}
@media (max-width:640px){
  .sp-sb{padding:16px 14px 14px}
  .sp-sb-g{grid-template-columns:minmax(0,1fr);gap:12px}
  .sp-sb-svg{display:none}
  .sp-sb-top span:last-child{display:none}
  .sp-sb-out{flex-direction:row;flex-wrap:wrap;gap:6px;order:2}
  .sp-sb-o{flex:1 1 40%;padding:9px 10px}.sp-sb-o .jk{display:none}
  .sp-sb-in button{font-size:14px}
  .sp-z-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-rc-c{min-height:0;padding:14px}
  .sp-rc-c span{font-size:12.5px}
  .sp-rc-c b{font-size:14.5px;padding-right:14px;hyphens:manual}
  .sp-tk button{text-align:left}
  .sp-tk button{font-size:14px;padding:10px 14px}
  .sp-buy{grid-template-columns:minmax(0,1fr)}.sp-buy button{min-height:0;gap:10px}
  .sp-cs{grid-template-columns:minmax(0,1fr)}
  .sp-dir-v{min-height:0}.sp-pp,.sp-dk{min-height:280px}
  .sp-dir-i .sp-p{grid-column:1/3;grid-row:2}.sp-dir-i .sp-d{grid-row:3}
  .sp-rail{padding-left:26px}.sp-rail:before,.sp-rail:after{left:7px}.sp-rail .nd{left:-25px}
  .sp-rail li.sp-r{grid-template-columns:minmax(0,1fr) 18px;gap:6px 10px}
  .sp-rail .pc{grid-column:1;text-align:left;font-size:16px;color:var(--acc)}
  .sp-rail li.sp-r .ar{grid-row:1;grid-column:2}
  .sp-kit-2{grid-template-columns:minmax(0,1fr)}
  .sp-kit-t{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-kit-b{flex-direction:column}
  .sp-j{width:auto;height:54px;flex-direction:column;align-self:center;transform-origin:center top}
  .sp-j i{width:10px;height:auto;flex:1}
  .sp-pass li{grid-template-columns:24px minmax(0,1fr);}
  .sp-pass .sp-st{grid-column:2;justify-self:start;max-width:none}
  .sp-one-r{flex-direction:column;border-radius:18px;padding:8px}
  .sp-one-r input{padding:12px 10px}
  .sp-one-r .pill{justify-content:center}
  .sp-tm-bar{height:96px}
  .sp-dk .sp-it{font-size:11px;padding:6px 8px}
  .sp-dk.done .sp-it{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  .sp *,.sp *:before,.sp *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .sp-sb-svg .sp-cb{stroke-dashoffset:0}
}

/* ================= КОРПОРАТИВНЫЙ САЙТ (co-*) ================= */
@property --cut{syntax:'<percentage>';inherits:true;initial-value:100%}
.co .co-h1{display:block;max-width:13em;font-size:clamp(32px,3.3vw,54px)}
.co .t-state{font-size:clamp(28px,3vw,48px)}
.co .shead .t-title{font-size:clamp(32px,3.8vw,60px)}
.co .co-h1 .muted-word{color:#6c7780}
.co-sp{max-width:26em}
.co-note{margin:0;font-size:12.5px;color:var(--mute);font-style:italic}
.co .panel.dark .co-note{color:#8a959e}
.co-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.co-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/100% 32px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/32px 100%,radial-gradient(ellipse at 80% 30%,rgba(255,98,31,.14),transparent 55%)}
.co-hero-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.co-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
.co-hero-l .lead{max-width:30em}
.co-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line-d)}
.co-facts div{padding:12px 12px 0 0}
.co-facts dt{font:600 10.5px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.co-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.25}

/* разрез */
.co-cut-w{display:flex;flex-direction:column;gap:10px}
.co-cut-t{display:none;gap:6px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.06);align-self:flex-start}
.co-cut-t button{border:0;background:transparent;color:#cfd6dc;border-radius:var(--pill);padding:8px 14px;font-size:14px}
.co-cut-t button.is-on{background:#fff;color:var(--ink)}
.co-cut{--cut:100%;position:relative;aspect-ratio:10/8;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transition:--cut 1.1s cubic-bezier(.6,0,.2,1);touch-action:pan-y;cursor:ew-resize}
.co-cut.drag{transition:none}
.co-cut-a,.co-cut-b{position:absolute;inset:0}
.co-cut-a{background:#f6f5f2;color:var(--ink);clip-path:inset(0 calc(100% - var(--cut)) 0 0)}
.co-cut-b{background:linear-gradient(rgba(120,170,255,.08) 1px,transparent 1px) 0 0/100% 16px,linear-gradient(90deg,rgba(120,170,255,.08) 1px,transparent 1px) 0 0/16px 100%,#101a24;color:#bcd3f5;clip-path:inset(0 0 0 var(--cut))}
.co-mk{position:absolute;inset:0;padding:4% 5%;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto auto auto 1fr auto auto;gap:3% 5%;font-size:clamp(10px,.95vw,13.5px)}
.co-mk>*{min-width:0}
.co-mk-nav{grid-column:1/3;display:flex;align-items:center;gap:10px;padding-bottom:3%;border-bottom:1px solid rgba(18,22,26,.1)}
.co-mk-nav b{font-weight:800;letter-spacing:.06em;font-size:1.05em}
.co-mk-nav span{width:10%;height:5px;border-radius:3px;background:rgba(18,22,26,.15)}
.co-mk-nav em{margin-left:auto;font-style:normal;font-size:.85em;font-weight:600;background:var(--acc);color:#fff;padding:5px 10px;border-radius:var(--pill)}
.co-mk-crumb{grid-column:1/3;font-size:.82em;color:var(--mute)}
.co-mk-h{grid-column:1;display:flex;flex-direction:column;gap:4px}
.co-mk-h b{font-size:1.55em;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.co-mk-h small{font-size:.9em;color:var(--soft)}
.co-mk-sp{grid-column:1;grid-row:4;display:flex;flex-direction:column;justify-content:center}
.co-mk-sp div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed rgba(18,22,26,.14)}
.co-mk-sp span{color:var(--soft)}.co-mk-sp b{font-weight:600}
.co-mk-ph{grid-column:2;grid-row:3/5;border-radius:12px;background:radial-gradient(circle at 60% 40%,#fff,#dcdad5);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px}
.co-mk-ph .pump{position:absolute;left:14%;right:14%;top:24%;bottom:22%;border-radius:10px;background:linear-gradient(180deg,#48525b,#262d33);box-shadow:inset 0 2px 0 rgba(255,255,255,.2)}
.co-mk-ph .pump:before{content:"";position:absolute;left:-10%;top:30%;width:28%;height:40%;border-radius:50%;background:linear-gradient(90deg,#8a939b,#4e575f)}
.co-mk-ph .pump:after{content:"";position:absolute;right:10%;top:-18%;width:34%;height:22%;border-radius:6px 6px 0 0;background:var(--acc)}
.co-mk-bt{grid-column:1;grid-row:5;display:flex;gap:8px;flex-wrap:wrap}
.co-mk-bt em{font-style:normal;font-weight:600;background:var(--ink);color:#fff;padding:7px 12px;border-radius:var(--pill)}
.co-mk-bt span{padding:7px 12px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px rgba(18,22,26,.2)}
.co-mk-cs{grid-column:1/3;grid-row:6;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.co-mk-cs span{padding:10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(18,22,26,.08);font-size:.85em;font-weight:600}
/* внутренний слой */
.co-cut-b .co-mk-nav{border-color:rgba(160,200,255,.25)}
.co-cut-b .co-mk-nav span{background:rgba(160,200,255,.25)}
.co-cut-b .co-mk-nav em{background:transparent;border:1px dashed #7fa0ff;color:#bcd3f5}
.co-cut-b .co-mk-crumb{color:#7fa0ff;font-family:ui-monospace,Menlo,monospace}
.co-cut-b .co-mk-h b{font-size:1.05em;font-family:ui-monospace,Menlo,monospace;color:#fff;font-weight:600}
.co-cut-b .co-mk-h small{color:#7fa0ff}
.co-cut-b .co-mk-sp div{border-color:rgba(160,200,255,.2)}
.co-cut-b .co-mk-sp span{color:#bcd3f5;font-family:ui-monospace,Menlo,monospace}
.co-cut-b .co-mk-sp b{color:var(--acc)}
.co-cut-b .co-mk-ph{background:transparent;border:1px dashed #7fa0ff;justify-content:center;align-items:flex-start}
.co-cut-b .co-mk-ph span{font-family:ui-monospace,Menlo,monospace;font-size:.85em;background:rgba(127,160,255,.14);padding:4px 8px;border-radius:6px}
.co-cut-b .co-mk-bt em{background:transparent;border:1px dashed var(--acc);color:var(--acc)}
.co-cut-b .co-mk-bt span{box-shadow:inset 0 0 0 1px rgba(160,200,255,.35)}
.co-cut-b .co-mk-cs span{background:transparent;box-shadow:inset 0 0 0 1px rgba(160,200,255,.35);color:#bcd3f5;font-family:ui-monospace,Menlo,monospace;font-weight:500}
.co-cut-l{position:absolute;top:0;bottom:0;left:var(--cut);width:0;z-index:3;outline:none}
.co-cut-l:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--acc);box-shadow:0 0 18px rgba(255,98,31,.8)}
.co-cut-l i{position:absolute;top:50%;left:-17px;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(255,98,31,.25);cursor:grab}
.co-cut-l i:before,.co-cut-l i:after{content:"";position:absolute;top:12px;border:5px solid transparent}
.co-cut-l i:before{left:5px;border-right-color:#fff}.co-cut-l i:after{right:5px;border-left-color:#fff}
.co-cut-l:focus-visible i{box-shadow:0 0 0 4px #fff}
.co-cut-la,.co-cut-lb{position:absolute;bottom:10px;z-index:2;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:6px}
.co-cut-la{left:10px;background:var(--ink);color:#fff}.co-cut-lb{right:10px;background:#7fa0ff;color:#101a24}
.co-cut-n{margin:0;font-size:13.5px;color:var(--on-dark-soft)}

/* притяжение */
.co-grav-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.co-grav-l{display:flex;flex-direction:column;gap:16px}
.co-grav-l .soft{margin:0}
.co-q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.co-q li{font-size:15.5px;padding-left:22px;position:relative}
.co-q li:before{content:"?";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:4px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.co-key{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.co-grav{display:flex;flex-direction:column;gap:12px}
.co-grav-f{position:relative;aspect-ratio:10/8;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.co-go{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);font-size:14px;font-weight:600;padding:9px 14px;border-radius:10px;background:var(--ground);color:var(--soft);white-space:nowrap;transform:rotate(calc((var(--i) - 3)*3deg));transition:left .9s calc(var(--i)*.05s) cubic-bezier(.3,1.3,.5,1),top .9s calc(var(--i)*.05s) cubic-bezier(.3,1.3,.5,1),transform .9s,font-size .6s,padding .6s,opacity .6s;animation:coFloat 5s calc(var(--i)*-.7s) ease-in-out infinite alternate}
@keyframes coFloat{to{translate:0 -6px}}
.co-gt{position:absolute;left:50%;top:10%;transform:translate(-50%,-20px) scale(.9);opacity:0;background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;text-align:center;width:min(78%,360px);transition:opacity .5s,transform .7s cubic-bezier(.3,1.4,.5,1)}
.co-gt small{display:block;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.co-gt b{font-size:15px;font-weight:600;line-height:1.3}
.co-gn{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.3);opacity:0;font-size:14px;font-weight:600;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1.5px var(--ink);text-align:center;width:28%;transition:left .8s calc(var(--i)*.08s + .35s) cubic-bezier(.3,1.5,.5,1),top .8s calc(var(--i)*.08s + .35s) cubic-bezier(.3,1.5,.5,1),transform .8s calc(var(--i)*.08s + .35s) cubic-bezier(.3,1.5,.5,1),opacity .4s calc(var(--i)*.08s + .35s)}
.co-gf{position:absolute;left:5%;right:5%;top:74%;margin:0;padding-top:6px;border-top:1px dashed var(--line);font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);opacity:0;transition:opacity .5s .6s}
.co-grav.is-on .co-gt{opacity:1;transform:translate(-50%,0) scale(1)}
.co-grav.is-on .co-gf{opacity:1}
.co-grav.is-on .co-go{top:calc(var(--mfy)*1% + 2%);font-size:11px;padding:5px 8px;opacity:.75;transform:none;animation:none;left:calc(var(--mfx)*1%)}
.co-grav.is-on .co-gn{opacity:1;transform:translate(0,0) scale(1);left:calc(var(--gx)*1%);top:calc(var(--gy)*1%)}
.co-grav.is-on .co-gn.hl{background:var(--acc);color:#fff;box-shadow:none}
.co-grav-c{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* три взгляда */
.co-mv{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.co-mv-l{display:flex;flex-direction:column;gap:16px}
.co-mv .t-state{font-size:clamp(28px,2.9vw,46px)}
.co-mv-t{display:flex;gap:4px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.06);align-self:flex-start;flex-wrap:wrap}
.co-mv-t button{border:0;background:transparent;color:#cfd6dc;border-radius:var(--pill);padding:10px 16px;font-size:15px;font-weight:500}
.co-mv-t button.is-on{background:var(--acc);color:#fff}
.co-mv-x{min-height:120px}
.co-mv-x b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:8px}
.co-mv-x p{margin:0;font-size:15.5px;line-height:1.5;color:#cfd6dc}
.co-mv-x.pop>*{animation:coFade .45s var(--ease)}
@keyframes coFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.co-mv-n{margin:0;color:var(--on-dark-soft)}
.co-mv-p{border-radius:16px;background:#f6f5f2;padding:14px;color:var(--ink)}
.co-mv-top{display:flex;align-items:center;gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.co-mv-top i{width:8px;height:8px;border-radius:50%;background:#d6d3ce}
.co-mv-top span{margin-left:8px;font-weight:600;font-size:14px}
.co-mv-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(46px,auto);gap:6px}
.co-mv-b{border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:9px 10px;font-size:13px;font-weight:600;display:flex;align-items:flex-end;opacity:.38;filter:grayscale(1);transition:opacity .45s,box-shadow .45s,transform .45s var(--ease),filter .45s,background .45s}
.co-mv-b.hi{opacity:1;filter:none;box-shadow:0 0 0 2px var(--acc);transform:translateY(-2px)}
.co-mv-b.b0{grid-column:span 3;grid-row:span 2}.co-mv-b.b1{grid-column:span 3}.co-mv-b.b2{grid-column:span 2}.co-mv-b.b3{grid-column:span 1}
.co-mv-b.b4{grid-column:span 3}.co-mv-b.b5{grid-column:span 3}.co-mv-b.b6{grid-column:span 2}.co-mv-b.b7{grid-column:span 2}.co-mv-b.b8{grid-column:span 2;background:#fff4ee}
.co-mv-b.b9{grid-column:span 4;grid-row:span 2}.co-mv-b.b10{grid-column:span 2}.co-mv-b.b11{grid-column:span 2}.co-mv-b.b12{grid-column:span 3}.co-mv-b.b13{grid-column:span 3}

/* каталог */
.co-fold-w{display:flex;flex-direction:column;gap:12px}
.co-fold-c{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.co-fold-p{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}
.co-fold-p button{border:0;background:none;padding:2px 0;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.co-fold-p span{color:var(--mute)}
.co-fold{display:flex;gap:0;perspective:1600px;min-height:330px;border-radius:18px;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(18,22,26,.05) 27px 28px),#fff;box-shadow:0 0 0 1px var(--line);padding:14px;overflow:hidden}
.co-fl{flex:0 0 0;min-width:0;overflow:hidden;opacity:0;transform-origin:left center;transform:rotateY(-85deg);padding:16px 0;border-left:1px dashed transparent;transition:flex-grow .8s var(--ease),transform .8s var(--ease),opacity .5s,padding .8s}
.co-fl.is-open{flex:1 1 0;opacity:1;transform:none;padding:16px 16px;border-left-color:var(--line);box-shadow:inset 10px 0 14px -12px rgba(18,22,26,.35)}
.co-fl:first-child{border-left:0;box-shadow:none}
.co-fl.is-cur{background:linear-gradient(180deg,rgba(255,98,31,.05),transparent)}
.co-fl small{display:block;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:8px;white-space:nowrap}
.co-fl h3{margin:0 0 12px;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.co-fl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.co-fl ul button{width:100%;display:flex;justify-content:space-between;gap:6px;text-align:left;border:0;background:var(--ground);border-radius:8px;padding:9px 10px;font-size:13.5px;color:var(--ink);transition:background .3s,color .3s}
.co-fl ul button[data-go]{box-shadow:inset 0 0 0 1.5px var(--ink)}
.co-fl ul button.is-pick{background:var(--ink);color:#fff}
.co-fl ul button.is-no{animation:coNo .4s}
@keyframes coNo{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.co-tc{margin:0;display:flex;flex-direction:column}
.co-tc div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.co-tc dt{color:var(--soft)}.co-tc dd{margin:0;font-weight:600}
.co-tc-b{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:13px}
.co-tc-b span{padding:7px 10px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line)}
.co-tc-b em{font-style:normal;font-weight:600;padding:7px 10px;border-radius:var(--pill);background:var(--acc);color:#fff}
.co-en{margin-top:clamp(20px,3vw,36px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6px 32px;align-items:start}
.co-en h3{margin:0;font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.03em}
.co-en .soft{margin:0;grid-column:1}
.co-en ul{grid-column:2;grid-row:1/3;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.co-en li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:#fff;border-radius:12px;padding:11px 14px}
.co-en small{grid-row:1/3;font:700 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);width:92px}
.co-en b{font-size:14.5px;font-weight:600}
.co-en li span{font-size:13px;color:var(--soft)}

/* таблица → страница */
.co-sp-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:start}
.co-sp-l{display:flex;flex-direction:column;gap:14px}
.co-sp-l .soft{margin:0}
.co .co-sp-w .t-state,.co .co-ar .t-state,.co .co-sh .t-state,.co .co-bn .t-state,.co .co-au .t-state{font-size:clamp(28px,2.9vw,46px)}
.co-sp-h{margin:8px 0 0;font-size:16px;font-weight:600}
.co-sp-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.co-sp-list li{font-size:13px;padding:6px 10px;border-radius:var(--pill);background:var(--ground)}
.co-sp-r{display:flex;flex-direction:column;gap:10px;position:sticky;top:96px}
.co-sp-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.co-st{position:relative;aspect-ratio:16/11;border-radius:16px;background:#f6f5f2;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.co-st-raw{position:absolute;left:4%;top:3%;font:600 11px/1 ui-monospace,Menlo,monospace;color:var(--soft);transition:opacity .4s}
.co-st-pg i{position:absolute;display:block;border-radius:8px;opacity:0;transition:opacity .5s .5s;font-style:normal}
.co-st-pg em{font-style:normal;font-size:12px;font-weight:600;padding:8px 10px;display:block}
.co-st-pg .h{left:0;right:0;top:0;height:8%;border-radius:0;background:var(--ink)}
.co-st-pg .sb{left:3%;top:12%;width:24%;bottom:4%;background:#fff;box-shadow:0 0 0 1px var(--line)}
.co-st-pg .sb em{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.co-st-pg .tl{left:30%;right:3%;top:12%;height:9%}
.co-st-pg .tl em{font-size:18px;padding:4px 0;letter-spacing:-.02em}
.co-st-pg .ph{left:58%;right:3%;top:24%;height:38%;background:radial-gradient(circle at 60% 40%,#fff,#dcdad5)}
.co-st-pg .ct{left:58%;right:3%;bottom:4%;height:10%;background:var(--acc);color:#fff;display:grid;place-items:center}
.co-st.is-built .co-st-pg i{opacity:1}
.co-st.is-built .co-st-raw{opacity:0}
.co-si{position:absolute;left:4%;width:52%;height:10%;top:calc(10% + var(--i)*14%);display:flex;align-items:center;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:left .9s calc(var(--i)*.08s) cubic-bezier(.4,1.3,.5,1),top .9s calc(var(--i)*.08s) cubic-bezier(.4,1.3,.5,1),width .9s calc(var(--i)*.08s) cubic-bezier(.4,1.3,.5,1),height .9s calc(var(--i)*.08s),background .5s,box-shadow .5s;overflow:hidden}
.co-si>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;transition:opacity .45s calc(var(--i)*.08s + .3s)}
.co-si small{font-size:12px;color:var(--soft)}
.co-si b{font-size:13.5px;font-weight:600;white-space:nowrap}
.co-si .ui{opacity:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}
.co-si .ui small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.co-si .ar2{display:none}
.co-st.is-built .co-si .raw{opacity:0}.co-st.is-built .co-si .ui{opacity:1}
.co-st.is-built .co-si-p{left:5%;top:20%;width:20%;height:11%}
.co-st.is-built .co-si-w{left:30%;top:25%;width:25%;height:11%}
.co-st.is-built .co-si-m{left:30%;top:39%;width:25%;height:11%}
.co-st.is-built .co-si-t{left:61%;top:27%;width:18%;height:10%;background:var(--ink);box-shadow:none}
.co-st.is-built .co-si-t b{color:#fff}
.co-st.is-built .co-si-q{left:30%;top:66%;width:67%;height:11%}
.co-st.is-built .co-si-d{left:30%;top:84%;width:25%;height:10%;box-shadow:0 0 0 1.5px var(--ink)}
.co-st.is-built .co-si-p:after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--acc) 80%,var(--line) 80%)}

/* отрасли */
.co-ind{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:start}
.co-ind-l{display:flex;flex-direction:column;gap:14px}.co-ind-l .soft{margin:0}
.co-ind-r{display:flex;flex-direction:column;gap:12px}
.co-ind-t{display:flex;flex-wrap:wrap;gap:6px}
.co-ind-t button{border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:9px 16px;font-size:14.5px;color:var(--ink)}
.co-ind-t button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.co-ind-c{background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px;min-height:170px;animation:coFade .4s var(--ease)}
.co-ind-c small{font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.co-ind-c p{margin:0;font-size:17px;line-height:1.45}
.co-ind-c div{display:flex;flex-wrap:wrap;gap:6px}
.co-ind-c div span{font-size:12.5px;padding:6px 10px;border-radius:8px;border:1px dashed var(--line)}

/* досье */
.co-ds{position:relative;height:230vh}
.co-ds-s{position:sticky;top:0;height:100vh;min-height:640px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;padding:clamp(80px,9vh,110px) calc(var(--gut) + var(--pad)) 24px;max-width:var(--max);margin:0 auto}
.co-ds-l{display:flex;flex-direction:column;gap:16px}.co-ds-l .soft{margin:0}
.co-ds-m{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:end}
.co-ds-m span{grid-column:1/-1;font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}
.co-ds-m i{height:8px;border-radius:3px;background:var(--line);transition:background .4s,height .4s}
.co-ds-m i.is-on{background:var(--acc);height:12px}
.co-fd{position:relative;max-width:560px;width:100%;margin-left:auto}
.co-fd-tab{display:inline-block;padding:10px 18px 8px;border-radius:12px 12px 0 0;background:#d9b98a;font:800 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#4a3614}
.co-fd-b{position:relative;min-height:440px;border-radius:0 16px 16px 16px;background:linear-gradient(180deg,#e6c89a,#d8b582);padding:22px;box-shadow:0 30px 50px -30px rgba(74,54,20,.6),inset 0 1px 0 rgba(255,255,255,.4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.co-dd{position:relative;background:#fff;border-radius:10px;padding:14px 14px 12px;min-height:70px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-shadow:0 10px 18px -12px rgba(0,0,0,.45);opacity:0;transform:translateY(-60px) rotate(calc((var(--i) - 3)*2.5deg)) scale(.96);transition:opacity .4s,transform .6s cubic-bezier(.3,1.4,.5,1)}
.co-dd.is-in{opacity:1;transform:rotate(calc((var(--i) - 3)*.8deg))}
.co-dd b{font-size:14.5px;font-weight:600}
.co-dd i{height:6px;width:60%;border-radius:3px;background:var(--ground);box-shadow:0 10px 0 var(--ground),0 20px 0 var(--ground)}
.co-dd-img i{height:34px;width:100%;box-shadow:none;background:linear-gradient(135deg,#48525b,#9aa3aa)}
.co-dd-case{background:var(--ink);color:#fff}.co-dd-case i{background:#3a434b;box-shadow:0 10px 0 #3a434b}
.co-dd-card i{width:36px;height:36px;border-radius:50%;box-shadow:none;background:var(--acc)}
.co-dd-geo i{height:34px;width:100%;box-shadow:none;background:radial-gradient(circle at 30% 50%,var(--acc) 3px,transparent 4px),radial-gradient(circle at 60% 30%,var(--acc) 3px,transparent 4px),radial-gradient(circle at 78% 64%,var(--acc) 3px,transparent 4px),var(--ground)}
.co-dd-doc:first-child:after{content:"ГОСТ / ТР ТС";position:absolute;right:10px;top:10px;font:800 9px/1 ui-monospace,Menlo,monospace;color:#1f8a52;border:1.5px solid #1f8a52;border-radius:4px;padding:3px 4px;transform:rotate(-8deg)}
.co-dd-svc{grid-column:span 1}.co-dd:last-child{grid-column:1/-1}

/* кейсы */
.co-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.co-cs-c{background:#fff;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.co-cs-m{border:0;padding:0;background:none;display:block}
.co-cs-m figure{aspect-ratio:16/10;margin:0;border-radius:0}
.co-cs-b{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}
.co-cs-b small{font-size:12px;color:var(--mute)}
.co-cs-b h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.co-cs-b ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1}
.co-cs-b li{position:relative;padding:10px 0 10px 18px;border-left:2px solid var(--line);margin-left:5px;font-size:14px;line-height:1.45;color:var(--soft)}
.co-cs-b li:before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--ink)}
.co-cs-b li em{display:block;font:700 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--ink);margin-bottom:2px}
.co-cs-b li.res{color:var(--ink);font-weight:600}.co-cs-b li.res:before{background:var(--acc);box-shadow:0 0 0 2px var(--acc)}.co-cs-b li.res em{color:var(--acc)}
.co-cs-go{align-self:flex-start;border:0;background:none;padding:0;font-size:14px;font-weight:600;color:var(--ink)}
.co-cs-go:hover{color:var(--acc)}

/* архитектура */
.co-ar{padding:clamp(20.4px,3.2vw,44.8px);display:flex;flex-direction:column;gap:clamp(20px,3vw,36px)}
.co-ar-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 48px;align-items:end}
.co-ar-h .eyebrow{grid-column:1/-1}
.co-ar-s{margin:0;color:#cfd6dc;font-size:15.5px;line-height:1.5}
.co-ar-g{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:clamp(16px,2.4vw,32px)}
.co-ar-in{display:flex;flex-direction:column;gap:14px}
.co-ar-in small{display:block;font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.co-ar-in div div{display:flex;flex-wrap:wrap;gap:6px}
.co-ar-in button{border:1px dashed rgba(255,255,255,.25);background:transparent;color:#dfe5ea;border-radius:8px;padding:8px 11px;font-size:13.5px;transition:background .3s,border-color .3s}
.co-ar-in button.is-on{border-style:solid;border-color:var(--acc);background:rgba(255,98,31,.15);color:#fff}
.co-ar-out{display:flex;flex-direction:column;gap:12px}
.co-ar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border-radius:16px;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 20px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/20px 100%,#15191c;border:1px solid var(--line-d)}
.co-ap{min-height:124px;border-radius:10px;border:1px dashed rgba(255,255,255,.14);padding:12px;display:flex;flex-direction:column;gap:4px;transition:background .4s,border-color .4s}
.co-ap>*{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .45s var(--ease)}
.co-ap b{font-size:14.5px;font-weight:600;color:#fff}
.co-ap span{font-size:12.5px;color:var(--on-dark-soft);line-height:1.35}
.co-ap em{margin-top:auto;font-style:normal;font:600 10.5px/1.3 ui-monospace,Menlo,monospace;color:var(--acc)}
.co-ap.is-on{background:#262d33;border:1px solid rgba(255,255,255,.12)}
.co-ap.is-on>*{opacity:1;transform:none}
.co-ar-r{margin:0;color:var(--on-dark-soft);font-size:14.5px}

/* дизайн */
.co-dz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:start}
.co-dz>div:first-child{display:flex;flex-direction:column;gap:14px}.co-dz .soft{margin:0}
.co-dz-r{background:#fff;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:12px}
.co-dz-r h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}
.co-dz-r ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.co-dz-r li{font-size:15px;padding-left:20px;position:relative}
.co-dz-r li:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:2px;background:var(--acc)}
.co-dz-r .soft{margin:0}

/* поисковая тень */
.co-sh{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.co-sh-l{display:flex;flex-direction:column;gap:14px}.co-sh-l .soft{margin:0}
.co-chain{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--mute)}
.co-chain span{font-size:14px;font-weight:600;padding:7px 12px;border-radius:var(--pill);background:var(--ink);color:#fff}
.co-sh-r{display:flex;flex-direction:column;gap:12px}
.co-sh-t{display:flex;gap:4px;padding:4px;border-radius:var(--pill);background:var(--ground);align-self:flex-start}
.co-sh-t button{border:0;background:transparent;border-radius:var(--pill);padding:9px 18px;font-size:14.5px;color:var(--ink)}
.co-sh-t button.is-on{background:var(--ink);color:#fff}
.co-sh-g{display:flex;flex-direction:column;gap:10px}
.co-sw{position:relative;min-height:62px}
.co-sw-p{position:relative;z-index:2;display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 0 0 1px var(--line),0 8px 16px -12px rgba(18,22,26,.35);transition:transform .6s calc(var(--i)*.05s) var(--ease),opacity .5s,box-shadow .5s}
.co-sw-p small{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);width:62px}
.co-sw-p b{font-size:16px;font-weight:600}
.co-sw-s{position:absolute;left:10px;right:10px;top:8px;bottom:0;z-index:1;border-radius:12px;background:rgba(18,22,26,.07);display:flex;flex-wrap:wrap;align-content:flex-end;gap:5px;padding:10px 12px;filter:blur(3px);opacity:.6;transition:filter .6s calc(var(--i)*.05s),opacity .6s,background .6s}
.co-sw-s span{font-size:12.5px;font-family:ui-monospace,Menlo,monospace;padding:4px 8px;border-radius:6px;background:rgba(18,22,26,.08)}
.co-sh-g.is-demand .co-sw{min-height:130px}
.co-sh-g.is-demand .co-sw-p{transform:translateY(-6px) scale(.97);opacity:.55;box-shadow:0 0 0 1px var(--line)}
.co-sh-g.is-demand .co-sw-s{filter:none;opacity:1;background:var(--ink)}
.co-sh-g.is-demand .co-sw-s span{background:rgba(255,98,31,.18);color:#fff}
.co-sw{transition:min-height .6s var(--ease)}

/* переезд */
.co-mg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:start}
.co-mg-l{display:flex;flex-direction:column;gap:14px}.co-mg-l .soft{margin:0}
.co-mg-r{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;counter-reset:m}
.co-mg-r li{counter-increment:m;background:#fff;border-radius:14px;padding:16px 16px 16px 50px;position:relative;display:flex;flex-direction:column;gap:4px}
.co-mg-r li:before{content:counter(m,decimal-leading-zero);position:absolute;left:16px;top:16px;font:700 12px/1.3 ui-monospace,Menlo,monospace;color:var(--acc)}
.co-mg-r b{font-size:15.5px;font-weight:600}.co-mg-r span{font-size:13.5px;color:var(--soft);line-height:1.4}

/* система */
.co-sys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.co-sys-c{grid-column:span 3;background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px}
.co-sys-c.dk,.co-sys-c.or,.co-sys-c.ai{grid-column:span 2}
.co-sys-c h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.co-sys-c p{margin:0;font-size:14.5px;line-height:1.5}
.co-sys-c small{font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.co-sys-c .pill{align-self:flex-start;margin-top:auto}
.co-sys-c .row{margin-top:auto}.co-sys-c .row .pill{margin-top:0}
.co-sys-c.dk{background:var(--ink);color:#fff}.co-sys-c.dk p{color:#cfd6dc}
.co-sys-c.or{background:var(--acc);color:#fff}.co-sys-c.or small{color:#fff;opacity:.8}.co-sys-c.or .pill.line{color:#fff;border-color:rgba(255,255,255,.5)}
.co-crit{display:flex;flex-wrap:wrap;gap:5px}
.co-crit span{font-size:12.5px;padding:5px 9px;border-radius:6px;background:var(--ground)}
.co-pl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.co-pl li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:2px 12px;padding:9px 0;border-top:1px solid var(--line)}
.co-pl b{font-size:14.5px;font-weight:600}.co-pl span{font-size:13.5px;color:var(--soft)}
.co-pl em{grid-column:2;font-style:normal;font-size:12px;color:var(--acc)}
.co-int{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.co-int li{display:grid;grid-template-columns:auto 26px 1fr;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--ground);font-size:14px}
.co-int b{font-weight:600}.co-int i{font-style:normal;text-align:center;color:var(--acc);font-weight:700}

/* сборочный стол */
.co-bn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.co-bn-l{display:flex;flex-direction:column;gap:16px}
.co-bn-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.co-bn-s li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:7px 10px;border-radius:10px;opacity:.45;transition:opacity .35s,background .35s}
.co-bn-s li span{font:700 12px/1.6 ui-monospace,Menlo,monospace;color:#7d8891}
.co-bn-s b{display:block;font-size:14.5px;font-weight:600;color:#fff}
.co-bn-s small{display:block;font-size:12.5px;color:var(--on-dark-soft);max-height:0;overflow:hidden;transition:max-height .4s}
.co-bn-s li.is-done{opacity:.85}.co-bn-s li.is-done span{color:#39d98a}
.co-bn-s li.is-cur{opacity:1;background:rgba(255,255,255,.06)}.co-bn-s li.is-cur span{color:var(--acc)}.co-bn-s li.is-cur small{max-height:3em}
.co-bn-v{position:relative;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 20px 0}
.co-bn-st{position:relative;display:flex;flex-direction:column-reverse;gap:5px;margin:0 12% 0 4%;min-height:280px;justify-content:flex-start}
.co-ly{height:44px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:13.5px;font-weight:600;opacity:0;transform:translateX(70%);transition:opacity .4s,transform .7s cubic-bezier(.3,1.3,.5,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 14px -10px #000}
.co-ly em{width:28px;height:28px;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 5px)}
.co-ly.is-on{opacity:1;transform:none}
.co-ly-struct{background:#3a434b;color:#fff;margin-right:6%}
.co-ly-content{background:#e9e6e0;color:var(--ink);margin-right:3%}
.co-ly-design{background:linear-gradient(90deg,#ffb08a,var(--acc));color:#fff;margin-right:9%}
.co-ly-code{background:#1d2a36;color:#9ec1ff;font-family:ui-monospace,Menlo,monospace;margin-right:1%}
.co-ly-integr{background:#fff;color:var(--ink);margin-right:12%}
.co-bn-bench{height:16px;border-radius:4px;background:linear-gradient(180deg,#6e7780,#3a4147);position:relative;margin-top:6px}
.co-bn-bench i{position:absolute;top:16px;width:14px;height:44px;background:#2a3137}
.co-bn-bench i:first-child{left:8%}.co-bn-bench i:last-child{right:8%}
.co-bn-q{list-style:none;margin:0;padding:0;position:absolute;right:0;top:20px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.co-bn-q li{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#39d98a;border:1px solid rgba(57,217,138,.4);border-radius:6px;padding:6px 8px;opacity:0;transform:translateX(10px);transition:opacity .4s .3s,transform .4s .3s}
.co-bn-q li.is-on{opacity:1;transform:none}
.co-bn-go{position:absolute;left:50%;top:26px;transform:translateX(-50%) scale(1.6) rotate(-8deg);font:900 clamp(26px,3vw,40px)/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--acc);border:3px solid var(--acc);border-radius:10px;padding:10px 16px;opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.co-bn.is-launch .co-bn-go{opacity:1;transform:translateX(-50%) scale(1) rotate(-8deg)}
.co-bn.is-after .co-bn-go{color:#39d98a;border-color:#39d98a}

/* что получаете */
.co-kit{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(13.6px,2.4vw,32px);align-items:stretch}
.co-kit-l{display:flex;flex-direction:column;gap:16px}
.co-kit-ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.co-kit-ul li{background:#fff;border-radius:12px;padding:14px;font-size:14.5px;font-weight:500;display:flex;gap:8px}
.co-kit-ul li:before{content:"✓";color:var(--acc);font-weight:700}
.co-own{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.co-own small{font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.co-own h3{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.03em}
.co-own p{margin:0;font-size:15px;line-height:1.5;color:#cfd6dc}
.co-own-b{color:#fff!important;font-weight:600}

/* цена */
.co-pr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);padding:clamp(20.4px,3.2vw,38.4px)}
.co-pr>div{display:flex;flex-direction:column;gap:12px}
.co-pr-n{margin:0;font-size:clamp(38px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.co-pr .soft{margin:0}
.co-pr h3{margin:0;font-size:18px;font-weight:600}
.co-pr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.co-pr-b li{font-size:14.5px;padding:8px 0;border-bottom:1px dashed var(--line)}
.co-bon li{font-size:14px;font-weight:600;padding:8px 12px;border-radius:10px;background:var(--ground)}
.co-pr .pill{align-self:flex-start}
.co-term li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:8px 0;border-bottom:1px dashed var(--line)}
.co-term b{font-size:14.5px;font-weight:600}.co-term span{grid-row:2;font-size:12.5px;color:var(--mute)}.co-term em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:600;font-size:15px}

/* селектор */
.co-sel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:12px;align-items:stretch}
.co-sel-t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.co-sel-t button{display:flex;flex-direction:column;gap:12px;border:0;background:#fff;border-radius:var(--r-lg);padding:18px;text-align:left;box-shadow:0 0 0 1px var(--line);transition:box-shadow .35s,transform .35s var(--ease)}
.co-sel-t button b{font-size:17px;font-weight:600}
.co-sel-t button.is-on{box-shadow:0 0 0 2px var(--ink);transform:translateY(-4px)}
.co-slab{display:flex;flex-direction:column-reverse;gap:3px}
.co-slab i{font-style:normal;font-size:12px;font-weight:600;padding:0 10px;height:26px;display:flex;align-items:center;border-radius:5px;background:#e9e6e0;color:var(--soft);transition:height .5s var(--ease),background .4s,color .4s}
.co-sel-t button.is-on .co-slab i{background:#3a434b;color:#fff}
.co-sel-t button.is-on .co-slab i.cm{background:var(--acc)}
.co-sel-t button:not(.is-on) .co-slab i{height:14px;font-size:0}
.co-sel-r{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px;justify-content:center;animation:coFade .4s var(--ease)}
.co-sel-r small{font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.co-sel-r h3{margin:0;font-size:24px;font-weight:500;letter-spacing:-.03em}
.co-sel-r p{margin:0;font-size:14.5px;color:#cfd6dc}
.co-sel-r b{font-size:18px;font-weight:600}
.co-sel-r .pill{align-self:flex-start}.co-sel-r .soft{color:var(--on-dark-soft)!important}
.co-nf{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.co-nf li{background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.co-nf b{font-size:15px;font-weight:600}.co-nf span{font-size:13.5px;color:var(--soft);flex:1}
.co-nf button{align-self:flex-start;border:0;background:none;padding:0;font-size:14px;font-weight:600;color:var(--acc)}

/* аудит */
.co-au{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.co-au-l{display:flex;flex-direction:column;gap:16px}.co-au-l .soft{margin:0}
.co-au .p2-tag{align-self:flex-start}
.co-au-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.co-au-g span{font-size:13px;font-weight:600;padding:10px;border-radius:10px;background:rgba(255,255,255,.06);color:#fff}
.co-au-g span:before{content:"✓ ";color:var(--acc)}
.co-au-f{background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:var(--r-lg);padding:22px}

/* финал */
.co-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:24px;isolation:isolate}
.co-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.25),transparent 55%)}
.co-fin .t-title{max-width:18em;font-size:clamp(32px,3.8vw,60px)}

/* адаптив */
@media (max-width:1180px){
  .co-mv-g{grid-template-columns:repeat(4,minmax(0,1fr))}
  .co-mv-b[class*=b]{grid-column:span 2;grid-row:auto}
  .co-sys-c.dk,.co-sys-c.or,.co-sys-c.ai{grid-column:span 3}.co-sys-c.ai{grid-column:span 6}
  .co-nf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-kit-ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-au-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-ar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
  .co-hero-g,.co-grav-g,.co-mv,.co-sp-w,.co-ind,.co-sh,.co-mg,.co-bn,.co-kit,.co-au,.co-dz,.co-ar-g,.co-ar-h,.co-sel{grid-template-columns:minmax(0,1fr)}
  .co-sp-r{position:static}
  .co-pr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.co-pr-a{grid-column:1/-1}
  .co-cs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .co-en{grid-template-columns:minmax(0,1fr)}.co-en ul{grid-column:1;grid-row:auto}
  .co-ds{height:auto}.co-ds-s{position:relative;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);padding:0 calc(var(--gut) + var(--pad))}
  .co-fd{margin:0}
}
@media (max-width:820px){.co-dd{opacity:1;transform:none}.co-ds-m i{background:var(--acc)}}
@media (max-width:640px){
  .co-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-cut-t{display:flex}
  .co-cut{aspect-ratio:4/5;cursor:default}
  .co-cut-l{display:none}.co-cut-la,.co-cut-lb{display:none}
  .co-mk{grid-template-columns:1fr;grid-template-rows:auto auto auto auto 1fr auto auto;font-size:11px}
  .co-mk>*{grid-column:1!important}
  .co-mk-ph{grid-row:4!important;min-height:90px}.co-mk-sp{grid-row:5!important}.co-mk-bt{grid-row:6!important}.co-mk-cs{grid-row:7!important;grid-template-columns:1fr 1fr}.co-mk-cs span:last-child{display:none}
  .co-grav-f{aspect-ratio:4/5}
  .co-go{font-size:12.5px;padding:7px 10px}
  .co-gn{font-size:12.5px;width:40%;padding:9px 6px}
  .co-grav.is-on .co-gn{left:calc(var(--mx)*1%);top:calc(var(--my)*1%)}
  .co-grav.is-on .co-go{left:calc(var(--sfx)*1%);top:calc(var(--sfy)*1%);font-size:10px}
  .co-gf{top:72%}
  .co-mv-g{grid-template-columns:repeat(2,minmax(0,1fr))}.co-mv-b[class*=b]{grid-column:span 1}
  .co-fold{flex-direction:column;perspective:none;min-height:0;padding:8px}
  .co-fl{flex:none!important;transform:none;max-height:0;padding:0 12px;border-left:0!important;box-shadow:none!important;transition:max-height .6s var(--ease),opacity .4s,padding .4s}
  .co-fl.is-open{max-height:420px;padding:14px 12px;border-top:1px dashed var(--line)}
  .co-fl:first-child.is-open{border-top:0}
  .co-en ul{grid-template-columns:minmax(0,1fr)}
  .co-st{aspect-ratio:auto;display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff}
  .co-st-raw,.co-st-pg{display:none}
  .co-si,.co-st.is-built .co-si[class]{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:8px;padding:10px;background:var(--ground);box-shadow:none}
  .co-si>span{position:static;opacity:1!important;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
  .co-si .ar2{display:block;color:var(--acc);font-weight:700;text-align:center}
  .co-si .ui{opacity:.25!important;transition:opacity .4s calc(var(--i)*.15s)}
  .co-st.is-built .co-si .ui{opacity:1!important}
  .co-st.is-built .co-si-t b{color:var(--ink)}
  .co-st.is-built .co-si-p:after{display:none}
  .co-cs,.co-mg-r,.co-kit-ul,.co-nf,.co-au-g,.co-sel-t{grid-template-columns:minmax(0,1fr)}
  .co-pr{grid-template-columns:minmax(0,1fr)}
  .co-ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .co-ap{min-height:96px}
  .co-fd-b{grid-template-columns:minmax(0,1fr);min-height:0}
  .co-bn-v{min-height:0;padding:0}
  .co-bn-st{margin:0;min-height:0}
  .co-bn-q{position:static;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:58px}
  .co-bn-go{position:static;transform:rotate(-4deg);align-self:center;margin-top:14px;font-size:24px}
  .co-bn.is-launch .co-bn-go{transform:rotate(-4deg)}
  .co-sys{grid-template-columns:minmax(0,1fr)}.co-sys-c[class]{grid-column:1}
  .co-pl li{grid-template-columns:minmax(0,1fr)}.co-pl em{grid-column:1}
  .co-sel-t button:not(.is-on) .co-slab i{height:10px}
}
@media (prefers-reduced-motion:reduce){
  .co *,.co *:before,.co *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .co-go{animation:none}
}

/* ================= ЛЕНДИНГ (lp-*) ================= */
.lp .lp-h1{display:block;max-width:10em;font-size:clamp(34px,3.9vw,62px)}
.lp .t-state{font-size:clamp(28px,3vw,48px)}
.lp .shead .t-title{font-size:clamp(32px,3.8vw,60px)}
.lp-note{margin:0;font-size:12.5px;color:var(--mute);font-style:italic}
.lp .panel.dark .lp-note{color:#8a959e}
.lp-quote{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;padding-left:14px;border-left:3px solid var(--acc)}
.lp-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.lp-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 45%,rgba(255,98,31,.16),transparent 52%)}
.lp-hero-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.lp-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
.lp-hero-l .lead{max-width:28em}
.lp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.lp-facts div{padding:12px 12px 0 0}
.lp-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.lp-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.25}

/* фокус */
.lp-ap-w{display:flex;flex-direction:column;gap:12px}
.lp-ap{--s:0;position:relative;aspect-ratio:10/8;border-radius:20px;background:#181d21;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-d)}
.lp-ap[data-s="1"]{--s:1}.lp-ap[data-s="2"]{--s:2}.lp-ap[data-s="3"]{--s:3}.lp-ap[data-s="4"]{--s:4}.lp-ap[data-s="5"]{--s:5}
.lp-ap-f{position:absolute;inset:6%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,1fr);gap:8px;align-items:center;transition:inset .9s var(--ease),opacity .6s}
.lp-c{font-size:13px;font-weight:600;padding:9px 10px;border-radius:9px;text-align:center;color:#cfd6dc;background:rgba(255,255,255,.06);filter:blur(1.2px);transition:opacity .6s,filter .6s,transform .7s var(--ease),background .5s,color .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-c-p{grid-row:1}.lp-c-p:nth-child(5){grid-row:2;grid-column:1}
.lp-c-a{grid-row:3}
.lp-c-m{grid-row:4}.lp-c-m:nth-of-type(n){}
.lp-c-c{grid-row:5}
.lp-c-p:nth-child(2){grid-column:2}.lp-c-p:nth-child(3){grid-column:3}.lp-c-p:nth-child(4){grid-column:4}
.lp-c-m{grid-column:span 1}
.lp-ap[data-s="1"] .lp-c-p:not(.k),.lp-ap[data-s="2"] .lp-c-p:not(.k),.lp-ap[data-s="3"] .lp-c-p:not(.k),.lp-ap[data-s="4"] .lp-c-p:not(.k){opacity:.06;transform:scale(.85)}
.lp-ap[data-s="2"] .lp-c-a:not(.k),.lp-ap[data-s="3"] .lp-c-a:not(.k),.lp-ap[data-s="4"] .lp-c-a:not(.k){opacity:.06;transform:scale(.85)}
.lp-ap[data-s="3"] .lp-c-m:not(.k),.lp-ap[data-s="4"] .lp-c-m:not(.k){opacity:.06;transform:scale(.85)}
.lp-ap[data-s="4"] .lp-c-c:not(.k){opacity:.06;transform:scale(.85)}
.lp-ap[data-s="1"] .lp-c-p.k,.lp-ap[data-s="2"] .lp-c-p.k,.lp-ap[data-s="3"] .lp-c-p.k,.lp-ap[data-s="4"] .lp-c-p.k,
.lp-ap[data-s="2"] .lp-c-a.k,.lp-ap[data-s="3"] .lp-c-a.k,.lp-ap[data-s="4"] .lp-c-a.k,
.lp-ap[data-s="3"] .lp-c-m.k,.lp-ap[data-s="4"] .lp-c-m.k,.lp-ap[data-s="4"] .lp-c-c.k{filter:none;background:#fff;color:var(--ink)}
.lp-ap[data-s="4"] .lp-c-c.k{background:var(--acc);color:#fff}
.lp-ap[data-s="5"] .lp-ap-f{opacity:0;inset:30%}
.lp-crop{position:absolute;width:26px;height:26px;border:2px solid var(--acc);transition:all .9s var(--ease);z-index:2}
.lp-crop.tl{left:calc(3% + var(--s)*3%);top:calc(3% + var(--s)*3%);border-right:0;border-bottom:0}
.lp-crop.tr{right:calc(3% + var(--s)*3%);top:calc(3% + var(--s)*3%);border-left:0;border-bottom:0}
.lp-crop.bl{left:calc(3% + var(--s)*3%);bottom:calc(3% + var(--s)*3%);border-right:0;border-top:0}
.lp-crop.br{right:calc(3% + var(--s)*3%);bottom:calc(3% + var(--s)*3%);border-left:0;border-top:0}
.lp-ap[data-s="5"] .lp-crop{opacity:0}
.lp-ap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 calc(var(--s)*14px) rgba(10,12,14,.55);transition:box-shadow .9s var(--ease)}
.lp-ap[data-s="5"]:after{box-shadow:none}
.lp-ap-r{position:absolute;inset:8%;border-radius:14px;background:#f6f5f2;color:var(--ink);padding:5% 6%;display:flex;flex-direction:column;gap:10px;opacity:0;transform:scale(.9);transition:opacity .6s .2s,transform .8s .2s var(--ease)}
.lp-ap[data-s="5"] .lp-ap-r{opacity:1;transform:none}
.lp-ap-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:auto}
.lp-ap-nav b{font-size:14px}.lp-ap-nav span{width:70px;height:6px;border-radius:3px;background:var(--line)}
.lp-ap-r small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);font-weight:700}
.lp-ap-r h3{margin:0;font-size:clamp(20px,2.1vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.1;max-width:13em}
.lp-ap-r p{margin:0;font-size:14px;color:var(--soft)}
.lp-ap-r em{align-self:flex-start;font-style:normal;font-weight:600;background:var(--acc);color:#fff;padding:10px 16px;border-radius:var(--pill);margin-bottom:auto;font-size:14px}
.lp-ap-s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lp-ap-s li{font-size:12.5px;font-weight:600;padding:8px 10px;border-radius:8px;color:#8a959e;background:rgba(255,255,255,.04);transition:background .4s,color .4s}
.lp-ap-s li.is-on{background:rgba(255,98,31,.16);color:#fff}
.lp-ap-s li.is-on:before{content:"✓ ";color:var(--acc)}
.lp-ap-b{align-self:flex-start;border:0;background:none;color:var(--on-dark-soft);font-size:13px;padding:0;text-decoration:underline;text-underline-offset:4px}

/* сценарии */
.lp-uc{display:flex;flex-direction:column;gap:14px}
.lp-uc-t{display:flex;flex-wrap:wrap;gap:6px}
.lp-uc-t button{border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:10px 18px;font-size:15px;color:var(--ink)}
.lp-uc-t button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.lp-uc-g{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:12px}
.lp-uc-p{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.lp-uc-p b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.lp-uc-p span{font-size:16px;font-weight:600}
.lp-tank{position:relative;width:96px;height:150px;margin-bottom:12px}
.lp-tank i:nth-child(1){position:absolute;left:10px;right:10px;top:12px;bottom:26px;border-radius:40px 40px 18px 18px;background:linear-gradient(90deg,#9aa3aa,#eef0f1 40%,#b5bcc2 70%,#7d868d)}
.lp-tank i:nth-child(2){position:absolute;left:22px;bottom:0;width:6px;height:30px;background:#6e7780;box-shadow:46px 0 0 #6e7780}
.lp-tank i:nth-child(3){position:absolute;left:38px;top:0;width:20px;height:16px;border-radius:4px;background:var(--acc)}
.lp-tank.big{width:140px;height:210px}
.lp-uc-m{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);grid-template-rows:auto auto 1fr;gap:14px 22px;min-height:290px;animation:lpFade .45s var(--ease)}
@keyframes lpFade{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.lp-uc-m .bar{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line-d)}
.lp-uc-m .bar i{width:8px;height:8px;border-radius:50%;background:#3a434b}
.lp-uc-m .bar span{margin-left:8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);font-weight:700}
.lp-uc-m h3{grid-column:1;margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.12}
.lp-uc-m ul{grid-column:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lp-uc-m li{font-size:14.5px;color:#cfd6dc;padding-left:16px;position:relative}
.lp-uc-m li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:2px;background:var(--acc)}
.lp-uc-m .pf{grid-column:2;grid-row:2;border-radius:12px;background:linear-gradient(135deg,#3a434b,#262d33);display:flex;align-items:flex-end;padding:12px;font-size:13px;color:#cfd6dc;min-height:110px}
.lp-uc-m .fm{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:6px;align-self:end}
.lp-uc-m .fm span{font-size:13px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.06);color:#8a959e}
.lp-uc-m .fm em{font-style:normal;font-weight:600;text-align:center;padding:11px;border-radius:var(--pill);background:var(--acc)}
.lp-uc-n{margin:0;font-size:15px;color:var(--soft)}

/* совмещение */
.lp-lock-w{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.lp-lock-l{display:flex;flex-direction:column;gap:16px}.lp-lock-l .soft{margin:0}
.lp-lock{display:flex;flex-direction:column;gap:0}
.lp-lk{position:relative;background:var(--ground);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;transition:transform .7s cubic-bezier(.3,1.4,.5,1),background .4s,box-shadow .4s;margin-bottom:14px}
.lp-lk small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.lp-lk b{font-size:16px;font-weight:600;line-height:1.3}
.lp-lk.q{transform:translateX(-4%) rotate(-1deg)}.lp-lk.ad{transform:translateX(5%) rotate(1.2deg)}.lp-lk.h{transform:translateX(-7%) rotate(-.8deg)}
.lp-lk:after{content:"";position:absolute;left:50%;bottom:-14px;width:40px;height:14px;margin-left:-20px;background:inherit;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);transition:opacity .4s}
.lp-lk.h:after{display:none}
.lp-lk .good{display:none}
.lp-lock.is-lock .lp-lk{transform:none;background:#fff;box-shadow:0 0 0 2px var(--ink);margin-bottom:0;border-radius:0}
.lp-lock.is-lock .lp-lk.q{border-radius:14px 14px 0 0}.lp-lock.is-lock .lp-lk.h{border-radius:0 0 14px 14px;box-shadow:0 0 0 2px var(--acc);background:#fff4ee}
.lp-lock.is-lock .lp-lk:after{opacity:0}
.lp-lock.is-lock .lp-lk .bad{display:none}.lp-lock.is-lock .lp-lk .good{display:block}
.lp-lock.is-lock .lp-lk+.lp-lk{margin-top:2px}
.lp-lock.is-lock{animation:lpClick .35s .55s}
@keyframes lpClick{50%{transform:scale(1.015)}}
.lp-lock .pill{align-self:flex-start;margin-top:14px}
.lp-lock.is-lock .pill{margin-top:16px}

/* хребет */
.lp-sp{position:relative;height:250vh}
.lp-sp-s{position:sticky;top:0;height:100vh;min-height:640px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;padding:clamp(80px,9vh,110px) calc(var(--gut) + var(--pad)) 24px;max-width:var(--max);margin:0 auto}
.lp-sp-l{display:flex;flex-direction:column;gap:16px}.lp-sp-l .soft{margin:0}
.lp-sp-v{display:flex;justify-content:center}
.lp-beam{position:relative;width:min(100%,560px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 0 0}
.lp-beam:before{content:"";position:absolute;left:50%;top:26px;bottom:44px;width:6px;margin-left:-3px;border-radius:3px;background:linear-gradient(180deg,var(--ink),#3a434b)}
.lp-beam-t{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);white-space:nowrap}
.lp-arg{position:relative;z-index:1;width:62%;background:#fff;border-radius:12px;padding:9px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 20px -16px rgba(18,22,26,.5);opacity:0;transition:opacity .45s,transform .6s cubic-bezier(.3,1.3,.5,1),width .6s}
.lp-arg.l{transform:translateX(-60%)}.lp-arg.r{transform:translateX(60%)}
.lp-arg.is-in{opacity:1;transform:none;width:74%;border-left:4px solid var(--ink)}
.lp-arg b{font-size:16px;font-weight:600}.lp-arg small{font-size:13px;color:var(--soft)}
.lp-beam-c{position:relative;z-index:1;margin-top:10px;padding:14px 26px;border-radius:var(--pill);background:#d6d3ce;color:#fff;font-weight:600;font-size:16px;transition:background .5s,transform .5s cubic-bezier(.3,1.5,.5,1)}
.lp-sp.is-cta .lp-beam-c{background:var(--acc);transform:scale(1.08)}
.lp-sp.is-cta .lp-arg.is-in{border-left-color:var(--acc)}

/* тюнер */
.lp-tn{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.lp-tn-l{display:flex;flex-direction:column;gap:16px}.lp-tn-l .soft{margin:0}
.lp-tn-c{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lp-tn-c li{font-size:14px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05);color:#8a959e;transition:background .3s,color .3s}
.lp-tn-c li:before{content:"○ ";color:#5b646c}
.lp-tn-c li.is-on{background:rgba(255,98,31,.14);color:#fff}.lp-tn-c li.is-on:before{content:"✓ ";color:var(--acc)}
.lp-tn-r{display:flex;flex-direction:column;gap:14px}
.lp-tn-scr{background:#f6f5f2;color:var(--ink);border-radius:16px;padding:24px;min-height:200px;display:flex;flex-direction:column;gap:12px}
.lp-tn-scr small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.lp-tn-scr h3{margin:0;font-size:clamp(22px,2.4vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.12;flex:1}
.lp-tn-m{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.lp-tn-m i{height:6px;border-radius:3px;background:var(--line);transition:background .4s}
.lp-tn-m i.is-on{background:var(--acc)}
.lp-tn-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lp-tn-k button{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--line-d);background:transparent;color:#cfd6dc;border-radius:12px;padding:14px 8px;font-size:14px;font-weight:600}
.lp-tn-k i{position:relative;width:40px;height:22px;border-radius:11px;background:#3a434b;transition:background .3s}
.lp-tn-k i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .35s var(--ease)}
.lp-tn-k button.is-on{border-color:var(--acc);color:#fff}
.lp-tn-k button.is-on i{background:var(--acc)}.lp-tn-k button.is-on i:after{transform:translateX(18px)}

/* доска */
.lp-bd-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.lp-bd-l{display:flex;flex-direction:column;gap:16px}.lp-bd-l .soft{margin:0}.lp-bd-l .pill{align-self:flex-start}
.lp-bd{position:relative;height:520px;border-radius:20px;background:radial-gradient(circle at 1px 1px,rgba(18,22,26,.12) 1px,transparent 1.5px) 0 0/18px 18px,#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.lp-bc{position:absolute;width:44%;min-height:64px;background:#fffdf6;border-radius:6px;padding:10px 12px;box-shadow:0 10px 18px -12px rgba(18,22,26,.5);display:flex;flex-direction:column;gap:2px;transition:left .9s calc(var(--i)*.07s) cubic-bezier(.3,1.25,.5,1),top .9s calc(var(--i)*.07s) cubic-bezier(.3,1.25,.5,1),transform .9s calc(var(--i)*.07s),width .9s,min-height .6s,background .5s}
.lp-bc small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.lp-bc b{font-size:14px;font-weight:600;line-height:1.3}
.lp-bc .wf{display:none;gap:6px}.lp-bc .wf i{height:5px;border-radius:3px;background:var(--line);flex:1}
.lp-bc-a{left:6%;top:8%;transform:rotate(-6deg)}.lp-bc-pr{left:52%;top:5%;transform:rotate(5deg)}.lp-bc-p{left:30%;top:34%;transform:rotate(-3deg)}
.lp-bc-o{left:4%;top:60%;transform:rotate(7deg)}.lp-bc-e{left:54%;top:52%;transform:rotate(-8deg)}.lp-bc-c{left:34%;top:78%;transform:rotate(4deg);background:#fff1e8}
.lp-bd.is-ord .lp-bc{left:8%;width:84%;transform:none;background:#fff;box-shadow:0 0 0 1px var(--line)}
.lp-bd.is-ord .lp-bc .wf{display:flex}
.lp-bd.is-ord .lp-bc-p{top:3%}.lp-bd.is-ord .lp-bc-a{top:19.5%}.lp-bd.is-ord .lp-bc-pr{top:36%}.lp-bd.is-ord .lp-bc-o{top:52.5%}.lp-bd.is-ord .lp-bc-e{top:69%}.lp-bd.is-ord .lp-bc-c{top:85.5%;background:var(--acc);box-shadow:none}
.lp-bd.is-ord .lp-bc-c small,.lp-bd.is-ord .lp-bc-c b{color:#fff}
.lp-bd.is-ord .lp-bc-c .wf{display:none}

/* подробности */
.lp-dd{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.lp-dd-l{display:flex;flex-direction:column;gap:16px}.lp-dd-l .soft{margin:0}
.lp-dd-r{display:flex;flex-direction:column;gap:10px}
.lp-dd-m{position:relative;aspect-ratio:16/11;border-radius:16px;background:#f6f5f2;box-shadow:0 0 0 1px var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:6%;gap:6%}
.lp-dd-ph{display:grid;place-items:center}
.lp-dd-t{display:flex;flex-direction:column;gap:10px}
.lp-dd-t small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:700}
.lp-dd-t h3{margin:0;font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.15}
.lp-dd-t em{align-self:flex-start;font-style:normal;font-weight:600;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--pill);font-size:14px}
.lp-pt{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:var(--ink)}
.lp-pt i{width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 5px rgba(255,98,31,.2);animation:lpPulse 2s infinite;transition:transform .3s}
.lp-pt span{font-size:12px;font-weight:600;background:#fff;padding:4px 8px;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
.lp-pt.is-on i{transform:rotate(45deg);animation:none}
@keyframes lpPulse{50%{box-shadow:0 0 0 9px rgba(255,98,31,.05)}}
.lp-pt.pt0{left:12%;top:18%}.lp-pt.pt1{left:28%;top:74%}.lp-pt.pt2{left:56%;top:78%}.lp-pt.pt3{left:6%;top:48%}
.lp-pop{position:absolute;z-index:4;right:4%;top:6%;width:min(52%,300px);background:#fff;border-radius:12px;padding:14px;box-shadow:0 20px 40px -20px rgba(18,22,26,.55),0 0 0 1px var(--line);display:none;flex-direction:column;gap:8px}
.lp-pop.is-on{display:flex;animation:lpFade .35s var(--ease)}
.lp-pop b{font-size:15px}.lp-pop small{font-size:12.5px;color:var(--soft)}
.lp-pop dl{margin:0}.lp-pop dl div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}
.lp-pop dt{color:var(--soft)}.lp-pop dd{margin:0;font-weight:600}
.lp-pop svg{width:100%;height:80px;fill:none;stroke:#7fa0ff;stroke-width:1.5;background:#101a24;border-radius:8px}
.lp-pop .dl{align-self:flex-start;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line)}
.lp-pop .cert{font-size:12px;font-weight:700;color:#1f8a52;border:1.5px solid #1f8a52;border-radius:6px;padding:6px 8px;align-self:flex-start}
.lp-pop .var{display:flex;flex-wrap:wrap;gap:5px}.lp-pop .var span{font-size:12.5px;padding:6px 9px;border-radius:8px;background:var(--ground)}

/* вес доказательств */
.lp-pw-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.lp-pw-l{display:flex;flex-direction:column;gap:16px}.lp-pw-l .soft{margin:0}
.lp-pw-t{display:flex;flex-wrap:wrap;gap:6px}
.lp-pw-t button{border:1px dashed var(--line);background:#fff;border-radius:var(--pill);padding:8px 14px;font-size:14px;color:var(--ink)}
.lp-pw-t button.is-on{border-style:solid;border-color:var(--ink);background:var(--ink);color:#fff}
.lp-pw{position:relative;height:420px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px}
.lp-pw-c{position:relative;z-index:2;background:#fff;border-radius:12px;padding:16px 22px;text-align:center;box-shadow:0 14px 26px -18px rgba(18,22,26,.6);display:flex;flex-direction:column;gap:2px;transform-origin:50% 100%;animation:lpWob 1.2s ease-in-out infinite alternate}
.lp-pw-c b{font-size:20px;font-weight:600;letter-spacing:-.02em}.lp-pw-c small{font-size:12px;color:var(--mute)}
@keyframes lpWob{from{transform:rotate(calc(var(--w,6)*-1deg))}to{transform:rotate(calc(var(--w,6)*1deg))}}
.lp-pw[data-n="1"] .lp-pw-c{--w:4}.lp-pw[data-n="2"] .lp-pw-c{--w:2.5}.lp-pw[data-n="3"] .lp-pw-c{--w:1.2}.lp-pw[data-n="4"] .lp-pw-c{--w:.5}.lp-pw[data-n="5"] .lp-pw-c{--w:0;animation:none;box-shadow:0 0 0 2px var(--acc)}
.lp-pw-st{display:flex;flex-direction:column-reverse;align-items:center;gap:3px;width:100%}
.lp-pw-st span{width:calc(40% + var(--i)*-3% + 20%);max-width:360px;height:0;overflow:hidden;opacity:0;border-radius:6px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center;transition:height .5s cubic-bezier(.3,1.3,.5,1),opacity .4s}
.lp-pw-st span.is-in{height:40px;opacity:1}
.lp-pw-st span:nth-child(odd){background:#3a434b}
.lp-pw-g0{width:70%;max-width:420px;height:10px;border-radius:5px;background:var(--line);margin-top:3px}
.lp-pw:before{content:"";position:absolute;left:50%;bottom:10px;width:2px;height:120px;margin-left:-1px;background:var(--line);z-index:0}

/* действие */
.lp-act{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.lp-cf,.lp-ff{background:#fff;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:14px}
.lp-cf h3,.lp-ff h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.lp-cf .soft{margin:0}
.lp-cf-t{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lp-cf-t button{border:1px solid var(--line);background:var(--ground);border-radius:10px;padding:10px 12px;font-size:14px;text-align:left;color:var(--ink)}
.lp-cf-t button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.lp-cf-s{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:90px;justify-content:center;border-radius:14px;background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(18,22,26,.04) 17px 18px),var(--ground);padding:14px}
.lp-cf-old{font-size:14px;color:var(--mute);text-decoration:line-through;padding:10px 16px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line)}
.lp-cf-new{font-size:16px;font-weight:600;background:var(--acc);color:#fff;padding:14px 22px;border-radius:var(--pill);transition:border-radius .5s var(--ease),padding .5s var(--ease);animation:lpFade .45s var(--ease)}
.lp-cf-new.wide{padding:14px 42px}
.lp-cf-new.file{border-radius:10px;padding:14px 22px 14px 48px;position:relative}
.lp-cf-new.file:before{content:"";position:absolute;left:18px;top:50%;width:16px;height:20px;margin-top:-10px;border-radius:2px;background:#fff;clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}
.lp-ff-f{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lp-ff-f span{font-size:13px;color:var(--mute);padding:11px 12px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;max-height:60px;overflow:hidden;transition:max-height .45s calc(var(--i)*.03s),padding .45s calc(var(--i)*.03s),opacity .35s,margin .45s}
.lp-ff-f span.keep{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(18,22,26,.3)}
.lp-ff.is-trim .lp-ff-f span:not(.keep){max-height:0;padding-top:0;padding-bottom:0;opacity:0;box-shadow:none}
.lp-ff.is-trim .lp-ff-f span.keep{box-shadow:inset 0 0 0 1.5px var(--ink)}
.lp-ff-n{margin:0;font-size:14px;font-weight:600;color:var(--acc);max-height:0;overflow:hidden;opacity:0;transition:max-height .5s .3s,opacity .5s .3s}
.lp-ff.is-trim .lp-ff-n{max-height:40px;opacity:1}
.lp-ff-b{display:flex;align-items:center;gap:12px}

/* зонд */
.lp-pb{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.lp-pb-l{display:flex;flex-direction:column;gap:16px}.lp-pb-l .soft{margin:0}
.lp-pb-t{display:flex;flex-wrap:wrap;gap:6px}
.lp-pb-t button{border:1px solid var(--line-d);background:transparent;color:#cfd6dc;border-radius:var(--pill);padding:9px 16px;font-size:14px}
.lp-pb-t button.is-on{background:#fff;color:var(--ink)}
.lp-pb-v{position:relative;height:360px;border-radius:18px;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/18px 18px,#15191c;border:1px solid var(--line-d);overflow:hidden}
.lp-main{position:absolute;left:5%;top:12%;width:40%;height:76%;border-radius:12px;background:#262d33;padding:14px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:6px}
.lp-main b{grid-column:1/-1;font-size:13px;color:#cfd6dc}
.lp-main i{border-radius:6px;background:#3a434b}
.lp-seg{position:absolute;right:3%;width:27%;padding:12px;border-radius:10px;border:1px dashed rgba(255,255,255,.2);color:#8a959e;font-size:13.5px;font-weight:600;transition:border-color .4s,color .4s,background .4s}
.lp-seg.s0{top:10%}.lp-seg.s1{top:40%}.lp-seg.s2{top:70%}
.lp-pb-v[data-t="0"] .s0,.lp-pb-v[data-t="1"] .s1,.lp-pb-v[data-t="2"] .s2{border-style:solid;border-color:var(--acc);color:#fff;background:rgba(255,98,31,.1)}
.lp-probe{position:absolute;left:26%;top:40%;width:22%;padding:10px;border-radius:10px;background:var(--acc);color:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:0 12px 24px -12px rgba(255,98,31,.8);transition:left 1.1s cubic-bezier(.5,0,.2,1),top 1.1s cubic-bezier(.5,0,.2,1)}
.lp-probe b{font-size:13px}
.lp-probe .sig{display:flex;flex-direction:column;gap:3px}
.lp-probe .sig em{font-style:normal;font-size:11px;opacity:0;padding-left:12px;position:relative}
.lp-probe .sig em:before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:#fff;animation:lpPulse 1.6s infinite}
.lp-pb-v.is-go .lp-probe{left:47%}
.lp-pb-v.is-go[data-t="0"] .lp-probe{top:8%}.lp-pb-v.is-go[data-t="1"] .lp-probe{top:38%}.lp-pb-v.is-go[data-t="2"] .lp-probe{top:66%}
.lp-pb-v.is-go .lp-probe .sig em{animation:lpSig .4s forwards}
.lp-pb-v.is-go .lp-probe .sig em:nth-child(1){animation-delay:1.2s}.lp-pb-v.is-go .lp-probe .sig em:nth-child(2){animation-delay:1.6s}.lp-pb-v.is-go .lp-probe .sig em:nth-child(3){animation-delay:2s}
@keyframes lpSig{to{opacity:1}}
.lp-ch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-ch-c,.lp-af-c{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px}
.lp-ch-c small,.lp-af-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:700}
.lp-ch-c h3,.lp-af-c h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.lp-ch-c p,.lp-af-c p{margin:0;font-size:14.5px;line-height:1.5;color:var(--soft)}
.lp-ch-c .pill,.lp-af-c .pill{align-self:flex-start;margin-top:auto}

/* граница */
.lp-fb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:start}
.lp-fb-l{display:flex;flex-direction:column;gap:14px}.lp-fb-l .soft{margin:0}
.lp-fb-t{display:flex;flex-wrap:wrap;gap:6px}
.lp-fb-t button{border:1px dashed var(--line);background:var(--ground);border-radius:var(--pill);padding:8px 14px;font-size:14px;color:var(--ink)}
.lp-fb-t button.is-on{border-style:solid;background:var(--ink);color:#fff}
.lp-fb-t .lp-fb-r{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--soft)}
.lp-nf{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.lp-nf li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.lp-nf b{font-weight:600}.lp-nf span{color:var(--soft);text-align:right}
.lp-fb-v{position:relative;min-height:460px;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;border-radius:18px;background:var(--ground)}
.lp-fb-pg{width:46%;display:flex;flex-direction:column;gap:6px;padding:14px;margin-top:14px;border-radius:12px;background:#fff;box-shadow:0 0 0 2px var(--ink);transition:width .6s var(--ease),box-shadow .5s}
.lp-fb-v[data-n="1"] .lp-fb-pg{width:56%}.lp-fb-v[data-n="2"] .lp-fb-pg{width:68%}.lp-fb-v[data-n="3"] .lp-fb-pg{width:80%}.lp-fb-v[data-n="4"] .lp-fb-pg,.lp-fb-v[data-n="5"] .lp-fb-pg{width:92%}
.lp-fb-v.is-broken .lp-fb-pg{box-shadow:0 0 0 1px var(--line)}
.lp-fb-base{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:var(--ink);color:#fff}
.lp-fb-base b{font-size:15px}.lp-fb-base span{font-size:12px;color:#aeb8c1}.lp-fb-base em{align-self:flex-start;font-style:normal;font-size:12.5px;font-weight:600;background:var(--acc);padding:6px 10px;border-radius:var(--pill);margin-top:6px}
.lp-fb-add{max-height:0;overflow:hidden;opacity:0;padding:0 12px;border-radius:8px;background:var(--ground);font-size:13px;font-weight:600;transition:max-height .5s var(--ease),opacity .4s,padding .5s}
.lp-fb-add.is-in{max-height:60px;opacity:1;padding:12px}
.lp-fb-add.a3.is-in{max-height:90px;padding:28px 12px;background:repeating-linear-gradient(90deg,#fff 0 18%,var(--ground) 18% 20%)}
.lp-fb-add.a4.is-in{max-height:120px;padding:40px 12px;background:repeating-linear-gradient(0deg,#fff 0 8px,var(--ground) 8px 10px)}
.lp-fb-v.is-broken .lp-fb-base{background:#8a959e}
.lp-fb-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg) scale(1.4);font-weight:800;font-size:clamp(18px,1.8vw,26px);letter-spacing:.02em;color:var(--acc);border:3px solid var(--acc);border-radius:10px;padding:10px 16px;background:rgba(255,255,255,.92);opacity:0;pointer-events:none;transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}
.lp-fb-v.is-broken .lp-fb-stamp{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}

/* полосы */
.lp-st{display:flex;gap:10px;height:440px}
.lp-strip{position:relative;flex:0 0 96px;min-width:0;border-radius:var(--r-lg);background:#fff;overflow:hidden;cursor:pointer;transition:flex .7s var(--ease),background .4s;outline:none}
.lp-strip:focus-visible{box-shadow:0 0 0 3px var(--acc)}
.lp-strip.is-open{flex:1 1 0;cursor:default}
.lp-strip-c{position:absolute;left:0;top:0;bottom:0;width:96px;display:flex;flex-direction:column;justify-content:space-between;padding:20px 0;align-items:center;transition:opacity .3s}
.lp-strip-c small,.lp-strip-c b{writing-mode:vertical-rl;transform:rotate(180deg)}
.lp-strip-c small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:700}
.lp-strip-c b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.lp-strip.is-open .lp-strip-c{opacity:0}
.lp-strip-o{position:absolute;inset:0;padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:14px;opacity:0;transition:opacity .4s .25s;min-width:320px}
.lp-strip.is-open .lp-strip-o{opacity:1}
.lp-strip-o .mh{border-radius:14px;background:var(--ink);color:#fff;padding:22px;display:flex;flex-direction:column;gap:8px;flex:1;justify-content:flex-end;background-image:radial-gradient(ellipse at 90% 10%,rgba(255,98,31,.35),transparent 55%)}
.lp-strip-o .mh small{font-size:12px;color:#aeb8c1}
.lp-strip-o h3{margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.lp-strip-o p{margin:0;font-size:15px;line-height:1.45;color:var(--soft)}
.lp-strip-o p.pr{color:var(--ink);font-weight:600}
.lp-strip-o .pill{align-self:flex-start}
.lp-strip.you{background:var(--ground);box-shadow:inset 0 0 0 2px var(--line)}
.lp-strip.you .mh{background:#fff;color:var(--ink);background-image:none;box-shadow:inset 0 0 0 1px var(--line)}.lp-strip.you .mh small{color:var(--mute)}

/* пресс */
.lp-pr{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.lp-pr-l{display:flex;flex-direction:column;gap:18px}
.lp-pr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lp-pr-g>div{background:rgba(255,255,255,.05);border-radius:12px;padding:14px}
.lp-pr-g h3{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--acc)}
.lp-pr-g ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.lp-pr-g li{font-size:13.5px;color:#cfd6dc;line-height:1.35}
.lp-press{position:relative;height:420px;border-radius:18px;background:#15191c;border:1px solid var(--line-d);overflow:hidden}
.lp-press .in{position:absolute;font-size:13px;font-weight:600;padding:9px 12px;border-radius:8px;background:#3a434b;color:#fff;transition:left .8s calc(var(--i)*.08s) var(--ease),top .8s calc(var(--i)*.08s) var(--ease),opacity .4s calc(var(--i)*.08s + .5s),transform .8s}
.lp-press .i0{left:6%;top:8%}.lp-press .i1{left:62%;top:6%}.lp-press .i2{left:4%;top:26%}.lp-press .i3{left:64%;top:24%;background:var(--acc)}.lp-press .i4{left:36%;top:16%}
.lp-press .jaw{position:absolute;left:22%;right:22%;height:14px;border-radius:4px;background:linear-gradient(180deg,#8a939b,#4e575f);transition:top .5s .6s cubic-bezier(.5,0,.2,1)}
.lp-press .jaw.t{top:36%}.lp-press .jaw.b{top:52%}
.lp-press .out{position:absolute;left:30%;right:30%;top:56%;height:0;overflow:hidden;border-radius:0 0 8px 8px;background:#f6f5f2;padding:0 10px;display:flex;flex-direction:column;gap:5px;transition:height .8s 1s var(--ease),padding .8s 1s}
.lp-press .out b{font-size:12px;color:var(--ink);margin-top:10px}
.lp-press .out i{height:6px;border-radius:3px;background:var(--line)}
.lp-press .out i:nth-of-type(3){height:40px;background:#e3e0da}
.lp-press .out em{align-self:flex-start;font-style:normal;font-size:11px;font-weight:600;background:var(--acc);color:#fff;padding:5px 8px;border-radius:var(--pill)}
.lp-press.is-done .in{left:44%;top:40%;opacity:0;transform:scale(.6)}
.lp-press.is-done .jaw.t{top:43%}.lp-press.is-done .jaw.b{top:46%}
.lp-press.is-done .out{height:38%;padding:0 10px 10px}

/* после формы */
.lp-af{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-af-c.dk{background:var(--ink)}.lp-af-c.dk h3{color:#fff}.lp-af-c.dk p{color:#cfd6dc}

/* монтаж */
.lp-ed{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.lp-ed-l{display:flex;flex-direction:column;gap:16px}
.lp-ed-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:e}
.lp-ed-s li{display:flex;gap:10px;font-size:14.5px;padding:6px 10px;border-radius:8px;color:var(--mute);transition:background .3s,color .3s}
.lp-ed-s li span{font-size:12px;font-weight:700;color:var(--mute);width:22px}
.lp-ed-s li.is-done{color:var(--ink)}.lp-ed-s li.is-done span{color:#1f8a52}
.lp-ed-s li.is-cur{background:var(--ground);color:var(--ink);font-weight:600}.lp-ed-s li.is-cur span{color:var(--acc)}
.lp-ed-v{display:flex;flex-direction:column;gap:10px;border-radius:16px;background:#15191c;padding:18px}
.lp-ed-rule{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;color:#7d8891;padding:0 4px 6px;border-bottom:1px solid var(--line-d);background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 24px) bottom/100% 6px no-repeat}
.lp-ed-tr{display:flex;flex-wrap:wrap;gap:6px;min-height:170px;align-content:flex-start}
.lp-clip{flex:0 0 calc(33.33% - 4px);min-height:48px;border-radius:6px;padding:10px;display:flex;align-items:flex-end;background:#3a434b;color:#fff;font-size:13px;font-weight:600;transition:transform .6s cubic-bezier(.3,1.2,.5,1),opacity .4s,max-height .5s,min-height .5s,padding .5s,background .4s;max-height:80px;overflow:hidden;border-left:4px solid rgba(255,255,255,.25)}
.lp-clip.c-h{background:#fff;color:var(--ink)}.lp-clip.c-c{background:var(--acc)}.lp-clip.c-f{background:#5b646c}.lp-clip.c-k{background:#2a3137}
.lp-clip.c-x1,.lp-clip.c-x2{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#8a959e}
.lp-clip.is-cut{opacity:0;max-height:0;min-height:0;padding:0 10px;flex-basis:0;margin:0}
.lp-ed.is-final .lp-ed-tr{flex-direction:column;flex-wrap:nowrap}
.lp-ed.is-final .lp-clip{flex:none;min-height:30px;padding:7px 10px}

/* цена */
.lp-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-price>div{background:#fff;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:12px}
.lp-price-n{margin:0;font-size:clamp(38px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.lp-price .soft{margin:0}
.lp-price h3{margin:0;font-size:18px;font-weight:600}
.lp-price ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lp-price-b li{font-size:14.5px;padding:8px 0;border-bottom:1px dashed var(--line)}
.lp-bon li{font-size:14px;font-weight:600;padding:8px 12px;border-radius:10px;background:var(--ground)}
.lp-price .pill{align-self:flex-start}
.lp-price-c li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px dashed var(--line)}
.lp-price-c b{font-size:15px}.lp-price-c li span{font-size:13px;color:var(--soft)}
.lp-own{margin:0;font-size:14px;font-weight:600;padding:12px;border-radius:10px;background:var(--ink);color:#fff}

/* ширина */
.lp-wd{display:grid;place-items:center;min-height:380px;border-radius:18px;background:#15191c;border:1px solid var(--line-d);padding:20px}
.lp-wd-l{display:flex;flex-direction:column;gap:16px}
.lp-wd-t{display:flex;flex-direction:column;gap:6px}
.lp-wd-t button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;text-align:left;border:1px solid var(--line-d);background:transparent;color:#fff;border-radius:12px;padding:12px 16px}
.lp-wd-t b{font-size:16px}.lp-wd-t span{grid-column:1;font-size:13px;color:var(--on-dark-soft)}.lp-wd-t em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:600;font-size:14px}
.lp-wd-t button.is-on{border-color:var(--acc);background:rgba(255,98,31,.1)}
.lp-wd-l .pill{align-self:flex-start}
.lp-wd-box{display:grid;gap:6px;grid-template-columns:repeat(1,1fr);width:120px;transition:width .7s var(--ease)}
.lp-wd-box i{display:block;height:22px;border-radius:5px;background:#3a434b;transition:all .6s var(--ease)}
.lp-wd-box i:nth-child(1){background:var(--acc)}
.lp-wd-box i:nth-child(n+8){height:0;opacity:0}
.lp-wd[data-k="c"] .lp-wd-box{width:min(78%,420px);grid-template-columns:1fr 1fr 1fr}
.lp-wd[data-k="c"] .lp-wd-box i{height:34px}
.lp-wd[data-k="c"] .lp-wd-box i:nth-child(1){grid-column:1/-1;height:22px}
.lp-wd[data-k="c"] .lp-wd-box i:nth-child(n+8){height:34px;opacity:1}
.lp-wd[data-k="c"] .lp-wd-box i:nth-child(3n+2){background:#5b646c}
.lp-wd[data-k="s"] .lp-wd-box{width:min(88%,480px);grid-template-columns:repeat(4,1fr)}
.lp-wd[data-k="s"] .lp-wd-box i{height:54px;background:#f6f5f2;opacity:1}
.lp-wd[data-k="s"] .lp-wd-box i:nth-child(1){grid-column:1/-1;height:22px;background:var(--acc)}
.lp-wd[data-k="s"] .lp-wd-box i:nth-child(n+8){height:54px}
#lp-wd-go[hidden]{display:none}
.lp-wdp{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}

/* финал */
.lp-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:24px;isolation:isolate}
.lp-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.25),transparent 55%)}
.lp-fin .t-title{max-width:18em;font-size:clamp(30px,3.6vw,58px)}

/* адаптив */
@media (max-width:1180px){.lp-pr-g{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-ap-s{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1024px){
  .lp-hero-g,.lp-wdp,.lp-lock-w,.lp-tn,.lp-bd-g,.lp-dd,.lp-pw-g,.lp-pb,.lp-fb,.lp-pr,.lp-ed,.lp-act{grid-template-columns:minmax(0,1fr)}
  .lp-sp{height:auto}.lp-sp-s{position:relative;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);padding:0 calc(var(--gut) + var(--pad))}
  .lp-ch,.lp-af,.lp-price{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lp-price-a{grid-column:1/-1}.lp-af-c.dk{grid-column:1/-1}.lp-ch-c:last-child{grid-column:1/-1}
}
@media (max-width:640px){
  .lp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-ap{aspect-ratio:4/5}
  .lp-ap-f{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;align-content:center}
  .lp-c[class]{grid-row:auto;grid-column:auto;font-size:12px}
  .lp-ap-s{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-uc-g{grid-template-columns:minmax(0,1fr)}
  .lp-uc-p{flex-direction:row;padding:14px;gap:14px;justify-content:flex-start;text-align:left}.lp-uc-p .lp-tank{width:44px;height:70px;margin:0;transform:scale(.9)}
  .lp-uc-p .lp-tank i:nth-child(1){left:4px;right:4px;top:6px;bottom:14px}.lp-uc-p .lp-tank i:nth-child(2){left:10px;width:4px;height:16px;box-shadow:20px 0 0 #6e7780}.lp-uc-p .lp-tank i:nth-child(3){left:16px;width:12px;height:8px}
  .lp-uc-m{grid-template-columns:minmax(0,1fr)}.lp-uc-m .pf,.lp-uc-m .fm{grid-column:1;grid-row:auto}
  .lp-lk[class]{transform:none}
  .lp-lock:not(.is-lock) .lp-lk.ad{margin-left:6%}.lp-lock:not(.is-lock) .lp-lk.h{margin-right:6%}
  .lp-arg[class]{width:88%}
  .lp-arg.l,.lp-arg.r{transform:none}
  .lp-tn-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-tn-c{grid-template-columns:minmax(0,1fr)}
  .lp-bd{height:auto;display:flex;flex-direction:column;gap:8px;padding:12px}
  .lp-bc[class]{position:relative;left:auto;top:auto;width:auto;transform:none;order:var(--o,0)}
  .lp-bd:not(.is-ord) .lp-bc:nth-child(odd){margin-left:10%}.lp-bd:not(.is-ord) .lp-bc:nth-child(even){margin-right:10%}
  .lp-bd.is-ord .lp-bc-p{--o:1}.lp-bd.is-ord .lp-bc-a{--o:2}.lp-bd.is-ord .lp-bc-pr{--o:3}.lp-bd.is-ord .lp-bc-o{--o:4}.lp-bd.is-ord .lp-bc-e{--o:5}.lp-bd.is-ord .lp-bc-c{--o:6}
  .lp-dd-m{grid-template-columns:minmax(0,1fr);aspect-ratio:auto;padding:18px 18px 70px}
  .lp-dd-ph .lp-tank.big{width:90px;height:140px}
  .lp-pt span{display:none}
  .lp-pt.pt0{left:10%;top:6%}.lp-pt.pt1{left:10%;top:28%}.lp-pt.pt2{left:70%;top:6%}.lp-pt.pt3{left:70%;top:28%}
  .lp-pop{left:4%;right:4%;top:auto;bottom:10px;width:auto}
  .lp-pw{height:auto;min-height:340px}
  .lp-cf-t,.lp-ff-f{grid-template-columns:minmax(0,1fr)}
  .lp-pb-v{height:auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px}
  .lp-main,.lp-seg,.lp-probe{position:relative;left:auto!important;right:auto;top:auto!important;width:auto}
  .lp-main{height:120px}.lp-probe{order:1;align-self:center;width:70%}.lp-seg{order:2}
  .lp-ch,.lp-af,.lp-price{grid-template-columns:minmax(0,1fr)}
  .lp-fb-v{min-height:0;padding:10px 10px 60px}
  .lp-fb-stamp{white-space:normal;text-align:center;width:80%}
  .lp-fb-pg[class]{width:auto!important;flex:1}
  .lp-nf li{flex-direction:column;gap:2px}.lp-nf span{text-align:left}
  .lp-st{flex-direction:column;height:auto}
  .lp-strip{flex:none!important;height:64px;transition:height .6s var(--ease)}
  .lp-cf-new.wide{padding:14px 26px}
  .lp-strip.is-open{height:420px}
  .lp-strip-c{width:auto;right:0;flex-direction:row;padding:0 18px;bottom:auto;height:64px}
  .lp-strip-c small,.lp-strip-c b{writing-mode:horizontal-tb;transform:none}
  .lp-strip-o{min-width:0}
  .lp-press{height:320px}
  .lp-pr-g{grid-template-columns:minmax(0,1fr)}
  .lp-ed-tr{flex-direction:column;flex-wrap:nowrap}
  .lp-clip{flex:none}
  .lp-wd{min-height:300px}
}
@media (prefers-reduced-motion:reduce){
  .lp *,.lp *:before,.lp *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .lp-pw-c,.lp-pt i{animation:none!important}
}

/* ================= ИНТЕРНЕТ-МАГАЗИН (sh-*) ================= */
.sh .sh-h1{display:block;max-width:12em;font-size:clamp(32px,3.5vw,56px)}
.sh .t-state{font-size:clamp(28px,3vw,48px)}
.sh .shead .t-title{font-size:clamp(32px,3.8vw,60px)}
.sh-note{margin:0;font-size:12.5px;color:var(--mute);font-style:italic}
.sh .panel.dark .sh-note{color:#8a959e}
.sh-demo{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-demo.dk,.sh .panel.dark .sh-demo{color:#6c7780}
.sh-quote{margin:0;font-size:17px;font-weight:600;padding-left:14px;border-left:3px solid var(--acc)}
.sh-two{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.panel.sh-two{padding:clamp(20.4px,3.2vw,44.8px)}
.sh-tx{display:flex;flex-direction:column;gap:16px}.sh-tx .soft{margin:0}.sh-tx .pill{align-self:flex-start}
.sh-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.sh-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 60%,rgba(255,98,31,.14),transparent 55%)}
.sh-hero-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.sh-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
.sh-hero-l .lead{max-width:30em}
.sh-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.sh-facts div{padding:12px 12px 0 0}
.sh-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.sh-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.25}

/* конвейер */
.sh-cv{--k:0;position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:#161b1f;border:1px solid var(--line-d)}
.sh-cv-st{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.sh-stn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border-radius:10px;background:#20262b;box-shadow:inset 0 -3px 0 #2c343a;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7d8891;text-align:center;transition:background .4s,color .4s}
.sh-stn i{width:26px;height:18px;border-radius:4px;border:2px solid #3a434b;transition:border-color .4s,background .4s}
.sh-stn.is-done{color:#cfd6dc}.sh-stn.is-done i{border-color:#39d98a;background:rgba(57,217,138,.2)}
.sh-stn.is-cur{background:#2a2019;color:#fff;box-shadow:inset 0 -3px 0 var(--acc)}.sh-stn.is-cur i{border-color:var(--acc);background:var(--acc)}
.sh-cv-belt{height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,#2c343a 0 14px,#23292e 14px 28px);animation:shBelt 1.2s linear infinite}
@keyframes shBelt{to{background-position:28px 0}}
.sh-order{width:min(62%,320px);margin-left:calc((100% - min(62%,320px))*var(--k)/5);background:#f6f5f2;color:var(--ink);border-radius:12px;padding:12px 14px;box-shadow:0 18px 30px -18px #000;transition:margin-left 1s cubic-bezier(.6,0,.2,1)}
.sh-order-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:6px;border-bottom:1px dashed var(--line)}
.sh-order-h b{font-size:14px}.sh-order-h em{font-style:normal;font-size:12px;font-weight:700;color:var(--acc)}
.sh-cv.is-done .sh-order-h em{color:#1f8a52}
.sh-order ul{list-style:none;margin:0;padding:0}
.sh-order li{display:grid;grid-template-columns:78px 1fr;gap:8px;font-size:12.5px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s,padding .4s}
.sh-order li.is-in{max-height:40px;opacity:1;padding:3px 0}
.sh-order li small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-cv .sh-demo{position:absolute;right:16px;bottom:10px}

/* ручной интерфейс */
.sh-seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--pill);background:var(--ground);align-self:flex-start}
.sh-seg button{border:0;background:transparent;border-radius:var(--pill);padding:9px 16px;font-size:14.5px;color:var(--ink)}
.sh-seg button.is-on{background:var(--ink);color:#fff}
.sh-ha-v{display:flex;flex-direction:column;gap:6px}
.sh-ha-hd{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;padding:0 4px}
.sh-ha-hd .m{text-align:center}
.sh-ha-r{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:8px;align-items:center}
.sh-ha-r .q{font-size:14px;padding:10px 12px;border-radius:10px;background:var(--ground)}
.sh-ha-r .s{font-size:13.5px;font-weight:600;padding:10px 12px;border-radius:10px;background:var(--ink);color:#fff}
.sh-ha-r .mid{position:relative;height:40px;display:grid;place-items:center}
.sh-ha-r .mid:before{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--mute) 0 5px,transparent 5px 9px)}
.sh-ha-r .mid em{position:relative;font-style:normal;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:var(--pill);transition:opacity .4s,transform .5s var(--ease)}
.sh-ha-r .mgr{background:var(--acc);color:#fff;animation:shBusy 1.2s calc(var(--i)*.2s) ease-in-out infinite}
@keyframes shBusy{50%{transform:translateY(-3px)}}
.sh-ha-r .shop{position:absolute!important;opacity:0;background:#39d98a;color:#0c2e1c}
.sh-ha-v.is-after .sh-ha-r.rt .mgr{opacity:0;transform:scale(.6)}
.sh-ha-v.is-after .sh-ha-r.rt .shop{opacity:1}
.sh-ha-v.is-after .sh-ha-r.rt .mid:before{background:#39d98a;height:3px}
.sh-ha-v.is-after .sh-ha-r.ex .mgr{animation:none;box-shadow:0 0 0 4px rgba(255,98,31,.2)}
.sh-ha-n{margin:6px 0 0;font-size:14px;color:var(--soft)}

/* кому + повтор */
.sh-who{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sh-who li{background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--ink)}
.sh-who span{font-size:12px;font-weight:700;color:var(--acc)}.sh-who b{font-size:15.5px;line-height:1.25}.sh-who small{font-size:13px;color:var(--soft)}
.sh-rm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.sh-rm-c{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px}
.sh-rm-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-rm-c ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--soft)}
.sh-rm-c.b{background:var(--ink);color:#fff}.sh-rm-c.b small{color:var(--acc)}
.sh-rm-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sh-rm-h span{font-size:15px;font-weight:600}
.sh-rm-cart{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.sh-rm-cart li{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:14px;opacity:.15;transform:translateX(-10px);transition:opacity .4s calc(var(--i)*.15s),transform .5s calc(var(--i)*.15s) var(--ease)}
.sh-rm-cart b{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--acc)}.sh-rm-cart em{font-style:normal;font-weight:600}
.sh-rm.is-re .sh-rm-cart li{opacity:1;transform:none}
.sh-rm-n{margin:0;font-size:13.5px;color:#aeb8c1}

/* vs */
.sh-vs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sh-vs-l{display:flex;flex-direction:column;gap:14px}.sh-vs-l .soft{margin:0}
.sh-vs-t{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}
.sh-vs-t>div{border-radius:16px;padding:18px;background:rgba(255,255,255,.05)}
.sh-vs-t>div.b{background:#f6f5f2;color:var(--ink)}
.sh-vs-t h3{margin:0 0 10px;font-size:16px;font-weight:600}
.sh-vs-t ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.sh-vs-t li{font-size:14px;color:#8a959e;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.25)}
.sh-vs-t .b li{color:var(--ink);text-decoration:none;padding-left:18px;position:relative}.sh-vs-t .b li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:700}

/* фильтр */
.sh-ft{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sh-ft button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px dashed var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-size:14.5px;font-weight:600;color:var(--ink);text-align:left}
.sh-ft small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.sh-ft button.is-on{border-style:solid;border-color:var(--ink);box-shadow:inset 3px 0 0 var(--acc)}
.sh-pf{position:relative;background:#fff;border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px}
.sh-pf-g{display:grid;grid-template-columns:repeat(16,1fr);gap:5px}
.sh-pf-g i{aspect-ratio:1;border-radius:4px;background:#d9d6d0;transition:opacity .5s,transform .5s var(--ease),background .5s}
.sh-pf[data-n="1"] .sh-pf-g i.t0{opacity:.08;transform:scale(.6)}
.sh-pf[data-n="2"] .sh-pf-g i.t0,.sh-pf[data-n="2"] .sh-pf-g i.t1{opacity:.08;transform:scale(.6)}
.sh-pf[data-n="3"] .sh-pf-g i:not(.t3):not(.t4):not(.hit){opacity:.08;transform:scale(.6)}
.sh-pf[data-n="4"] .sh-pf-g i:not(.hit){opacity:.06;transform:scale(.5)}
.sh-pf[data-n="4"] .sh-pf-g i.hit{background:var(--acc);transform:scale(1.15)}
.sh-pf-l{margin:0;font-size:18px;font-weight:600}
.sh-pf .sh-demo{position:absolute;right:18px;bottom:18px}
.sh-dr{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px}
.sh-dr h3{margin:0;font-size:20px;font-weight:600}.sh-dr .soft{margin:0}
.sh-dr-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sh-dr-t button{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;border:0;border-radius:14px 14px 4px 4px;padding:18px 14px 14px;background:var(--ground);color:var(--ink);box-shadow:inset 0 -4px 0 var(--line);transition:background .3s,transform .3s var(--ease)}
.sh-dr-t button b{font-size:15.5px}.sh-dr-t button small{font-size:12.5px;color:var(--soft)}
.sh-dr-t button.is-on{background:var(--ink);color:#fff;transform:translateY(-3px);box-shadow:inset 0 -4px 0 var(--acc)}.sh-dr-t button.is-on small{color:#aeb8c1}
.sh-dr-p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px}
.sh-dr-p span{font-size:14px;font-weight:600;padding:9px 14px;border-radius:var(--pill);background:var(--ground);animation:shIn .4s calc(var(--k)*.12s) both}
.sh-dr-p span.end{background:var(--acc);color:#fff}
.sh-dr-p i{font-style:normal;color:var(--mute)}
@keyframes shIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* быстрый заказ */
.sh-ps{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;align-items:stretch}
.sh-ps-a,.sh-ps-b{border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.sh-ps-a{background:#e9f4ec}
.sh-ps-a small,.sh-ps-b small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-ps-a pre{margin:0;font:600 14px/1.9 ui-monospace,Menlo,monospace;color:#1d6b3a;background:#fff;border-radius:8px;padding:10px 12px;white-space:pre}
.sh-ps-a .pill{align-self:flex-start}
.sh-ps-b{background:var(--ground)}
.sh-ps-b ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.sh-ps-b li{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:8px;background:#fff;font-size:13.5px;opacity:0;transform:translateX(-30px);transition:opacity .4s calc(var(--i)*.25s),transform .6s calc(var(--i)*.25s) cubic-bezier(.3,1.3,.5,1)}
.sh-ps-b li b{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.sh-ps-b li em{font-style:normal;font-weight:600;white-space:nowrap}.sh-ps-b li.ok em{color:#1f8a52}
.sh-ps-b li.no{background:#fff4ee}.sh-ps-b li.no span{color:var(--acc);font-weight:600}
.sh-ps.is-in .sh-ps-b li{opacity:1;transform:none}
.sh-ps-go{align-self:flex-end;font-style:normal;font-weight:600;background:var(--acc);color:#fff;padding:10px 18px;border-radius:var(--pill);opacity:.3;transition:opacity .4s 1.1s}
.sh-ps.is-in .sh-ps-go{opacity:1}

/* цены и карточка */
.sh-id{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sh-id button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line-d);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}
.sh-id button:before{content:"";position:absolute;right:10px;top:10px;width:22px;height:16px;border-radius:3px;border:1.5px solid #5b646c}
.sh-id b{font-size:15px}.sh-id small{font-size:12px;color:var(--on-dark-soft)}
.sh-id button.is-on{border-color:var(--acc);background:rgba(255,98,31,.12)}.sh-id button.is-on:before{border-color:var(--acc);background:rgba(255,98,31,.3)}
.sh-plv{display:flex;flex-direction:column;gap:10px}
.sh-prod{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;background:#f6f5f2;color:var(--ink);border-radius:16px;padding:20px}
.sh-prod .ph{border-radius:12px;background:radial-gradient(circle at 50% 40%,#fff,#d6d3ce);display:grid;place-items:center;min-height:220px}
.sh-prod .ph i{width:60%;height:34%;border-radius:40px;background:linear-gradient(180deg,#b5bcc2,#6e7780);position:relative}
.sh-prod .ph i:after{content:"";position:absolute;left:40%;top:-40%;width:20%;height:40%;background:var(--acc);border-radius:4px 4px 0 0}
.sh-prod .tx{display:flex;flex-direction:column;gap:10px}
.sh-prod .tx>small{font:700 12px/1 ui-monospace,Menlo,monospace;color:var(--mute)}
.sh-prod .tx>b{font-size:20px;letter-spacing:-.02em}
.sh-bpt{display:inline-flex;gap:3px;padding:3px;border-radius:var(--pill);background:#fff;align-self:flex-start}
.sh-bpt button{border:0;background:transparent;border-radius:var(--pill);padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--ink)}
.sh-bpt button.is-on{background:var(--ink);color:#fff}
.sh-prod dl{margin:0;min-height:150px}
.sh-prod dl div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13.5px;animation:shIn .35s both}
.sh-prod dt{color:var(--soft)}.sh-prod dd{margin:0;font-weight:600}
.sh-price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden}
.sh-price .lay{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.sh-price .lay.pop{animation:shLay .5s var(--ease)}
@keyframes shLay{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
.sh-price strong{font-size:20px;font-weight:600;letter-spacing:.06em}
.sh-plv[data-id="guest"] .sh-price strong{font-size:14px;letter-spacing:0;padding:8px 12px;border-radius:var(--pill);background:var(--ink);color:#fff}
.sh-plv[data-id="d"] .sh-price{box-shadow:0 0 0 2px #7fa0ff}.sh-plv[data-id="p"] .sh-price{box-shadow:0 0 0 2px #39d98a}.sh-plv[data-id="a"] .sh-price{box-shadow:0 0 0 2px var(--acc)}

/* двойник */
.sh-tw{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:22px;border-radius:var(--r-lg);background:#fff}
.sh-tw-c{border-radius:14px;padding:18px;background:var(--ground);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.sh-tw-c.dk{background:var(--ink);color:#fff}
.sh-tw-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-tw-c b{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.sh-tw-c strong{font-size:clamp(44px,4.4vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;transition:color .4s}
.sh-tw-c .lbl{font-size:13px;color:var(--soft)}.sh-tw-c.dk .lbl{color:#aeb8c1}
.sh-tw[data-s="0"] .v1{color:#d0342c}
.sh-tw[data-s="1"] .v1,.sh-tw[data-s="2"] .v1{color:#1f8a52}
.sh-tw-m{display:flex;flex-direction:column;align-items:center;gap:6px}
.sh-tw-m em{font:800 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;font-style:normal;padding:8px 10px;border-radius:8px;background:var(--ground);color:var(--mute);transition:background .3s,color .3s}
.sh-tw-m i{width:60px;height:2px;background:repeating-linear-gradient(90deg,var(--mute) 0 4px,transparent 4px 8px)}
.sh-tw[data-s="1"] .sh-tw-m em{background:var(--acc);color:#fff;animation:shPulse .8s}
.sh-tw[data-s="2"] .sh-tw-m em{background:#39d98a;color:#0c2e1c}
@keyframes shPulse{50%{transform:scale(1.15)}}
.sh-tw-n{grid-column:1/-1;margin:0;font-size:14.5px;color:var(--soft);min-height:2.8em}
.sh-tw .sh-demo{position:absolute;right:22px;bottom:14px}

/* счёт */
.sh-dc{position:relative;background:#fff;border-radius:14px;padding:18px;box-shadow:0 0 0 1px var(--line),0 20px 40px -30px rgba(18,22,26,.5);display:flex;flex-direction:column;gap:10px;transition:border-radius .6s,padding .6s,background .6s}
.sh-dc .d{display:none}
.sh-dc-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sh-dc-h b{font-size:17px}
.sh-dc-req{grid-template-columns:1fr 1fr;gap:10px}
.sh-dc-req div{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
.sh-dc-req small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-dc-req i{height:5px;border-radius:3px;background:var(--ground)}
.sh-dc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.sh-dc li{display:grid;grid-template-columns:20px 1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--ground);font-size:14px;transition:border-radius .6s,background .6s,padding .6s}
.sh-dc li .n{font-size:12px;color:var(--mute)}.sh-dc li em{font-style:normal;font-weight:600}.sh-dc li .p{display:none;font-family:ui-monospace,Menlo,monospace;color:var(--mute);font-size:12.5px}
.sh-dc-f{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:6px}
.sh-dc-f em{font-style:normal;font-weight:600;background:var(--acc);color:#fff;padding:9px 16px;border-radius:var(--pill)}
.sh-dc.is-doc{border-radius:4px;background:#fffefb;padding:22px 24px;font-family:ui-serif,Georgia,serif}
.sh-dc.is-doc .c{display:none}.sh-dc.is-doc .d{display:block}.sh-dc.is-doc .sh-dc-req.d{display:grid}
.sh-dc.is-doc li{border-radius:0;background:transparent;border-bottom:1px solid var(--line);padding:7px 2px}
.sh-dc.is-doc li .p{display:block}
.sh-dc.is-doc .sh-dc-f{border-top:2px solid var(--ink);font-weight:700;justify-content:flex-end}
.sh-dc.is-doc>*{animation:shIn .45s both}
.sh-dc .sh-demo{text-align:right;font-family:inherit}

/* аккаунт */
.sh-ca{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:var(--r-lg);padding:24px}
.sh-ca-co{text-align:center;padding:16px 26px;border-radius:14px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:2px}
.sh-ca-co small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:700}.sh-ca-co b{font-size:18px}
.sh-ca-t{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;position:relative;padding-top:16px}
.sh-ca-t:before{content:"";position:absolute;left:15%;right:15%;top:0;height:16px;border:2px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0}
.sh-ca-t button{border:1px solid var(--line);background:var(--ground);border-radius:var(--pill);padding:9px 16px;font-size:14px;color:var(--ink)}
.sh-ca-t button.is-on{background:var(--acc);border-color:var(--acc);color:#fff}
.sh-ca-v{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-height:92px}
.sh-ca-v small{grid-column:1/-1;font-size:12px;color:var(--mute);text-align:center}
.sh-ca-v span{padding:14px 12px;border-radius:10px;background:var(--ground);font-size:14px;font-weight:600;animation:shIn .4s both}

/* split */
.sh-spl{display:flex;flex-direction:column;gap:8px}
.sh-spr{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line-d)}
.sh-spr small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7d8891;font-weight:700;display:block}.sh-spr b{font-size:15.5px}
.sh-spr em{font-style:normal;font-weight:600;font-size:14px;padding:10px 16px;white-space:nowrap;transition:all .5s var(--ease)}
.sh-spr em.m-cart{background:var(--acc);color:#fff;border-radius:var(--pill)}
.sh-spr em.m-quote{background:#fff;color:var(--ink);border-radius:10px}
.sh-spr em.m-tz{background:transparent;color:#fff;border:1.5px dashed #aeb8c1;border-radius:6px}
.sh-spl.is-alt .sh-spr{border-color:rgba(255,255,255,.2)}
.sh-spl.is-alt .sh-spr em{transform:scale(1.06)}

/* слои */
.sh-ly{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.sh-ly-t{display:flex;flex-direction:column;gap:6px}
.sh-ly-t button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:15px;color:var(--ink)}
.sh-ly-t button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.sh-ly-st{position:relative;background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px;perspective:900px}
.sh-l{display:flex;align-items:center;gap:14px;padding:18px;border-radius:12px;background:var(--ground);transform:rotateX(18deg);opacity:.45;transition:opacity .4s,transform .5s var(--ease),background .4s,box-shadow .4s}
.sh-l b{font-size:17px;width:90px}.sh-l span{font-size:13.5px;color:var(--soft)}
.sh-l.is-on{opacity:1;transform:none;background:#fff;box-shadow:0 0 0 2px var(--acc)}
.sh-ly-d{margin:0;font:700 13px/1.3 ui-monospace,Menlo,monospace;color:var(--acc)}
.sh-tr{background:#fff;border-radius:var(--r-lg);padding:22px;margin-bottom:12px}
.sh-tr-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sh-tr-h h3{margin:0;font-size:19px}
.sh-tr-t{display:flex;gap:4px;flex-wrap:wrap}
.sh-tr-t button{border:1px solid var(--line);background:var(--ground);border-radius:var(--pill);padding:7px 13px;font-size:13.5px;color:var(--ink)}
.sh-tr-t button.is-on{background:var(--ink);color:#fff}
.sh-tr-g{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.sh-tr-g div{padding:14px;border-right:1px dashed var(--line);animation:shTr .5s calc(var(--i)*.15s) both;position:relative}
.sh-tr-g div:last-child{border-right:0}
.sh-tr-g div:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--acc);transform-origin:left;animation:shBar .5s calc(var(--i)*.15s) both}
@keyframes shTr{from{opacity:.2}to{opacity:1}}@keyframes shBar{from{transform:scaleX(0)}to{transform:none}}
.sh-tr-g dt{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.sh-tr-g dd{margin:0;font-size:15px;font-weight:600}
.sh-ho{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:stretch}
.sh-ho-w{border-radius:var(--r-lg);padding:16px;min-height:200px;background:#fff;display:flex;flex-direction:column;gap:10px}
.sh-ho-w.b{background:var(--ink);color:#fff}
.sh-ho-w small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sh-ho-w.b small{color:var(--acc)}
.sh-ho-slot{flex:1;border-radius:10px;border:1.5px dashed var(--line)}.sh-ho-w.b .sh-ho-slot{border-color:var(--line-d)}
.sh-ho-card{position:absolute;left:16px;top:52px;width:calc(33.33% - 40px);background:#f6f5f2;color:var(--ink);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;box-shadow:0 14px 26px -16px rgba(0,0,0,.6);transition:left 1s cubic-bezier(.6,0,.2,1)}
.sh-ho-card b{font-size:13.5px}.sh-ho-card .x{max-height:0;opacity:0;overflow:hidden;color:var(--acc);font-weight:600;transition:max-height .4s .9s,opacity .4s .9s}
.sh-ho.is-go .sh-ho-card{left:calc(33.33% + 12px)}
.sh-ho.is-go .sh-ho-card .x{max-height:40px;opacity:1}
.sh-ho-tx{display:flex;flex-direction:column;gap:10px;justify-content:center}
.sh-ho-tx h3{margin:0;font-size:19px;line-height:1.25}.sh-ho-tx .soft{margin:0}.sh-ho-tx .pill{align-self:flex-start}

/* порог */
.sh-th-w{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sh-th-l{display:flex;flex-direction:column;gap:16px}.sh-th-l .soft{margin:0}
.sh-th-r input{width:100%;accent-color:var(--acc)}
.sh-th-lb{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.sh-th-lb button{border:0;background:none;padding:0;font-size:12.5px;color:var(--soft);text-align:center}
.sh-th-lb button:first-child{text-align:left}.sh-th-lb button:last-child{text-align:right}
.sh-th-lb button.is-on{color:var(--ink);font-weight:700}
.sh-th-v{display:flex;flex-direction:column;gap:12px}
.sh-th-ui{position:relative;height:250px;border-radius:16px;background:var(--ground);overflow:hidden}
.sh-th-ui>div{position:absolute;inset:16px;border-radius:12px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:scale(.94);transition:opacity .4s,transform .5s var(--ease)}
.sh-th-ui small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sh-th-ui .q i{height:36px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line)}
.sh-th-ui em{align-self:flex-start;font-style:normal;font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--pill);background:var(--acc);color:#fff}
.sh-th-ui .h span,.sh-th-ui .c span{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:8px;background:var(--ground);font-size:14px}
.sh-th-ui .h em{padding:6px 10px;font-size:12px}.sh-th-ui .h em.o{background:var(--ink)}
.sh-th-v[data-i="0"] .q,.sh-th-v[data-i="1"] .h,.sh-th-v[data-i="2"] .c{opacity:1;transform:none}
.sh-th-r2{margin:0;font-size:15px;color:var(--soft);min-height:3em}.sh-th-r2 b{color:var(--ink)}
.sh-lnk{border:0;background:none;padding:0;color:var(--acc);font-weight:600;font-size:15px}
.sh-md{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sh-md-q{grid-column:1/-1;margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.02em}
.sh-mdc{position:relative;border:0;text-align:left;background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:6px;transition:transform .35s var(--ease)}
.sh-mdc:hover{transform:translateY(-3px)}
.sh-mdc small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:700}
.sh-mdc b{font-size:19px}.sh-mdc span{font-size:14px;color:var(--soft)}.sh-mdc em{position:absolute;right:18px;top:18px;font-style:normal}
.sh-mdc:nth-child(4){background:var(--ink)}.sh-mdc:nth-child(4) b{color:#fff}.sh-mdc:nth-child(4) span{color:#aeb8c1}.sh-mdc:nth-child(4) em{color:#fff}
.sh-md-n{grid-column:1/-1;margin:0}

/* масштаб */
.sh-sc-t{display:flex;gap:6px;flex-wrap:wrap}
.sh-sc-t button{border:1px solid var(--line-d);background:transparent;color:#cfd6dc;border-radius:var(--pill);padding:9px 16px;font-size:14px}
.sh-sc-t button.is-on{background:#fff;color:var(--ink)}
.sh-sc-n{margin:0;color:var(--on-dark-soft)}
.sh-sc{background:#f6f5f2;color:var(--ink);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:340px}
.sh-sc-bar,.sh-sc-side span,.sh-sc-pg{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s,padding .5s}
.sh-sc-bar .srch{display:block;padding:11px 14px;border-radius:var(--pill);background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--mute)}
.sh-sc.has-srch .sh-sc-bar{max-height:60px;opacity:1}
.sh-sc-b{display:flex;gap:10px;flex:1}
.sh-sc-side{display:flex;flex-direction:column;gap:6px;width:0;transition:width .5s var(--ease)}
.sh-sc.has-cat .sh-sc-side{width:30%}
.sh-sc-side span{border-radius:8px;background:#fff;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}
.sh-sc.has-cat .sh-sc-side .cat,.sh-sc.has-flt .sh-sc-side .flt{max-height:120px;opacity:1;padding:12px 10px 60px}
.sh-sc-g{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-content:start}
.sh-sc-g i{aspect-ratio:1;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.sh-sc[data-i="1"] .sh-sc-g i,.sh-sc[data-i="2"] .sh-sc-g i{aspect-ratio:1.6}
.sh-sc[data-i="1"] .sh-sc-g,.sh-sc[data-i="2"] .sh-sc-g{grid-template-columns:repeat(3,1fr)}
.sh-sc.has-pg .sh-sc-pg{max-height:40px;opacity:1;padding:8px;text-align:center;font-size:13px;color:var(--soft)}
.sh-sc-l{margin:0;font-size:13px;font-weight:700;color:var(--acc)}

/* ИИ-фильтр */
.sh-nl{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:14px;min-height:220px}
.sh-nl-in{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);font-size:16px;line-height:1.45;min-height:74px}
.sh-nl-in i{display:inline-block;width:2px;height:1.1em;background:var(--acc);vertical-align:-3px;margin-left:2px;animation:shCar 1s steps(2) infinite}
@keyframes shCar{50%{opacity:0}}
.sh-nl-ch{display:flex;flex-wrap:wrap;gap:6px}
.sh-nl-ch span{font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:8px;background:rgba(255,98,31,.15);border:1px solid var(--acc);opacity:0;transform:translateY(8px);transition:opacity .4s calc(var(--i)*.15s),transform .4s calc(var(--i)*.15s)}
.sh-nl.is-done .sh-nl-ch span{opacity:1;transform:none}

/* данные */
.sh-cr{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;align-items:center}
.sh-cr-a{border-radius:12px;background:#e9f4ec;padding:12px;transition:opacity .5s,filter .5s}
.sh-cr-a small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1d6b3a}
.sh-cr-a table{width:100%;border-collapse:collapse;margin-top:8px;font:12px/1.3 ui-monospace,Menlo,monospace}
.sh-cr-a td{border:1px solid #c8e2d0;padding:5px 4px;background:#fff}
.sh-cr-a .e{color:#d0342c}
.sh-cr-z{height:100%;min-height:200px;border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,98,31,.15) 0 6px,transparent 6px 12px);display:grid;place-items:center}
.sh-cr-z span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.sh-cr-b{display:flex;flex-direction:column;gap:6px}
.sh-cc{background:var(--ground);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px;opacity:.15;transform:translateX(-24px);transition:opacity .45s calc(var(--i)*.2s + .3s),transform .6s calc(var(--i)*.2s + .3s) var(--ease)}
.sh-cc small{font:700 11px/1 ui-monospace,Menlo,monospace;color:var(--acc)}.sh-cc b{font-size:14.5px}.sh-cc span{font-size:12.5px;color:var(--soft)}
.sh-cr.is-clean .sh-cc{opacity:1;transform:none;background:#fff;box-shadow:0 0 0 1px var(--line)}
.sh-cr.is-clean .sh-cr-a{opacity:.35;filter:grayscale(1)}

/* 3 колонки */
.sh-3c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sh-3c>div{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px}
.sh-3c h3{margin:0;font-size:19px}.sh-3c .soft{margin:0}
.sh-3c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sh-3c li{font-size:14px;display:flex;flex-direction:column;gap:1px;padding:8px 0;border-bottom:1px dashed var(--line)}
.sh-3c li span{font-size:12.5px;color:var(--soft)}
.sh-3c ul.pl li{flex-direction:row;padding:6px 0}

/* лаборатория */
.sh-lab{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sh-lab-s{list-style:none;margin:0;padding:0;columns:2;column-gap:14px}
.sh-lab-s li{font-size:13.5px;color:#aeb8c1;padding:4px 0;break-inside:avoid}
.sh-lab-v{position:relative;display:flex;flex-direction:column;gap:8px}
.sh-lab-v ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sh-lab-v li{display:grid;grid-template-columns:78px 1fr auto;gap:2px 12px;align-items:center;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line-d);opacity:.4;transition:opacity .4s,background .4s,border-color .4s}
.sh-lab-v li span{grid-row:1/3;font:700 11px/1 ui-monospace,Menlo,monospace;color:#7d8891}
.sh-lab-v li b{font-size:15px;color:#fff}.sh-lab-v li small{font-size:12px;color:#7d8891}
.sh-lab-v li em{grid-row:1/3;grid-column:3;font:800 11px/1 ui-monospace,Menlo,monospace;font-style:normal;letter-spacing:.1em;padding:6px 8px;border-radius:6px;border:1.5px solid #39d98a;color:#39d98a;opacity:0;transform:scale(1.6) rotate(-10deg);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.sh-lab-v li.is-cur{opacity:.8;border-color:var(--acc)}
.sh-lab-v li.is-pass{opacity:1}.sh-lab-v li.is-pass em{opacity:1;transform:rotate(-6deg)}
.sh-lab-go{align-self:center;font:900 clamp(18px,2vw,26px)/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#39d98a;border:3px solid #39d98a;border-radius:10px;padding:12px 16px;opacity:0;transform:scale(1.3) rotate(-4deg);transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1);margin-top:8px}
.sh-lab.is-ready .sh-lab-go{opacity:1;transform:rotate(-4deg)}

/* что получаете + цена */
.sh-get{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.sh-get>div{background:#fff;border-radius:14px;padding:16px}
.sh-get h3{margin:0 0 8px;font-size:15px;color:var(--acc)}
.sh-get ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.sh-get li{font-size:13.5px}
.sh-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sh-pr>div{background:#fff;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:12px}
.sh-pr-n{margin:0;font-size:clamp(38px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.sh-pr .soft{margin:0}.sh-pr h3{margin:0;font-size:18px}
.sh-pr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sh-pr ul.dl li{font-size:14px;padding:7px 0;border-bottom:1px dashed var(--line)}
.sh-bon li{font-size:14px;font-weight:600;padding:8px 12px;border-radius:10px;background:var(--ground)}
.sh-pr .pill{align-self:flex-start}

/* адаптив */
@media (max-width:1180px){.sh-who{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-get{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1024px){
  .sh-hero-g,.sh-two,.sh-vs,.sh-th-w,.sh-lab,.sh-rm,.sh-ly{grid-template-columns:minmax(0,1fr)}
  .sh-3c,.sh-pr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sh-pr .a{grid-column:1/-1}.sh-3c>div:last-child{grid-column:1/-1}
  .sh-ho{grid-template-columns:1fr 1fr}.sh-ho-tx{grid-column:1/-1}.sh-ho-card{width:calc(50% - 40px)}.sh-ho.is-go .sh-ho-card{left:calc(50% + 22px)}
  .sh-ly-t{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  .sh-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-cv{padding:14px}
  .sh-cv-st{grid-template-columns:repeat(3,1fr)}
  .sh-stn{font-size:10px;padding:8px 2px}
  .sh-cv-belt{display:none}
  .sh-order{width:auto;margin:0!important}
  .sh-order li{grid-template-columns:1fr;gap:0}
  .sh-cv .sh-demo{display:none}
  .sh-ha-hd{display:none}
  .sh-ha-r{grid-template-columns:1fr auto;grid-template-areas:"q q" "m s"}
  .sh-ha-r .q{grid-area:q}.sh-ha-r .mid{grid-area:m;justify-items:start}.sh-ha-r .s{grid-area:s}
  .sh-ha-r .mid:before{display:none}
  .sh-who{grid-template-columns:minmax(0,1fr)}
  .sh-vs-t{grid-template-columns:minmax(0,1fr)}
  .sh-ft{grid-template-columns:1fr 1fr}
  .sh-pf-g{grid-template-columns:repeat(12,1fr)}
  .sh-dr-t{grid-template-columns:1fr 1fr}
  .sh-ps{grid-template-columns:minmax(0,1fr)}
  .sh-ps-a pre{font-size:13px}
  .sh-id{grid-template-columns:1fr 1fr}
  .sh-prod{grid-template-columns:minmax(0,1fr)}.sh-prod .ph{min-height:120px}
  .sh-tw{grid-template-columns:minmax(0,1fr)}.sh-tw-m{flex-direction:row}.sh-tw-m i{width:30px}
  .sh-tw .sh-demo{position:static}
  .sh-dc li{grid-template-columns:18px 1fr auto}.sh-dc li .p{display:none!important}
  .sh-dc-req{grid-template-columns:1fr!important}
  .sh-ca-v{grid-template-columns:minmax(0,1fr)}
  .sh-spr{flex-direction:column;align-items:flex-start}
  .sh-tr-g{grid-template-columns:1fr 1fr}.sh-tr-g div:nth-child(2){border-right:0}.sh-tr-g div{border-bottom:1px dashed var(--line)}
  .sh-ho{grid-template-columns:minmax(0,1fr)}.sh-ho-w{min-height:170px}
  .sh-ho-card{left:16px!important;width:calc(100% - 64px);top:48px;transition:top 1s cubic-bezier(.6,0,.2,1)}
  .sh-ho.is-go .sh-ho-card{top:222px}
  .sh-md{grid-template-columns:minmax(0,1fr)}
  .sh-th-lb button{font-size:11px}
  .sh-cr{grid-template-columns:minmax(0,1fr)}.sh-cr-z{min-height:34px}.sh-cr-z span{writing-mode:horizontal-tb;transform:none}
  .sh-3c,.sh-pr,.sh-get{grid-template-columns:minmax(0,1fr)}.sh-3c>div:last-child{grid-column:auto}
  .sh-lab-s{columns:1}
  .sh-lab-v li{grid-template-columns:1fr auto}.sh-lab-v li span{grid-row:auto}.sh-lab-v li em{grid-column:2;grid-row:1/4}
  .sh-sc-g{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .sh *,.sh *:before,.sh *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .sh-cv-belt,.sh-ha-r .mgr,.sh-nl-in i{animation:none!important}
}

/* ================= КОНТЕКСТНАЯ РЕКЛАМА (pc-*) ================= */
.pc .pc-h1{display:block;max-width:13em;font-size:clamp(32px,3.5vw,56px)}
.pc .pc-h1 .muted-word{color:#6c7780}
.pc .t-state{font-size:clamp(28px,3vw,48px)}
.pc .shead .t-title{font-size:clamp(32px,3.8vw,60px)}
.pc-sp{max-width:26em}
.pc-note{margin:0;font-size:12.5px;color:var(--mute);font-style:italic}
.pc .panel.dark .pc-note{color:#8a959e}
.pc-demo{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.pc .panel.dark .pc-demo{color:#6c7780}
.pc-quote{margin:0;font-size:17px;font-weight:600;padding-left:14px;border-left:3px solid var(--acc)}
.pc-two{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.panel.pc-two{padding:clamp(20.4px,3.2vw,44.8px)}
.pc-tx{display:flex;flex-direction:column;gap:16px}.pc-tx .soft{margin:0}.pc-tx .pill{align-self:flex-start}
.pc-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.pc-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 35%,rgba(255,98,31,.15),transparent 55%)}
.pc-hero-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.pc-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}.pc-hero-l .lead{max-width:30em}
.pc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.pc-facts div{padding:12px 12px 0 0}
.pc-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.pc-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.25}

/* сканер */
.pc-scan{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:#161b1f;border:1px solid var(--line-d)}
.pc-sbar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;background:#fff;color:var(--ink);font-size:clamp(15px,1.4vw,19px);font-weight:500;min-height:60px}
.pc-sbar i{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--mute);position:relative;flex:none}
.pc-sbar i:after{content:"";position:absolute;right:-6px;bottom:-5px;width:7px;height:2.5px;background:var(--mute);transform:rotate(45deg)}
.pc-sbar em{width:2px;height:1.2em;background:var(--acc);animation:pcCar 1s steps(2) infinite}
@keyframes pcCar{50%{opacity:0}}
.pc-sl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pc-sl div{padding:10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12);min-height:62px;transition:background .3s,border-color .3s}
.pc-sl dt{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#7d8891;font-weight:700;margin-bottom:4px}
.pc-sl dd{margin:0;font-size:13px;font-weight:600;color:#fff}
.pc-sl div.is-on{border-style:solid;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}
.pc-sv{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);min-height:52px;color:#aeb8c1;font-size:13.5px}
.pc-sv b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:6px;white-space:nowrap}
.pc-sv:not(.ok):not(.no) b{display:none}
.pc-sv.ok b{background:var(--acc);color:#fff}.pc-sv.ok span{color:#fff}
.pc-sv.no b{background:#3a434b;color:#aeb8c1}
.pc-sh{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;min-height:60px}
.pc-sh li{font-size:12.5px;padding:6px 10px;border-radius:var(--pill);animation:pcIn .4s both}
.pc-sh li.ok{background:rgba(255,98,31,.16);color:#fff}
.pc-sh li.no{color:#6c7780;text-decoration:line-through;background:rgba(255,255,255,.03)}
@keyframes pcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* спектр */
.pc-spec{display:flex;flex-direction:column;gap:12px}
.pc-spec input{width:100%;accent-color:var(--acc)}
.pc-spec-lb{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin-top:-6px;background:linear-gradient(90deg,var(--ground),#ffd9c7);border-radius:8px;padding:8px 10px}
.pc-spec-c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pc-spec-c div{background:var(--ground);border-radius:12px;padding:14px;animation:pcIn .35s both}
.pc-spec-c small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:6px}
.pc-spec-c b{font-size:15px;line-height:1.3}
.pc-spec[data-i="2"] .pc-spec-c div:first-child{background:var(--ink);color:#fff}

/* керн */
.pc-core{position:relative;height:500px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.pc-core-h{position:absolute;left:2%;right:2%;top:14px;display:grid;grid-template-columns:repeat(5,1fr);opacity:0;transition:opacity .5s .5s}
.pc-core-h span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--acc);padding-left:6px;border-left:2px solid var(--acc)}
.pc-w{position:absolute;left:var(--x0);top:var(--y0);max-width:19%;font-size:clamp(11px,.95vw,14px);font-weight:600;color:#9aa1a7;line-height:1.2;transition:left 1s calc(var(--i)*.03s) cubic-bezier(.3,1.2,.5,1),top 1s calc(var(--i)*.03s) cubic-bezier(.3,1.2,.5,1),color .5s,font-size .5s,background .5s,padding .5s}
.pc-core.is-grp .pc-w{left:calc(var(--x1) + 1%);top:var(--y1);color:var(--ink);background:var(--ground);padding:5px 7px;border-radius:6px;font-size:12px}
.pc-core.is-grp .pc-core-h{opacity:1}
.pc-core .pc-demo{position:absolute;left:16px;bottom:12px}

/* экономика */
.pc-eco{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:start}
.pc-dial{border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);padding:18px;display:flex;flex-direction:column;gap:10px}
.pc-dial h3{margin:0;font-size:17px}.pc-dial .small{margin:0;color:#aeb8c1}
.pc-dial label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cfd6dc}
.pc-dial input{border:1px solid var(--line-d);background:#0f1316;color:#fff;border-radius:10px;padding:12px;font:inherit;font-size:15px}
.pc-dial input:focus{outline:2px solid var(--acc);outline-offset:1px}
.pc-dial-r{padding:14px;border-radius:12px;background:rgba(255,255,255,.04);color:#8a959e;font-size:14px}
.pc-dial-r.is-on{background:#fff;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.pc-dial-r small{font-size:12.5px;color:var(--mute)}.pc-dial-r b{font-size:28px;letter-spacing:-.03em;color:var(--acc)}.pc-dial-r span{font-size:13px;color:var(--soft)}
.pc-fb{display:flex;flex-direction:column;gap:12px}
.pc-fb-lg{display:flex;gap:14px;flex-wrap:wrap}
.pc-fb-lg span{display:flex;align-items:center;gap:8px;font-size:13px;color:#cfd6dc}
.pc-fb-lg span:before{content:"";width:22px;height:14px;border-radius:3px}
.pc-fb-lg .s:before{background:#f6f5f2}.pc-fb-lg .h:before{background:repeating-linear-gradient(45deg,#f6f5f2 0 2px,transparent 2px 6px);border:1px solid #f6f5f2}.pc-fb-lg .o:before{border:1.5px dashed #f6f5f2}
.pc-fb-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-fb-g div{border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(12px);transition:opacity .5s calc(var(--i)*.15s),transform .6s calc(var(--i)*.15s) var(--ease)}
.pc-fb.pc-live .pc-fb-g div{opacity:1;transform:none}
.pc-fb-g small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.pc-fb-g b{font-size:15px}.pc-fb-g span{font-size:12.5px}
.pc-fb-g .s{background:#f6f5f2;color:var(--ink)}.pc-fb-g .s small{color:var(--mute)}.pc-fb-g .s span{color:var(--soft)}
.pc-fb-g .h{background:repeating-linear-gradient(45deg,rgba(246,245,242,.14) 0 2px,transparent 2px 8px);border:1px solid rgba(246,245,242,.35);color:#fff}.pc-fb-g .h small{color:#ffb08a}.pc-fb-g .h span{color:#aeb8c1}
.pc-fb-g .o{border:1.5px dashed rgba(246,245,242,.5);color:#fff}.pc-fb-g .o small{color:#aeb8c1}.pc-fb-g .o span{color:#8a959e}

/* призма */
.pc-pr{display:grid;grid-template-columns:minmax(0,.7fr) 90px minmax(0,2fr);gap:0;align-items:center;background:#fff;border-radius:var(--r-lg);padding:24px}
.pc-pr-in{padding:18px;border-radius:12px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:4px;position:relative}
.pc-pr-in small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);font-weight:700}.pc-pr-in b{font-size:17px}
.pc-pr-in:after{content:"";position:absolute;right:-32px;top:50%;width:32px;height:3px;background:var(--ink)}
.pc-pr-p{height:130px;margin-left:30px;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,#e9e6e0,#fff);box-shadow:inset 0 0 0 2px var(--line);border-radius:4px;position:relative}
.pc-pr-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-left:10px}
.pc-pr-out div{border-radius:12px;background:var(--ground);padding:12px;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateX(-30px);transition:opacity .5s calc(var(--i)*.1s),transform .6s calc(var(--i)*.1s) cubic-bezier(.3,1.3,.5,1);border-left:3px solid var(--ink)}
.pc-pr-out small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--acc)}
.pc-pr-out span{font-size:13px;font-weight:600;padding:5px 8px;border-radius:6px;background:#fff}
.pc-pr.is-go .pc-pr-out div{opacity:1;transform:none}

/* сепаратор */
.pc-ns-w{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:start}
.pc-ns{display:flex;flex-direction:column;align-items:stretch;gap:0}
.pc-ns-in{align-self:center;min-width:60%;text-align:center;padding:12px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;min-height:44px}
.pc-ns-in .ok{color:#ffb08a}.pc-ns-in .no{color:#8a959e}
.pc-ns-sep{height:56px;display:flex;justify-content:center}
.pc-ns-sep i{width:120px;height:56px;background:linear-gradient(180deg,#3a434b,#262d33);clip-path:polygon(0 0,100% 0,62% 100%,38% 100%);position:relative}
.pc-ns-out{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-ns-out>div{border-radius:14px;padding:12px;min-height:220px;display:flex;flex-direction:column;gap:8px}
.pc-ns-out .ok{background:#fff4ee;box-shadow:inset 0 0 0 1.5px var(--acc)}.pc-ns-out .no{background:var(--ground)}
.pc-ns-out small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.pc-ns-out .ok small{color:var(--acc)}.pc-ns-out .no small{color:var(--mute)}
.pc-ns-out ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.pc-ns-out li{font-size:13px;font-weight:600;animation:pcDrop .5s both}
@keyframes pcDrop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
.pc-ns-out .ok li{padding:7px 9px;border-radius:7px;background:#fff}
.pc-ns-out .no button{width:100%;text-align:left;border:1px dashed var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:13px;color:var(--mute);text-decoration:line-through}
.pc-ns-out .no button:hover,.pc-ns-out .no button:focus-visible{color:var(--ink);text-decoration:none;border-style:solid}
.pc-ns-why{margin-top:10px;padding:14px;border-radius:12px;background:var(--ink);color:#fff;display:none;flex-direction:column;gap:4px}
.pc-ns-why.is-on{display:flex;animation:pcIn .35s both}
.pc-ns-why b{font-size:14px}.pc-ns-why span{font-size:13.5px;color:#cfd6dc}

/* матрица */
.pc-mx{position:relative;display:flex;flex-direction:column;gap:10px}
.pc-mx-one{position:absolute;left:25%;right:0;top:36px;bottom:40px;border-radius:14px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 10px,transparent 10px 20px),#262d33;display:grid;place-items:center;font-size:15px;font-weight:600;color:#aeb8c1;z-index:2;transition:opacity .5s,transform .6s var(--ease)}
.pc-mx.is-split .pc-mx-one{opacity:0;transform:scale(.96);pointer-events:none}
.pc-mx-g{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:6px}
.pc-mx-g .h{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7d8891;padding:6px 4px;align-self:end}
.pc-mx-g .h.r{text-transform:none;font-size:13.5px;color:#fff;letter-spacing:0;align-self:center}
.pc-cell{height:72px;border:1px solid var(--line-d);background:#1d2328;border-radius:10px;position:relative;transform:scale(.9);opacity:.3;transition:transform .5s calc(var(--d)*.05s + .3s) cubic-bezier(.3,1.4,.5,1),opacity .4s calc(var(--d)*.05s + .3s),background .3s,border-color .3s}
.pc-cell i{position:absolute;left:10px;top:10px;width:12px;height:12px;border-radius:3px;border:2px solid #5b646c}
.pc-mx.is-split .pc-cell{transform:none;opacity:1}
.pc-cell:hover,.pc-cell.is-on{background:#2a2019;border-color:var(--acc)}.pc-cell.is-on i,.pc-cell:hover i{background:var(--acc);border-color:var(--acc)}
.pc-mx-p{margin:0;font-size:14.5px;color:#fff;font-weight:600;min-height:1.5em}

/* выдача + стек */
.pc-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-serp{background:#fff;border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:8px}
.pc-serp .q{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--pill);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14px;font-weight:600;animation:pcIn .4s both}
.pc-serp .q i{width:12px;height:12px;border-radius:50%;border:2px solid var(--mute)}
.pc-serp .r{padding:10px 12px;border-radius:10px;display:flex;flex-direction:column;gap:5px}
.pc-serp .r i{height:6px;border-radius:3px;background:var(--ground);width:80%}.pc-serp .r i+i{width:55%}
.pc-serp .ours{box-shadow:inset 3px 0 0 var(--acc);background:#fffaf7;animation:pcIn .5s .1s both}
.pc-serp .ours small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.pc-serp .ours b{font-size:14.5px;color:#1a4f9c}.pc-serp .ours span{font-size:12.5px;color:var(--soft)}
.pc-stk{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px}
.pc-stk-t{display:flex;gap:4px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.06);align-self:flex-start}
.pc-stk-t button{border:0;background:transparent;color:#cfd6dc;border-radius:var(--pill);padding:7px 12px;font-size:13px}
.pc-stk-t button.is-on{background:#fff;color:var(--ink)}
.pc-stk-v{position:relative;height:190px}
.pc-pl{position:absolute;left:8%;right:8%;height:90px;border-radius:12px;border:1.5px solid rgba(255,255,255,.35);background:rgba(29,35,40,.55);transition:transform .7s cubic-bezier(.3,1.3,.5,1)}
.pc-pl small{position:absolute;left:10px;top:8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#aeb8c1}
.pc-pl span{position:absolute;top:44px;font-size:11px;font-weight:700;padding:5px 8px;border-radius:6px;border:1.5px solid var(--acc);color:#ffb08a;transition:left .7s var(--ease)}
.pc-pl .t1{left:8%}.pc-pl .t2{left:38%}.pc-pl .t3{left:66%}
.pc-pl.p0{top:0}.pc-pl.p1{top:48px}.pc-pl.p2{top:96px}
.pc-stk[data-v="m"] .pc-pl{transform:none}
.pc-stk[data-v="m"] .pc-pl.p1{transform:translateY(-48px)}.pc-stk[data-v="m"] .pc-pl.p2{transform:translateY(-96px)}
.pc-stk[data-v="m"] .pc-pl span{background:var(--acc);color:#fff}
.pc-pl.p1 small{left:auto;right:50%;transform:translateX(50%)}.pc-pl.p2 small{left:auto;right:10px}
.pc-stk[data-v="c"] .pc-pl.p1{transform:translate(6%,4px) rotate(2deg)}
.pc-stk[data-v="c"] .pc-pl.p2{transform:translate(-9%,14px) rotate(-3deg);border-color:rgba(255,255,255,.15)}
.pc-stk[data-v="c"] .pc-pl.p2 span{border-color:#5b646c;color:#6c7780}
.pc-stk[data-v="c"] .pc-pl.p2 .t2,.pc-stk[data-v="c"] .pc-pl.p2 .t3{opacity:.25}
.pc-stk-n{margin:0;font-size:13.5px;color:#cfd6dc;min-height:3em}
.pc-lp{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.pc-lp h3{margin:0;font-size:20px}.pc-lp .soft{margin:0}

/* метрики */
.pc-mt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);padding:clamp(20.4px,3.2vw,38.4px);align-items:start}
.pc-hier{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.pc-hier li{font-size:14.5px;font-weight:600;padding:8px 12px;border-radius:8px;background:var(--ground);width:calc(100% - var(--i)*9%)}
.pc-hier li:first-child{background:var(--acc);color:#fff}
.pc-peel{display:flex;flex-direction:column;gap:10px}
.pc-peel-s{position:relative;height:280px;perspective:900px}
.pc-lay{position:absolute;inset:calc(var(--i)*10px) calc(var(--i)*-0px) auto;height:240px;border:0;border-radius:16px;text-align:left;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;z-index:calc(10 - var(--i));transform-origin:50% 0;transition:transform .7s cubic-bezier(.5,0,.2,1),opacity .5s;box-shadow:0 14px 26px -18px rgba(18,22,26,.6)}
.pc-lay:nth-child(1){background:#e9e6e0}.pc-lay:nth-child(2){background:#d6d3ce}.pc-lay:nth-child(3){background:#3a434b;color:#fff}.pc-lay:nth-child(4){background:var(--acc);color:#fff}
.pc-lay small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;opacity:.7}
.pc-lay b{font-size:clamp(28px,2.8vw,42px);font-weight:500;letter-spacing:-.03em}
.pc-lay span{font-size:13px;opacity:.8}
.pc-lay.is-off{transform:rotateX(-100deg) translateY(-40px);opacity:0;pointer-events:none}
.pc-xr{display:flex;flex-direction:column;gap:12px}
.pc-xr-h{display:flex;justify-content:space-between;align-items:center;gap:10px}.pc-xr-h h3{margin:0;font-size:18px}
.pc-xr-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-lead{position:relative;border-radius:12px;padding:14px;background:var(--ground);display:flex;flex-direction:column;gap:8px;min-height:190px;transition:background .5s}
.pc-lead>b{font-size:15px}
.pc-lead .sk{display:flex;flex-direction:column;gap:6px}.pc-lead .sk i{height:7px;border-radius:4px;background:#d6d3ce}.pc-lead .sk i+i{width:60%}
.pc-lead dl{margin:0;display:none;flex-direction:column;gap:4px}
.pc-lead dl div{display:flex;flex-direction:column;font-size:12.5px}.pc-lead dt{color:#7fa0ff;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.pc-lead dd{margin:0;color:#dfe8f5}
.pc-lead em{font-style:normal;font-size:12px;font-weight:700;padding:5px 8px;border-radius:6px;align-self:flex-start;display:none}
.pc-xr.is-x .pc-lead{background:#101a24;color:#fff}
.pc-xr.is-x .pc-lead .sk{display:none}.pc-xr.is-x .pc-lead dl{display:flex;animation:pcIn .4s both}.pc-xr.is-x .pc-lead em{display:block}
.pc-lead.bad em{background:#3a434b;color:#aeb8c1}.pc-lead.good em{background:var(--acc);color:#fff}
.pc-xr .soft{margin:0}

/* CRM */
.pc-crm{display:flex;flex-direction:column;gap:12px}
.pc-cc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center;background:#fff;border-radius:var(--r-lg);padding:clamp(18.7px,2.4vw,32px)}
.pc-cc-v{position:relative;height:300px}
.pc-sheet{position:absolute;left:calc(var(--i)*7%);top:calc(var(--i)*18px);width:66%;border-radius:8px;padding:14px;background:#fffdf5;box-shadow:0 10px 18px -12px rgba(18,22,26,.5),inset 0 0 0 1px #e8e1cc;display:flex;flex-direction:column;gap:6px;transform:rotate(calc((var(--i) - 1.5)*1.2deg));z-index:calc(10 - var(--i))}
.pc-sheet:nth-child(2){background:#fff5f0}.pc-sheet:nth-child(3){background:#f2f6ff}.pc-sheet:nth-child(4){background:#f2fbf5}
.pc-sheet small{font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.pc-sheet dl{margin:0;display:flex;flex-direction:column;gap:3px;transition:opacity .4s}
.pc-sheet dl div{display:flex;justify-content:space-between;gap:8px;font:12.5px/1.3 ui-monospace,Menlo,monospace;border-bottom:1px dashed #e0d9c4;padding:3px 0;color:#4a5560}
.pc-sheet dd{margin:0;font-weight:700}
.pc-sheet em{display:none;font-style:normal;font:800 12px/1 ui-monospace,Menlo,monospace;color:#d0342c;border:2px solid #d0342c;border-radius:6px;padding:6px 8px;align-self:flex-start;transform:rotate(-6deg)}
.pc-cc.is-lost .pc-sheet:nth-child(n+3) dl{opacity:.08}
.pc-cc.is-lost .pc-sheet:nth-child(3) em{display:block}
.pc-tape{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center;background:#fff;border-radius:var(--r-lg);padding:clamp(18.7px,2.4vw,32px)}
.pc-tape h3{margin:0;font-size:20px}
.pc-tape-v{display:flex;gap:0;padding:18px 10px;border-radius:6px;background:repeating-linear-gradient(90deg,#fffdf5 0 58px,#f5efdc 58px 60px);box-shadow:inset 0 0 0 1px #e8e1cc;overflow:hidden;position:relative}
.pc-tape-v:before,.pc-tape-v:after{content:"";position:absolute;left:0;right:0;height:8px;background:radial-gradient(circle at 6px 4px,#fff 2.5px,transparent 3px) 0 0/14px 8px}
.pc-tape-v:before{top:2px}.pc-tape-v:after{bottom:2px}
.pc-stamp{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;opacity:0;transform:scale(1.5) rotate(-8deg);transition:opacity .3s calc(var(--i)*.35s),transform .4s calc(var(--i)*.35s) cubic-bezier(.3,1.6,.5,1)}
.pc-stamp small{font:800 11px/1 ui-monospace,Menlo,monospace;color:var(--acc);border:1.5px solid var(--acc);border-radius:4px;padding:4px 5px}
.pc-stamp b{font-size:13px}
.pc-tape-v.is-go .pc-stamp{opacity:1;transform:rotate(calc((var(--i) - 2)*2deg))}
.pc-tape .pc-demo{grid-column:2}

/* бюджет */
.pc-bd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,44.8px);padding:clamp(20.4px,3.2vw,44.8px);align-items:center}
.pc-pay{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-pay div{border-radius:14px;padding:16px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);display:flex;flex-direction:column;gap:4px}
.pc-pay div:first-child{background:var(--acc);border-color:var(--acc)}
.pc-pay small{font:800 11px/1 ui-monospace,Menlo,monospace;opacity:.7}.pc-pay b{font-size:16px}.pc-pay span{font-size:13.5px;color:#fff;opacity:.85}
.pc-cap{--f:40;--o:0;display:flex;flex-direction:column;gap:12px}
.pc-cap-v{display:flex;align-items:flex-end;gap:14px}
.pc-cap-box{position:relative;width:170px;height:220px;border:3px solid #cfd6dc;border-top:0;border-radius:0 0 18px 18px}
.pc-cap-box .lim{position:absolute;left:-12px;right:-12px;top:30%;border-top:2px dashed var(--acc)}
.pc-cap-box .fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--f)*1%);background:linear-gradient(180deg,#ffb08a,var(--acc));border-radius:0 0 15px 15px;transition:height .4s}
.pc-cap-box .over{position:absolute;right:-60px;bottom:calc(70% - 2px);width:calc(var(--o)*2px);height:10px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--acc) 0 6px,transparent 6px 10px);transition:width .4s}
.pc-cap-l{font-size:12.5px;color:#aeb8c1;max-width:120px;margin-bottom:150px}
.pc-cap-in{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#cfd6dc}.pc-cap-in input{accent-color:var(--acc)}
.pc-cap-n{margin:0;font-size:14.5px;color:#fff;min-height:3em}
.pc-rc-h{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pc-rc-h h3{margin:0;font-size:22px}.pc-rc-h .soft{margin:0;max-width:44em}
.pc-rc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pc-rec{position:relative;background:#fffdf5;padding:16px 14px 20px;display:flex;flex-direction:column;gap:8px;font-family:ui-monospace,Menlo,monospace;box-shadow:0 10px 18px -14px rgba(18,22,26,.4);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),92% 100%,84% calc(100% - 8px),76% 100%,68% calc(100% - 8px),60% 100%,52% calc(100% - 8px),44% 100%,36% calc(100% - 8px),28% 100%,20% calc(100% - 8px),12% 100%,4% calc(100% - 8px),0 100%)}
.pc-rec small{font-size:11px;font-weight:800;color:var(--mute);text-align:center;border-bottom:1px dashed #e0d9c4;padding-bottom:6px}
.pc-rec dl{margin:0;display:flex;flex-direction:column;gap:4px}
.pc-rec dl div{display:flex;justify-content:space-between;gap:6px;font-size:12px}.pc-rec dt{color:var(--mute)}.pc-rec dd{margin:0;font-weight:700;text-align:right}
.pc-rec b{font-size:12.5px;text-align:center;padding:7px;border:2px solid;border-radius:6px;transform:rotate(-3deg)}
.pc-rec.ok b{color:#1f8a52;border-color:#1f8a52}.pc-rec.no b{color:#d0342c;border-color:#d0342c}

/* готовность */
.pc-go{display:flex;flex-direction:column;gap:12px}
.pc-go-g{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:#1d2328}
.pc-go-g button{display:grid;grid-template-columns:22px 110px 1fr;gap:12px;align-items:center;text-align:left;border:0;border-radius:10px;padding:12px;background:#262d33;color:#fff}
.pc-go-g i{width:18px;height:18px;border-radius:50%;border:2px solid #5b646c;transition:all .3s}
.pc-go-g b{font:800 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.pc-go-g small{font-size:13px;color:#aeb8c1}
.pc-go-g button.is-on i{background:#39d98a;border-color:#39d98a;box-shadow:0 0 10px #39d98a}
.pc-go-g button:not(.is-on) i{background:#d0342c;border-color:#d0342c}
.pc-go-g button:not(.is-on) small{text-decoration:line-through}
.pc-go-r{padding:16px;border-radius:14px;display:flex;flex-direction:column;gap:6px;animation:pcIn .35s both}
.pc-go-r.ok{background:#e9f7ef}.pc-go-r.ok b{color:#1f8a52}
.pc-go-r.no{background:#fff4ee}.pc-go-r.no b{color:var(--acc)}
.pc-go-r b{font-size:16px}.pc-go-r span{font-size:14px;color:var(--soft)}.pc-go-r .pill{align-self:flex-start;margin-top:4px}

/* оптимизация */
.pc-op{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.pc-ld,.pc-lg{background:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px}
.pc-ld h3,.pc-lg h3{margin:0;font-size:19px}.pc-ld .soft{margin:0}
.pc-ld ul{list-style:none;margin:0;padding:0;background:repeating-linear-gradient(180deg,transparent 0 37px,#e4eaf5 37px 38px);border-left:2px solid #f3b1a8;padding-left:12px}
.pc-ld li{display:flex;justify-content:space-between;align-items:center;gap:10px;height:38px;font-size:13.5px;opacity:0;transform:translateX(-8px);transition:opacity .4s calc(var(--i)*.3s),transform .4s calc(var(--i)*.3s)}
.pc-ld.is-go li{opacity:1;transform:none}
.pc-ld em{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:5px;border:1.5px solid #7fa0ff;color:#3a5ab0;white-space:nowrap}
.pc-ld em.x{border-color:#d0342c;color:#d0342c}.pc-ld em.k{border-color:#1f8a52;color:#1f8a52}
.pc-lg-e{display:grid;grid-template-columns:90px 1fr;gap:2px 12px;padding:10px 0;border-bottom:1px dashed var(--line);opacity:0;transition:opacity .4s calc(var(--i)*.35s)}
.pc-lg.is-go .pc-lg-e{opacity:1}
.pc-lg-e small{grid-row:1/3;font:800 11px/1.4 ui-monospace,Menlo,monospace;color:var(--acc)}
.pc-lg-e b{font-size:14.5px}.pc-lg-e span{font-size:13.5px;color:#1f8a52;font-weight:600}
.pc-rp{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px}
.pc-rp-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.pc-rp-h h3{margin:0;font-size:19px}
.pc-rp-h .pill.ink{background:#fff;color:var(--ink)}
.pc-rp-g{display:flex;flex-wrap:wrap;gap:6px}
.pc-rp-g span{font-size:13px;padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.06);color:#aeb8c1;max-width:200px;overflow:hidden;white-space:nowrap;transition:max-width .6s var(--ease),padding .6s,opacity .5s,background .5s}
.pc-rp.is-c .pc-rp-g span:not(.k){max-width:0;padding-left:0;padding-right:0;opacity:0}
.pc-rp.is-c .pc-rp-g span.k{background:#fff;color:var(--ink);font-weight:600;font-size:15px;padding:12px 16px}
.pc-rp-n{margin:0;color:#aeb8c1!important}

/* смена */
.pc-steps{list-style:none;margin:0;padding:0;columns:2;column-gap:14px}
.pc-steps li{font-size:13.5px;color:#aeb8c1;padding:4px 0;break-inside:avoid}
.pc-sf{background:#1d2328;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--line-d)}
.pc-sf-h{display:flex;justify-content:space-between;font-size:13px;color:#aeb8c1}.pc-sf-h b{color:#fff}
.pc-sf-e{display:flex;flex-direction:column;gap:8px;min-height:190px}
.pc-sf-e .al{padding:14px;border-radius:12px;background:#2a2019;border-left:4px solid var(--acc);animation:pcIn .4s both}
.pc-sf-e .dc{padding:14px;border-radius:12px;background:#f6f5f2;color:var(--ink);animation:pcIn .4s .9s both;margin-left:10%}
.pc-sf-e small{display:block;font:800 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.pc-sf-e .al small{color:var(--acc)}.pc-sf-e .dc small{color:#1f8a52}
.pc-sf-e b{font-size:15.5px}

/* KPI + связки */
.pc-kp{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px}
.pc-kpi,.pc-lnk{border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px}
.pc-kpi{background:var(--acc);color:#fff}.pc-lnk{background:#fff}
.pc-kpi small,.pc-lnk small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.pc-lnk small{color:var(--acc)}
.pc-kpi h3,.pc-lnk h3{margin:0;font-size:18px;line-height:1.25}
.pc-kpi p,.pc-lnk p{margin:0;font-size:14px;line-height:1.5}.pc-lnk p{color:var(--soft)}
.pc-kpi .small{opacity:.85}
.pc-lnk .pill{align-self:flex-start;margin-top:auto}

/* кейсы */
.pc-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-cs-c{background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px}
.pc-cs-c header small{font-size:12px;color:var(--mute)}.pc-cs-c h3{margin:4px 0 0;font-size:16.5px;line-height:1.3}
.pc-cs-c ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1}
.pc-cs-c li{padding:9px 0 9px 16px;border-left:2px solid var(--line);margin-left:4px;font-size:13.5px;line-height:1.45;color:var(--soft);position:relative}
.pc-cs-c li:before{content:"";position:absolute;left:-6px;top:13px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--ink)}
.pc-cs-c li em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink)}
.pc-cs-c li.res{color:var(--ink);font-weight:600}.pc-cs-c li.res:before{background:var(--acc);box-shadow:0 0 0 2px var(--acc)}.pc-cs-c li.res em{color:var(--acc)}
.pc-cs-go{align-self:flex-start;border:0;background:none;padding:0;font-size:14px;font-weight:600}

/* цена */
.pc-pr2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15.3px,2.4vw,32px);padding:clamp(20.4px,3.2vw,38.4px)}
.pc-pr2>div{display:flex;flex-direction:column;gap:12px}.pc-pr2 .soft{margin:0}.pc-pr2 h3{margin:0;font-size:18px}.pc-pr2 .pill{align-self:flex-start}
.pc-price{margin:0;font-size:clamp(34px,3.6vw,56px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.pc-pr2 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pc-pr2 li{font-size:14.5px;padding:7px 0;border-bottom:1px dashed var(--line)}

/* финал */
.pc-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.pc-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.25),transparent 55%)}
.pc-fin .t-state{max-width:16em}
.pc-fin-s{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--acc)}
.pc-one{display:flex;flex-direction:column;gap:10px;max-width:900px}
.pc-one label{font-size:14px;color:var(--on-dark-soft)}
.pc-one-r{display:flex;gap:8px;background:#fff;border-radius:var(--pill);padding:6px}
.pc-one-r input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:0 16px;color:var(--ink);outline:none}
.pc-one-r:focus-within{box-shadow:0 0 0 3px rgba(255,98,31,.5)}
.pc-one .small{margin:0;color:#8a959e}

/* адаптив */
@media (max-width:1180px){.pc-kp{grid-template-columns:1fr 1fr}.pc-rc{grid-template-columns:1fr 1fr}.pc-rel{grid-template-columns:1fr 1fr}.pc-lp{grid-column:1/-1}.pc-mt{grid-template-columns:1fr 1fr}.pc-xr{grid-column:1/-1}}
@media (max-width:1024px){
  .pc-hero-g,.pc-two,.pc-eco,.pc-ns-w,.pc-bd,.pc-cc,.pc-tape,.pc-op{grid-template-columns:minmax(0,1fr)}
  .pc-tape .pc-demo{grid-column:1}
  .pc-pr{grid-template-columns:minmax(0,1fr)}.pc-pr-p{height:40px;margin:10px auto;width:120px;clip-path:polygon(0 0,100% 0,50% 100%)}.pc-pr-in:after{display:none}.pc-pr-out{padding:0}
  .pc-cs,.pc-pr2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pc-pr2>div:first-child{grid-column:1/-1}.pc-cs-c:last-child{grid-column:1/-1}
}
@media (max-width:640px){
  .pc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-scan{padding:14px}
  .pc-sl{grid-template-columns:1fr 1fr}
  .pc-sbar{font-size:14px;padding:12px 14px}
  .pc-spec-c{grid-template-columns:minmax(0,1fr)}
  .pc-spec-lb{font-size:10.5px}
  .pc-core{height:auto;padding:14px 14px 40px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
  .pc-core-h{display:none}
  .pc-w{position:static;max-width:none}
  .pc-core.is-grp .pc-w{order:var(--c)}
  .pc-fb-g{grid-template-columns:minmax(0,1fr)}
  .pc-pr-out{grid-template-columns:1fr 1fr}
  .pc-ns-out{grid-template-columns:minmax(0,1fr)}.pc-ns-out>div{min-height:0}
  .pc-mx-g{grid-template-columns:.9fr repeat(3,1fr);gap:4px}.pc-mx-g .h{font-size:9.5px}.pc-mx-g .h.r{font-size:11.5px}.pc-cell{height:52px}
  .pc-mx-one{left:0;top:0;bottom:36px}
  .pc-rel,.pc-mt,.pc-kp,.pc-rc,.pc-cs,.pc-pr2{grid-template-columns:minmax(0,1fr)}.pc-cs-c:last-child,.pc-pr2>div:first-child{grid-column:auto}
  .pc-xr-g{grid-template-columns:minmax(0,1fr)}
  .pc-cc-v{height:auto;display:flex;flex-direction:column;gap:6px}
  .pc-sheet{position:relative;left:auto;top:auto;width:auto;transform:none}
  .pc-tape-v{flex-direction:column;background:repeating-linear-gradient(180deg,#fffdf5 0 48px,#f5efdc 48px 50px)}
  .pc-tape-v:before,.pc-tape-v:after{display:none}
  .pc-stamp{flex-direction:row;justify-content:flex-start;gap:12px}
  .pc-pay{grid-template-columns:minmax(0,1fr)}
  .pc-cap-box{width:130px;height:180px}
  .pc-go-g button{grid-template-columns:22px 1fr}.pc-go-g small{grid-column:2}
  .pc-steps{columns:1}
  .pc-one-r{flex-direction:column;border-radius:18px;padding:8px}.pc-one-r input{padding:12px 10px}.pc-one-r .pill{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .pc *,.pc *:before,.pc *:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .pc-sbar em{animation:none!important}
}
.pc-pr-out div{min-width:0}.pc-pr-out span{overflow-wrap:anywhere}
@media (max-width:400px){.pc-pr-out{grid-template-columns:minmax(0,1fr)}}
/* ================= SEO-ПРОДВИЖЕНИЕ (se-*) ================= */
.se .se-h1{display:block;max-width:14em;font-size:clamp(32px,3.4vw,54px)}
.se .se-h1 .muted-word{color:#6c7780}
.se .t-state{font-size:clamp(28px,3vw,46px)}
.se-sp{max-width:44em;margin:0}
.se-demo{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.se .panel.dark .se-demo{color:#6c7780}
.se-quote{margin:0;font-size:17px;font-weight:600;padding-left:14px;border-left:3px solid var(--acc)}
.se-two{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.se-two.se-rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.panel.se-two,.panel.se-cad-p,.panel.se-obs-p,.panel.se-tr-p,.panel.se-rp,.panel.se-fcp{padding:clamp(20.4px,3.2vw,44.8px)}
.se-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.se-tx .soft,.se-tx .small{margin:0}.se-tx .pill{align-self:flex-start}
.se-mini{font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.se-mini:hover,.se-mini:focus-visible{border-color:var(--acc);color:#fff}
.se-seg{display:flex;flex-wrap:wrap;gap:6px}
.se-seg button{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.se-seg button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.se .panel.dark .se-seg button{border-color:rgba(255,255,255,.2)}
.se .panel.dark .se-seg button.is-on{background:#fff;color:var(--ink)}
.se-seg button:focus-visible,.se button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* 01 hero + атлас */
.se-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.se-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,rgba(57,217,138,.1),transparent 55%)}
.se-hero-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.se-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px);min-width:0}.se-hero-l .lead{max-width:31em}
.se-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.se-facts div{padding:12px 12px 0 0}
.se-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.se-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.25}
.se-atlas{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;background:#12171b;border:1px solid var(--line-d);min-width:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:29px 29px}
.se-atlas-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a959e;font-weight:700}
.se-atlas-svg{width:100%;height:auto;display:block;overflow:visible}
.se-cl{fill:none;stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease),stroke .5s,fill .5s}
.se-ter.is-own .se-cl{stroke:rgba(57,217,138,.75)}.se-ter.is-own .se-cl2{fill:rgba(57,217,138,.12)}
.se-ter.is-free .se-cl{stroke:rgba(255,255,255,.28);stroke-dasharray:1}.se-ter.is-free .se-cl2{fill:rgba(255,255,255,.03)}
.is-drawn .se-cl{stroke-dashoffset:0;transition-delay:calc(var(--i)*.15s)}
.se-cl1{transition-delay:calc(var(--i)*.15s + .15s)!important}.se-cl2{transition-delay:calc(var(--i)*.15s + .3s)!important}
.se-tl{fill:#cfd6dc;font-size:13px;font-weight:600;font-family:inherit}
.se-pin{fill:var(--acc);opacity:0;transform-box:fill-box;transition:opacity .4s,transform .5s var(--ease)}
.se-pin circle{fill:#fff}
.is-drawn .se-ter.is-own .se-pin{opacity:1;transition-delay:calc(1.2s + var(--i)*.18s)}
.se-atlas.is-nopins .se-pin{opacity:0!important}
.se-nop{fill:#8a959e;font-size:10.5px;font-weight:700;letter-spacing:.05em;opacity:0;transition:opacity .4s;font-family:inherit}
.se-ter.is-free .se-nop{opacity:.75}
.se-ter.is-ping .se-cl0{stroke:var(--acc);stroke-width:2}
.se-ter.is-ping .se-nop{fill:var(--acc);opacity:1}
.se-atlas-lg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#aeb8c1}
.se-atlas-lg span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.se-atlas-lg .o:before{background:#39d98a}.se-atlas-lg .f:before{border:1.5px dashed #8a959e}

/* 02 ДНК */
.se-dna{display:flex;flex-direction:column;gap:14px;min-width:0}
.se-dna-q{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;background:var(--ground);font-size:clamp(15px,1.4vw,19px);font-weight:600;overflow-wrap:anywhere}
.se-dna-q i{flex:none;width:16px;height:16px;border-radius:50%;border:2.5px solid var(--mute)}
.se-dna-h{position:relative;display:flex;flex-direction:column;gap:8px;padding:6px 0}
.se-bp{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:10px}
.se-bp span{justify-self:end;text-align:right;font-weight:600;font-size:15px;padding:8px 12px;border-radius:10px;background:var(--ink);color:#fff;overflow-wrap:anywhere}
.se-bp small{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);font-weight:700}
.se-bp i{height:2px;background:linear-gradient(90deg,var(--ink),var(--acc));position:relative}
.se-bp i:before,.se-bp i:after{content:"";position:absolute;top:-4px;width:10px;height:10px;border-radius:50%}
.se-bp i:before{left:-2px;background:var(--ink)}.se-bp i:after{right:-2px;background:var(--acc)}
.se-bp.is-empty span{background:transparent;color:var(--mute);border:1px dashed var(--line);font-weight:500}
.se-bp.is-empty i{background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 8px)}.se-bp.is-empty i:before,.se-bp.is-empty i:after{background:var(--line)}
.se-dna.is-go .se-bp{animation:seTwist .7s both;animation-delay:calc(var(--k)*.12s)}
@keyframes seTwist{from{opacity:0;transform:rotateX(80deg) scaleX(.4)}to{opacity:1;transform:none}}
.se-dna-pg{padding:14px 16px;border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.se-dna-pg small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}

/* 03 примерка */
.se-fit{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);min-width:0}
.se-fit-q{padding:14px 16px;border-radius:12px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:4px;transition:transform .5s var(--ease)}
.se-fit-q small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8a959e;font-weight:700}
.se-fit-q b{overflow-wrap:anywhere}
.se-fit-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.se-slot{min-height:92px;border-radius:12px;border:1.5px dashed var(--line);display:flex;align-items:flex-end;padding:10px;font-size:13px;font-weight:600;line-height:1.25;transition:border-color .3s,background .3s,transform .3s;overflow-wrap:anywhere}
.se-slot.is-try{transform:translateY(-6px);border-color:#e2493b;background:rgba(226,73,59,.08);animation:seShake .45s}
.se-slot.is-no{color:var(--mute)}
.se-slot.is-ok{border-style:solid;border-color:#1fae6a;background:rgba(57,217,138,.14);color:var(--ink);transform:translateY(-4px)}
@keyframes seShake{25%{transform:translate(-4px,-6px)}75%{transform:translate(4px,-6px)}}
.se-fit-n{margin:0;min-height:3em;font-size:14px;color:var(--soft)}

/* 04 кадастр */
.se-cad-p{display:flex;flex-direction:column;gap:18px}
.se-cad{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(92px,auto);gap:0;border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;min-height:200px}
.se-cad-w{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#1c2328;transition:opacity .6s,transform .8s var(--ease)}
.se-cad-w b{font-size:clamp(24px,3vw,40px);color:#fff}
.se-cad-w small{color:#8a959e;font-size:13px}
.se-par{grid-column:span var(--s);padding:14px;border-right:1px dashed rgba(255,255,255,.2);border-bottom:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:space-between;gap:8px;opacity:.15;transition:opacity .5s,background .5s;transition-delay:calc(var(--i)*.08s)}
.se-par b{color:#fff;font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.se-par small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#39d98a;font-weight:700}
.se-cad.is-split .se-cad-w{opacity:0;transform:scale(1.04);pointer-events:none}
.se-cad.is-split .se-par{opacity:1}
.se-cad.is-split .se-par:hover{background:rgba(255,255,255,.04)}

/* 05 точки входа */
.se-ent{display:flex;flex-direction:column;gap:10px;min-width:0}
.se-tree{list-style:none;margin:0;padding:18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:4px}
.se-tree li{position:relative;padding-left:calc(var(--l)*22px + 34px);font-size:14px}
.se-tree li span{display:inline-block;padding:5px 10px;border-radius:8px;background:var(--ground);transition:background .35s,color .35s,box-shadow .35s}
.se-tree li:after{content:"→";position:absolute;left:calc(var(--l)*22px + 10px);top:50%;transform:translate(-14px,-50%);opacity:0;color:var(--acc);font-weight:700;transition:transform .45s var(--ease),opacity .45s}
.se-tree li.is-hit span{background:var(--ink);color:#fff;box-shadow:none}
.se-tree li.is-now:after,.se-tree li.is-hit:after{opacity:1;transform:translate(0,-50%)}
.se-tree li.is-now span{background:var(--acc)}

/* 06 чернила */
.se-ink{min-width:0;display:flex;flex-direction:column;gap:10px}
.se-ink ol{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:flex;flex-direction:column;gap:6px}
.se-ink ol:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;background:var(--line);border-radius:2px}
.se-ink li{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;border-radius:10px;background:var(--ground);opacity:.35;transition:opacity .4s,background .4s;transition-delay:calc(var(--i)*.12s)}
.se-ink li:before{content:"";position:absolute;left:-20px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .35s;transition-delay:calc(var(--i)*.12s)}
.se-ink code{font-size:13px;overflow-wrap:anywhere}
.se-ink em{font-style:normal;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;background:#e2493b;color:#fff;opacity:0;transition:opacity .3s}
.se-ink.is-go li{opacity:1}.se-ink.is-go li:before{transform:scale(1)}
.se-ink.is-go li.is-bad:before{background:#e2493b;transform:scale(1.6);border-radius:40% 60% 55% 45%}
.se-ink.is-go li.is-bad{background:rgba(226,73,59,.07)}
.se-ink.is-go li.is-bad em{opacity:1}
.se-ink.is-go li.is-bad~li{opacity:.4}
.se-ink.is-fixed li,.se-ink.is-fixed li.is-bad~li{opacity:1;background:var(--ground)}
.se-ink.is-fixed li.is-bad:before{background:#1fae6a;transform:scale(1);border-radius:50%}
.se-ink.is-fixed li.is-bad em{background:#1fae6a}
.se-ink.is-fixed li.is-bad em:after{content:" — исправлено"}

/* 07 выветривание */
.se-wth{display:flex;flex-direction:column;gap:14px;min-width:0}
.se-wth-card{--sat:0;padding:22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px;min-height:190px;transition:box-shadow .5s,background .5s,filter .5s;position:relative;overflow:hidden}
.se-wth-card small{color:var(--mute);font-size:12px;overflow-wrap:anywhere}
.se-wth-card b{font-size:22px}
.se-wth-card p{margin:0;color:var(--soft);font-size:14.5px}
.se-wth-st{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.1em;padding:4px 9px;border-radius:6px;background:var(--ground)}
.se-wth-card[data-s="0"]{filter:grayscale(1);opacity:.75;background:repeating-linear-gradient(135deg,#fff 0 10px,#f6f6f4 10px 20px)}
.se-wth-card[data-s="1"]{box-shadow:0 0 0 1px var(--line),inset 4px 0 0 #8a959e}
.se-wth-card[data-s="2"]{box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--ink)}
.se-wth-card[data-s="3"]{box-shadow:0 0 0 1px #39d98a,inset 4px 0 0 #39d98a}
.se-wth-card[data-s="4"]{box-shadow:0 0 0 2px var(--acc),inset 4px 0 0 var(--acc)}
.se-wth-card[data-s="4"] .se-wth-st{background:var(--acc);color:#fff}
.se-wth-s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.se-wth-s button{width:100%;font:inherit;text-align:left;padding:10px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-height:66px;transition:background .3s,color .3s}
.se-wth-s i{display:none;font-style:normal;font-weight:800;font-size:13px}
.se-wth-s b{font-size:10px;letter-spacing:.06em;overflow-wrap:anywhere}
.se-wth-s small{font-size:12px;color:var(--soft);line-height:1.2}
.se-wth-s button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.se-wth-s button.is-on small{color:#cfd6dc}

/* 08 паспорт */
.se-pass-lg{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:#cfd6dc}
.se-pass-lg span{font-weight:600}
.se-pass-lg .ok{color:#39d98a}.se-pass-lg .warn{color:#ff8a5c}.se-pass-lg .q{color:#9fb4ff}
.se-pass{min-width:0;padding:22px;border-radius:14px;background:#f3eee2;color:var(--ink);box-shadow:0 20px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:12px;position:relative;
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(0,0,0,.05) 31px 32px)}
.se-pass header{display:flex;flex-direction:column;gap:2px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.se-pass header small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#7a6f5a}
.se-pass header b{font-size:20px}
.se-pass ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.se-pass li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dotted rgba(0,0,0,.2);font-size:14.5px}
.se-pass li i{flex:none;font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:17px;border:2.5px solid currentColor;transform:scale(2.2) rotate(-25deg);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s;transition-delay:calc(var(--i)*.22s)}
.se-pass li.ok i{color:#1a8f55}.se-pass li.warn i{color:#d9531e}.se-pass li.q i{color:#3b5bdb}
.se-pass.is-go li i{transform:rotate(-12deg);opacity:1}

/* 09 глубина */
.se-rng{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--soft)}
.se-rng input{width:100%;accent-color:var(--acc)}
.se-dep{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;min-width:0}
.se-dep-g{position:relative;border-radius:14px;background:var(--ground);overflow:hidden}
.se-dep-g i{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(180deg,var(--acc),#ff9b6b);transition:height .5s var(--ease)}
.se-dep ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.se-dep li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line);color:var(--mute);transition:background .4s,color .4s,border-color .4s}
.se-dep li b{font-size:15px}
.se-dep li small{font-size:13px;text-align:right}
.se-dep li.is-on{background:#fff;color:var(--ink);border:1px solid var(--line)}.se-dep li.is-on small{color:var(--soft)}

/* 10 растворение */
.se-dis{min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.se-dis-t{min-height:150px;padding:22px;border-radius:16px;background:var(--ground);font-size:clamp(16px,1.35vw,19px);line-height:1.55;width:100%}
.se-dis-t p{margin:0}
.se-dis-b mark{background:rgba(226,73,59,.16);color:#b3261e;border-radius:4px;padding:0 3px;transition:filter .6s,opacity .6s,letter-spacing .6s}
.se-dis.is-melt mark{filter:blur(6px);opacity:0;letter-spacing:.4em}
.se-dis-g span{display:inline-block;animation:seCond .5s both;animation-delay:calc(var(--i)*.03s)}
@keyframes seCond{from{opacity:0;filter:blur(4px);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}

/* 11 поля */
.se-marg{min-width:0;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.se-marg-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:center;position:relative}
.se-marg-r p{margin:0;font-size:15.5px}
.se-marg-r mark{background:linear-gradient(transparent 60%,rgba(255,98,31,.28) 60%);background-size:0 100%;background-repeat:no-repeat;transition:background-size .6s;transition-delay:calc(var(--i)*.5s);color:inherit}
.se-marg-r aside{font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-size:17px;line-height:1.25;color:#1f5fbf;border-left:2px solid #1f5fbf;padding-left:10px;opacity:0;transform:translateX(10px) rotate(-1.5deg);transition:opacity .5s,transform .5s;transition-delay:calc(var(--i)*.5s + .35s)}
.se-marg.is-go mark{background-size:100% 100%}
.se-marg.is-go aside{opacity:1;transform:rotate(-1.5deg)}

/* 12 негатив */
.se-gap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.se-gap-s{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;transition:transform .8s var(--ease),opacity .5s}
.se-gap-s small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8a959e;margin-bottom:4px}
.se-gap-s span{font-size:13px;font-weight:600;padding:8px 10px;border-radius:8px;overflow-wrap:anywhere}
.se-gap-a{background:#e9eef2;color:var(--ink)}.se-gap-a span{background:#fff}
.se-gap-b{background:#2a3137;color:#fff}.se-gap-b span{background:#3a434b}
.se-gap-s span.is-hole{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.4;border-radius:999px}
.se-gap.is-over .se-gap-b{transform:translateX(calc(-100% - 12px));opacity:.12;pointer-events:none}
.se-gap-a span{transition:background .5s,color .5s,box-shadow .5s,opacity .5s}
.se-gap.is-over .se-gap-a span.is-miss{opacity:1;background:var(--acc);color:#fff;box-shadow:0 0 0 4px rgba(255,98,31,.25)}
.se-gap.is-over .se-gap-a span:not(.is-miss){opacity:.35}
.se-gap-r{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;min-height:0}
.se-gap-r small{width:100%;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8a959e}
.se-gap-r span{font-size:13px;font-weight:600;padding:6px 10px;border-radius:var(--pill);background:var(--acc);color:#fff;animation:seCond .4s both}
.se-gap .row{grid-column:1/-1}

/* 13 позиция без ценности */
.se-rank{min-width:0;display:flex;flex-direction:column;gap:6px}
.se-rk{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .6s var(--ease),opacity .4s,background .4s}
.se-rk-p{font-size:22px;font-weight:700;text-align:center}
.se-rk-p:before{content:"#";font-size:13px;color:var(--mute)}
.se-rk b{display:block;font-size:14.5px;overflow-wrap:anywhere}.se-rk small{font-size:12.5px;color:var(--soft)}
.se-rk-v{color:var(--acc);letter-spacing:2px;font-size:13px}
.se-rank.is-val .se-rk[data-v="0"]{opacity:.45}
.se-rank.is-val .se-rk[data-v="3"]{box-shadow:0 0 0 2px var(--acc)}
.se-rank:not(.is-val) .se-rk[data-p="1"]{box-shadow:0 0 0 2px var(--ink)}

/* 14 обсерватория */
.se-obs-p{display:flex;flex-direction:column;gap:18px}
.se-obs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;gap:14px}
.se-obs-d{display:flex;flex-direction:column;gap:8px}
.se-obs-d button{font:inherit;font-size:15px;font-weight:600;text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:transparent;cursor:pointer;transition:background .3s,color .3s}
.se-obs-d button i{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;position:relative;flex:none}
.se-obs-d button i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:currentColor;opacity:.3}
.se-obs-d button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.se-obs-d button.is-on i:after{opacity:1;background:var(--acc)}
.se-obs-sky{position:relative;grid-row:span 2;min-height:260px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#24303a,#0e1216 70%)}
.se-obs-sky b{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:#fff;opacity:.2;transition:opacity .5s,transform .5s,background .5s}
.se-beam{position:absolute;left:50%;bottom:-10px;width:44%;height:130%;transform-origin:50% 100%;background:linear-gradient(0deg,rgba(255,98,31,.35),rgba(255,98,31,0));clip-path:polygon(45% 100%,55% 100%,100% 0,0 0);transition:transform .8s var(--ease)}
.se-obs[data-i="0"] .se-beam{transform:translateX(-50%) rotate(-38deg)}.se-obs[data-i="1"] .se-beam{transform:translateX(-50%) rotate(-12deg)}
.se-obs[data-i="2"] .se-beam{transform:translateX(-50%) rotate(12deg)}.se-obs[data-i="3"] .se-beam{transform:translateX(-50%) rotate(38deg)}
.se-obs[data-i="0"] .se-obs-sky b[style*="--k:0"],.se-obs[data-i="1"] .se-obs-sky b[style*="--k:1"],.se-obs[data-i="2"] .se-obs-sky b[style*="--k:2"],.se-obs[data-i="3"] .se-obs-sky b[style*="--k:3"]{opacity:1;transform:scale(1.8);background:#ffd1bc}
.se-obs-t{margin:0;font-size:15px;color:var(--soft);display:flex;flex-direction:column;gap:4px;min-height:4.5em}
.se-obs-t b{color:var(--ink);font-size:17px}

/* 15 след */
.se-ft{min-width:0;display:flex;flex-direction:column;gap:0;padding-left:8px}
.se-ft-s{position:relative;padding:10px 0 18px 40px;display:flex;flex-direction:column;gap:2px;opacity:.35;transition:opacity .4s}
.se-ft-s:before{content:"";position:absolute;left:12px;top:30px;bottom:-4px;border-left:2px dotted var(--line)}
.se-ft-s:last-of-type:before{display:none}
.se-ft-s i{position:absolute;left:3px;top:10px;width:20px;height:24px;border-radius:50% 50% 45% 45%;background:var(--line);transform:rotate(calc(var(--i)*14deg - 20deg)) scale(.7);transition:background .4s,transform .4s}
.se-ft-s i:after{content:"";position:absolute;left:3px;top:-8px;width:14px;height:6px;border-radius:50%;background:inherit}
.se-ft-s small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.se-ft-s b{font-size:15.5px}
.se-ft-s.is-on,.se-ft.is-all .se-ft-s{opacity:1}
.se-ft-s.is-on i,.se-ft.is-all .se-ft-s i{background:var(--acc);transform:rotate(calc(var(--i)*14deg - 20deg)) scale(1)}

/* 16 пересадка */
.se-tr-p{display:flex;flex-direction:column;gap:22px}
.se-tr{display:flex;flex-direction:column;gap:8px}
.se-tr-r{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:center;gap:10px}
.se-tr-r code{font-size:13px;padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.06);color:#cfd6dc;overflow-wrap:anywhere}
.se-tr-r code:last-child{background:rgba(57,217,138,.12);color:#fff}
.se-br{position:relative;height:24px;display:flex;align-items:center;justify-content:center}
.se-br i{position:absolute;left:0;right:0;top:50%;height:2px;background:#39d98a;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease);transition-delay:calc(var(--i)*.15s)}
.se-br em{position:relative;font-style:normal;font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px;background:#39d98a;color:#0e1216;opacity:0;transition:opacity .3s;transition-delay:calc(var(--i)*.15s + .4s)}
.se-tr.is-built .se-br i{transform:none}.se-tr.is-built .se-br em{opacity:1}
.se-tr-r.is-lost code:last-child{background:transparent;color:#8a959e;border:1px dashed rgba(255,255,255,.2)}
.se-tr.is-built .se-tr-r.is-lost .se-br i{background:repeating-linear-gradient(90deg,#e2493b 0 5px,transparent 5px 10px);transform:scaleX(.5)}
.se-tr.is-built .se-tr-r.is-lost .se-br em{background:#e2493b;color:#fff}
.se-tr.is-built .se-tr-r.is-lost .se-br em:before{content:"решить: ";font-weight:600}
.se-tr-r.is-lost .se-br em{font-size:0}.se-tr.is-built .se-tr-r.is-lost .se-br em{font-size:11px}
.se-tr.is-built .se-tr-r.is-lost .se-br em:after{content:"?"}
.se-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);border-top:1px solid var(--line-d);padding-top:22px}
.se-three h3{margin:0 0 8px;color:#fff;font-size:18px}.se-three .soft{margin:0 0 12px}

/* 17 аренда / собственность */
.se-ro{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.se-ro>div{position:relative;min-height:280px;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.se-ro small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.se-ro b{margin-top:auto;font-size:14px;position:relative;z-index:1}
.se-ro-a{background:#12171b;color:#fff}.se-ro-a small{color:#8a959e}
.se-proj{position:absolute;left:18px;top:44px;width:30px;height:22px;border-radius:5px;background:#3a434b}
.se-proj:after{content:"";position:absolute;left:100%;top:50%;width:260px;height:180px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(255,98,31,.45),rgba(255,98,31,0));clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);opacity:0;transition:opacity .5s}
.se-ro-sc{position:relative;z-index:1;margin:30px 0 0 56px;display:flex;flex-direction:column;gap:6px}
.se-ro-sc span{font-size:12px;font-weight:700;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.08);color:#6c7780;align-self:flex-start;transition:background .5s,color .5s}
.se-ro.is-on .se-proj{background:var(--acc)}.se-ro.is-on .se-proj:after{opacity:1}
.se-ro.is-on .se-ro-sc span{background:#fff;color:var(--ink)}
.se-ro-b{background:var(--ground)}.se-ro-b small{color:var(--mute)}
.se-ro-bl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.se-ro-bl span{height:44px;border-radius:8px;background:var(--ink)}
.se-ro-bl span:nth-child(n+4){background:#39d98a}

/* 18 штамп */
.se-ai{min-width:0;position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,.06)}
.se-ai header{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px;min-height:44px}
.se-ai header small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.se-ai p:not(.se-demo){margin:0;font-size:15.5px;display:flex;flex-wrap:wrap;gap:4px 10px}
.se-ai s{text-decoration-color:transparent;transition:text-decoration-color .4s,color .4s;transition-delay:calc(var(--i)*.25s)}
.se-ai ins{text-decoration:none;color:#1a8f55;font-weight:600;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .6s,opacity .4s;transition-delay:calc(var(--i)*.25s + .2s)}
.se-ai.is-checked s{text-decoration-color:#e2493b;color:var(--mute)}
.se-ai.is-checked ins{max-width:100%;opacity:1;white-space:normal}
.se-stamp{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a8f55;border:2.5px solid #1a8f55;border-radius:8px;padding:6px 10px;transform:scale(2.4) rotate(-14deg);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1) .7s,opacity .2s .7s;text-align:center}
.se-ai.is-checked .se-stamp{transform:rotate(-8deg);opacity:1}
.se-ai .pill{align-self:flex-start}

/* 19 фрагмент */
.se-exc{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.se-exc>.se-demo{grid-column:1/-1}
.se-exc-a,.se-exc-p{padding:18px;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.se-exc small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.se-exc-a{background:var(--ink);color:#fff;min-height:250px}
.se-exc-a b{font-size:15px;overflow-wrap:anywhere}
.se-exc-o{display:flex;flex-direction:column;gap:6px;min-height:6em}
.se-exc-o p{margin:0;font-size:14px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.08);animation:seCond .5s both;animation-delay:calc(var(--j)*.25s)}
.se-exc-src{margin-top:auto;font-size:12px;color:#8a959e;text-decoration:underline}
.se-exc-p{background:#fff;box-shadow:0 0 0 1px var(--line)}
.se-exc-p p{margin:0;font-size:14px;padding:6px 8px;border-radius:6px;transition:background .4s}
.se-exc.is-go .se-exc-p p.is-pick{background:rgba(255,98,31,.16)}

/* 20 карточки */
.se-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.se-cards article{padding:24px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}
.se-cards small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.se-cards h3{margin:0;font-size:19px}.se-cards p{margin:0;color:var(--soft)}.se-cards .pill{align-self:flex-start;margin-top:auto}

/* 21 журнал */
.se-log{min-width:0;padding:18px;border-radius:16px;background:#0e1216;border:1px solid var(--line-d);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;flex-direction:column;gap:10px}
.se-log-h{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6c7780}
.se-log-h i{width:8px;height:8px;border-radius:50%;background:#39d98a;animation:seBlink 1.4s infinite}
@keyframes seBlink{50%{opacity:.2}}
.se-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;min-height:260px}
.se-log li{display:grid;grid-template-columns:78px 100px minmax(0,1fr);gap:10px;font-size:12.5px;color:#aeb8c1;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.03);animation:seLogIn .5s both}
.se-log li:first-child{background:rgba(57,217,138,.08);color:#fff}
.se-log time{color:#6c7780}.se-log em{font-style:normal;color:#39d98a}
@keyframes seLogIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* 22 ревизии */
.se-rv{min-width:0;display:flex;flex-direction:column;gap:12px}
.se-rv-m{padding:12px;border-radius:18px;background:#12171b;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:29px 29px}
.se-rv .se-ter.is-own .se-pin{opacity:1}
.se-rv-t{margin:0;display:flex;flex-direction:column;gap:4px;color:var(--soft);min-height:3.6em}.se-rv-t b{color:var(--ink);letter-spacing:.04em}

/* 23 отчёт */
.se-rp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.se-rp .soft{margin:14px 0 0}
.se-rp-l{list-style:none;margin:0;padding:0;counter-reset:r;display:flex;flex-direction:column}
.se-rp-l li{counter-increment:r;display:grid;grid-template-columns:40px minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.se-rp-l li:before{content:counter(r,decimal-leading-zero);font-size:12px;font-weight:700;color:var(--mute)}
.se-rp-l li:first-child b{color:var(--acc)}
.se-rp-l span{color:var(--soft)}

/* 24 лестница */
.se-lad{min-width:0;display:flex;flex-direction:column;gap:12px}
.se-lad ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;position:relative}
.se-lad li{padding-left:calc((4 - var(--n,0))*0px)}
.se-lad button{width:100%;font:inherit;text-align:left;display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:background .3s,color .3s,transform .3s}
.se-lad li:nth-child(1) button{margin-left:0}.se-lad li:nth-child(2) button{margin-left:4%;width:96%}.se-lad li:nth-child(3) button{margin-left:8%;width:92%}.se-lad li:nth-child(4) button{margin-left:12%;width:88%}.se-lad li:nth-child(5) button{margin-left:16%;width:84%}
.se-lad em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--mute)}
.se-lad b{font-size:15px}
.se-lad small{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--ground);color:var(--soft);white-space:nowrap}
.se-lad button.is-kpi small{background:rgba(255,98,31,.14);color:#c2410c}
.se-lad button.is-no small{background:transparent;border:1px dashed var(--line)}
.se-lad button.is-on{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateX(-6px)}
.se-lad button.is-on em{color:#8a959e}
.se-lad-t{margin:0;min-height:3em;color:var(--soft);display:flex;flex-direction:column;gap:2px}.se-lad-t b{color:var(--ink)}

/* 25 прогноз */
.se-fc{min-width:0;display:flex;flex-direction:column;gap:12px}
.se-fc svg{width:100%;height:auto}
.se-fc svg line{stroke:rgba(255,255,255,.25);stroke-width:1}
.se-fc-band{fill:rgba(255,98,31,.12);opacity:0;transition:opacity .8s 1.2s}
.se-fc-l{fill:none;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease)}
.se-fc-c{stroke:#fff}.se-fc-k{stroke:#8a959e;stroke-dasharray:.02 .015;transition-delay:.3s}.se-fc-t{stroke:var(--acc);transition-delay:.6s}
.se-fc.is-go .se-fc-l{stroke-dashoffset:0}.se-fc.is-go .se-fc-band{opacity:1}
.se-fc.is-go .se-fc-k{stroke-dasharray:.02 .015;stroke-dashoffset:0}
.se-fc-lg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;font-weight:800;letter-spacing:.08em}
.se-fc-lg span{font-weight:500;letter-spacing:0;color:#aeb8c1;margin-left:4px}
.se-fc-lg .c{color:#fff}.se-fc-lg .k{color:#aeb8c1}.se-fc-lg .t{color:var(--acc)}

/* 26 кейсы */
.se-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.se-cs-c{padding:24px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px}
.se-cs-c header small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.se-cs-c h3{margin:4px 0 0;font-size:20px}
.se-cs-c p{margin:0}
.se-cs-f{padding:12px 14px;border-radius:10px;background:var(--ground);font-weight:600}
.se-cs-f em{display:block;font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.se-cs-go{margin-top:auto;align-self:flex-start;font:inherit;font-weight:600;background:none;border:0;padding:6px 0;cursor:pointer;border-bottom:1.5px solid currentColor}
.se-a{cursor:pointer;text-decoration:underline}

/* 27 проверка пригодности */
.se-fcp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.se-fck{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.se-g{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--ground)}
.se-g>div:last-child{display:flex;flex-direction:column;gap:8px}
.se-g b{font-size:15px}
.se-g-d{--a:-90deg;position:relative;width:96px;height:50px;overflow:hidden}
.se-g-d:before{content:"";position:absolute;left:0;top:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(from -90deg,#1fae6a 0 60deg,#f0b429 60deg 120deg,#e2493b 120deg 180deg,transparent 180deg);-webkit-mask:radial-gradient(circle,transparent 30px,#000 31px);mask:radial-gradient(circle,transparent 30px,#000 31px);opacity:.85}
.se-g-d i{position:absolute;left:47px;bottom:0;width:2.5px;height:42px;background:var(--ink);transform-origin:50% 100%;transform:rotate(calc(var(--a)*-1));transition:transform .7s cubic-bezier(.3,1.5,.5,1);border-radius:2px}
.se-g:not(.is-set) .se-g-d i{opacity:0}
.se-g-o{display:flex;flex-wrap:wrap;gap:6px}
.se-g-o button{font:inherit;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:var(--pill);border:1px solid var(--line);background:#fff;cursor:pointer}
.se-g-o button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.se-fck-r{grid-column:1/-1;padding:16px 18px;border-radius:14px;border:1px dashed var(--line);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.se-fck-r b{font-size:17px}.se-fck-r span{color:var(--soft)}
.se-fck-r.ok{border:0;background:rgba(57,217,138,.14)}.se-fck-r.mid{border:0;background:rgba(240,180,41,.16)}.se-fck-r.no{border:0;background:rgba(226,73,59,.09)}

/* 28 цена */
.se-pr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(17px,2.4vw,35.2px);align-items:start}
.se-pr h3{margin:0 0 8px;font-size:19px}.se-pr .soft{margin:0 0 14px}
.se-price{margin:6px 0 10px;font-size:clamp(32px,3.6vw,52px);font-weight:700;letter-spacing:-.02em}
.se-pr ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--soft)}

/* 30 финал */
.se-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.se-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(57,217,138,.16),transparent 55%)}
.se-fin .t-state{max-width:16em}
.se-fin-s{margin:0;font-size:clamp(17px,1.5vw,21px);color:#39d98a}
.se-one{display:flex;flex-direction:column;gap:10px;max-width:760px}
.se-one label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1}
.se-one-r{display:flex;gap:8px;flex-wrap:wrap}
.se-one-r input{flex:1 1 280px;min-width:0;font:inherit;font-size:17px;padding:16px 18px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.se-one-r input:focus{outline:2px solid var(--acc);outline-offset:2px}
.se-one .small{margin:0;color:#8a959e}

/* адаптив */
@media (max-width:1100px){
  .se-hero-g,.se-two,.se-two.se-rev,.se-fcp,.se-rp{grid-template-columns:minmax(0,1fr)}
  .se-two.se-rev>.se-tx{order:-1}
  .se-cad{grid-template-columns:repeat(2,minmax(0,1fr))}.se-par{grid-column:span 1}
  .se-pr{grid-template-columns:1fr 1fr}.se-pr>div:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .se-tl{font-size:20px}.se-nop{font-size:15px}
  .se-facts{grid-template-columns:1fr 1fr}.se-facts div{padding-bottom:10px}
  .se-fit-s{grid-template-columns:1fr 1fr}.se-slot{min-height:64px}
  .se-wth-s{grid-template-columns:repeat(5,minmax(0,1fr))}.se-wth-s small{display:none}.se-wth-s button{min-height:44px;align-items:center;justify-content:center;padding:8px 4px}.se-wth-s b{display:none}.se-wth-s i{display:block}
  .se-obs{grid-template-columns:1fr}.se-obs-sky{grid-row:auto;min-height:200px;order:-1}
  .se-tr-r{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px;border-radius:12px;background:rgba(255,255,255,.03)}
  .se-br{justify-content:flex-start;height:20px}.se-br i{right:auto;width:40px}
  .se-three,.se-cards,.se-cs{grid-template-columns:minmax(0,1fr)}
  .se-log li{grid-template-columns:minmax(0,1fr) auto;}.se-log li span{grid-column:1/-1}
  .se-rp-l li{grid-template-columns:32px minmax(0,1fr)}.se-rp-l span{grid-column:2}
  .se-lad button{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.se-lad em{grid-column:1/-1}
  .se-lad li button{margin-left:0!important;width:100%!important}
  .se-fck{grid-template-columns:minmax(0,1fr)}
  .se-pr{grid-template-columns:minmax(0,1fr)}
  .se-marg-r{grid-template-columns:minmax(0,1fr);gap:6px}.se-marg-r aside{transform:none}
  .se-exc{grid-template-columns:minmax(0,1fr)}.se-exc-a{min-height:0}
  .se-dep li{flex-direction:column;gap:2px}.se-dep li small{text-align:left}
}
@media (max-width:420px){
  .se-cad{grid-template-columns:minmax(0,1fr)}
  .se-gap{grid-template-columns:minmax(0,1fr)}
  .se-gap.is-over .se-gap-b{transform:none;opacity:.35}
  .se-ro{grid-template-columns:minmax(0,1fr)}.se-ro>div{min-height:200px}
  .se-bp{grid-template-columns:minmax(0,1fr) 36px minmax(0,.8fr)}
  .se-bp span{font-size:13.5px;padding:6px 9px}
  .se-rk{grid-template-columns:34px minmax(0,1fr);}.se-rk-v{grid-column:2}
  .se-fit-s{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .se *,.se *:before,.se *:after{animation:none!important;transition:none!important}
}
/* ================= АНАЛИТИКА И КОНСУЛЬТАЦИИ (an-*) ================= */
.an{--an-hl:rgba(255,98,31,.26);--an-paper:#fbfaf7}
.an .t-state{font-size:clamp(28px,3vw,46px)}
.an .an-h1{display:block;max-width:10em;font-size:clamp(44px,6.2vw,104px)}
.an .an-h1 .muted-word{color:#6c7780}
.an-sp{max-width:44em;margin:0 0 var(--space-md)}
.an-demo{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.an .panel.dark .an-demo{color:#6c7780}
.an-sh-note{max-width:24em;justify-self:end;text-align:right;margin:0}
.an-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.an-tx .soft,.an-tx .small{margin:0}.an-tx .pill{align-self:flex-start}
.an-a{cursor:pointer;color:#fff;border-bottom:1px solid currentColor}
.an-lk{font:inherit;font-size:13.5px;font-weight:600;background:none;border:0;padding:6px 0;color:inherit;cursor:pointer;border-bottom:1.5px solid currentColor;white-space:nowrap}
.an-lk:hover{color:var(--acc)}
.an-mini{font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.an-mini:hover{border-color:var(--acc)}
.an button:focus-visible,.an [tabindex]:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.panel.an-pr,.panel.an-ix-p,.panel.an-pd-p,.panel.an-dp-p,.panel.an-out-p,.panel.an-no{padding:clamp(20.4px,3.2vw,44.8px)}

/* 01 hero */
.an-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.an-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 30%,rgba(255,98,31,.16),transparent 52%)}
.an-hero-g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.an-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,26px);min-width:0}.an-hero-l .lead{max-width:31em;margin:0}
.an-motto{margin:0;font-size:17px;font-weight:600;padding-left:14px;border-left:3px solid var(--acc);color:#fff}
.an-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.an-facts div{padding:12px 12px 0 0}
.an-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:6px}
.an-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.25}
.an-fog{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:#12171b;border:1px solid var(--line-d);min-width:0;overflow:hidden}
.an-fog-h{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a959e;font-weight:700}
.an-fog-s{color:#aeb8c1;letter-spacing:.04em;text-transform:none;font-weight:600}
.is-dec .an-fog-s{color:var(--acc)}
.an-fog-f{position:relative;height:clamp(250px,24vw,320px);border-radius:14px;overflow:hidden;background:
  radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 1.5px) 0 0/22px 22px}
.an-mist{position:absolute;inset:-30%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 30% 40%,rgba(200,210,218,.2),transparent 45%),radial-gradient(ellipse at 70% 60%,rgba(200,210,218,.16),transparent 50%);filter:blur(18px);transition:opacity 1.2s var(--ease)}
.an-mist.m1{animation:anMist 16s ease-in-out infinite alternate}
.an-mist.m2{animation:anMist 22s ease-in-out -6s infinite alternate-reverse;opacity:.8}
@keyframes anMist{0%{transform:translate(-6%,-3%) scale(1)}100%{transform:translate(8%,5%) scale(1.12)}}
.an-fog.is-clear .an-mist{opacity:.45}
.an-fog.is-dec .an-mist{opacity:.2}
.an-q{position:absolute;left:var(--x);top:var(--y);z-index:1;font:inherit;font-size:clamp(15px,1.3vw,19px);font-weight:600;letter-spacing:-.01em;padding:10px 16px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:#dfe4e8;cursor:pointer;filter:blur(2.6px);opacity:.55;transition:filter .9s var(--ease),opacity .9s,border-color .5s,background .5s,transform .6s var(--ease);white-space:nowrap}
.an-q:hover,.an-q:focus-visible{filter:blur(.6px);opacity:.9}
.an-q.is-on{filter:none;opacity:1;z-index:3;border:1px solid var(--acc);background:rgba(255,98,31,.12);color:#fff;transform:translateY(-4px)}
.an-tk{display:flex;flex-wrap:wrap;gap:6px}
.an-tk span{display:inline-flex;flex-direction:column;gap:1px;padding:7px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.1);color:#6c7780;transition:all .5s var(--ease)}
.an-tk b{font-size:11.5px;letter-spacing:.1em;font-weight:700}
.an-tk small{font-size:11px;color:inherit;opacity:.8}
.an-tk span.is-on{color:#fff;border-color:rgba(255,98,31,.6);background:rgba(255,98,31,.1);transform:translateY(-2px)}
.an-tk span.is-on b{color:var(--acc)}
.an-dc{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--an-paper);color:var(--ink);min-height:92px;transform:translateY(6px);opacity:.35;transition:transform .7s var(--ease),opacity .7s}
.an-dc small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.an-dc b{font-size:clamp(16px,1.35vw,19px);line-height:1.3;font-weight:600}
.an-dc em{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--acc)}
.an-fog.is-clear .an-dc{opacity:.7;transform:none}
.an-fog.is-dec .an-dc{opacity:1;box-shadow:inset 4px 0 0 var(--acc)}

/* 02 ситуации */
.an-sit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.an-sit li{min-width:0}
.js .an-sit li.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.an-sit button{width:100%;height:100%;text-align:left;font:inherit;display:flex;flex-direction:column;gap:14px;padding:22px;border:0;border-radius:var(--r-lg);background:#fff;color:inherit;cursor:pointer;transition:transform .45s var(--ease),box-shadow .45s}
.an-sit button:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(18,22,26,.35)}
.an-sit-n{font-size:12px;font-weight:700;color:var(--mute);letter-spacing:.08em}
.an-sit q{font-size:clamp(19px,1.6vw,23px);line-height:1.2;letter-spacing:-.02em;font-weight:500;quotes:"«" "»"}
.an-sit-a{margin-top:auto;display:flex;flex-direction:column;gap:3px;padding-top:14px;border-top:1px dashed var(--line)}
.an-sit-a small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.an-sit-a b{font-size:15px}
.an-sit-a span{font-size:14px;color:var(--soft)}
.an-sit-a em{font-style:normal;font-weight:700;font-size:14px;margin-top:6px;color:var(--ink)}
.an-sit button:hover em{color:var(--acc)}

/* 03 принцип */
.an-pr{display:flex;flex-direction:column;gap:22px;isolation:isolate}
.an-pr .t-state{max-width:18em}
.an-pr-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.an-pr-g>div{padding:20px;border-radius:16px;border:1px solid var(--line-d);display:flex;flex-direction:column;gap:8px}
.an-pr-g b{font-size:12px;color:var(--acc);letter-spacing:.08em}
.an-pr-g h3{font-size:20px}.an-pr-g p{margin:0}
.an-pr-f{margin:0}

/* 04 картотека */
.an-ix{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.an-ix-t{display:flex;flex-direction:column;gap:4px}
.an-ix-t button{display:flex;align-items:center;gap:12px;font:inherit;font-size:17px;font-weight:500;text-align:left;padding:12px 16px;border-radius:12px 0 0 12px;border:0;background:transparent;color:var(--soft);cursor:pointer;position:relative;transition:background .3s,color .3s}
.an-ix-t i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--mute)}
.an-ix-t button:hover{color:var(--ink)}
.an-ix-t button.is-on{background:var(--ground);color:var(--ink)}
.an-ix-t button.is-on i{color:var(--acc)}
.an-ix-t button.is-on:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:3px;background:var(--acc)}
.an-ix-c{min-width:0}
.an-card{position:relative;padding:clamp(20px,2.6vw,34px);padding-left:clamp(28.9px,3.2vw,44.8px);border-radius:18px;background:var(--an-paper);box-shadow:0 0 0 1px var(--line),0 24px 40px -30px rgba(18,22,26,.35);
  background-image:repeating-linear-gradient(transparent 0 31px,rgba(18,22,26,.05) 31px 32px);display:flex;flex-direction:column;gap:18px}
.an-card:before{content:"";position:absolute;left:clamp(14px,1.8vw,24px);top:22px;width:10px;height:10px;border-radius:50%;background:var(--ground-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.an-card header small,.an-card small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.an-card h3{font-size:clamp(22px,2vw,30px);margin-top:6px;letter-spacing:-.02em}
.an-card-g{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.an-card ul{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.an-card li{padding-left:18px;position:relative}
.an-card li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--acc)}
.an-src li:before{width:6px;height:6px;border-radius:50%;background:none;border:1.5px solid var(--mute);top:.5em}
.an-card footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:14px;border-top:1px dashed var(--line)}
.an-tag{font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:var(--pill);border:1px solid var(--ink);background:transparent;cursor:pointer;color:var(--ink)}
.an-tag:hover{background:var(--ink);color:#fff}
.an-ix-c.is-go .an-card{animation:anCard .5s var(--ease)}
@keyframes anCard{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* 05 evidence table */
.an-ev{border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.an-ev-h,.an-ev-r{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1fr)}
.an-ev-h span{padding:14px 18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute);border-bottom:1px solid var(--line)}
.an-ev-r{border-bottom:1px solid var(--line);transition:background .4s}
.an-ev-r:last-child{border-bottom:0}
.an-ev-r.is-act{background:#fcfbf9}
.an-ev-r>div{padding:16px 18px;min-width:0;border-left:1px solid var(--line)}
.an-ev-r>div:first-child{border-left:0}
.an-ev-q button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}
.an-ev-q span{font-size:17px;font-weight:600;line-height:1.25}
.an-ev-q em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:var(--pill);background:var(--ground);transition:background .3s,color .3s}
.an-ev-q button:hover em{background:var(--ink);color:#fff}
.an-ev-r[data-s="3"] .an-ev-q em{background:transparent;color:var(--acc);padding-left:0}
.an-ev-d{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.an-ev-d span{font-size:13px;padding:5px 10px;border-radius:8px;border:1px solid transparent;color:transparent;background:rgba(18,22,26,.05);transition:color .4s,background .4s,border-color .4s;transition-delay:calc(var(--k)*.25s)}
.an-ev-r:not([data-s="0"]) .an-ev-d span{color:var(--ink);background:var(--ground);border:1px solid transparent}
.an-ev-c mark{background:linear-gradient(var(--an-hl),var(--an-hl)) no-repeat 0 85%/0% 40%;color:transparent;font-weight:600;line-height:1.45;transition:background-size .9s var(--ease),color .5s;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  text-shadow:none}
.an-ev-r[data-s="0"] .an-ev-c mark,.an-ev-r[data-s="1"] .an-ev-c mark{color:transparent;background-image:linear-gradient(rgba(18,22,26,.05),rgba(18,22,26,.05));background-size:100% 70%;background-position:0 60%}
.an-ev-r[data-s="2"] .an-ev-c mark,.an-ev-r[data-s="3"] .an-ev-c mark{color:var(--ink);background-size:100% 40%}
.an-ev-a{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.an-ev-a>span{font-weight:600;padding:6px 12px;border-radius:10px;border:1.5px solid var(--acc);opacity:0;transform:scale(.92) rotate(-2deg);transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1)}
.an-ev-a .an-lk{opacity:0;transition:opacity .4s .2s;pointer-events:none}
.an-ev-r[data-s="3"] .an-ev-a>span{opacity:1;transform:none}
.an-ev-r[data-s="3"] .an-ev-a .an-lk{opacity:1;pointer-events:auto}
.an-ev+.an-demo{margin-top:12px}

/* 06 продукты */
.an-gr{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);padding-block:clamp(22px,3vw,36px);border-top:1px solid var(--line)}
.an-gr-l{display:flex;flex-direction:column;gap:8px;align-self:start}
.an-gr-n{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--acc)}
.an-gr-l h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em}
.an-gr-l p{margin:0}
.an-gr-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:stretch}
.an-sh{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:var(--an-paper);box-shadow:0 0 0 1px var(--line);transition:box-shadow .4s,transform .4s var(--ease)}
.an-sh:before{content:"";position:absolute;right:0;top:0;width:28px;height:28px;background:linear-gradient(225deg,#fff 50%,var(--ground-2) 50%);border-bottom-left-radius:8px}
.an-sh header{display:flex;flex-direction:column;gap:6px}
.an-sh-tab{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:6px;background:var(--ground);color:var(--soft)}
.an-sh h4{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.2;margin:4px 28px 0 0}
.an-sh-p{margin:0;font-size:clamp(26px,2.2vw,34px);font-weight:700;letter-spacing:-.02em}
.an-sh-b small,.an-sh-o small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-bottom:6px}
.an-sh-b ul{display:flex;flex-direction:column;gap:4px;font-size:14.5px;color:var(--soft)}
.an-sh-b li{padding-left:16px;position:relative}.an-sh-b li:before{content:"—";position:absolute;left:0;color:var(--mute)}
.an-sh-n{margin:10px 0 0;font-size:13.5px;padding:10px 12px;border-radius:10px;background:rgba(255,98,31,.08);color:var(--ink)}
.an-sh footer{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px dashed var(--line)}
.an-sh-o{margin:0;display:flex;gap:10px;align-items:flex-start;font-weight:600}
.an-sh-o i{flex:0 0 22px;height:28px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px var(--line),2px 2px 0 var(--ground-2);position:relative}
.an-sh-o i:after{content:"";position:absolute;left:4px;right:4px;top:7px;height:10px;background:repeating-linear-gradient(var(--acc) 0 1.5px,transparent 1.5px 4px)}
.an-sh.is-hl{animation:anHl 1.6s var(--ease)}
@keyframes anHl{0%,100%{box-shadow:0 0 0 1px var(--line)}20%,60%{box-shadow:0 0 0 3px var(--acc),0 24px 40px -24px rgba(255,98,31,.5)}}
.an-sh-w{background:var(--ink);color:#fff;box-shadow:none}
.an-sh-w:before{background:linear-gradient(225deg,#fff 50%,#2a3238 50%)}
.an-sh-w .an-sh-tab{background:rgba(255,255,255,.1);color:#cfd6dc}
.an-sh-w .an-sh-b small,.an-sh-w .an-sh-o small{color:#8a959e}
.an-sh-w footer{border-color:var(--line-d)}
.an-sh-w .an-sh-n{background:rgba(255,98,31,.14);color:#fff}
.an-sh-w .an-sh-o i{background:#1c2226;box-shadow:0 0 0 1px var(--line-d)}
.an-chips{flex-direction:row!important;flex-wrap:wrap;gap:6px!important}
.an-chips li{padding:5px 11px!important;border-radius:var(--pill);border:1px solid var(--line-d);color:#dfe4e8;font-size:13.5px}
.an-chips li:before{display:none}
.an-pd-f{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px;border-top:1px solid var(--line)}
.an-pd-f p{margin:0}

/* 07 глубина */
.an-dp{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);align-items:start}
.an-dp-t{display:flex;flex-direction:column;gap:6px}
.an-dp-t button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 10px;text-align:left;font:inherit;padding:14px 16px;border-radius:14px;border:1px solid var(--line-d);background:transparent;color:#cfd6dc;cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.an-dp-t i{grid-row:span 2;font-style:normal;font-size:12px;font-weight:700;color:#6c7780;padding-top:3px}
.an-dp-t b{font-size:17px;font-weight:600}
.an-dp-t small{font-size:13px;color:#8a959e}
.an-dp-t button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.an-dp-t button.is-on i{color:var(--acc)}.an-dp-t button.is-on small{color:var(--soft)}
.an-dp-c{position:relative;min-width:0;padding:12px 0 0 42px}
.an-stack{position:absolute;left:0;top:0;bottom:0;width:60px}
.an-pg{position:absolute;left:calc(var(--i)*9px);top:calc(var(--i)*9px);width:200px;height:calc(100% - 40px);border-radius:12px;background:#2a3238;box-shadow:0 0 0 1px var(--line-d);opacity:.25;transition:opacity .5s,background .5s}
.an-pg em{position:absolute;left:10px;top:-2px;transform:translateY(-100%);font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6c7780;white-space:nowrap;display:none}
.an-pg.is-on{opacity:1;background:#e7e4de}
.an-dp-doc{position:relative;z-index:2;background:var(--an-paper);color:var(--ink);border-radius:14px;padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.an-dp-c>.an-dp-doc{margin-left:calc(var(--n,1)*9px + 8px);transition:margin .5s var(--ease)}
.an-dp-doc.is-go{animation:anCard .45s var(--ease)}
.an-dp-doc header small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.an-dp-doc header b{display:block;font-size:clamp(24px,2.2vw,32px);font-weight:600;letter-spacing:-.02em;margin-top:4px}
.an-dp-doc header p{margin:4px 0 0;color:var(--soft);font-size:17px}
.an-mt{display:flex;flex-direction:column;gap:8px}
.an-mt li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.an-mt span{font-size:14.5px}
.an-mt i{display:flex;gap:4px}
.an-mt i b{width:26px;height:8px;border-radius:3px;background:var(--ground-2);transition:background .4s}
.an-mt i b.on{background:var(--acc)}
.an-dp-t2{margin:0;color:var(--soft)}
.an-dp-f{margin:0;display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:14px}
.an-dp-f dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-bottom:4px}
.an-dp-f dd{margin:0;font-weight:600;font-size:14.5px}
.an-dp-m{display:none;flex-direction:column;gap:8px}
.an-dp-a{border-radius:14px;border:1px solid var(--line-d);overflow:hidden}
.an-dp-a summary{list-style:none;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px;cursor:pointer;color:#fff}
.an-dp-a summary::-webkit-details-marker{display:none}
.an-dp-a summary i{font-style:normal;font-size:12px;font-weight:700;color:var(--acc)}
.an-dp-a summary small{color:#8a959e;font-size:13px}
.an-dp-a[open] summary{background:rgba(255,255,255,.06)}
.an-dp-a .an-dp-doc{border-radius:0;box-shadow:none}
.an-dp-p .an-demo{margin-top:16px}

/* 08 memo */
.an-mm-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.an-mm{position:relative;min-height:560px;border-radius:var(--r-lg);background:#e6e3dd;padding:18px;overflow:hidden;
  background-image:radial-gradient(rgba(18,22,26,.06) 1px,transparent 1.5px);background-size:18px 18px}
.an-nt span{position:absolute;left:var(--x);top:var(--y);font-size:12.5px;font-weight:600;padding:8px 10px;border-radius:4px;background:#fff8e6;box-shadow:0 6px 14px -8px rgba(18,22,26,.35);transform:rotate(var(--r));transition:all .8s var(--ease-io);transition-delay:calc(var(--i)*.035s);max-width:13em;line-height:1.3}
.an-nt span:nth-child(3n){background:#fff}.an-nt span:nth-child(4n){background:#eef2f5}
.an-mm.is-fold .an-nt span{left:44%;top:40%;transform:rotate(0) scale(.3);opacity:0}
.an-memo{position:absolute;left:50%;top:50%;width:min(420px,88%);transform:translate(-50%,-46%) scale(.92);opacity:0;background:#fff;border-radius:6px;padding:22px 24px;box-shadow:0 30px 60px -30px rgba(18,22,26,.5),0 0 0 1px var(--line);transition:opacity .6s .5s,transform .7s .5s var(--ease);pointer-events:none}
.an-mm.is-fold .an-memo{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
.an-memo header{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:2px solid var(--ink);margin-bottom:10px}
.an-memo header small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.an-memo header b{font-size:19px}
.an-memo ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.an-memo li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease);transition-delay:calc(.9s + var(--i)*.12s)}
.an-memo li:last-child{border-bottom:0}
.an-mm.is-fold .an-memo li{opacity:1;transform:none}
.an-memo li small{font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--acc);padding-top:2px}
.an-memo li p{margin:0;font-size:14px;line-height:1.4}
.an-mm>.an-demo{position:absolute;left:18px;bottom:14px}

/* 09 результат */
.an-out-p{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.an-out-l{display:flex;flex-direction:column;gap:16px}.an-out-l p{margin:0}
.an-toc{display:flex;flex-direction:column}
.an-toc-h,.an-toc-r{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(4,minmax(0,.62fr));gap:8px;align-items:center}
.an-toc-h{padding:0 0 10px;border-bottom:2px solid var(--ink)}
.an-toc-h span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--mute);text-align:center}
.an-toc-h span:first-child{text-align:left}
.an-toc-r{padding:12px 0;border-bottom:1px dashed var(--line)}
.js .an-toc-r.rv{transition:opacity .7s var(--ease) var(--d),transform .7s var(--ease) var(--d)}
.an-toc-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.an-toc-n code{font:inherit;font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--acc)}
.an-toc-n b{font-size:16px}
.an-toc-n small{font-size:13px;color:var(--soft)}
.an-toc-r>span{text-align:center;font-size:13px;font-weight:600}
.an-toc-r>span i{font-style:normal}
.an-toc-r .is-y i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px}
.an-toc-r .is-n{color:var(--mute)}
.an-toc-r .is-p{color:var(--soft);font-size:12px}

/* 10 оценка */
.an-est-w{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.an-est{padding:clamp(20px,2.6vw,32px);border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:20px}
.an-est header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.an-est header small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.an-rng{position:relative;height:78px;margin:8px 10px 0}
.an-rng>*{}
.an-rng:before{content:"";position:absolute;left:0;right:0;top:38px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 10px)}
.an-rng-b{position:absolute;left:24%;right:22%;top:28px;height:22px;border-radius:11px;background:linear-gradient(90deg,transparent,var(--an-hl) 18%,var(--an-hl) 82%,transparent);transform:scaleX(.1);transition:transform 1.2s var(--ease)}
.an-est.is-go .an-rng-b{transform:none}
.an-rng span{position:absolute;top:56px;font-size:12px;font-weight:600;color:var(--soft);transform:translateX(-50%)}
.an-rng .lo{left:26%}.an-rng .hi{left:76%}
.an-rng-x{position:absolute;left:52%;top:0;transform:translateX(-50%);font-style:normal;font-size:11.5px;font-weight:700;color:var(--mute);text-decoration:line-through;text-decoration-color:var(--acc);text-decoration-thickness:2px;white-space:nowrap;opacity:0;transition:opacity .5s 1s}
.an-est.is-go .an-rng-x{opacity:1}
.an-est dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.an-est dl div{padding:12px 14px;border-radius:12px;background:var(--ground);transition:background .4s,box-shadow .4s}
.an-est dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-bottom:4px}
.an-est dd{margin:0;font-size:14px;line-height:1.4;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease),opacity .4s;transition-delay:calc(var(--i)*.08s)}
.an-est.is-open dd{max-height:6em;opacity:1}
.an-est.is-open dl div{background:#fff;box-shadow:0 0 0 1px var(--line),inset 3px 0 0 var(--acc)}

/* 11 когда не нужно */
.an-no{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.an-no-l{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line-d)}
.an-no-l li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line-d)}
.an-no-l b{font-weight:600}.an-no-l span{color:var(--on-dark-soft);font-size:14.5px}
.an-bal{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:20px;background:#12171b;border:1px solid var(--line-d)}
.an-bal-s{display:flex;flex-wrap:wrap;gap:6px}
.an-bal-s button{font:inherit;font-size:13px;font-weight:600;padding:8px 13px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.an-bal-s button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.an-bal-v{position:relative;height:170px}
.an-beam{--t:0deg;position:absolute;left:8%;right:8%;top:52px;height:3px;border-radius:2px;background:#cfd6dc;transform:rotate(var(--t));transition:transform 1s cubic-bezier(.3,1.4,.5,1)}
.an-beam span{position:absolute;top:0;width:44%;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#cfd6dc;transform:rotate(calc(var(--t)*-1));transform-origin:50% 0;transition:transform 1s cubic-bezier(.3,1.4,.5,1);padding-top:34px;text-align:center}
.an-beam span:before{content:"";position:absolute;top:0;left:50%;width:1px;height:30px;background:#6c7780}
.an-beam .l{left:0}.an-beam .r{right:0}
.an-beam span i{order:-1;width:74px;height:14px;border-radius:0 0 40px 40px;border:2px solid #cfd6dc;border-top:0}
.an-bal[data-v="1"] .an-beam .r i{border-color:var(--acc);background:rgba(255,98,31,.18)}
.an-bal[data-v="-1"] .an-beam .l i{border-color:var(--acc);background:rgba(255,98,31,.18)}
.an-fulc{position:absolute;left:50%;top:52px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:34px solid #6c7780;transform:translateX(-50%)}
.an-fulc:after{content:"";position:absolute;left:-28px;top:34px;width:56px;height:4px;border-radius:2px;background:#6c7780}
.an-bal-t{margin:0;min-height:3.2em;color:var(--on-dark-soft)}
.an-bal-t b{display:block;color:#fff;font-size:18px;margin-bottom:2px}

/* 12 дальше */
.an-nx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px}
.an-nx-s{padding:clamp(22px,3vw,36px);border-radius:var(--r-lg);background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.an-nx-s small,.an-nx-r>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.an-nx-s h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.02em}
.an-nx-s p{margin:0}.an-nx-s .soft{color:var(--on-dark-soft)}
.an-nx-r{padding:clamp(22px,3vw,36px);border-radius:var(--r-lg);background:#fff;display:flex;flex-direction:column;gap:12px}
.an-nx-r>p{margin:0}
.an-nx-l{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.an-nx-l button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;transition:border-color .3s,background .3s}
.an-nx-l button:hover{border-color:var(--ink);background:var(--ground)}
.an-nx-l span{font-weight:600;font-size:14.5px}
.an-nx-l em{font-style:normal;font-size:12.5px;color:var(--soft)}

/* 13 статьи */
.an-po{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.an-po-c{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-lg);background:#fff;cursor:pointer;min-height:200px;transition:transform .4s var(--ease)}
.an-po-c:hover{transform:translateY(-4px)}
.an-po-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.an-po-c b{font-size:17px;font-weight:600;line-height:1.3}
.an-po-c span{margin-top:auto;font-size:13px;font-weight:600;color:var(--soft)}

/* 15 финал */
.an-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.an-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.2),transparent 55%)}
.an-fin .t-state{max-width:16em}
.an-fin-s{margin:0;font-size:clamp(18px,1.6vw,23px);color:#fff;font-weight:500}
.an-one{display:flex;flex-direction:column;gap:12px;max-width:820px}
.an-one-c{display:flex;flex-wrap:wrap;gap:6px}
.an-one-c button{font:inherit;font-size:13px;font-weight:600;padding:8px 13px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.an-one-c button:hover{border-color:var(--acc)}
.an-one-c button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.an-one label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1;margin-top:6px}
.an-one-r{display:flex;gap:8px;flex-wrap:wrap}
.an-one-r input{flex:1 1 280px;min-width:0;font:inherit;font-size:17px;padding:16px 18px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.an-one-r input::placeholder{color:#7d8891}
.an-one-r input:focus{outline:2px solid var(--acc);outline-offset:2px}
.an-one-h{margin:0;font-size:14px;color:#8a959e}.an-one-h b{color:#fff}

/* адаптив */
@media (max-width:1100px){
  .an-hero-g,.an-mm-w,.an-out-p,.an-est-w,.an-no,.an-nx{grid-template-columns:minmax(0,1fr)}
  .an-sit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .an-gr{grid-template-columns:minmax(0,1fr)}.an-gr-l{position:static}
  .an-po{grid-template-columns:repeat(2,minmax(0,1fr))}
  .an-sh-note{justify-self:start;text-align:left}
}
@media (max-width:860px){
  .an-ix{grid-template-columns:minmax(0,1fr)}
  .an-ix-t{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
  .an-ix-t button{flex:0 0 auto;border-radius:var(--pill);border:1px solid var(--line);font-size:15px;padding:9px 14px}
  .an-ix-t button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
  .an-ix-t button.is-on:after{display:none}
  .an-dp{display:none}.an-dp-m{display:flex}
  /* evidence table → карточки */
  .an-ev{background:transparent;box-shadow:none;display:flex;flex-direction:column;gap:10px;overflow:visible}
  .an-ev-h{display:none}
  .an-ev-r{grid-template-columns:minmax(0,1fr);background:#fff;border-radius:18px;border:0;box-shadow:0 0 0 1px var(--line)}
  .an-ev-r:last-child{border-bottom:0}
  .an-ev-r>div{border-left:0;border-top:1px dashed var(--line);padding:12px 16px}
  .an-ev-r>div:first-child{border-top:0}
  .an-ev-r>div[data-l]:before{content:attr(data-l);display:block;width:100%;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-bottom:6px}
  .an-ev-r[data-s="0"]>div[data-l]{display:none}
  .an-ev-r[data-s="1"] .an-ev-c,.an-ev-r[data-s="1"] .an-ev-a,.an-ev-r[data-s="2"] .an-ev-a{display:none}
}
@media (max-width:760px){
  .an-facts{grid-template-columns:1fr 1fr}.an-facts div{padding-bottom:10px}
  /* decision fog → вертикальные вопросы */
  .an-fog-f{height:auto;display:flex;flex-direction:column;gap:6px;padding:6px 0;background:none}
  .an-q{position:static;white-space:normal;text-align:left;font-size:16px;filter:blur(1.4px)}
  .an-q.is-on{transform:none}
  .an-mist{display:none}
  .an-sit,.an-pr-g,.an-card-g,.an-pd-f,.an-nx-l,.an-po,.an-est dl{grid-template-columns:minmax(0,1fr)}
  .an-mm{min-height:0;padding:16px 16px 40px}
  .an-nt{display:flex;flex-wrap:wrap;gap:6px}
  .an-nt span{position:static;transform:none;max-width:none}
  .an-mm.is-fold .an-nt{display:none}
  .an-memo{position:static;width:100%;transform:none;opacity:1;display:none}
  .an-mm.is-fold .an-memo{display:block;transform:none}
  .an-memo li{grid-template-columns:minmax(0,1fr);gap:2px}
  .an-toc-h{display:none}
  .an-toc-r{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .an-toc-n{grid-column:1/-1;margin-bottom:6px}
  .an-toc-r>span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:8px;background:var(--ground)}
  .an-toc-r>span:before{content:attr(data-l);font-size:9px;font-weight:700;letter-spacing:0;color:var(--mute);max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .an-toc-r .is-y i{width:22px;height:22px;font-size:12px}
  .an-no-l li{grid-template-columns:minmax(0,1fr);gap:2px}
  .an-dp-f{grid-template-columns:minmax(0,1fr)}
  .an-mt i b{width:18px}
  .an-sh h4{margin-right:20px}
}
@media (prefers-reduced-motion:reduce){
  .an *,.an *:before,.an *:after{animation:none!important;transition:none!important}
}

/* ================= АЙДЕНТИКА (idn-*) ================= */
.idn{--sys:#2f5bd3;--sys-2:#dfe6fb;--steel:#c9ced3;--paper:#fbfaf7}
.idn .t-state{font-size:clamp(28px,3vw,46px)}
.idn .idn-h1{display:block;max-width:12em;font-size:clamp(40px,4.4vw,76px)}
.idn .idn-h1 .muted-word{color:#6c7780}
.idn-sp{max-width:44em;margin:0 0 var(--space-md)}
.idn-demo{margin:14px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6c7780;font-weight:700}
.idn-sh-note{max-width:24em;justify-self:end;text-align:right;margin:0}
.idn-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.idn-tx .soft,.idn-tx .small{margin:0}.idn-tx .pill{align-self:flex-start}
.idn-lk{font:inherit;font-size:13.5px;font-weight:600;background:none;border:0;padding:6px 0;color:inherit;cursor:pointer;border-bottom:1.5px solid currentColor;white-space:nowrap}
.idn-lk:hover{color:var(--acc)}
.idn-mini{font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.idn button:focus-visible,.idn [tabindex]:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.panel.idn-tp-p,.panel.idn-cs-p,.panel.idn-3d-p,.panel.idn-gr-p,.panel.idn-pk-p,.panel.idn-pf-p,.panel.idn-rb{padding:clamp(20.4px,3.2vw,44.8px)}

/* логотип условной компании */
.idn-lg{display:inline-flex;align-items:center;gap:.4em;line-height:1;color:var(--ink);white-space:nowrap}
.idn-lg b{font-family:var(--font);font-weight:700;letter-spacing:.12em;font-size:1em}
.idn-mk{width:1.35em;height:1.35em;flex:0 0 auto;overflow:visible}
.idn-mk .f{fill:var(--sys)}.idn-mk .l{fill:none;stroke:#fff;stroke-width:3}
.idn-lg.inv{color:#fff}.idn-lg.inv .f{fill:#fff}.idn-lg.inv .l{stroke:var(--sys)}
.idn-lg.mono .f{fill:var(--ink)}.idn-lg.mono{color:var(--ink)}
.idn-lg.outline .f{fill:none;stroke:currentColor;stroke-width:1.6}.idn-lg.outline .l{stroke:currentColor;stroke-width:2}
.idn-lg.one{color:var(--sys)}.idn-lg.one .l{stroke:#fff}
.idn-lg.small b{letter-spacing:.08em}
.idn-lg.compact b{display:none}
.idn-lg.raw{gap:.45em}.idn-lg.raw>span{display:flex;flex-direction:column;gap:.1em}
.idn-lg.raw b{font-weight:300;letter-spacing:.24em;background:linear-gradient(90deg,#4f7bf5,#1fb89a);-webkit-background-clip:text;background-clip:text;color:transparent}
.idn-lg.raw small{font-size:.38em;font-weight:300;letter-spacing:.2em;color:#7a8a99;text-transform:uppercase}

/* 01 hero */
.idn-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.idn-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 84% 40%,rgba(255,98,31,.14),transparent 52%)}
.idn-hero-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.idn-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,26px);min-width:0}.idn-hero-l .lead{max-width:30em;margin:0}
.idn-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.idn-facts div{padding:12px 12px 4px 0}
.idn-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:4px}
.idn-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff}
.idn-lab{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:#e9e7e2;color:var(--ink);min-width:0;
  background-image:linear-gradient(rgba(18,22,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,22,26,.05) 1px,transparent 1px);background-size:24px 24px}
.idn-lab-h{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);font-weight:700}
.idn-lab-h span:last-child{color:var(--ink)}
.idn-lab.is-sys .idn-lab-h span:last-child{color:var(--sys)}
.idn-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;touch-action:pan-y;user-select:none}
.idn-c{--c:#b0413e;--ff:serif;--al:left;--pd:10px;--r:4px;position:relative;overflow:hidden;background:#fff;border-radius:var(--r);padding:var(--pd);font-family:var(--ff);text-align:var(--al);display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:0 10px 24px -16px rgba(18,22,26,.4);transition:all .7s var(--ease)}
.idn-c *{transition:all .6s var(--ease)}
.idn-c-site{grid-column:1/9;grid-row:1;min-height:170px}
.idn-c-kp{grid-column:9/13;grid-row:1/4}
.idn-c-card{grid-column:1/4;grid-row:2;min-height:124px}
.idn-c-catalog{grid-column:4/7;grid-row:2}
.idn-c-stand{grid-column:7/9;grid-row:2;padding:0}
.idn-c-email{grid-column:1/9;grid-row:3}
.idn-c{padding-bottom:calc(var(--pd) + 14px)!important}.idn-c-stand{padding-bottom:18px!important}
/* хаос */
.ch-0{--c:#b0413e;--ff:Georgia,serif;--al:center;--pd:14px}
.ch-1{--c:#3b7d4f;--ff:"Courier New",monospace;--pd:8px;--r:0}
.ch-2{--c:#7a4fa0;--ff:"Trebuchet MS",sans-serif;--al:right;--r:14px}
.ch-3{--c:#c08a1e;--ff:"Times New Roman",serif;--pd:6px}
.ch-4{--c:#1f8a9a;--ff:Impact,"Arial Narrow",sans-serif;--r:10px}
.idn-c .c-h{font-size:13px;line-height:1.15;color:var(--c);font-weight:700}
.idn-c small{font-size:9.5px;color:#7a8187}
.idn-c .ln{display:block;height:5px;border-radius:3px;background:#e3e1dc;width:90%}
.idn-c .ln:nth-of-type(2n){width:66%}
.idn-c .c-bar{display:flex;justify-content:space-between;align-items:center;gap:6px}
.idn-c .c-nav{display:flex;gap:4px}.idn-c .c-nav i{width:14px;height:4px;border-radius:2px;background:#d9d6d0}
.idn-c .bt{align-self:flex-start;font-size:9px;font-weight:700;padding:5px 9px;border-radius:20px;background:var(--c);color:#fff}
.ch-0 .bt{align-self:center}.ch-2 .bt{align-self:flex-end}
.idn-c-kp .img{flex:0 0 90px!important}
.idn-c .img{display:block;flex:1;min-height:34px;border-radius:calc(var(--r)/2);background:linear-gradient(135deg,#d7dde2,#aeb8c1)}
.idn-c .tb{display:flex;flex-direction:column;gap:4px}.idn-c .tb i{height:9px;background:repeating-linear-gradient(90deg,#ecebe7 0 40%,#fff 40% 42%);border-bottom:1px solid #e3e1dc}
.idn-c .tot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px}.idn-c .tot b{color:var(--c)}
.idn-c .yr{letter-spacing:.06em;text-transform:uppercase;font-size:8px}
.idn-c-stand .wall{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;background:var(--c);color:#fff;min-height:80px}
.idn-c-stand .wall .c-h{color:#fff;font-size:11px}
.idn-c-stand .scr{display:block;height:16px;margin:0 10px;background:#12161a;border-radius:2px}
.idn-c-stand .cnt{display:block;height:18px;margin:6px 14px 10px;background:#d9d6d0;border-radius:2px}
.idn-c .c-sig{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:6px;border-top:1px solid #eee}
.idn-c .subj{font-weight:700;color:var(--ink)}
.idn-c .lgw{font-size:12px;display:inline-flex}
.idn-c .lg-raw{font-weight:700;color:var(--c);letter-spacing:.02em}
.ch-1 .lg-raw{text-transform:lowercase;font-weight:400}.ch-2 .lg-raw{font-style:italic}.ch-4 .lg-raw{letter-spacing:.2em}
.idn-c-stand .lg-raw{color:#fff}
.idn-c .idn-lg{display:none}
.idn-c-stand .idn-lg,.idn-c-stand .idn-lg b{color:#fff}.idn-c-stand .idn-mk .f{fill:#fff}.idn-c-stand .idn-mk .l{stroke:var(--sys)}
.idn-c .sh{position:absolute;right:0;top:0;width:0;height:0;border-style:solid;border-width:0 18px 18px 0;border-color:transparent var(--ground) transparent transparent;opacity:0}
.idn-c .sh:after{content:"";position:absolute}
.idn-c-n{position:absolute;left:8px;bottom:6px;font-style:normal;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9aa1a7;font-family:var(--font);font-weight:700}
.idn-c-stand .idn-c-n{color:#6c7780}
/* система: шаги */
.u-logo .lg-raw{display:none}.u-logo .idn-c .idn-lg{display:inline-flex}
.u-color .idn-c{--c:var(--sys)}
.u-type .idn-c{--ff:var(--font)}.u-type .idn-c .c-h{font-weight:600;letter-spacing:-.01em}
.u-grid .idn-c{--al:left;--pd:12px;--r:6px}.u-grid .idn-c .bt{align-self:flex-start}.u-grid .idn-c-stand{--pd:0}
.u-shape .idn-c .sh{opacity:1}
.u-shape .idn-c-stand .wall{clip-path:polygon(0 0,82% 0,100% 22%,100% 100%,0 100%)}
.u-shape .idn-c .bt{border-radius:2px 8px 2px 2px}
.idn-st{display:flex;flex-wrap:wrap;gap:6px}
.idn-st button{font:inherit;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:var(--pill);border:1px solid rgba(18,22,26,.18);background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.idn-st button i{font-style:normal;color:var(--mute)}
.idn-st button.is-done{background:var(--sys-2);border-color:transparent}.idn-st button.is-done i{color:var(--sys)}
.idn-st button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.idn-st button.is-on i{color:var(--acc)}
.idn-st-t{margin:0;font-size:14px;color:var(--soft);min-height:2.8em}.idn-st-t b{color:var(--ink)}

/* 02 идея */
.idn-idea{display:flex;flex-direction:column;gap:20px}
.idn-idea .t-state{max-width:17em}
.idn-idea-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.idn-idea-g>div{padding:22px;border-radius:var(--r-lg);background:#fff;display:flex;flex-direction:column;gap:8px}
.idn-idea-g b{font-size:12px;letter-spacing:.08em;color:var(--acc)}
.idn-idea-g h3{font-size:20px}.idn-idea-g p{margin:0}

/* 03 точки контакта */
.idn-tp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.idn-tp li{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:var(--ground);min-width:0}
.js .idn-tp li.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.idn-tp small{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--acc)}
.idn-tp h3{font-size:19px;letter-spacing:-.01em}
.idn-tp p{margin:0;font-size:14px;color:var(--soft)}
.idn-tp-v{position:relative;display:block;height:92px;border-radius:10px;background:#fff;overflow:hidden;margin-bottom:6px}
.idn-tp-v i{position:absolute;display:block}
.v-kp i:nth-child(1){left:22%;top:12px;width:56%;height:80px;background:#fff;box-shadow:0 0 0 1px var(--line),0 8px 16px -10px rgba(0,0,0,.3)}
.v-kp i:nth-child(2){left:28%;top:22px;width:22%;height:6px;background:var(--sys)}
.v-kp i:nth-child(3){left:28%;top:36px;width:44%;height:40px;background:repeating-linear-gradient(#e9e7e2 0 6px,transparent 6px 10px)}
.v-catalog i:nth-child(1){left:14%;top:14px;width:34%;height:66px;background:var(--sys)}
.v-catalog i:nth-child(2){left:50%;top:14px;width:34%;height:66px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.v-catalog i:nth-child(3){left:54%;top:22px;width:26%;height:50px;background:repeating-linear-gradient(90deg,#e3e1dc 0 45%,transparent 45% 55%,#e3e1dc 55%) 0 0/100% 22px}
.v-site i:nth-child(1){left:10%;top:12px;width:80%;height:70px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.v-site i:nth-child(2){left:10%;top:12px;width:80%;height:10px;border-radius:6px 6px 0 0;background:#e9e7e2}
.v-site i:nth-child(3){left:16%;top:32px;width:36%;height:8px;background:var(--ink);box-shadow:0 14px 0 -1px #d9d6d0,0 28px 0 -1px var(--sys)}
.v-expo i:nth-child(1){left:14%;top:10px;width:72%;height:56px;background:var(--sys);clip-path:polygon(0 0,85% 0,100% 25%,100% 100%,0 100%)}
.v-expo i:nth-child(2){left:36%;top:66px;width:28%;height:18px;background:#d9d6d0}
.v-expo i:nth-child(3){left:10%;top:84px;width:80%;height:2px;background:#c9c5bd}
.v-doc i:nth-child(1){left:28%;top:10px;width:44%;height:78px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.v-doc i:nth-child(2){left:32%;top:18px;width:14%;height:6px;background:var(--ink)}
.v-doc i:nth-child(3){left:32%;top:32px;width:36%;height:48px;background:linear-gradient(#999 0 0) 0 0/100% 1px no-repeat,repeating-linear-gradient(#fff 0 7px,#ddd 7px 8px)}
.v-plant i:nth-child(1){left:8%;top:34px;width:84%;height:52px;background:#bfc6cc;clip-path:polygon(0 30%,25% 0,25% 30%,50% 0,50% 30%,75% 0,75% 30%,100% 30%,100% 100%,0 100%)}
.v-plant i:nth-child(2){left:60%;top:56px;width:24%;height:14px;background:var(--sys)}
.v-plant i:nth-child(3){left:16%;top:60px;width:10px;height:26px;background:#8a9299}
.v-mail i:nth-child(1){left:12%;top:14px;width:76%;height:66px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.v-mail i:nth-child(2){left:18%;top:24px;width:50%;height:30px;background:repeating-linear-gradient(#e3e1dc 0 5px,transparent 5px 10px)}
.v-mail i:nth-child(3){left:18%;top:62px;width:10px;height:10px;background:var(--sys);box-shadow:16px 2px 0 -2px var(--ink)}
.v-deck i:nth-child(1){left:12%;top:16px;width:76%;height:58px;background:var(--ink)}
.v-deck i:nth-child(2){left:18%;top:28px;width:34%;height:8px;background:#fff}
.v-deck i:nth-child(3){left:58%;top:24px;width:24%;height:42px;background:var(--sys);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}

/* 04 carrier shift */
.idn-cs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.34fr);grid-template-rows:auto 1fr;gap:14px 24px}
.idn-cs-t{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.idn-cs-t button{font:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.idn-cs-t button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.idn-cs-st{min-height:420px;display:grid;place-items:center;padding:clamp(14px,2vw,28px);border-radius:18px;background:#e9e7e2;overflow:hidden}
.idn-cs-st.is-go .bs{animation:idnIn .55s var(--ease)}
@keyframes idnIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.idn-dna{display:flex;flex-direction:column;gap:6px;align-self:start}
.idn-dna li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 10px;padding:12px;border-radius:12px;border:1px solid var(--line-d);cursor:default}
.idn-dna li i{grid-row:span 2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;background:var(--acc);color:#fff}
.idn-dna b{font-size:15px}.idn-dna small{font-size:12.5px;color:#8a959e}
.idn-dna li:hover,.idn-dna li:focus{border-color:var(--acc)}
/* ДНК-метки */
.dn{position:relative;display:contents}
.is-dna .dn>*{outline:1.5px dashed var(--acc);outline-offset:3px}
.idn-cs[data-n] .dn>*{outline-color:transparent}
.idn-cs[data-n="1"] .dn[data-dna="1"]>*,.idn-cs[data-n="2"] .dn[data-dna="2"]>*,.idn-cs[data-n="3"] .dn[data-dna="3"]>*,.idn-cs[data-n="4"] .dn[data-dna="4"]>*,.idn-cs[data-n="5"] .dn[data-dna="5"]>*{outline:2px solid var(--acc);outline-offset:3px}
/* носители */
.bs{position:relative;width:100%;max-width:640px;background:#fff;color:var(--ink);font-family:var(--font);box-shadow:0 30px 60px -34px rgba(18,22,26,.5);overflow:hidden}
.bs h5{margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.015em;line-height:1.15}
.bs .idn-lg{font-size:15px}
.bs .lnp{margin:0;display:flex;flex-direction:column;gap:6px}.bs .lnp i{display:block;height:6px;border-radius:3px;background:#e3e1dc;width:80%}.bs .lnp i+i{width:56%}
.bs .cham{position:absolute;right:0;top:0;width:38px;height:38px;background:linear-gradient(225deg,#e9e7e2 50%,transparent 50%)}
.bs .obj{display:block;width:100%;height:100%;background:radial-gradient(circle at 42% 38%,#eef1f4,#9aa6b1 58%,#6b7682);border-radius:44% 44% 10% 10%/30% 30% 10% 10%;clip-path:polygon(18% 12%,70% 12%,70% 30%,92% 30%,92% 58%,70% 58%,70% 88%,86% 88%,86% 100%,6% 100%,6% 88%,18% 88%)}
.bs-kp{padding:26px 28px;display:flex;flex-direction:column;gap:16px;min-height:360px}
.bs-kp header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid var(--sys)}
.bs-kp header small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.tbl{display:flex;flex-direction:column}
.tbl .th,.tbl .tr{display:grid;grid-template-columns:2fr .7fr 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #ecebe7}
.tbl .th b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.tbl .tr i{display:block;height:7px;border-radius:3px;background:#e3e1dc;width:var(--w,70%)}
.bs-kp footer,.bs-doc footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mute)}
.bs .acc{font-weight:600;color:#fff;background:var(--sys);padding:6px 12px;border-radius:2px 10px 2px 2px}
.bs-site{display:flex;flex-direction:column;min-height:380px}
.bs-site .brw{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#ecebe7}.bs-site .brw i{width:8px;height:8px;border-radius:50%;background:#cfccc6}.bs-site .brw em{margin-left:10px;font-style:normal;font-size:11px;color:var(--mute)}
.bs-site header{display:flex;align-items:center;gap:16px;padding:14px 22px}
.bs-site nav{display:flex;gap:10px;margin-left:auto}.bs-site nav i{width:36px;height:5px;border-radius:3px;background:#dcd9d3}
.bs-site .btn{font-size:11.5px;font-weight:600;padding:7px 12px;background:var(--sys);color:#fff;border-radius:2px 10px 2px 2px}
.bs-site .btn.o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);align-self:flex-start}
.bs-site .bs-hero{padding:18px 22px 0;display:flex;flex-direction:column;gap:12px;max-width:58%}
.bs-site .pic{position:absolute;right:22px;top:92px;width:34%;height:190px;background:var(--sys-2);clip-path:polygon(0 0,80% 0,100% 18%,100% 100%,0 100%);padding:22px 30px}
.bs-site .cards{margin:auto 22px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bs-site .cards i{height:46px;background:#f2f1ee;border-top:3px solid var(--sys)}
.bs-cat{display:grid;grid-template-columns:1fr 1.3fr;min-height:360px;background:#f2f1ee;gap:3px}
.bs-cat .pg1{position:relative;background:var(--sys);color:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}
.bs-cat .pg1 small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.bs-cat .pg1 .band{display:block;position:absolute;left:0;top:0;width:100%;height:8px;background:#fff;opacity:.25}
.bs-cat .pg1 .idn-lg{margin-top:auto}
.bs-cat .pg2{position:relative;background:#fff;padding:20px}
.bs-cat .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bs-cat .bs-it{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #ecebe7}
.bs-cat .bs-it .obj{height:70px;width:70%;margin:0 auto}
.bs-cat .bs-it b{display:block;height:7px;width:70%;background:var(--ink);border-radius:2px}
.bs-cat .ic{display:flex;gap:4px}.bs-cat .ic i{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--sys)}
.bs-expo{min-height:380px;background:linear-gradient(#e2dfd9 0 78%,#cfcbc3 78%);display:block;box-shadow:none}
.bs-expo .wall{position:absolute;left:8%;top:10%;width:56%;height:58%;background:var(--sys);clip-path:polygon(0 0,86% 0,100% 16%,100% 100%,0 100%);padding:26px;display:flex;flex-direction:column;gap:16px;color:#fff}
.bs-expo .wall .idn-lg{font-size:22px}.bs-expo .wall h5{color:#fff;font-size:clamp(20px,2.2vw,30px);max-width:9em}
.bs-expo .side{position:absolute;left:66%;top:10%;width:24%;height:58%;background:#fff;clip-path:polygon(0 0,100% 12%,100% 100%,0 100%)}
.bs-expo .scr{position:absolute;left:70%;top:22%;width:16%;height:22%;background:var(--ink);padding:6px}
.bs-expo .scr .obj{height:100%}
.bs-expo .desk{position:absolute;left:30%;top:62%;width:26%;height:20%;background:#fff;box-shadow:inset 0 5px 0 var(--sys)}
.bs-expo .flr{position:absolute;left:4%;right:4%;top:84%;height:6%;background:repeating-linear-gradient(90deg,#c4c0b8 0 40px,#bdb9b1 40px 80px)}
.bs-doc{padding:24px 28px;display:flex;flex-direction:column;gap:14px;min-height:380px;filter:grayscale(1)}
.bs-doc header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--ink)}
.bs-doc header small{font-size:11px;color:var(--mute)}
.bs-doc .twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
.bs-doc .tbl .tr{grid-template-columns:1.4fr 1fr}.bs-doc .tbl .tr i:nth-child(3){display:none}
.bs-doc .draw{position:relative;border:1px solid #bbb;padding:14px;background:repeating-linear-gradient(0deg,transparent 0 11px,#eee 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,#eee 11px 12px)}
.bs-doc .draw .obj{height:120px;filter:contrast(.9)}
.bs-doc .draw em{position:absolute;right:8px;bottom:4px;font-size:10px;font-style:normal;color:#777}
.bs-doc .rule{display:block;width:80px;height:3px;background:var(--ink)}

/* 05 3D */
.idn-3d-p{isolation:isolate}
.idn-3d-p:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 50%,rgba(255,255,255,.06),transparent 60%)}
.idn-3d-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.idn-3d-m{display:flex;flex-direction:column;gap:4px}
.idn-3d-m button{display:flex;align-items:center;gap:12px;font:inherit;font-size:16px;font-weight:600;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:#aeb8c1;cursor:pointer;position:relative}
.idn-3d-m button i{font-style:normal;font-size:11px;font-weight:700;color:#6c7780;letter-spacing:.06em}
.idn-3d-m button:after{content:"";position:absolute;left:24px;top:100%;width:1px;height:4px;background:var(--line-d)}
.idn-3d-m button:last-child:after{display:none}
.idn-3d-m button.is-on{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff}.idn-3d-m button.is-on i{color:var(--acc)}
.idn-3d-t{margin:0;min-height:3em;color:var(--on-dark-soft)}.idn-3d-t b{color:#fff}
.idn-3d{position:relative;border-radius:20px;min-height:460px;overflow:hidden;cursor:grab;touch-action:pan-y;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;transition:background .6s}
.idn-3d.is-drag{cursor:grabbing}
.idn-3d-sc{position:relative;display:grid;place-items:center;min-height:380px;grid-row:2}
.idn-3d-v{position:relative;width:300px;height:300px;perspective:900px;display:grid;place-items:center}
.idn-obj{--ry:-32deg;position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(var(--ry))}
.g3{position:absolute;left:0;top:0;transform-style:preserve-3d}
.g3 i{position:absolute;left:0;top:0;display:block;backface-visibility:hidden;transition:background .5s,border-color .5s}
.idn-3d-sh{position:absolute;left:50%;top:78%;width:240px;height:40px;margin-left:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.35),transparent);opacity:0;transition:opacity .5s}
.idn-3d-dim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}
.idn-3d-dim path{fill:none;stroke:#9ec2ff;stroke-width:1}
.idn-3d-dim text{fill:#9ec2ff;font:600 12px var(--font)}
/* режимы */
.idn-3d[data-mode="blue"]{background:#16325f;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px}
.idn-3d[data-mode="blue"] .g3 i{background:transparent;border:1px solid rgba(190,215,255,.7);backface-visibility:visible}
.idn-3d[data-mode="blue"] .g3 .cap{border-radius:50%}
.idn-3d[data-mode="blue"] .idn-3d-dim{opacity:1}
.idn-3d[data-mode="clay"]{background:#2a3036}
.idn-3d[data-mode="clay"] .g3 .fc{background:hsl(210 6% calc(40% + var(--l,.5)*35%));border:.5px solid rgba(0,0,0,.25)}
.idn-3d[data-mode="clay"] .g3 .cap{background:#c7ccd0;border:.5px solid rgba(0,0,0,.25)}
.idn-3d[data-mode="clay"] .g3 .cap.b{background:#6d747b}
.g3 .cap{border-radius:50%}
.g3:first-child .cap{border-radius:2px}
.idn-3d[data-mode="render"],.idn-3d[data-mode="web"],.idn-3d[data-mode="cat"]{background:radial-gradient(ellipse at 50% 35%,#f4f3f0,#d6d3cd 75%)}
.idn-3d[data-mode="render"] .g3 .fc,.idn-3d[data-mode="web"] .g3 .fc,.idn-3d[data-mode="cat"] .g3 .fc{background:linear-gradient(180deg,hsl(212 10% calc(30% + var(--l,.5)*52%)),hsl(212 12% calc(22% + var(--l,.5)*44%)))}
.idn-3d .motor .fc{--h:216}
.idn-3d[data-mode="render"] .motor .fc,.idn-3d[data-mode="web"] .motor .fc,.idn-3d[data-mode="cat"] .motor .fc{background:linear-gradient(180deg,hsl(224 58% calc(26% + var(--l,.5)*38%)),hsl(224 62% calc(20% + var(--l,.5)*30%)))}
.idn-3d[data-mode="render"] .g3 .cap,.idn-3d[data-mode="web"] .g3 .cap,.idn-3d[data-mode="cat"] .g3 .cap{background:radial-gradient(circle at 40% 35%,#f1f3f5,#a9b2ba)}
.idn-3d[data-mode="render"] .motor .cap,.idn-3d[data-mode="web"] .motor .cap,.idn-3d[data-mode="cat"] .motor .cap{background:radial-gradient(circle at 40% 35%,#6f8fe0,#2a4aa8)}
.idn-3d[data-mode="render"] .g3 .cap.b,.idn-3d[data-mode="web"] .g3 .cap.b,.idn-3d[data-mode="cat"] .g3 .cap.b{background:#6d747b}
.idn-3d[data-mode="render"] .idn-3d-sh,.idn-3d[data-mode="web"] .idn-3d-sh,.idn-3d[data-mode="cat"] .idn-3d-sh{opacity:1}
/* сайт и каталог */
.idn-3d-fr{grid-row:1;display:none;flex-direction:column}
.idn-3d-fr .brw{display:flex;align-items:center;gap:5px;padding:9px 14px;background:#e3e0da}.idn-3d-fr .brw i{width:8px;height:8px;border-radius:50%;background:#c6c2bb}.idn-3d-fr .brw em{margin-left:10px;font-style:normal;font-size:11px;color:#7a8187}
.idn-3d-fr .cat-h{display:flex;flex-direction:column;gap:2px;padding:16px 20px 0;color:var(--ink)}
.idn-3d-fr .cat-h small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.idn-3d-fr .cat-h b{font-size:22px;font-weight:600}
.idn-3d-side{display:none;position:absolute;right:20px;top:120px;width:36%;flex-direction:column;gap:12px;color:var(--ink)}
.idn-3d-side .btn{align-self:flex-start;font-size:12px;font-weight:600;padding:8px 14px;background:var(--sys);color:#fff;border-radius:2px 10px 2px 2px}
.idn-3d-side dl{margin:0;display:flex;flex-direction:column}
.idn-3d-side dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(18,22,26,.12);font-size:12.5px}
.idn-3d-side dt{color:var(--soft)}.idn-3d-side dd{margin:0;flex:0 0 40%}.idn-3d-side dd i{display:block;height:7px;border-radius:3px;background:rgba(18,22,26,.14);margin-top:5px}
.idn-3d[data-mode="web"] .idn-3d-fr,.idn-3d[data-mode="cat"] .idn-3d-fr{display:flex}
.idn-3d[data-mode="cat"] .idn-3d-fr .brw{display:none}
.idn-3d[data-mode="web"] .idn-3d-fr .cat-h small{display:none}
.idn-3d[data-mode="web"],.idn-3d[data-mode="cat"]{background:#f7f6f3}
.idn-3d[data-mode="web"] .idn-3d-side{display:flex}.idn-3d[data-mode="web"] .idn-3d-side dl{display:none}
.idn-3d[data-mode="cat"] .idn-3d-side{display:flex}.idn-3d[data-mode="cat"] .idn-3d-side .btn{display:none}
.idn-3d[data-mode="web"] .idn-3d-sc,.idn-3d[data-mode="cat"] .idn-3d-sc{justify-items:start;padding-left:4%}
.idn-3d[data-mode="web"] .idn-3d-v,.idn-3d[data-mode="cat"] .idn-3d-v{transform:scale(.8)}
.idn-3d[data-mode="cat"]:after{content:"";position:absolute;right:0;top:0;width:44px;height:44px;background:linear-gradient(225deg,var(--ink) 50%,transparent 50%)}
.idn-3d-c{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:6px;z-index:3}
.idn-rot{width:36px;height:36px;border-radius:50%;border:1px solid rgba(18,22,26,.2);background:rgba(255,255,255,.8);color:var(--ink);font-size:16px;cursor:pointer}
.idn-3d[data-mode="blue"] .idn-rot,.idn-3d[data-mode="clay"] .idn-rot{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
.idn-3d-c small{font-size:11.5px;color:var(--mute)}
.idn-3d[data-mode="blue"] .idn-3d-c small,.idn-3d[data-mode="clay"] .idn-3d-c small{color:#aeb8c1}

/* 06 грамматика */
.idn-gr{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:clamp(16px,2.6vw,36px);align-items:start}
.idn-gr-k{display:grid;grid-template-columns:1fr;gap:6px}
.idn-gr-k button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font:inherit;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:all .3s}
.idn-gr-k b{font-size:13px;letter-spacing:.12em}.idn-gr-k small{font-size:12.5px;color:var(--soft)}
.idn-gr-k button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.idn-gr-k button.is-on small{color:#aeb8c1}.idn-gr-k button.is-on b{color:var(--acc)}
.idn-gr-l{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:14px;align-items:end}
.idn-lay{position:relative;border-radius:6px;overflow:visible;background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 40px -30px rgba(18,22,26,.4)}
.idn-lay .lt{position:absolute;left:2px;bottom:-26px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.idn-lay .gp{position:absolute;inset:0;transition:opacity .5s var(--ease),transform .6s var(--ease),filter .4s;transition-delay:calc(var(--i)*.08s)}
.idn-gr-l:not(.is-built) .gp{opacity:0;transform:translateY(18px) scale(.96)}
.idn-gr-l:not(.is-built) .lgw{opacity:0}
.idn-lay .lgw{position:absolute;transition:opacity .5s .5s}
.idn-gr-l[data-g]:not([data-g=""]) .gp{opacity:.32;filter:grayscale(.8)}
.idn-gr-l[data-g="grid"] .gl{background:repeating-linear-gradient(90deg,rgba(255,98,31,.55) 0 1.5px,transparent 1.5px 25%);opacity:1}
.idn-gr-l[data-g="type"] .gp[data-g="type"] .h1,.idn-gr-l[data-g="icon"] .gp[data-g="icon"] .ics,.idn-gr-l[data-g="image"] .gp[data-g="image"] .obj,.idn-gr-l[data-g="shape"] .gp[data-g="shape"] .cham{outline:2px dashed var(--acc);outline-offset:3px}
.idn-gr-l[data-g="type"] .gp[data-g="type"],.idn-gr-l[data-g="color"] .gp[data-g="color"],.idn-gr-l[data-g="grid"] .gp[data-g="grid"],.idn-gr-l[data-g="shape"] .gp[data-g="shape"],.idn-gr-l[data-g="image"] .gp[data-g="image"],.idn-gr-l[data-g="icon"] .gp[data-g="icon"]{opacity:1;filter:none}
.idn-lay .gl{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(47,91,211,.12) 0 1px,transparent 1px 25%);opacity:.8}
.idn-lay .cham{position:absolute;right:0;top:0;width:44px;height:44px;background:linear-gradient(225deg,var(--acc) 0 0);clip-path:polygon(0 0,100% 100%,100% 0);background:#e9e7e2}
.idn-lay .h1{position:absolute;font-family:var(--font);font-weight:600;letter-spacing:-.015em;line-height:1.1}
.idn-lay .obj{position:absolute;display:block;background:radial-gradient(circle at 42% 38%,#eef1f4,#9aa6b1 58%,#6b7682);clip-path:polygon(18% 12%,70% 12%,70% 30%,92% 30%,92% 58%,70% 58%,70% 88%,86% 88%,86% 100%,6% 100%,6% 88%,18% 88%)}
.idn-lay .ics{position:absolute;display:flex;gap:6px}.idn-lay .ics i{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--sys)}
.l-roll{aspect-ratio:1/2.1}
.l-roll .bg{position:absolute;left:0;right:0;top:0;height:46%;background:var(--sys);clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.l-roll .h1{left:12%;right:12%;top:52%;font-size:clamp(15px,1.4vw,21px);color:var(--ink)}
.l-roll .obj{left:22%;width:56%;top:12%;height:30%}
.l-roll .ics{left:12%;bottom:14%}
.l-roll .lgw{left:12%;top:5%;font-size:12px}
.l-roll .cham{background:#fff}
.l-sheet{aspect-ratio:1/1.41}
.l-sheet .lgw{left:8%;top:6%;font-size:12px}
.l-sheet .h1{left:8%;top:15%;font-size:clamp(14px,1.3vw,19px)}
.l-sheet .g-t2{position:absolute;left:8%;top:26%;width:46%;display:flex;flex-direction:column;gap:6px}.l-sheet .g-t2 i{height:6px;border-radius:3px;background:#e3e1dc}
.l-sheet .obj{right:8%;top:24%;width:32%;height:30%}
.l-sheet .ics{left:8%;top:44%}
.l-sheet .c-bar{position:absolute;left:8%;right:8%;top:60%;height:4px;background:var(--sys);box-shadow:0 18px 0 -1.5px #e3e1dc,0 34px 0 -1.5px #e3e1dc,0 50px 0 -1.5px #e3e1dc,0 66px 0 -1.5px #e3e1dc}
.l-post{aspect-ratio:1/1}
.l-post .bg{position:absolute;inset:0;background:var(--ink)}
.l-post .obj{right:6%;bottom:8%;width:46%;height:52%;z-index:1}
.l-post .h1{left:8%;top:30%;width:52%;font-size:clamp(15px,1.5vw,22px);color:#fff}
.l-post .ics{left:8%;bottom:10%}.l-post .ics i{border-color:#fff}
.l-post .lgw{left:8%;top:8%;font-size:12px}
.l-post .gp[data-g="image"]{z-index:1}.l-post .gp[data-g="type"],.l-post .gp[data-g="icon"],.l-post .gp[data-g="shape"]{z-index:2}
.l-post .cham{background:var(--acc)}
.l-roll .gp[data-g="color"]{z-index:0}.l-roll .gp[data-g="image"],.l-roll .gp[data-g="type"],.l-roll .gp[data-g="icon"]{z-index:1}.l-roll .lgw,.l-sheet .lgw,.l-post .lgw{z-index:3}

/* 07 stress test */
.idn-ls-w{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.idn-seg{display:flex;flex-wrap:wrap;gap:6px}
.idn-seg button{font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink)}
.idn-seg button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.idn-ls{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);min-width:0}
.idn-ls-s{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.idn-ls-s button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.idn-ls-s .vd{width:8px;height:8px;border-radius:50%;background:#1fae6a}
.idn-ls-s button[data-r="adapt"] .vd{background:#e8a317}
.idn-ls-s button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.idn-ls-st{height:260px;border-radius:14px;overflow:hidden;background:var(--ground);display:grid;place-items:center;position:relative}
.idn-ls-v{margin:0;padding:12px 14px;border-radius:12px;display:flex;flex-direction:column;gap:2px;min-height:3.8em}
.idn-ls-v b{font-size:16px}
.idn-ls-v.ok{background:rgba(31,174,106,.1)}.idn-ls-v.ok b{color:#16784a}
.idn-ls-v.adapt{background:rgba(232,163,23,.14)}.idn-ls-v.adapt b{color:#8a5a00}
.st-stand{position:absolute;inset:0;background:linear-gradient(#dcd9d2 0 80%,#c9c5bd 80%)}
.st-stand .wall{position:absolute;left:12%;right:12%;top:10%;height:62%;background:var(--sys);display:grid;place-items:center;font-size:clamp(28px,4vw,52px)}
.st-stand .idn-lg.raw b{background:linear-gradient(90deg,#fff,#c6f3e8);-webkit-background-clip:text;background-clip:text}
.st-stand .idn-lg.raw small{color:#dfe7ff}
.st-stand .ppl i{position:absolute;bottom:14%;width:18px;height:56px;border-radius:9px 9px 2px 2px;background:#6c7780}.st-stand .ppl i:first-child{left:30%}.st-stand .ppl i:last-child{left:62%;height:50px}
.st-fav{display:flex;flex-direction:column;align-items:center;gap:14px}
.st-fav .tab{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:13px}
.st-fav .fv{display:inline-grid;place-items:center;width:16px;height:16px;overflow:hidden;font-size:8px}
.st-fav .fv .idn-lg.raw{font-size:6px;transform:scale(.9)}
.st-fav .fv .idn-lg.mark{font-size:12px}
.st-fav .tab.sm .fv{width:32px;height:32px;font-size:14px}.st-fav .tab.sm .fv .idn-lg.mark{font-size:23px}.st-fav .tab.sm .fv .idn-lg.raw{font-size:9px}
.st-fav small{font-size:12px;color:var(--mute)}
.st-bw .paper,.st-doc .paper{width:220px;height:230px;background:#fff;box-shadow:0 12px 30px -18px rgba(0,0,0,.4);padding:22px;display:flex;flex-direction:column;gap:10px}
.st-bw{filter:grayscale(1) contrast(1.05)}
.st-bw .paper .idn-lg{font-size:20px}
.ln{display:block;height:6px;border-radius:3px;background:#e3e1dc}.ln.s{width:60%}
.st-engr .plate{width:280px;padding:22px;border-radius:6px;background:linear-gradient(135deg,#d3d7db,#9ca4ab 60%,#c3c8cc);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 20px -12px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:10px;color:#4b5258;font-size:24px}
.st-engr .idn-lg{color:#4b5258;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.st-engr .idn-lg.raw{filter:grayscale(1) blur(.6px) drop-shadow(0 1px 0 rgba(255,255,255,.6));opacity:.8}
.st-engr small{font-size:11px;letter-spacing:.08em}
.st-doc .paper header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #ccc;font-size:9px}
.st-doc .paper header .ln{width:40%}
.st-mob .m-ph{width:200px;height:230px;border-radius:24px;background:#fff;box-shadow:0 0 0 6px var(--ink),0 20px 40px -20px rgba(0,0,0,.5);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.st-mob header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px;padding-bottom:8px;border-bottom:1px solid #eee;white-space:nowrap}
.st-mob header .idn-lg.raw{font-size:15px}
.st-mob .bg{font-size:15px}
.st-one{position:absolute;inset:0;display:grid;place-items:center;background:#fff;font-size:44px}
.st-one .one-raw .idn-lg{filter:grayscale(1) sepia(1) hue-rotate(185deg) saturate(3)}

/* 08 продукты */
.idn-grp{display:grid;grid-template-columns:minmax(0,.26fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);padding-block:clamp(22px,3vw,36px);border-top:1px solid var(--line)}
.idn-grp-l{display:flex;flex-direction:column;gap:8px}
.idn-grp-l span{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--acc)}
.idn-grp-l h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.02em}.idn-grp-l p{margin:0}
.idn-grp-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
.idn-pr{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:4px 22px 4px 4px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.idn-pr header{display:flex;flex-direction:column;gap:4px}
.idn-pr h4{font-size:19px;font-weight:600;letter-spacing:-.015em}
.idn-pr-p{margin:0;font-size:clamp(24px,2vw,30px);font-weight:700;letter-spacing:-.02em}
.idn-pr ul{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--soft)}
.idn-pr li{padding-left:16px;position:relative}.idn-pr li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--acc);clip-path:polygon(0 0,60% 0,100% 40%,100% 100%,0 100%)}
.idn-pr-n{margin:0;font-size:13px;padding:10px 12px;border-radius:10px;background:rgba(255,98,31,.08);color:var(--ink)}
.idn-pr footer{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;border-top:1px dashed var(--line)}
.idn-pr.is-main{grid-column:1/-1;background:var(--ink);color:#fff;box-shadow:none}
.idn-pr-b{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:6px;background:var(--acc);color:#fff}
.idn-pr.is-main footer{border-color:var(--line-d)}
.idn-pr.is-main .idn-pr-n{background:rgba(255,98,31,.14);color:#fff}
.idn-chips{flex-direction:row!important;flex-wrap:wrap;gap:6px!important}
.idn-chips li{padding:5px 11px!important;border-radius:var(--pill);border:1px solid var(--line-d);color:#dfe4e8;font-size:13.5px}.idn-chips li:before{display:none}
.idn-pr.is-hl{animation:idnHl 1.6s var(--ease)}
@keyframes idnHl{20%,60%{box-shadow:0 0 0 3px var(--acc)}}
.idn-ex{display:grid;grid-template-columns:minmax(0,.26fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);padding-top:clamp(22px,3vw,36px);border-top:1px solid var(--line)}
.idn-ex small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}.idn-ex p{margin:6px 0 0}
.idn-ex ul{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}
.idn-ex li{font-size:13.5px;padding:7px 12px;border-radius:var(--pill);border:1px dashed rgba(18,22,26,.25)}
.idn-pk-f{margin:22px 0 0}

/* 09 proof sheet */
.idn-pf-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.idn-proc{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.idn-proc li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 8px;padding:9px 0;border-top:1px solid var(--line-d)}
.idn-proc i{grid-row:span 2;font-style:normal;font-size:11px;font-weight:700;color:var(--acc);padding-top:3px}
.idn-proc b{font-size:14.5px}.idn-proc small{font-size:12.5px;color:#8a959e}
.idn-pf{position:relative;padding:18px;border-radius:14px;background:#f1efea;color:var(--ink);display:flex;flex-direction:column;gap:12px;overflow:hidden}
.idn-pf header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.idn-pf header small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--soft)}
.idn-pf .idn-mini{border-color:var(--line);color:var(--ink)}
.idn-pf-f{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.idn-pf-c{position:relative;display:flex;flex-direction:column;gap:3px;padding:8px;background:#fff;border-radius:4px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .4s}
.idn-pf-c .fr{display:grid;place-items:center;aspect-ratio:1;border-radius:3px;background:var(--ground);margin-bottom:6px;overflow:hidden;font-size:11px}
.idn-pf-c .fr-0{background:#fff;box-shadow:inset 0 10px 0 #e9e7e2}
.idn-pf-c .fr-1{filter:grayscale(1)}
.idn-pf-c .fr-2{background:#fff;box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 7px #ccc}
.idn-pf-c .fr-3{background:var(--sys)}.idn-pf-c .fr-3 .idn-lg{color:#fff}.idn-pf-c .fr-3 .f{fill:#fff}.idn-pf-c .fr-3 .l{stroke:var(--sys)}
.idn-pf-c .fr-4 .idn-lg{font-size:5px}
.idn-pf-c .fr-4 .idn-mk .l{stroke-width:4.5}
.idn-pf-c small{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--mute)}
.idn-pf-c b{font-size:12.5px}
.idn-pf-c .stp{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.idn-pf-c.is-ok .stp{transform:scale(1);background:#1fae6a}.idn-pf-c.is-ok .stp:after{content:"✓"}
.idn-pf-c.is-bad .stp{transform:scale(1);background:#e2493b}.idn-pf-c.is-bad .stp:after{content:"!"}
.idn-pf-c.is-fix .stp{transform:scale(1);background:#e8a317}.idn-pf-c.is-fix .stp:after{content:"↻"}
.idn-pf-c.is-bad{box-shadow:0 0 0 2px #e2493b}.idn-pf-c.is-fix{box-shadow:0 0 0 2px #e8a317}
.idn-pf-c.is-fix .fr-4 .idn-lg b,.idn-pf-c.is-ok .fr-4 .idn-lg b{display:none}
.idn-pf-c.is-fix .fr-4 .idn-lg,.idn-pf-c.is-ok .fr-4 .idn-lg{font-size:16px}
.idn-pf-s{margin:0;font-size:14px;font-weight:600;min-height:1.4em}
.idn-ready{position:absolute;right:22px;bottom:14px;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1fae6a;border:2.5px solid #1fae6a;padding:6px 12px;border-radius:6px;transform:rotate(-6deg) scale(1.6);opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.idn-pf.is-ready .idn-ready{opacity:1;transform:rotate(-6deg)}

/* 10 передача */
.idn-hd{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.idn-tree{padding:22px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);font-size:14px}
.idn-tree-h{margin:0 0 10px}.idn-tree-h b{font-family:ui-monospace,Menlo,monospace;font-size:14px}
.idn-tree ul{display:flex;flex-direction:column;border-left:1.5px dashed rgba(18,22,26,.2);margin-left:6px}
.idn-tree li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:2px 14px;padding:10px 0 10px 18px;position:relative;border-bottom:1px dashed var(--line)}
.js .idn-tree li.rv{transition:opacity .7s var(--ease) var(--d),transform .7s var(--ease) var(--d)}
.idn-tree li:before{content:"";position:absolute;left:0;top:20px;width:12px;border-top:1.5px dashed rgba(18,22,26,.2)}
.idn-tree .fd{grid-row:span 2;font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:600;color:var(--sys)}
.idn-tree small{color:var(--soft)}

/* 11 ребрендинг */
.idn-rb{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px)}
.idn-rb>div{display:flex;flex-direction:column;gap:16px}
.idn-rb-l{display:flex;flex-wrap:wrap;gap:6px}
.idn-rb-l li{font-size:14.5px;padding:9px 14px;border-radius:var(--pill);border:1px solid var(--line-d)}
.idn-no{display:flex;flex-direction:column;gap:10px}
.idn-no article{padding:18px;border-radius:16px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.idn-no h3{font-size:18px}.idn-no p{margin:0}

/* 12 связи */
.idn-nx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:stretch}
.idn-nx>div:first-child{padding:clamp(22px,3vw,34px);border-radius:var(--r-lg);background:#fff;display:flex;flex-direction:column;gap:10px}
.idn-nx small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.idn-nx h3{font-size:clamp(22px,2vw,28px)}.idn-nx p{margin:0}
.idn-nx-l{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.idn-nx-l button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left;padding:14px 16px;border-radius:14px;border:0;background:#fff;color:var(--ink);cursor:pointer;transition:transform .3s var(--ease)}
.idn-nx-l button:hover{transform:translateY(-3px)}
.idn-nx-l span{font-weight:600}.idn-nx-l em{font-style:normal;font-size:12.5px;color:var(--soft)}

/* 14 финал */
.idn-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.idn-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.2),transparent 55%)}
.idn-fin .t-state{max-width:16em}
.idn-fin-s{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--on-dark-soft);max-width:36em}
.idn-one{display:flex;flex-direction:column;gap:12px;max-width:820px}
.idn-one-c{display:flex;flex-wrap:wrap;gap:6px}
.idn-one-c button{font:inherit;font-size:13px;font-weight:600;padding:8px 13px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.idn-one-c button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.idn-one label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1;margin-top:6px}
.idn-one-r{display:flex;gap:8px;flex-wrap:wrap}
.idn-one-r input{flex:1 1 280px;min-width:0;font:inherit;font-size:17px;padding:16px 18px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.idn-one-r input::placeholder{color:#7d8891}
.idn-one-r input:focus{outline:2px solid var(--acc);outline-offset:2px}

/* адаптив */
@media (max-width:1100px){
  .idn-hero-g,.idn-3d-g,.idn-ls-w,.idn-pf-g,.idn-hd,.idn-rb,.idn-nx{grid-template-columns:minmax(0,1fr)}
  .idn-tp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .idn-cs{grid-template-columns:minmax(0,1fr)}.idn-dna{flex-direction:row;flex-wrap:wrap}.idn-dna li{flex:1 1 180px}
  .idn-grp,.idn-ex{grid-template-columns:minmax(0,1fr)}
  .idn-sh-note{justify-self:start;text-align:left}
}
@media (max-width:760px){
  .idn-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .idn-board .idn-c{grid-column:auto;grid-row:auto;min-height:130px}
  .idn-board .idn-c-site,.idn-board .idn-c-email{grid-column:1/-1}
  .idn-board .idn-c-kp .img{flex:0 0 40px!important}
  .idn-idea-g,.idn-tp,.idn-nx-l,.idn-proc{grid-template-columns:minmax(0,1fr)}
  .idn-cs-t{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .idn-cs-t button{flex:0 0 auto}
  .idn-cs-st{min-height:0;padding:10px}
  .bs-site .bs-hero{max-width:100%}.bs-site .pic{display:none}.bs-site nav{display:none}
  .bs-cat{grid-template-columns:minmax(0,1fr)}
  .bs-doc .twocol{grid-template-columns:minmax(0,1fr)}
  .bs-expo{min-height:260px}.bs-expo .wall{padding:14px;gap:8px}.bs-expo .wall .idn-lg{font-size:15px}.bs-expo .wall h5{font-size:16px}
  .bs-kp,.bs-doc{padding:18px}
  .idn-dna li{flex:1 1 100%}
  .idn-3d{min-height:400px}.idn-3d-v{transform:scale(.82)}
  .idn-3d-side{position:static;width:auto;padding:0 20px 60px}
  .idn-3d[data-mode="web"] .idn-3d-sc,.idn-3d[data-mode="cat"] .idn-3d-sc{justify-items:center;padding-left:0}
  .idn-3d-m{flex-direction:row;overflow-x:auto;scrollbar-width:none}.idn-3d-m button{flex:0 0 auto}.idn-3d-m button:after{display:none}
  .idn-gr{grid-template-columns:minmax(0,1fr)}
  .idn-gr-k{grid-template-columns:repeat(3,minmax(0,1fr))}.idn-gr-k small{display:none}.idn-gr-k button{align-items:center;padding:10px 6px}
  .idn-gr-l{grid-template-columns:minmax(0,1fr);gap:40px;max-width:320px;margin:0 auto;width:100%}
  .l-roll{aspect-ratio:1/1.3}
  .idn-ls-st{height:230px}
  .idn-pf-f{grid-template-columns:repeat(3,minmax(0,1fr))}
  .idn-tree li{grid-template-columns:minmax(0,1fr)}.idn-tree .fd{grid-row:auto}
  .idn-facts dd{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .idn *,.idn *:before,.idn *:after{animation:none!important;transition:none!important}
}

/* ================= АДМИНИСТРИРОВАНИЕ САЙТА (sup-*) ================= */
.sup{--ok:#1fae6a;--att:#e8a317;--upd:#3d7be0;--paper:#fbfaf7}
.sup .t-state{font-size:clamp(28px,3vw,46px)}
.sup .sup-h1{display:block;max-width:12em;font-size:clamp(40px,4.6vw,78px)}
.sup .sup-h1 .muted-word{color:#6c7780}
.sup-demo{margin:10px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sup .panel.dark .sup-demo{color:#6c7780}
.sup-sh-note{max-width:24em;justify-self:end;text-align:right;margin:0}
.sup-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.sup-tx .soft,.sup-tx .small{margin:0}
.sup-mini{font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.sup-lk{font:inherit;font-size:13.5px;font-weight:600;background:none;border:0;padding:6px 0;color:inherit;cursor:pointer;border-bottom:1.5px solid currentColor;white-space:nowrap}
.sup-lk:hover{color:var(--acc)}
.sup button:focus-visible,.sup [tabindex]:focus-visible,.sup input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.panel.sup-in-p,.panel.sup-rq-p,.panel.sup-lg-p,.panel.sup-pl-p,.panel.sup-br-p,.panel.sup-who{padding:clamp(20.4px,3.2vw,44.8px)}

/* 01 hero */
.sup-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.sup-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 45%,rgba(255,98,31,.14),transparent 52%)}
.sup-hero-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,2.7vw,44.8px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.sup-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,26px);min-width:0}.sup-hero-l .lead{max-width:30em;margin:0}
.sup-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.sup-facts div{padding:12px 10px 0 0}
.sup-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:4px}
.sup-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff}
.sup-facts small{font-size:12px;color:#8a959e}
.sup-ml{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:#12171b;border:1px solid var(--line-d);min-width:0}
.sup-ml-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a959e;font-weight:700}
.sup-ml-s{position:relative}
.sup-site{position:relative;background:#fff;color:var(--ink);border-radius:10px;overflow:hidden;font-size:11px;display:flex;flex-direction:column}
.sup-site .s-brw{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#ecebe7}
.sup-site .s-brw em{font-style:normal;color:var(--soft);flex:1}.sup-site .s-brw i{width:7px;height:7px;border-radius:50%;background:#cfccc6}
.sup-site .s-lock{font-size:10px}
.sup-site header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #f0efec}
.sup-site .s-lg{display:flex;align-items:center;gap:6px;font-weight:800;letter-spacing:.1em;font-size:11px}.sup-site .s-lg i{width:14px;height:14px;background:var(--ink);border-radius:3px}
.sup-site nav{display:flex;gap:8px;margin-left:auto}.sup-site nav i{width:28px;height:4px;border-radius:2px;background:#dcd9d3}
.sup-site .s-btn{font-weight:700;font-size:10px;padding:6px 10px;border-radius:14px;background:var(--ink);color:#fff;white-space:nowrap}
.sup-site .s-btn.s-o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);align-self:flex-start}
.sup-site .s-hero{display:grid;grid-template-columns:1fr .9fr;gap:14px;padding:16px 14px}
.sup-site .s-hero>div{display:flex;flex-direction:column;gap:8px}
.sup-site .s-h{font-size:17px;line-height:1.15;font-weight:700;letter-spacing:-.01em}
.sup-site .s-ln{display:block;height:5px;border-radius:3px;background:#e3e1dc;width:90%}.sup-site .s-ln.s-s{width:60%}
.sup-site .s-pic{display:block;min-height:96px;border-radius:8px;background:linear-gradient(135deg,#dfe3e7,#aeb8c1)}
.sup-site .s-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;padding:0 14px 14px}
.sup-site .s-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sup-site .s-cards span{display:flex;flex-direction:column;gap:5px;padding:6px;border:1px solid #efeeea;border-radius:6px}
.sup-site .s-cards i{height:34px;border-radius:4px;background:#e9e7e2}.sup-site .s-cards b{height:5px;width:70%;background:#cfccc6;border-radius:2px}
.sup-site .s-form{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:#f4f3f0}
.sup-site .s-form small{font-weight:700;font-size:10px}.sup-site .s-form i{height:14px;border-radius:4px;background:#fff;border:1px solid #e3e1dc}
.sup-site footer{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#12161a;color:#8a959e}
.sup-site footer i{width:40px;height:4px;border-radius:2px;background:#2d353c}.sup-site footer small{margin-left:auto;font-size:10px}
.sup-ly{position:absolute;inset:0;pointer-events:none;transition:opacity .4s}
.sup-ml.is-off .sup-ly{opacity:0}
.sup-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);box-shadow:0 0 18px 4px rgba(255,98,31,.35);opacity:0}
.sup-ml.is-pass .sup-scan{animation:supScan 3.2s var(--ease-io) forwards}
@keyframes supScan{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}
.sup-tag{position:absolute;left:var(--x);top:var(--y);transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 6px;border-radius:6px;background:rgba(18,22,26,.86);color:#cfd6dc;font-size:10.5px;letter-spacing:.06em;font-weight:700;border:1px dashed rgba(255,255,255,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-color .4s,background .4s;white-space:nowrap}
.sup-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:#6c7780;transition:background .4s}
.sup-tag em{font-style:normal;font-size:9.5px;letter-spacing:.08em;opacity:.9}
.sup-tag[data-s="ok"]{border-style:solid;border-color:rgba(31,174,106,.7)}.sup-tag[data-s="ok"]:before{background:var(--ok)}.sup-tag[data-s="ok"] em{color:#7fe0b1}
.sup-tag[data-s="attention"]{border-style:solid;border-color:var(--att)}.sup-tag[data-s="attention"]:before{background:var(--att)}.sup-tag[data-s="attention"] em{color:#ffd27a}
.sup-tag[data-s="updated"]{border-style:solid;border-color:var(--upd)}.sup-tag[data-s="updated"]:before{background:var(--upd)}.sup-tag[data-s="updated"] em{color:#a9c7ff}
.sup-ml-l{display:none}
.sup-ml .sup-demo{margin:0;color:#aeb8c1;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;min-height:1.4em}

/* 02 тезисы */
.sup-th{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sup-th>div{padding:22px;border-radius:var(--r-lg);background:#fff;display:flex;flex-direction:column;gap:8px}
.sup-th b{font-size:12px;letter-spacing:.08em;color:var(--acc)}.sup-th h3{font-size:20px}.sup-th p{margin:0}

/* 03 что входит */
.sup-dirs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sup-dirs article{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;background:var(--ground);min-width:0}
.js .sup-dirs article.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.sup-dirs header{display:flex;flex-direction:column;gap:6px}
.sup-dirs small{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--acc)}
.sup-dirs h3{font-size:21px;letter-spacing:-.01em}.sup-dirs header p{margin:0;font-size:14px}
.sup-dirs ul{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sup-dirs li{padding:8px 0 8px 20px;border-bottom:1px solid var(--line);font-size:14.5px;position:relative}
.sup-dirs li:before{content:"";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:2px;border:1.5px solid var(--ink)}
.sup-pro{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:24px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);align-items:start}
.sup-pro small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sup-pro h3{font-size:20px;margin-top:4px}.sup-pro p{margin:0}

/* 04 diff */
.sup-df-w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sup-seg{display:flex;gap:6px}
.sup-seg button{font:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink)}
.sup-seg button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.sup-df-l{display:flex;flex-direction:column;gap:6px}
.sup-df-l li{display:grid;grid-template-columns:26px auto minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;font-size:14px;cursor:default;transition:box-shadow .3s}
.sup-df-l li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;background:var(--ground);color:var(--mute);transition:all .4s}
.sup-df-l li span{color:var(--soft)}
.sup-df-l.is-after li i{background:var(--acc);color:#fff}
.sup-df-l li:hover{box-shadow:0 0 0 1.5px var(--acc)}
.sup-df{min-width:0}
.sup-pp{padding:clamp(18px,2.4vw,28px);border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 40px -30px rgba(18,22,26,.4)}
.sup-pp .s-bc{font-size:11.5px;color:var(--mute)}
.sup-pp-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;margin-top:12px}
.sup-pp .s-ph{position:relative;aspect-ratio:1;border-radius:12px;background:radial-gradient(circle at 50% 40%,#f4f3f0,#dcd9d2);overflow:hidden}
.sup-pp .s-obj{position:absolute;inset:14%;background:radial-gradient(circle at 42% 38%,#eef1f4,#9aa6b1 58%,#6b7682);clip-path:polygon(18% 12%,70% 12%,70% 30%,92% 30%,92% 58%,70% 58%,70% 88%,86% 88%,86% 100%,6% 100%,6% 88%,18% 88%);transition:opacity .6s,transform .6s var(--ease)}
.sup-pp .s-obj.s-o2{transform:scaleX(-1);background:radial-gradient(circle at 60% 30%,#f7f8fa,#8e9aa6 60%,#56616c);opacity:0}
.sup-df[data-v="after"] .s-obj.s-o1{opacity:0}.sup-df[data-v="after"] .s-obj.s-o2{opacity:1}
.sup-pp .s-inf{display:flex;flex-direction:column;gap:12px}
.sup-pp .s-h{font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.2}
.sup-pp dl{margin:0;display:flex;flex-direction:column}
.sup-pp dl div{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #eeede9;font-size:13.5px}
.sup-pp dt{color:var(--soft)}.sup-pp dd{margin:0;font-weight:600}
.sup-pp s,.sup-pp ins{text-decoration:none}
.sup-pp ins{display:none}
.sup-df[data-v="after"] .sup-pp s{display:none}.sup-df[data-v="after"] .sup-pp ins{display:inline}
.sup-pp .s-pdf{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid #e3e1dc;font-size:13.5px;font-weight:600}
.sup-pp .s-pdf i{font-style:normal;font-size:10px;font-weight:800;padding:4px 6px;border-radius:4px;background:#e2493b;color:#fff}
.sup-pp .s-cta{position:relative;align-self:flex-start;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:var(--pill);background:var(--ink);color:#fff}
.sup-pp [data-k] em{position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;background:var(--acc);color:#fff;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.sup-pp .s-ph em{right:10px;top:10px}
.sup-pp dl [data-k] em{right:-10px;top:4px}
.sup-df[data-v="after"] [data-k] em{transform:scale(1)}
.sup-df[data-v="after"] [data-k]{box-shadow:0 0 0 2px rgba(255,98,31,.35)}
.sup-df[data-v="after"] dl [data-k]{box-shadow:none;background:rgba(255,98,31,.07)}
.sup-df[data-k="photo"] .s-ph,.sup-df[data-k="pdf"] .s-pdf,.sup-df[data-k="cta"] .s-cta{box-shadow:0 0 0 3px var(--acc)!important}
.sup-df[data-k="spec"] dl [data-k]{background:rgba(255,98,31,.18)!important}

/* 05 заявки */
.sup-rq-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sup-ik{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sup-ik small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sup-ik ul{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line-d)}
.sup-ik li{display:flex;flex-direction:column;gap:1px;padding:9px 0;border-bottom:1px solid var(--line-d)}
.sup-ik b{font-size:15px}.sup-ik span{font-size:13px;color:#8a959e}
.sup-slip-w{display:flex;flex-direction:column;align-items:center;gap:12px}
.sup-slip{position:relative;width:min(400px,100%);padding:20px 22px;border-radius:4px;background:var(--paper);color:var(--ink);transform:rotate(-1.2deg);box-shadow:0 30px 50px -30px rgba(0,0,0,.7);
  background-image:repeating-linear-gradient(transparent 0 27px,rgba(18,22,26,.05) 27px 28px)}
.sup-slip:before{content:"";position:absolute;left:0;right:0;top:-6px;height:12px;background:radial-gradient(circle at 6px 0,transparent 5px,var(--paper) 5.5px) 0 0/12px 12px repeat-x}
.sup-slip header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sup-slip header small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sup-slip-st{font-size:11px;font-weight:700;padding:4px 9px;border-radius:var(--pill);background:var(--ground)}
.sup-slip .s-t{display:block;margin-top:12px;font-size:18px;line-height:1.25;font-weight:600}
.sup-slip .s-fr{margin:4px 0 12px;font-size:12.5px;color:var(--soft)}
.sup-slip dl{margin:0;display:flex;flex-direction:column;gap:10px}
.sup-slip dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start;opacity:.25;transition:opacity .5s}
.sup-slip dt{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute);padding-top:2px}
.sup-slip dd{margin:0;font-size:13.5px;font-weight:600}
.sup-slip[data-s="0"] .s-f3,.sup-slip:not([data-s="0"]) dl>div{opacity:1}
.sup-slip[data-s="0"] .s-f1,.sup-slip[data-s="0"] .s-f2{opacity:.25}
.sup-slip ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.sup-slip ol li{font-size:11px;font-weight:700;padding:3px 7px;border-radius:5px;background:rgba(18,22,26,.06);color:var(--mute);transition:all .3s}
.sup-slip ol li.is-done{color:var(--ink)}.sup-slip ol li.is-on{background:var(--ink);color:#fff}
.sup-done{position:absolute;right:18px;top:78px;font-size:22px;font-weight:800;letter-spacing:.12em;color:var(--ok);border:3px solid var(--ok);padding:2px 12px;border-radius:6px;transform:rotate(-8deg) scale(1.6);opacity:0;transition:opacity .25s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.sup-slip[data-s="4"] .sup-done{opacity:1;transform:rotate(-8deg)}

/* 06 журнал + версии */
.sup-lg-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(15.3px,2.4vw,32px);align-items:start}
.sup-log{padding:18px 20px;border-radius:6px;background:var(--paper);box-shadow:0 0 0 1px var(--line),inset 34px 0 0 rgba(255,98,31,.06)}
.sup-log-h,.sup-log li{display:grid;grid-template-columns:34px 92px minmax(0,1fr) 36px;gap:10px;align-items:center}
.sup-log-h{padding-bottom:8px;border-bottom:2px solid var(--ink)}
.sup-log-h span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sup-log ol{list-style:none;margin:0;padding:0}
.sup-log li{padding:10px 0;border-bottom:1px solid rgba(18,22,26,.1);opacity:1;transition:opacity .4s,transform .4s var(--ease);transition-delay:calc(var(--i)*.12s)}
.js .sup-log:not(.is-go) li{opacity:0;transform:translateX(-8px)}
.sup-log .s-n{font-size:12px;font-weight:700;color:var(--mute)}
.sup-log .s-tp{font-size:10.5px;letter-spacing:.08em;font-weight:700;padding:3px 7px;border-radius:4px;background:var(--ground);justify-self:start}
.sup-log .s-tx{font-size:14.5px}
.sup-log .s-sg{justify-self:center;font-size:10px;font-weight:800;color:var(--acc);border:1.5px solid var(--acc);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;transform:rotate(-12deg)}
.sup-vs{display:flex;flex-direction:column;gap:10px}
.sup-vs-h{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sup-vs-s{position:relative;height:190px;touch-action:pan-y}
.sup-v{--o:0;position:absolute;left:calc(var(--o)*16px);top:calc(var(--o)*18px);right:calc((2 - var(--o))*16px);display:flex;flex-direction:column;gap:10px;text-align:left;font:inherit;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;z-index:calc(10 - var(--o));opacity:calc(1 - var(--o)*.22);transition:all .55s var(--ease);box-shadow:0 18px 30px -24px rgba(18,22,26,.45)}
.sup-v header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sup-v b{font-size:17px}.sup-v small{font-size:12px;color:var(--mute)}
.sup-v ul{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--soft)}
.sup-v li:before{content:"+ ";color:var(--acc);font-weight:700}
.sup-v.is-on{border-color:var(--ink)}

/* 07 отчёт */
.sup-sh-w{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sup-sheet{padding:clamp(20px,2.6vw,32px);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 50px -34px rgba(18,22,26,.45);display:flex;flex-direction:column;gap:18px}
.sup-sheet>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding-bottom:12px;border-bottom:2px solid var(--ink);flex-wrap:wrap}
.sup-sheet>header small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sup-sheet>header b{display:block;font-size:20px;margin-top:2px}
.sup-sheet>header dl{margin:0;display:flex;gap:18px}.sup-sheet>header dt{font-size:10.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.sup-sheet>header dd{margin:0;font-weight:700}
.sup-sheet-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sup-sheet-g section{padding:14px;border-radius:10px;background:var(--ground);display:flex;flex-direction:column;gap:6px;transition:opacity .5s,transform .5s var(--ease);transition-delay:calc(var(--i)*.12s)}
.js .sup-sheet:not(.is-go) .sup-sheet-g section{opacity:0;transform:translateY(10px)}
.sup-sheet-g small{font-size:10.5px;letter-spacing:.12em;font-weight:800}
.sup-sheet-g .c0 small{color:var(--ok)}.sup-sheet-g .c1 small{color:var(--acc)}.sup-sheet-g .c2 small{color:var(--upd)}.sup-sheet-g .c3 small{color:#9a6a00}
.sup-sheet-g b{font-size:15px}
.sup-sheet-g ul{display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--soft)}
.sup-sheet-g li:before{content:"— "}
.sup-sheet-g .c3{background:#fff6e0}
.sup-sheet footer small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}.sup-sheet footer p{margin:4px 0 0}

/* 08 тарифы */
.sup-pl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.sup-pc{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:var(--ground)}
.js .sup-pc.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.sup-pc header{display:flex;flex-direction:column;gap:4px}
.sup-pc header small{font-size:12.5px;color:var(--soft);min-height:2.6em}
.sup-pc h3{font-size:24px;letter-spacing:-.02em}
.sup-pc .s-pr{margin:6px 0 0;font-size:clamp(28px,2.6vw,38px);font-weight:700;letter-spacing:-.02em}.sup-pc .s-pr span{font-size:16px;font-weight:500;color:var(--soft)}
.sup-pc .s-hr{margin:0;font-size:14px}.sup-pc .s-hr b{font-size:16px}
.sup-pc ul{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sup-pc li{padding:8px 0 8px 20px;border-bottom:1px solid var(--line);font-size:14.5px;position:relative}
.sup-pc li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:700}
.sup-pc .pill{margin-top:auto;align-self:flex-start}
.sup-pc.is-mid{background:var(--ink);color:#fff}.sup-pc.is-mid header small,.sup-pc.is-mid .s-pr span{color:#aeb8c1}.sup-pc.is-mid ul,.sup-pc.is-mid li{border-color:var(--line-d)}
.sup-pl-f{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:24px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.sup-pl-f small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sup-pl-f b{display:block;font-size:24px;margin:4px 0}.sup-pl-f p{margin:0 0 8px}
.sup-ex{display:flex;flex-wrap:wrap;gap:6px}
.sup-ex li>*{display:inline-block;font:inherit;font-size:13.5px;padding:7px 12px;border-radius:var(--pill);border:1px dashed rgba(18,22,26,.3);background:transparent;color:var(--ink)}
.sup-ex button{cursor:pointer}.sup-ex button:hover{border-color:var(--acc);color:var(--acc)}

/* 09 мост */
.sup-br-p{display:flex;flex-direction:column;gap:20px}
.sup-br{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:6px}
.sup-br li{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;background:rgba(255,255,255,.05);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
.js .sup-br li.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.sup-br li:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.sup-br li:nth-child(2){background:rgba(255,98,31,.16)}
.sup-br li:last-child{background:#fff;color:var(--ink)}
.sup-br small{font-size:12px;font-weight:700;color:var(--acc);padding-left:14px}.sup-br li:first-child small{padding-left:0}
.sup-br b{font-size:19px;padding-left:14px}.sup-br li:first-child b,.sup-br li:first-child span{padding-left:0}
.sup-br span{font-size:14px;color:var(--on-dark-soft);padding:0 14px}.sup-br li:last-child span{color:var(--soft)}
.sup-br-p>.small{margin:0}

/* 10 сравнение */
.sup-cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sup-cmp article{padding:24px;border-radius:var(--r-lg);background:#fff;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sup-cmp article:first-child{background:var(--ink);color:#fff}
.sup-cmp small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sup-cmp h3{font-size:30px;letter-spacing:-.02em}
.sup-cmp ul{display:flex;flex-direction:column;gap:2px;font-size:17px}
.sup-cmp p{margin:auto 0 0}.sup-cmp article:first-child .soft{color:var(--on-dark-soft)}
.sup-cmp .row{margin-top:auto;gap:14px}
.sup-cmp-n{grid-column:1/-1;margin:4px 0 0}

/* 11 кому */
.sup-who{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20.4px,3.2vw,44.8px)}
.sup-who>div{display:flex;flex-direction:column;gap:16px}
.sup-who-l{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sup-who-l li{padding:10px 0 10px 22px;border-bottom:1px solid var(--line);position:relative}.sup-who-l li:before{content:"→";position:absolute;left:0;color:var(--acc);font-weight:700}
.sup-no{display:flex;flex-direction:column;gap:8px}
.sup-no article{padding:16px;border-radius:14px;background:var(--ground)}.sup-no b{font-size:16px}.sup-no p{margin:4px 0 0}
.sup-who .small{margin:0}

/* 12 связи */
.sup-nx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.sup-nx button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:16px;border-radius:14px;border:0;background:#fff;color:var(--ink);cursor:pointer;transition:transform .3s var(--ease)}
.sup-nx button:hover{transform:translateY(-3px)}
.sup-nx span{font-weight:600;font-size:14.5px}.sup-nx em{font-style:normal;font-size:12.5px;color:var(--soft)}

/* 14 финал */
.sup-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.sup-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.2),transparent 55%)}
.sup-fin .t-state{max-width:17em}
.sup-fin-s{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--on-dark-soft)}
.sup-one{display:flex;flex-direction:column;gap:10px;max-width:820px}
.sup-one label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1}
.sup-one-r{display:flex;gap:8px;flex-wrap:wrap}
.sup-one-r input{flex:1 1 280px;min-width:0;font:inherit;font-size:17px;padding:16px 18px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.sup-one-r input::placeholder{color:#7d8891}
.sup-one-e{margin:0;min-height:1.3em;font-size:14px;color:#ff9b6b}

/* адаптив */
@media (max-width:1100px){
  .sup-hero-g,.sup-df-w,.sup-rq-g,.sup-lg-g,.sup-sh-w,.sup-who{grid-template-columns:minmax(0,1fr)}
  .sup-dirs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sup-nx{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sup-sh-note{justify-self:start;text-align:left}
}
@media (max-width:760px){
  .sup-facts{grid-template-columns:1fr 1fr}.sup-facts div{padding-bottom:10px}
  /* maintenance layer → слои списком */
  .sup-ly{display:none}
  .sup-ml-l{display:flex;flex-direction:column}
  .sup-ml-l li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-d);font-size:13px;color:#aeb8c1}
  .sup-ml-l b{font-size:11px;letter-spacing:.08em;color:#fff}
  .sup-ml-l em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#6c7780}
  .sup-ml-l li[data-s="ok"] em{color:#7fe0b1}.sup-ml-l li[data-s="attention"] em{color:#ffd27a}.sup-ml-l li[data-s="updated"] em{color:#a9c7ff}
  .sup-ml-h .sup-mini{display:none}
  .sup-site .s-row{grid-template-columns:minmax(0,1fr)}.sup-site nav{display:none}
  .sup-th,.sup-dirs,.sup-pl,.sup-cmp,.sup-ik,.sup-sheet-g,.sup-pro,.sup-pl-f{grid-template-columns:minmax(0,1fr)}
  .sup-br{grid-template-columns:minmax(0,1fr)}
  .sup-br li,.sup-br li:first-child{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),50% 100%,0 calc(100% - 12px))}
  .sup-br small,.sup-br b,.sup-br span{padding-left:0!important}
  .sup-pp-g{grid-template-columns:minmax(0,1fr)}.sup-pp .s-ph{aspect-ratio:16/10}
  .sup-df-l li{grid-template-columns:26px minmax(0,1fr)}.sup-df-l li span{grid-column:2}
  .sup-log-h{display:none}
  .sup-log li{grid-template-columns:28px minmax(0,1fr) 30px;gap:4px 8px}.sup-log .s-tp{grid-column:2;grid-row:1}.sup-log .s-tx{grid-column:2;grid-row:2}.sup-log .s-sg{grid-row:1/3;grid-column:3}.sup-log .s-n{grid-row:1/3}
  .sup-vs-s{height:auto;display:flex;flex-direction:column;gap:8px}
  .sup-v{position:relative;left:auto!important;top:auto!important;right:auto!important;opacity:1!important}
  .sup-nx{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .sup *,.sup *:before,.sup *:after{animation:none!important;transition:none!important}
}

/* ================= СИСТЕМА (sy-*) ================= */
.sy{--fix:#ff621f;--mnt:#8a959e;--scl:#2f9e6a;--paper:#fbfaf7}
.sy .t-state{font-size:clamp(28px,3.1vw,48px)}
.sy .sy-h1{display:block;font-size:clamp(46px,7vw,124px);line-height:.95}
.sy .sy-h1 .muted-word{color:#6c7780}
.sy-demo{margin:12px 0 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.sy .panel.dark .sy-demo{color:#6c7780}
.sy-sh-note{max-width:24em;justify-self:end;text-align:right;margin:0}
.sy-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.sy-tx .soft,.sy-tx .small{margin:0}
.sy-lk{font:inherit;font-size:13.5px;font-weight:600;background:none;border:0;padding:6px 0;color:inherit;cursor:pointer;border-bottom:1.5px solid currentColor;white-space:nowrap;align-self:flex-start}
.sy-lk:hover{color:var(--acc)}
.sy-a{cursor:pointer;border-bottom:1px solid currentColor;color:#fff}
.sy-mini{font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.sy button:focus-visible,.sy [tabindex]:focus-visible,.sy input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.panel.sy-wl-p,.panel.sy-eq-p,.panel.sy-vs,.panel.sy-au-p,.panel.sy-90,.panel.sy-op-p,.panel.sy-fit,.panel.sy-pr{padding:clamp(20.4px,3.2vw,44.8px)}

/* 01 hero */
.sy-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.sy-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 10%,rgba(255,98,31,.2),transparent 50%)}
.sy-hero-t{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:end;margin-top:clamp(15.3px,2.4vw,32px)}
.sy-hero-r{display:flex;flex-direction:column;gap:20px}.sy-hero-r .lead{margin:0}
.sy-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--line-d)}
.sy-facts div{padding:12px 10px 0 0}
.sy-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-bottom:4px}
.sy-facts dd{margin:0;font-size:15px;font-weight:600;color:#fff}
.sy-ob{margin-top:clamp(23.8px,3.2vw,41.6px);padding:clamp(14px,1.6vw,20px);border-radius:20px;background:#1b2126;border:1px solid var(--line-d);
  background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.6px);background-size:18px 18px}
.sy-ob-h{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.sy-ob-h>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a959e;font-weight:700}
.sy-ob-s{display:flex;flex-wrap:wrap;gap:6px}
.sy-ob-s button{font:inherit;font-size:13px;font-weight:600;padding:8px 13px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.sy-ob-s button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.sy-ob-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:10px}
.sy-lane{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);min-height:190px}
.sy-lane header{display:flex;flex-direction:column;gap:2px}
.sy-lane header b{font-size:13px;letter-spacing:.14em}
.sy-lane header small{font-size:11.5px;color:#8a959e}
.sy-lane[data-l="FIX"] header b{color:var(--fix)}.sy-lane[data-l="SCALE"] header b{color:#58c98f}.sy-lane[data-l="MAINTAIN"] header b{color:#cfd6dc}
.sy-lane[data-l="FIX"]{background:rgba(255,98,31,.07);border-color:rgba(255,98,31,.25)}
.sy-slot{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.sy-tiles{display:none}
.sy-tile{position:relative;display:flex;flex-direction:column;gap:1px;min-width:108px;flex:0 1 auto;padding:10px 12px 10px 14px;border-radius:8px;background:linear-gradient(180deg,#2b333a,#242b31);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 14px -8px rgba(0,0,0,.7);transition:transform .7s var(--ease),background .5s,box-shadow .5s}
.sy-tile b{font-size:12.5px;letter-spacing:.1em;color:#fff}
.sy-tile small{font-size:11.5px;color:#8a959e}
.sy-screw{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#4a545c;box-shadow:inset 0 1px 1px rgba(0,0,0,.6)}
.sy-tile[data-l="FIX"]{background:linear-gradient(180deg,#ff7a3d,#f05a17);box-shadow:0 10px 24px -10px rgba(255,98,31,.7)}
.sy-tile[data-l="FIX"] small{color:#ffe1d1}.sy-tile[data-l="FIX"] .sy-screw{background:#b8430f}
.sy-tile[data-l="SCALE"]{background:linear-gradient(180deg,#2f7d58,#256748)}.sy-tile[data-l="SCALE"] small{color:#c6ecd8}
.sy-ob-c{margin:14px 0 0;color:#cfd6dc;max-width:62em;min-height:3em}.sy-ob-c b{color:#fff}

/* 02 позиционирование */
.sy-pos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.sy-pos-l{display:flex;flex-direction:column;gap:16px}.sy-pos-l p{margin:0}
.sy-ifs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sy-ifs li{display:flex;flex-direction:column;gap:2px;padding:16px 0;border-top:1px solid var(--line)}
.js .sy-ifs li.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.sy-ifs span{font-size:15px;color:var(--soft)}
.sy-ifs b{font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.02em}

/* 03 слабое звено */
.sy-wl{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.sy-wl-s{display:flex;flex-wrap:wrap;gap:6px}
.sy-wl-s button{font:inherit;font-size:13px;font-weight:600;padding:8px 13px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfd6dc;cursor:pointer}
.sy-wl-s button.is-on{background:#fff;color:var(--ink);border-color:#fff}
.sy-wl-v{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:rgba(255,255,255,.04)}
.sy-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-items:end;height:150px}
.sy-seg{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:100%}
.sy-seg small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:#6c7780}
.sy-seg b{font-size:15px;color:#dfe4e8}
.sy-beam{display:block;height:46px;border-radius:4px;background:linear-gradient(180deg,#56616b,#3b444c);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);transition:height .8s var(--ease),background .6s,transform .8s var(--ease),clip-path .8s var(--ease)}
.sy-seg.is-more .sy-beam{height:78px;background:linear-gradient(180deg,#6c7780,#4a545c)}
.sy-seg.is-weak .sy-beam{height:20px;background:repeating-linear-gradient(135deg,var(--acc) 0 8px,#b8430f 8px 14px);clip-path:polygon(0 30%,20% 0,40% 40%,60% 5%,80% 45%,100% 10%,100% 100%,0 100%);transform:translateY(6px)}
.sy-seg.is-weak b{color:var(--acc)}
.sy-seg.is-fixed .sy-beam{height:62px;background:linear-gradient(180deg,#58c98f,#2f7d58)}
.sy-cap{display:flex;flex-direction:column;gap:6px}
.sy-cap small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#8a959e}
.sy-cap-b{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.sy-cap-b:after{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;border-radius:5px;background:linear-gradient(90deg,#8a959e,#cfd6dc);transition:width 1s var(--ease),background .6s}
.sy-wl[data-f="1"] .sy-cap-b:after{width:64%;background:linear-gradient(90deg,#2f7d58,#58c98f)}
.sy-wl-c{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.sy-wl-c p{margin:0;max-width:44em;color:var(--on-dark-soft);min-height:3em}.sy-wl-c p b{color:#fff}

/* 04 уравнение */
.sy-eq{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sy-eq button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:6px 10px;border-radius:12px;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:background .3s,color .3s}
.sy-eq button b{font-size:clamp(24px,3.4vw,54px);font-weight:600;letter-spacing:-.03em;line-height:1}
.sy-eq button small{font-size:12.5px;color:var(--mute);margin-top:4px}
.sy-eq button:hover{background:var(--ground)}
.sy-eq button.is-on{background:var(--ink);color:#fff}.sy-eq button.is-on b{color:var(--acc)}.sy-eq button.is-on small{color:#aeb8c1}
.sy-op{font-size:clamp(24px,3vw,46px);color:var(--mute);font-weight:300}
.sy-eq-d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line);min-height:120px}
.sy-eq-d.is-go>div{animation:syIn .45s var(--ease)}
@keyframes syIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sy-eq-d small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-eq-d h3{font-size:24px;margin:4px 0 6px}.sy-eq-d p{margin:0}
.sy-eq-s{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sy-eq-s button{font:inherit;font-size:13.5px;font-weight:600;padding:8px 13px;border-radius:var(--pill);border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.sy-eq-s button:hover{border-color:var(--ink)}

/* 05 состав */
.sy-inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sy-inc-c{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:#fff;box-shadow:inset 0 3px 0 var(--ink)}
.js .sy-inc-c.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.sy-inc-c small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--acc)}
.sy-inc-c h3{font-size:20px}
.sy-inc-c ul{display:flex;flex-direction:column;gap:2px}
.sy-inc-c button{font:inherit;font-size:14px;background:none;border:0;padding:3px 0;color:var(--soft);cursor:pointer;text-align:left}
.sy-inc-c button:hover{color:var(--ink)}
.sy-fee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(15.3px,2.4vw,32px);margin-top:18px;padding:clamp(20px,2.6vw,32px);border-radius:var(--r-lg);background:#fff}
.sy-fee small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-fee>div>ul{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line)}
.sy-fee>div>ul li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--line)}
.sy-fee>div>ul b{font-size:15.5px}.sy-fee>div>ul span{font-size:13.5px;color:var(--soft)}
.sy-fee-r{display:flex;flex-direction:column;gap:20px}
.sy-fee-r p{margin:8px 0 0}
.sy-x,.sy-ext{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sy-x li{font-size:13.5px;padding:6px 12px;border-radius:var(--pill);background:var(--ground);text-decoration:line-through;text-decoration-color:var(--acc);text-decoration-thickness:2px}
.sy-ext li{font-size:13.5px;padding:6px 12px;border-radius:var(--pill);border:1px dashed rgba(18,22,26,.3)}

/* 06 vs */
.sy-vs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px}
.sy-vs article{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:18px;background:var(--ground)}
.sy-vs article.is-sys{background:var(--ink);color:#fff}.sy-vs article.is-sys .soft{color:var(--on-dark-soft)}
.sy-vs small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-vs h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em}.sy-vs p{margin:0}
.sy-vs ul{display:flex;flex-wrap:wrap;gap:6px}
.sy-vs li{font-size:13.5px;padding:6px 12px;border-radius:var(--pill);border:1px solid var(--line)}
.sy-vs .is-sys li{border-color:var(--line-d)}

/* 07 аудит */
.sy-au-p{display:flex;flex-direction:column;gap:clamp(22px,3vw,36px)}
.sy-au-h{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:end}
.sy-au-h p{margin:0}
.sy-au-pr{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:18px;background:#fff;color:var(--ink);align-items:flex-start}
.sy-au-pr small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-au-pr b{font-size:clamp(32px,3.2vw,46px);letter-spacing:-.02em}.sy-au-pr span{color:var(--soft);margin-bottom:10px}
.sy-au-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(15.3px,2.4vw,32px);align-items:start}
.sy-au-w>small,.sy-au-o>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-au-l{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line-d)}
.sy-au-l div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line-d)}
.sy-au-l b{font-size:15px}.sy-au-l span{color:var(--on-dark-soft);font-size:14px}
.sy-au-n{margin:14px 0 0;font-size:14px;color:var(--on-dark-soft)}.sy-au-n b{color:#fff}
.sy-bb{padding:18px;border-radius:14px;background:var(--paper);color:var(--ink)}
.sy-bb header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sy-bb header small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sy-seg2{display:flex;gap:4px;flex-wrap:wrap}
.sy-seg2 button{font:inherit;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink)}
.sy-seg2 button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.sy-seg2.sy-dk button{border-color:rgba(255,255,255,.2);color:#cfd6dc}.sy-seg2.sy-dk button.is-on{background:#fff;color:var(--ink)}
.sy-bb-r{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,.7fr));gap:4px;align-items:center;padding:7px 0;border-bottom:1px solid #ecebe7}
.sy-bb-r.sy-hd span{font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--mute);text-align:center}.sy-bb-r.sy-hd span:first-child{text-align:left}
.sy-bb-r>span{font-size:14px}
.sy-bb-r>span[data-k]{display:grid;place-items:center}
.sy-bb-r i{width:16px;height:16px;border-radius:4px;border:1.5px solid #d9d6d0;transition:all .45s var(--ease);transition-delay:calc(var(--i)*.07s)}
.sy-bb[data-v="0"] .sy-bb-r [data-k="3"] i{background:#cfccc6;border-color:#cfccc6}
.sy-bb[data-v="1"] .sy-bb-r[data-s="0"] [data-k="0"] i{background:var(--scl);border-color:var(--scl)}
.sy-bb[data-v="1"] .sy-bb-r[data-s="1"] [data-k="1"] i{background:#e8a317;border-color:#e8a317}
.sy-bb[data-v="1"] .sy-bb-r[data-s="2"] [data-k="2"] i{background:var(--ink);border-color:var(--ink)}
.sy-bb[data-v="1"] .sy-bb-r[data-s="3"] [data-k="3"] i{background:#cfccc6;border-color:#cfccc6}
.sy-au-o ol{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sy-au-o li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-d)}
.sy-au-o code{font:inherit;font-size:10.5px;letter-spacing:.1em;font-weight:700;color:var(--acc)}
.sy-au-o li span{font-size:14.5px}
.sy-au-o .small{margin:12px 0 0}

/* 08 12 месяцев + ревизии */
.sy-12{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.sy-12-l{display:flex;flex-direction:column;gap:16px}.sy-12-l>p{margin:0}
.sy-why{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:1px solid var(--line)}
.sy-why li{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid var(--line)}
.sy-why b{font-size:15px}.sy-why span{font-size:13px;color:var(--soft)}
.sy-rw{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;border-radius:var(--r-lg);background:#dcd8d0;
  background-image:radial-gradient(rgba(18,22,26,.08) 1px,transparent 1.5px);background-size:14px 14px}
.sy-rw-h{grid-column:1/-1;margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--soft)}
.sy-rv{position:relative;padding:16px;border-radius:3px;background:var(--paper);box-shadow:0 12px 24px -16px rgba(18,22,26,.5);transform:rotate(calc((var(--i) - 1.5)*.7deg));transition:opacity .5s,transform .6s var(--ease);transition-delay:calc(var(--i)*.35s)}
.js .sy-rw:not(.is-go) .sy-rv{opacity:0;transform:translateY(14px) rotate(0)}
.sy-rv header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sy-rv header b{font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.sy-pin{width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 2px 3px rgba(0,0,0,.3)}
.sy-rv dl{margin:0;display:flex;flex-direction:column;gap:6px}
.sy-rv dt{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sy-rv dd{margin:0;font-size:13.5px;line-height:1.35}
.sy-rv .nx dd{font-weight:600;padding:4px 6px;margin-left:-6px;border-radius:4px;background:linear-gradient(transparent 55%,rgba(255,98,31,.28) 55%)}
.sy-rw .sy-mini{grid-column:1/-1;justify-self:start;background:#fff}

/* 09 90 дней */
.sy-90-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:10px}
.sy-90-g article{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:var(--ground)}
.js .sy-90-g article.rv{transition:opacity .8s var(--ease) var(--d),transform .8s var(--ease) var(--d)}
.sy-90-g small{font-size:10.5px;letter-spacing:.12em;font-weight:700;color:var(--acc)}
.sy-90-g h3{font-size:20px}.sy-90-g p{margin:0}
.sy-90-g .sy-90-n{background:var(--ink);color:#fff}
.sy-90-n ul{display:flex;flex-wrap:wrap;gap:6px}.sy-90-n li{font-size:13px;padding:5px 11px;border-radius:var(--pill);border:1px solid var(--line-d)}

/* 10 ритм + брифинг */
.sy-op-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:start}
.sy-op-l{display:flex;flex-direction:column;gap:18px}.sy-op-l>.small{margin:0}
.sy-rh{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line-d)}
.sy-rh li{display:grid;grid-template-columns:34px 130px minmax(0,1fr);gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line-d)}
.sy-rh i{font-style:normal;font-size:11px;font-weight:700;color:var(--acc)}
.sy-rh b{font-size:12.5px;letter-spacing:.1em}.sy-rh span{font-size:14px;color:var(--on-dark-soft)}
.sy-gov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sy-gov div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:rgba(255,255,255,.05)}
.sy-gov b{font-size:14.5px}.sy-gov span{font-size:12.5px;color:#8a959e}
.sy-br{padding:22px;border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 30px 60px -34px rgba(0,0,0,.8)}
.sy-br header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.sy-br header small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sy-br .sy-seg2.sy-dk button{border-color:var(--line);color:var(--ink)}.sy-br .sy-seg2.sy-dk button.is-on{background:var(--ink);color:#fff}
.sy-br-b dl{margin:0;display:flex;flex-direction:column}
.sy-br-b.is-go dl{animation:syIn .45s var(--ease)}
.sy-br-b dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.sy-br-b dt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute);padding-top:2px}
.sy-br-b dd{margin:0;font-size:15px}
.sy-br-b dd ul{display:flex;flex-direction:column;gap:2px}.sy-br-b dd li:before{content:"— "}
.sy-br-b .sy-c dd{font-weight:700;color:var(--acc)}
.sy-br-b .sy-n dd{font-weight:600}

/* 11 лидерство + bench */
.sy-ld{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.sy-ld-l{display:flex;flex-wrap:wrap;gap:6px}
.sy-ld-l li{font-size:13.5px;padding:6px 12px;border-radius:var(--pill);background:#fff}
.sy-mb{padding:20px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line)}
.sy-mb header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.sy-mb header small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sy-mb-r{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,.7fr));gap:6px;align-items:center;padding:9px 6px;border-bottom:1px solid #efeeea;border-radius:6px;transition:background .4s}
.sy-mb-r.sy-hd span{font-size:10.5px;letter-spacing:.06em;font-weight:700;color:var(--mute);text-align:center}.sy-mb-r.sy-hd span:first-child{text-align:left}
.sy-mb-r>span{font-size:14px}
.sy-mb-r>span:not(:first-child){display:grid;place-items:center}
.sy-mb-r .me{background:rgba(18,22,26,.04);border-radius:6px;padding:4px 0}
.sy-mb.is-gap .sy-mb-r.is-gap{background:rgba(255,98,31,.08)}
.sy-mb.is-gap .sy-mb-r.is-gap>span:first-child{font-weight:700}
.sy-bd{display:inline-flex;gap:3px}.sy-bd b{width:9px;height:9px;border-radius:50%;background:#e3e1dc}.sy-bd b.on{background:var(--ink)}
.sy-mb-lg{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;color:var(--soft)}
.sy-mb-lg span{display:inline-flex;align-items:center;gap:6px}

/* 12 для кого */
.sy-fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,44.8px)}
.sy-fit>div{display:flex;flex-direction:column;gap:16px}
.sy-fit-l{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.sy-fit-l li{padding:10px 0 10px 22px;border-bottom:1px solid var(--line);position:relative}.sy-fit-l li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:700}
.sy-nf{display:flex;flex-direction:column;gap:8px}
.sy-nf button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:14px 16px;border-radius:14px;border:0;background:var(--ground);color:var(--ink);cursor:pointer}
.sy-nf button:hover{background:#e6e4e0}
.sy-nf b{font-size:16px}.sy-nf span{font-size:13.5px;color:var(--soft)}

/* 13 кейсы */
.sy-cs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sy-cs-c{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--r-lg);background:#fff;cursor:pointer;transition:transform .4s var(--ease)}
.js .sy-cs-c.rv.in-view:hover,.sy-cs-c:hover{transform:translateY(-4px)}
.sy-cs-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-cs-c h3{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.015em}
.sy-cs-c dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sy-cs-c dl div{padding:12px;border-radius:12px;background:var(--ground)}
.sy-cs-c dt{font-size:24px;font-weight:700}.sy-cs-c dd{margin:0;font-size:13px;color:var(--soft)}
.sy-cs-go{font-weight:600;font-size:14px}
.sy-cs-s{display:flex;flex-wrap:wrap;gap:6px}.sy-cs-s li{font-size:12.5px;padding:4px 10px;border-radius:var(--pill);background:var(--ground)}
.sy-cs-c dl{grid-template-columns:1fr!important}

/* 14 цена */
.sy-pr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:12px}
.sy-pr article{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.6vw,32px);border-radius:18px;align-items:flex-start}
.sy-pr-m{background:rgba(255,255,255,.05);border:1px solid var(--line-d)}
.sy-pr-a{background:#fff;color:var(--ink)}
.sy-pr small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sy-pr h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.02em}
.sy-pr-p{margin:0;font-size:clamp(36px,4vw,60px);font-weight:700;letter-spacing:-.03em;line-height:1}
.sy-pr-t{margin:0;color:var(--on-dark-soft)}.sy-pr-a .sy-pr-t{color:var(--soft)}
.sy-pr ul{display:flex;flex-direction:column;gap:4px;margin:6px 0}
.sy-pr li{padding-left:18px;position:relative;font-size:14.5px}.sy-pr li:before{content:"—";position:absolute;left:0;color:var(--acc)}
.sy-pr-m .small{margin:0}
.sy-pr-a .pill{margin-top:auto;background:var(--ink);color:#fff}

/* 16 финал */
.sy-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px;isolation:isolate}
.sy-fin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,rgba(255,98,31,.24),transparent 55%)}
.sy-fin .t-state{max-width:16em}
.sy-fin-s{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--on-dark-soft)}
.sy-one{display:flex;flex-direction:column;gap:10px;max-width:820px}
.sy-one label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1}
.sy-one-r{display:flex;gap:8px;flex-wrap:wrap}
.sy-one-r input{flex:1 1 280px;min-width:0;font:inherit;font-size:17px;padding:16px 18px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.sy-one-r input::placeholder{color:#7d8891}
.sy-one-e{margin:0;min-height:1.3em;font-size:14px;color:#ff9b6b}

/* адаптив */
@media (max-width:1100px){
  .sy-hero-t,.sy-pos,.sy-au-h,.sy-au-g,.sy-12,.sy-op-g,.sy-ld,.sy-fit,.sy-pr,.sy-vs{grid-template-columns:minmax(0,1fr)}
  .sy-inc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sy-90-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sy-au-o ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sy-sh-note{justify-self:start;text-align:left}
}
@media (max-width:760px){
  .sy-facts{grid-template-columns:1fr 1fr}.sy-facts div{padding-bottom:10px}
  .sy-ob-b{grid-template-columns:minmax(0,1fr)}.sy-lane{min-height:0}
  .sy-ob-s{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}.sy-ob-s button{flex:0 0 auto}
  .sy-tile{min-width:0;flex:1 1 40%}
  .sy-strip{grid-template-columns:repeat(5,minmax(0,1fr));height:130px;gap:3px}.sy-seg b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sy-seg small{display:none}
  .sy-eq-d,.sy-fee,.sy-inc,.sy-90-g,.sy-gov,.sy-why,.sy-rw,.sy-cs,.sy-cs-c dl{grid-template-columns:minmax(0,1fr)}
  .sy-au-l div,.sy-rh li,.sy-br-b dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .sy-rh li{grid-template-columns:30px minmax(0,1fr)}.sy-rh span{grid-column:2}
  .sy-au-o ol{grid-template-columns:minmax(0,1fr)}
  .sy-mb-r{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,.55fr));padding:8px 2px;gap:2px}.sy-mb-r>span{font-size:12.5px}.sy-mb-r.sy-hd span{font-size:8.5px;letter-spacing:0}
  .sy-bd b{width:7px;height:7px}
  .sy-bb-r{grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,.6fr))}.sy-bb-r.sy-hd span{font-size:8px;letter-spacing:0}.sy-bb-r>span{font-size:13px}
  .sy-rv{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .sy *,.sy *:before,.sy *:after{animation:none!important;transition:none!important}
}

/* ================= АРХИТЕКТУРА: меню, футер, связи ================= */
/* desktop: dropdown услуг в две колонки */
.dd.dd-sv a small{white-space:nowrap}
.dd.dd-sv{min-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px}
.dd.dd-sv .dd-g{display:flex;flex-direction:column}
.dd.dd-sv .dd-sys{grid-column:1/-1;background:var(--ink);color:#fff;padding:14px 16px;margin-bottom:6px}
.dd.dd-sv .dd-sys:hover{background:var(--ink-2)}
.dd.dd-sv .dd-sys span{display:flex;flex-direction:column;gap:2px}
.dd.dd-sv .dd-sys b{font-size:16px;font-weight:600}
.dd.dd-sv .dd-sys em{font-style:normal;font-size:12.5px;color:#aeb8c1}
.dd.dd-sv .dd-sys small{color:var(--acc);font-weight:600;white-space:nowrap}
.dd.dd-sv .dd-all{grid-column:1/-1;border-top:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:4px}
/* mobile menu */
.mm .sub .mm-sys{font-size:22px;color:#fff;padding:6px 0 10px;display:flex;align-items:baseline;gap:10px}
.mm .sub .mm-sys em{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.mm .sub .mm-h{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a959e;margin:12px 0 2px}
.mm .sub{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.mm .sub .mm-sys,.mm .sub .mm-all{grid-column:1/-1}
.mm .sub .mm-h{grid-column:1/-1}
.mm .sub a{font-size:16px}
.mm .sub .mm-all{margin-top:10px;color:#fff}
/* footer: услуги по группам */
.fsv{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;align-content:start}
.fsv .fsv-sys{grid-column:1/-1;font-weight:600;color:#fff}
.fsv .fsv-g{display:flex;flex-direction:column;gap:inherit}
.fsv .fsv-g small{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6c7780;margin-top:8px}
@media (max-width:760px){.fsv{grid-template-columns:1fr 1fr}}
/* services: главный продукт */
.panel.sp-flag{padding:clamp(20.4px,3.2vw,44.8px);background:var(--acc);color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:end;isolation:isolate}
.sp-flag .eyebrow:before{background:#fff}
.sp-flag-l{display:flex;flex-direction:column;gap:14px}
.sp-flag-t{margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.02em;line-height:1.2;max-width:18em}
.sp-flag .soft{color:rgba(255,255,255,.85);margin:0}
.sp-flag-r{display:flex;flex-direction:column;gap:18px}
.sp-flag-r dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.35);padding-top:12px}
.sp-flag-r dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.sp-flag-r dd{margin:2px 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:700}
.sp-flag .pill.acc{background:#fff;color:var(--ink)}
.sp-flag .pill.line{color:#fff}
.sp-flag .small{margin:0;color:rgba(255,255,255,.85)}
.sp-flag-a{cursor:pointer;border-bottom:1px solid currentColor;color:inherit}
.sp-kit .sp-flag-a{color:#fff}
/* services: сцена «стратегия и бренд» */
.sp-bd{position:relative;width:100%;height:100%;min-height:260px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:10px}
.sp-bd-doc{padding:18px;border-radius:6px;background:#fff;box-shadow:0 20px 40px -26px rgba(18,22,26,.5);display:flex;flex-direction:column;gap:8px;transform:rotate(-2deg)}
.sp-bd-doc small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.sp-bd-doc b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.sp-bd-doc i{display:block;height:6px;border-radius:3px;background:#e3e1dc}.sp-bd-doc i.s{width:60%}
.sp-bd-id{padding:18px;border-radius:6px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:14px;transform:rotate(2deg)}
.sp-bd-lg{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.12em;font-size:13px}.sp-bd-lg i{width:18px;height:18px;background:var(--acc);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}
.sp-bd-sw{display:flex;gap:6px}.sp-bd-sw i{width:28px;height:28px;border-radius:6px;background:var(--acc)}.sp-bd-sw i:nth-child(2){background:#fff}.sp-bd-sw i:nth-child(3){background:#6c7780}.sp-bd-sw i:nth-child(4){background:#2d353c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.sp-bd-ty{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
/* home: главный продукт и стратегия */
.hm-st-go{align-self:flex-start;margin-top:14px}
.hm-more{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-top:14px}
.hm-more button{font:inherit;text-align:left;cursor:pointer;border:0}
.hm-more-sys{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:var(--r-lg);background:var(--ink);color:#fff;transition:transform .35s var(--ease)}
.hm-more-sys:hover{transform:translateY(-3px)}
.hm-more-sys small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.hm-more-sys b{font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.02em}
.hm-more-sys span{color:#aeb8c1;max-width:36em}
.hm-more-sys em{font-style:normal;font-weight:600;margin-top:4px}
.hm-more-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding:18px;border-radius:var(--r-lg);background:#fff}
.hm-more-g small{grid-column:1/-1;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.hm-more-g button{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:var(--ground);color:var(--ink)}
.hm-more-g button:hover{background:#e6e4e0}
.hm-more-g b{font-size:15.5px;font-weight:600}.hm-more-g span{font-size:13px;color:var(--soft)}
/* связанные услуги */
.xl{display:flex;flex-direction:column;gap:18px}
.xl-h .t-state{font-size:clamp(26px,2.6vw,40px);margin-top:10px}
.xl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.xl-g.xl-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.xl-c{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:20px;border-radius:var(--r-lg);border:0;background:#fff;color:var(--ink);cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s}
.xl-c:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(18,22,26,.4)}
.xl-c small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.xl-c b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.xl-c>span{font-size:14px;color:var(--soft)}
.xl-c em{font-style:normal;font-size:13.5px;font-weight:600;margin-top:auto;padding-top:8px}
.xl-c.is-sys{background:var(--ink);color:#fff}.xl-c.is-sys>span{color:#aeb8c1}
.xl-f{margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.xl-f a{cursor:pointer;border-bottom:1px solid currentColor;color:var(--ink)}
.xl-f a:hover{color:var(--acc)}
.lnk-sup{cursor:pointer;border-bottom:1px solid currentColor}
@media (max-width:1100px){.panel.sp-flag,.hm-more{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.xl-g,.xl-g.xl-2{grid-template-columns:minmax(0,1fr)}.dd.dd-sv{min-width:0}.sp-bd{grid-template-columns:1fr}}

/* ================= КЕЙСЫ (kc-*, kcs-*) ================= */
/* карточка */
.kc{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;cursor:pointer;transition:box-shadow .3s,background .3s;min-width:0}
.cgrid.eq .kc{grid-row:auto}
.kc:hover,.kc:focus-visible{box-shadow:0 0 0 1px var(--ink),0 20px 44px rgba(0,0,0,.08)}
.kc:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.kc-m{aspect-ratio:16/10;border-radius:0!important;overflow:hidden;margin:0}
.kc-m>*{transition:transform .6s var(--ease)}
.kc:hover .kc-m>*,.kc:focus-visible .kc-m>*{transform:scale(1.03)}
.kc-b{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px);flex:1}
.kc-who{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:13px}
.kc-who b{font-weight:700}.kc-who span{color:var(--mute)}
.kc h3{margin:0;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.03em;line-height:1.15;font-weight:500}
.kc-task{margin:0;font-size:14.5px;line-height:1.45;color:var(--soft)}
.kc-fact{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:auto}
.kc-fact b{font-size:clamp(28px,2.6vw,40px);font-weight:500;letter-spacing:-.04em;line-height:1;white-space:nowrap;color:var(--ink)}
.kc-fact span{font-size:13.5px;color:var(--soft);line-height:1.3}
.kc-fact em{display:block;font-style:normal;font-size:12.5px;color:var(--mute);margin-top:3px}
.kc-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.kc-sv{display:flex;flex-wrap:wrap;gap:4px}
.kc-sv span{font-size:11.5px;font-weight:500;padding:4px 9px;border-radius:var(--pill);background:var(--ground);color:var(--soft)}
.kc-go{font-size:14px;font-weight:600;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.kc-go .ar{display:inline-block;transition:transform .3s var(--ease);color:var(--acc)}
.kc:hover .kc-go .ar,.kc:focus-visible .kc-go .ar{transform:translateX(5px)}
/* флагман */
.kc.kc-flag{flex-direction:row}
.kc.kc-flag .kc-m{flex:0 0 56%;aspect-ratio:auto;min-height:420px}
.kc.kc-flag .kc-b{padding:clamp(20.4px,2.4vw,35.2px);gap:16px}
.kc.kc-flag h3{font-size:clamp(26px,2.4vw,38px)}
.kc.kc-flag .kc-fact b{font-size:clamp(40px,4vw,64px)}
.kc.kc-flag .kc-task{font-size:16px}
/* появление */
.kc.rv{opacity:0;transform:translateY(22px);transition:opacity .5s var(--ease),transform .5s var(--ease),box-shadow .3s}
.kc.rv.in-view{opacity:1;transform:none}
.kc-grid{transition:opacity .2s}
.kc-grid.is-out{opacity:0}

/* список */
.kc-hero{padding-bottom:clamp(17px,2.4vw,32px)}
.kc-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;margin-top:clamp(16px,2vw,28px)}
.kc-hero-l{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.kc-hero-l .eyebrow{margin:0}
.kc-h1{margin:0;font-size:clamp(44px,5.6vw,92px)!important;line-height:.98}
.kc-hero-l .lead{margin:0;max-width:32em}
.kc-stack{position:relative;height:clamp(320px,34vw,470px)}
.kc-sc{position:absolute;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 44px rgba(0,0,0,.14);cursor:pointer;transition:transform .9s var(--ease),opacity .9s,box-shadow .3s;opacity:0}
.kc-sc .media{width:100%;height:100%;border-radius:0;margin:0}
.kc-sc span{position:absolute;left:10px;bottom:10px;display:flex;gap:8px;align-items:center;font-size:12px;padding:6px 10px;border-radius:var(--pill);background:rgba(255,255,255,.92);color:var(--ink)}
.kc-sc0{left:0;top:10%;width:58%;height:58%;z-index:3;transform:translate(14%,10%)}
.kc-sc1{right:0;top:0;width:44%;height:42%;z-index:5;transform:translate(-18%,20%)}
.kc-sc2{right:4%;bottom:0;width:46%;height:44%;z-index:4;transform:translate(-20%,-14%)}
.kc-sc3{left:8%;bottom:2%;width:38%;height:30%;z-index:1;transform:translate(10%,-20%)}
.kc-stack.is-go .kc-sc{opacity:1;transform:none}
.kc-stack .kc-sc:hover{z-index:6;transform:translateY(-6px);box-shadow:0 28px 60px rgba(0,0,0,.2)}
.kc-flt{display:flex;flex-direction:column;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.kc-fr{display:flex;align-items:baseline;gap:14px}
.kc-fl{flex:0 0 72px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.kc-chips{display:flex;flex-wrap:wrap;gap:6px}
.kc-chips button{font:inherit;font-size:14px;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.kc-chips button:hover{border-color:var(--ink)}
.kc-chips button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.kc-count{margin:18px 0;font-size:13px;color:var(--mute)}
.kc-empty{padding:clamp(23.8px,3.2vw,44.8px);border-radius:var(--r-lg);border:1.5px dashed var(--line);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.kc-empty h3{margin:0;font-size:clamp(20px,2vw,28px);font-weight:500}.kc-empty p{margin:0}
.kc-trust{padding:clamp(22.1px,3.2vw,51.2px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px)}
.kc-trust-h{display:flex;flex-direction:column;gap:16px}.kc-trust .t-state{font-size:clamp(28px,2.8vw,44px)}.kc-trust-h>*{margin:0}
.kc-trust-c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}
.kc-trust-c div{padding:20px;border-radius:16px;background:var(--ground);display:flex;flex-direction:column;gap:8px}
.kc-trust-c span{font-size:12px;font-weight:700;color:var(--acc)}
.kc-trust-c h3{margin:0;font-size:18px;font-weight:600}.kc-trust-c p{margin:0;font-size:14px;color:var(--soft)}
.kc-cta{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px}
.kc-cta>*{margin:0}.kc-cta .t-state{max-width:18em}.kc-cta .lead{max-width:34em}

/* страница кейса */
.kcs-hero{padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.kcs-hero-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20.4px,3.2vw,57.6px);align-items:end;margin-top:clamp(17px,2.4vw,35.2px)}
.kcs-who{margin:0 0 16px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}
.kcs-who b{color:var(--acc)}.kcs-who span{color:#aeb8c1}
.kcs-h1{margin:0;font-size:clamp(32px,3.6vw,58px);letter-spacing:-.04em;line-height:1.05;font-weight:500;color:#fff}
.kcs-hero-r{display:flex;flex-direction:column;gap:20px}.kcs-hero-r .lead{margin:0}
.kcs-vis-w{margin-top:12px}
.kcs-vis{aspect-ratio:16/8;min-height:0!important;width:100%}
.kcs-sum{margin:clamp(20px,3vw,36px) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--line)}
.kcs-sum div{padding:16px 16px 0 0}
.kcs-sum dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-bottom:6px}
.kcs-sum dd{margin:0;font-size:15px;line-height:1.35}
.kcs-two{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20.4px,3.2vw,57.6px);align-items:start}
.kcs-two .eyebrow{margin:0 0 10px}.kcs-two h2{margin:0}
.kcs-txt{display:flex;flex-direction:column;gap:16px;font-size:18px;line-height:1.6;max-width:720px}
.kcs-txt p{margin:0}.kcs-txt ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.kcs-txt blockquote{margin:0;padding-left:18px;border-left:3px solid var(--acc);font-weight:500}
.kcs-work{padding:clamp(22.1px,3.2vw,51.2px);display:flex;flex-direction:column;gap:clamp(22px,3vw,36px)}
.kcs-work-l{margin:0;font-size:17px;align-self:end}
.kcs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.kcs-steps li{position:relative;padding:18px 16px 0 0;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;transition-delay:calc(var(--i)*.12s)}
.kcs-steps li:before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--acc)}
.kcs-steps small{font-size:12px;font-weight:700;color:var(--acc)}
.kcs-steps b{font-size:17px;font-weight:600}.kcs-steps span{font-size:14px;color:var(--soft)}
.kcs-steps.is-go li{opacity:1;transform:none}
.kcs-build{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.kcs-blk{padding:22px;border-radius:16px;background:var(--ground);display:flex;flex-direction:column;gap:12px}
.kcs-build.is-multi .kcs-blk{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i)*.15s)}
.kcs-build.is-multi.is-go .kcs-blk{opacity:1;transform:none}
.kcs-blk h3{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.kcs-blk ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.kcs-blk li{font-size:15.5px;line-height:1.35;padding-left:18px;position:relative}
.kcs-blk li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:2px;background:var(--ink)}
.kcs-gal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kcs-crop{margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;background:#e9e7e2}
.kcs-crop img{width:100%;height:100%;object-fit:cover;transform:scale(3.1);transform-origin:var(--x) var(--y);transition:transform .7s var(--ease)}
.kcs-crop:hover img{transform:scale(3.2)}
.kcs-res{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(17px,2.4vw,38.4px) clamp(20.4px,3.2vw,57.6px);align-items:start;padding-top:clamp(17px,2.4vw,32px);border-top:2px solid var(--ink)}
.kcs-res-h .eyebrow{margin:0 0 10px}.kcs-res-h h2{margin:0}
.kcs-res-main{display:flex;flex-direction:column;gap:8px}
.kcs-res-main b{font-size:clamp(64px,9vw,148px);font-weight:500;letter-spacing:-.05em;line-height:.92}
.kcs-res-main span{font-size:clamp(17px,1.5vw,21px);color:var(--soft);max-width:28em}
.kcs-note{grid-column:2;margin:0;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:15.5px;line-height:1.5;max-width:44em}
.kcs-res-row{grid-column:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding-top:20px;border-top:1px solid var(--line)}
.kcs-res-row .kc-num{display:flex;flex-direction:column;gap:6px}
.kcs-res-row b{font-size:clamp(30px,3vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1}
.kcs-res-row span{font-size:14px;color:var(--soft)}
.kcs-res .kc-num b{display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease);transition-delay:calc(var(--i,0)*.12s)}
.kcs-res.is-go .kc-num b{clip-path:inset(0 0 0 0)}
.kcs-art{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(27.2px,4.8vw,88px);align-items:start;padding-top:clamp(17px,2.4vw,32px);border-top:1px solid var(--line)}
.kcs-toc nav a{font-size:14px}
.kcs-prose>h2:first-child{margin-top:0}
.kcs-prose blockquote.pq{font-size:clamp(20px,1.8vw,26px)}
.kcs-svc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kcs-svc .eyebrow{margin:0}
.kcs-svc-l{display:flex;flex-wrap:wrap;gap:8px}
.kc-rel .kc-task{display:none}

@media (max-width:1000px){
  .kc.kc-flag{flex-direction:column}.kc.kc-flag .kc-m{flex:none;min-height:0;aspect-ratio:16/10}
  .kc-hero-g,.kc-trust,.kcs-hero-g,.kcs-two,.kcs-res{grid-template-columns:minmax(0,1fr)}
  .kcs-note,.kcs-res-row{grid-column:1}
  .kcs-art{grid-template-columns:minmax(0,1fr)}.kcs-toc{display:none}
  .kcs-steps{grid-template-columns:1fr 1fr;row-gap:22px}
}
@media (max-width:760px){
  .kc-grid .kc{grid-column:1/-1}
  .kc-stack{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .kc-sc{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;aspect-ratio:4/3;transform:none!important;opacity:1}
  .kc-sc2,.kc-sc3{display:none}
  .kc-sc span{left:6px;right:6px;bottom:6px;font-size:11px;flex-wrap:wrap;gap:2px 6px;padding:5px 8px;border-radius:10px}
  .kc-fr{flex-direction:column;gap:6px}.kc-fl{flex:none}
  .kc-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;max-width:100%}
  .kc-chips button{flex:none}
  .kc-trust-c{grid-template-columns:minmax(0,1fr)}
  .kcs-vis{aspect-ratio:4/3}
  .kcs-sum{grid-template-columns:1fr 1fr}
  .kcs-gal{grid-template-columns:minmax(0,1fr)}
  .kcs-steps{grid-template-columns:minmax(0,1fr)}
  .kcs-txt{font-size:16.5px}
  .kc-fact{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .kc,.kc *,.kc-sc,.kcs-steps li,.kcs-blk,.kcs-res .kc-num b,.kc-grid{transition:none!important;animation:none!important}
  .kc.rv{opacity:1;transform:none}
}
.kcs-build:not(.is-multi) ul{columns:2;column-gap:32px;display:block}.kcs-build:not(.is-multi) li{break-inside:avoid;margin-bottom:8px}@media (max-width:760px){.kcs-build:not(.is-multi) ul{columns:1}}
/* ================= КАК МЫ РАБОТАЕМ (pw-*) ================= */
.pw .pw-h1{display:block;max-width:12em;font-size:clamp(34px,3.8vw,60px)}
.pw .pw-h1 .muted-word{color:#6c7780}
.pw .t-state{font-size:clamp(28px,3vw,46px)}
.pw-sp{max-width:52em;margin:16px 0 0}
.pw-demo{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}
.pw .panel.dark .pw-demo{color:#6c7780}
.pw-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.pw-two.pw-rev{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.panel.pw-two,.panel.pw-ct-p{padding:clamp(20.4px,3.2vw,44.8px)}
.pw-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.pw-tx>*{margin:0}.pw-tx>.pill,.pw-tx .row{align-self:flex-start}
.pw button:focus-visible,.pw [tabindex]:focus-visible,.pw summary:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.pw-seg{display:flex;flex-wrap:wrap;gap:6px}
.pw-seg button{font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer;transition:background .25s,color .25s}
.pw-seg button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pw-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pw-list li{padding-left:22px;position:relative}.pw-list li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:2px;background:var(--acc)}

/* 01 hero: стол */
.pw-hero{isolation:isolate;padding-bottom:clamp(23.8px,3.2vw,44.8px)!important}
.pw-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;margin-top:clamp(15.3px,2.4vw,32px)}
.pw-hero-l{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px);min-width:0}.pw-hero-l .lead{margin:0;max-width:32em}
.pw-desk{--mx:0;--my:0;position:relative;min-height:440px;border-radius:22px;background:#171c20;border:1px solid var(--line-d);overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:18px 18px}
.pw-art{position:absolute;display:flex;flex-direction:column;gap:6px;width:108px;padding:10px;border-radius:10px;background:#f3f1ec;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.04em;box-shadow:0 12px 26px rgba(0,0,0,.35);transform:translate(calc(var(--mx)*var(--d)*14px),calc(var(--my)*var(--d)*14px)) rotate(var(--r,0deg));transition:transform .4s var(--ease)}
.pw-art i{height:34px;border-radius:5px;background:repeating-linear-gradient(0deg,#d8d3c8 0 2px,transparent 2px 7px)}
.pw-art0{left:6%;top:8%;--r:-6deg}.pw-art1{right:7%;top:6%;--r:5deg}.pw-art2{left:4%;bottom:12%;--r:4deg}
.pw-art3{right:5%;bottom:10%;--r:-4deg}.pw-art4{left:36%;top:3%;--r:2deg;opacity:.85}.pw-art5{left:40%;bottom:3%;--r:-3deg;background:var(--acc);color:#fff}
.pw-art5 i{background:repeating-linear-gradient(0deg,rgba(255,255,255,.4) 0 2px,transparent 2px 7px)}
.pw-card{position:absolute;left:50%;top:50%;width:min(330px,72%);transform:translate(-50%,-50%);padding:18px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:12px;z-index:2}
.pw-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pw-card-h small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.pw-card-h b{font-size:11px;font-weight:800;letter-spacing:.1em;padding:4px 9px;border-radius:6px;background:var(--acc);color:#fff}
.pw-card dl{margin:0;display:flex;flex-direction:column;gap:8px}
.pw-card dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:13.5px;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.pw-card dt{color:var(--mute)}.pw-card dd{margin:0;font-weight:600}
.pw-card.is-flip #pw-c-s,.pw-card.is-flip #pw-c-r,.pw-card.is-flip #pw-c-o,.pw-card.is-flip .pw-card-h b{animation:pwIn .45s both}
.pw-card-d{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.pw-card-d li{height:4px;border-radius:2px;background:var(--line);transition:background .4s}.pw-card-d li.is-on{background:var(--acc)}
@keyframes pwIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* 02 после заявки */
.pw-after-req{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:end}
.pw-ar-t .eyebrow{margin:0 0 12px}.pw-ar-t h2{margin:0}
.pw-ar-s{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pw-ar-s li{padding:18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:6px}
.pw-ar-s small{font-size:12px;font-weight:700;color:var(--acc)}.pw-ar-s b{font-size:17px;font-weight:600}.pw-ar-s span{font-size:14px;color:var(--soft)}
.pw-ar-s .pw-rcpt{background:var(--ink);color:#fff;box-shadow:none;border-top:3px dashed var(--acc);opacity:0;transform:translateY(16px);transition:opacity .5s .4s,transform .5s .4s}
.pw-ar-s .pw-rcpt span{color:#fff;font-weight:600;font-size:16px}.pw-ar-s .pw-rcpt small{color:#8a959e}
#pw-rcpt.is-in{animation:pwIn .45s both}
.pw-ar-s.is-go .pw-rcpt{opacity:1;transform:none}

/* 03 запрос → задача */
.pw-brief{min-width:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:stretch}
.pw-brief>.pw-demo{grid-column:1/-1}
.pw-br-a,.pw-br-b{padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:10px}
.pw-br-a{background:var(--ground)}.pw-br-a b{font-size:clamp(20px,1.8vw,26px);font-weight:500}
.pw-br-b{background:var(--ink);color:#fff}.pw-br-b p{margin:0;font-size:15.5px;line-height:1.45}
.pw-brief small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.pw-br-b small{color:#8a959e}
.pw-br-t{align-self:flex-start;font-size:12px;font-weight:700;padding:5px 10px;border-radius:var(--pill);background:var(--acc);color:#fff;margin-top:auto}
.pw-brief.is-go .pw-br-a b{animation:pwIn .35s both}
.pw-brief.is-go .pw-br-b>*{animation:pwIn .45s both .25s}
.pw-brief.is-go .pw-br-a b{text-decoration:line-through;text-decoration-color:transparent;animation:pwIn .35s both,pwStrike .5s .9s forwards}
@keyframes pwStrike{to{text-decoration-color:rgba(255,98,31,.7)}}

/* 04 фазы */
.pw-ph{display:flex;flex-direction:column;gap:14px}
.pw-ph-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.pw-ph-nav button{font:inherit;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:14.5px;font-weight:600;transition:background .25s,color .25s,border-color .25s}
.pw-ph-nav i{font-style:normal;font-size:11px;font-weight:700;color:var(--acc)}
.pw-ph-nav button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pw-ph-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;min-height:220px}
.pw-col{padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:12px}
.pw-col small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--mute)}
.pw-col p{margin:0;font-size:16px;line-height:1.5}
.pw-col-r{background:var(--ground);align-items:center;justify-content:center;text-align:center}
.pw-col-r b{font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.02em;padding:18px 22px;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.pw-col-b small{color:var(--acc)}
.pw-ph-g .is-in{animation:pwIn .45s both}
.pw-col-r b.is-in{animation:pwSwap .5s cubic-bezier(.3,1.3,.5,1) both}
@keyframes pwSwap{from{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}
.pw-ph-all{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:10px}
.pw-ph-all li{padding:18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}
.pw-ph-all h3{margin:0;font-size:19px;display:flex;gap:10px;align-items:baseline}.pw-ph-all h3 i{font-style:normal;font-size:12px;color:var(--acc)}
.pw-ph-all small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--mute);margin-bottom:3px}
.pw-ph-all p{margin:0;font-size:14.5px}.pw-ph-all .r{padding:10px 12px;border-radius:10px;background:var(--ground)}

/* 05 вход */
.pw-in{min-width:0;display:flex;flex-direction:column;gap:14px;align-items:center}
.pw-in-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.pw-in-f span{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:#232a30;color:#aeb8c1;font-size:12.5px;transition:transform .7s var(--ease),opacity .7s;transition-delay:calc(var(--i)*.08s)}
.pw-in-f b{font-size:15px;color:#fff;font-weight:800}
.pw-in.is-go .pw-in-f span{transform:translateY(8px) scale(.96);opacity:.75}
.pw-in-s{width:min(360px,100%);padding:18px 20px;border-radius:14px;background:var(--acc);color:#fff;display:flex;flex-direction:column;gap:4px;position:relative;opacity:.3;transform:translateY(-6px);transition:opacity .6s .6s,transform .6s .6s}
.pw-in-s:before{content:"";position:absolute;left:50%;top:-14px;width:2px;height:12px;background:var(--acc)}
.pw-in-s small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;opacity:.8}.pw-in-s b{font-size:19px}.pw-in-s span{font-size:13.5px;opacity:.9}
.pw-in.is-go .pw-in-s{opacity:1;transform:none}
/* зависимости */
.pw-dep{min-width:0;display:flex;flex-direction:column;gap:10px}
.pw-dep-c{padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:14px}
.pw-dep-c>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.pw-dep-g{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pw-dep-g p{margin:0 6px 0 0;width:64px;font-size:12px;font-weight:700}
.pw-dep-g span{font-size:13px;padding:6px 10px;border-radius:8px}
.pw-dep-g .ok{background:rgba(57,217,138,.14);color:#136c42}
.pw-dep-g .wait{background:var(--ground);color:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}

/* 06 договор */
.pw-pre{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pw-pre li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.pw-pre b{font-weight:600}
.pw-ct{min-width:0;display:flex;flex-direction:column;gap:10px}
.pw-ct-d{padding:22px;border-radius:14px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:6px}
.pw-ct-d small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a959e;font-weight:700}.pw-ct-d b{font-size:26px;font-weight:500}.pw-ct-d span{font-size:14px;color:#cfd6dc}
.pw-ct-t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pw-tab{border-radius:12px;background:var(--ground);box-shadow:0 0 0 1px var(--line)}
.pw-tab summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:600;display:flex;gap:8px;align-items:baseline}
.pw-tab summary::-webkit-details-marker{display:none}
.pw-tab summary i{font-style:normal;font-size:11px;color:var(--acc);font-weight:800}
.pw-tab p{margin:0;padding:0 16px 16px;font-size:14px;color:var(--soft);animation:pwIn .35s both}
.pw-tab[open]{background:#fff;box-shadow:0 0 0 1px var(--ink)}
.pw-ct-b{align-self:flex-start}

/* 07 картридж */
.pw-cr-w{display:flex;flex-direction:column;gap:6px}
.pw-cr{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:stretch}
.pw-cr-s{display:flex;flex-direction:column;gap:8px}
.pw-cr-s button{font:inherit;font-size:16px;font-weight:600;text-align:left;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:transform .35s var(--ease),background .25s,color .25s}
.pw-cr-s button i{width:14px;height:22px;border-radius:3px;background:var(--line);transition:background .25s}
.pw-cr-s button.is-on{background:var(--ink);color:#fff;transform:translateX(10px)}
.pw-cr-s button.is-on i{background:var(--acc)}
.pw-cr-f{position:relative;padding:22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),inset 6px 0 0 var(--acc);display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.pw-cr-f.is-in .pw-cr-g li{animation:pwIn .4s both;animation-delay:calc(var(--j)*.07s)}
.pw-cr-f.is-in{animation:pwSlot .45s cubic-bezier(.3,1.3,.5,1)}
@keyframes pwSlot{from{transform:translateX(-8px)}to{transform:none}}
.pw-cr-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%}
.pw-cr-c{padding:14px;border-radius:12px;background:var(--ground);display:flex;flex-direction:column;gap:10px}
.pw-cr-c small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--acc)}
.pw-cr-c ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pw-cr-c li{font-size:14px;line-height:1.35;padding:8px 10px;border-radius:8px;background:#fff}

/* 08 неделя */
.pw-wk{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;border-radius:18px;background:#f3f1ec;color:var(--ink)}
.pw-wk-h{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid #d9d4ca}
.pw-wk-h b{font-size:18px}.pw-wk-h span{font-size:13px;font-weight:700;color:var(--acc)}
.pw-wk-c{padding:12px;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px;min-height:130px}
.pw-wk-c small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--mute)}
.pw-wk-c ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.pw-wk-c li{font-size:13.5px;padding:7px 9px;border-radius:7px;background:var(--ground);transition:opacity .4s,transform .4s}
.pw-wk-c li.is-moved{opacity:.25;transform:translateX(10px);text-decoration:line-through}
#pw-wk-g li{background:rgba(57,217,138,.16);animation:pwIn .45s both}
.pw-wk-n,.pw-wk-y{min-height:0}
.pw-wk-n{opacity:.35;transition:opacity .5s}.pw-wk.is-fri .pw-wk-n{opacity:1}
.pw-wk-y li{background:rgba(255,98,31,.12)}
.pw-wk>.pw-demo{grid-column:1/-1;color:var(--mute)!important}
/* три мини-блока */
.pw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.pw-mini{padding:24px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px}
.pw-mini>*{margin:0}.pw-mini h3{font-size:20px;font-weight:600;line-height:1.2}.pw-mini .soft{font-size:14.5px}
.pw-ap,.pw-chg{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.pw-ap-card,.pw-chg-c{padding:14px;border-radius:12px;background:var(--ground);display:flex;flex-direction:column;gap:6px;transition:background .35s,transform .5s,opacity .5s}
.pw-ap-card small,.pw-chg-c small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--mute)}
.pw-ap-st{font-size:12px;font-weight:800;letter-spacing:.06em}
.pw-ap-card.is-ok{background:rgba(57,217,138,.18);transform:translateY(6px) scale(.98)}.pw-ap-card.is-ok .pw-ap-st{color:#136c42}
.pw-ap-card.is-edit .pw-ap-st{color:var(--acc);letter-spacing:0;font-weight:600}
.pw-ap .row .pill,.pw-chg .row .pill{padding:8px 14px;font-size:13.5px}
.pw-ap-done{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.pw-ap-done li{font-size:12.5px;color:var(--soft);padding:5px 8px;border-radius:6px;background:rgba(57,217,138,.08);animation:pwIn .4s both}
.pw-chg-c dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pw-chg-c dl div{padding:6px 8px;border-radius:7px;background:#fff}.pw-chg-c dt{font-size:11px;color:var(--mute)}.pw-chg-c dd{margin:0;font-size:12.5px;font-weight:600}
.pw-chg[data-s="ok"] .pw-chg-c{background:rgba(57,217,138,.18)}.pw-chg[data-s="later"] .pw-chg-c{opacity:.55}
.pw-chg-r{margin:0;min-height:2.6em;font-size:13px;font-weight:600}
.pw-thr{margin-top:auto;position:relative;display:flex;flex-direction:column;gap:10px;padding:6px 0 6px 26px}
.pw-thr-l{position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(var(--acc),var(--acc)) no-repeat top/100% 0,var(--line);transition:background-size 1.6s var(--ease)}
.pw-thr.is-go .pw-thr-l{background-size:100% 100%,auto}
.pw-thr span{position:relative;font-size:13.5px;font-weight:600;padding:6px 10px;border-radius:8px;background:var(--ground);align-self:flex-start;opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s;transition-delay:calc(var(--i)*.25s + .2s)}
.pw-thr span:before{content:"";position:absolute;left:-22px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--acc)}
.pw-thr.is-go span{opacity:1;transform:none}

/* 09 результат */
.pw-res{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;align-items:stretch}
.pw-res article{padding:24px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}
.pw-res small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--acc)}
.pw-res h3{margin:0;font-size:20px;font-weight:600}.pw-res p{margin:0;font-size:14.5px;color:var(--soft);line-height:1.45}
.pw-res .pw-res-k{background:var(--ink);color:#fff;box-shadow:none}.pw-res .pw-res-k p{color:#cfd6dc}
.pw-50{margin-top:auto;display:flex;align-items:flex-end;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}
.pw-50 b{font-size:clamp(56px,6vw,96px);font-weight:500;letter-spacing:-.05em;line-height:.85;color:var(--acc)}
.pw-50 span{font-size:13.5px;color:#cfd6dc;max-width:16em}

/* 10 после запуска */
.pw-al{min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;padding-left:26px}
.pw-al:before{content:"";position:absolute;left:8px;top:18px;bottom:18px;width:2px;background:var(--line)}
.pw-al-l b{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:8px;background:var(--ink);color:#fff}
.pw-al-i{font:inherit;text-align:left;display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;position:relative;opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .45s,border-color .25s;transition-delay:calc(var(--i)*.1s)}
.pw-al-i:before{content:"";position:absolute;left:-22px;top:50%;width:10px;height:2px;background:var(--line)}
.pw-al-i b{font-size:15.5px}.pw-al-i span{font-size:14px;color:var(--soft)}.pw-al-i i{font-style:normal;color:var(--acc)}
.pw-al-i:hover{border-color:var(--ink)}
.pw-al.is-go .pw-al-i{opacity:1;transform:none}

/* 13 финал */
.pw-fin{padding:clamp(23.8px,4vw,57.6px);display:flex;flex-direction:column;gap:18px}
.pw-fin>*{margin:0}.pw-fin .t-state{max-width:18em}
.pw-first{display:flex;flex-direction:column;gap:18px}
.pw-first fieldset{border:0;margin:0;padding:0}
.pw-first legend{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1;margin-bottom:12px}
.pw-first-o{display:flex;flex-wrap:wrap;gap:8px}
.pw-first-o label{cursor:pointer}
.pw-first-o input{position:absolute;opacity:0;width:1px;height:1px}
.pw-first-o span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14.5px}
.pw-first-o span:before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #8a959e}
.pw-first-o input:checked+span{background:#fff;color:var(--ink)}.pw-first-o input:checked+span:before{border-color:var(--acc);background:var(--acc)}
.pw-first-o input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}

@media (max-width:1100px){
  .pw-hero-g,.pw-two,.pw-two.pw-rev,.pw-after-req{grid-template-columns:minmax(0,1fr)}
  .pw-two.pw-rev>.pw-tx{order:-1}
  .pw-ph-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pw-cr{grid-template-columns:minmax(0,1fr)}.pw-cr-s{flex-direction:row;flex-wrap:wrap}.pw-cr-s button.is-on{transform:none}
  .pw-cr-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pw-res{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pw-three{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .pw-desk{min-height:0;padding:16px;background-image:none}
  .pw-art{display:none}
  .pw-card{position:relative;left:auto;top:auto;transform:none;width:auto}
  .pw-card dl div{grid-template-columns:minmax(0,1fr)}
  .pw-ar-s{grid-template-columns:minmax(0,1fr)}
  .pw-brief{grid-template-columns:minmax(0,1fr)}
  .pw-ph-nav,.pw-ph-g{display:none}.pw-ph-all{display:flex}
  .pw-in-f{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pw-dep-g p{width:100%}
  .pw-pre li{grid-template-columns:minmax(0,1fr);gap:2px}
  .pw-ct-t{grid-template-columns:minmax(0,1fr)}
  .pw-cr-s button{flex:1 1 40%;padding:12px 14px;font-size:14.5px}
  .pw-cr-g{grid-template-columns:minmax(0,1fr)}
  .pw-wk{grid-template-columns:minmax(0,1fr)}.pw-wk-c{min-height:0}
  .pw-res{grid-template-columns:minmax(0,1fr)}
  .pw-al-i{grid-template-columns:minmax(0,1fr) auto}.pw-al-i span{grid-column:1/-1;grid-row:2}
}
@media (prefers-reduced-motion:reduce){
  .pw *,.pw *:before,.pw *:after{animation:none!important;transition:none!important}
}
/* ================= О КОМПАНИИ (ab-*) ================= */
.ab .t-state{font-size:clamp(28px,3vw,46px)}
.ab-sp{max-width:30em;margin:0}
.ab-ph{border-radius:inherit;margin:0;width:100%;height:100%}
.ab-mos .media>.ph-l,.ab-jr .media>.ph-l{display:none}
.ab-mos .media>.ph-ic{width:26px;height:26px;font-size:12px;top:10px;right:10px}
.ab-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,57.6px);align-items:center}
.ab-two.ab-rev{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.ab-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.ab-tx>*{margin:0}.ab-tx>.pill{align-self:flex-start}
.ab-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ab-list li{padding-left:22px;position:relative}.ab-list li:before{content:"";position:absolute;left:0;top:.6em;width:12px;height:2px;background:var(--acc)}
.ab button:focus-visible,.ab [tabindex]:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* 01 hero: мозаика */
.ab-hero-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;margin-top:clamp(16px,2vw,28px)}
.ab-hero-l{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.ab-hero-l>*{margin:0}
.ab-h1{font-size:clamp(44px,5.4vw,88px)!important;line-height:.98;max-width:9.5em}
.ab-hero-l .lead{max-width:30em}
.ab-mos{--mx:0;--my:0;position:relative;height:clamp(420px,44vw,620px)}
.ab-tile{position:absolute;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.14);transition:transform 1.3s cubic-bezier(.2,.8,.2,1),opacity 1s;opacity:0}
.ab-tile .media{position:absolute;inset:0;border-radius:0}
.ab-t0{left:0;top:0;width:44%;height:46%;--sx:-40px;--sy:-30px;--r:-4deg;--dp:1}
.ab-t1{left:46%;top:4%;width:26%;height:30%;--sx:30px;--sy:-50px;--r:5deg;--dp:2}
.ab-t2{left:74%;top:0;width:26%;height:42%;--sx:60px;--sy:-20px;--r:-3deg;--dp:1.5}
.ab-t3{left:46%;top:36%;width:28%;height:30%;--sx:20px;--sy:30px;--r:3deg;--dp:2.5}
.ab-t4{left:0;top:48%;width:44%;height:52%;--sx:-50px;--sy:40px;--r:3deg;--dp:1}
.ab-t5{left:76%;top:44%;width:24%;height:30%;--sx:50px;--sy:20px;--r:-5deg;--dp:2}
.ab-t6{left:46%;top:68%;width:54%;height:32%;--sx:10px;--sy:60px;--r:2deg;--dp:1.3}
.ab-tile{transform:translate(var(--sx),var(--sy)) rotate(var(--r)) scale(.94)}
.ab-mos.is-set .ab-tile{opacity:1;transform:translate(calc(var(--mx)*var(--dp)*-10px),calc(var(--my)*var(--dp)*-10px));transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity 1s}
.ab-mos.is-set .ab-tile{transition-delay:calc(var(--dl,0)*1s)}
.ab-t1{--dl:.08}.ab-t2{--dl:.16}.ab-t3{--dl:.24}.ab-t4{--dl:.32}.ab-t5{--dl:.4}.ab-t6{--dl:.48}
.ab-tl{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:800;letter-spacing:.12em;padding:6px 10px;border-radius:7px;background:#fff;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.ab-tile.is-lab .ab-tl{opacity:1;transform:none}
.ab-tile.is-lab .ab-tl{background:var(--acc);color:#fff}

/* 02 что такое Billie + переплетение */
.ab-what{padding:clamp(17px,3.2vw,48px) 0 0}
.ab-what .eyebrow{margin:0 0 18px}
.ab-state{margin:0;font-size:clamp(28px,3.6vw,58px);line-height:1.08;letter-spacing:-.035em;font-weight:500;max-width:22em}
.ab-state .muted-word{color:var(--mute)}
.ab-wv-p{padding:clamp(22.1px,3.2vw,51.2px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,44.8px);align-items:center}
.ab-wv-h{display:flex;flex-direction:column;gap:16px}.ab-wv-h>*{margin:0}
.ab-wv svg{width:100%;height:auto;display:block;overflow:visible}
.ab-band path{fill:none;stroke-width:44;stroke-linecap:round;transition:d 1.6s cubic-bezier(.6,0,.2,1)}
.ab-b0 path{stroke:#ff621f}.ab-b1 path{stroke:#3a434b}.ab-b2 path{stroke:#566069}.ab-b3 path{stroke:#2a3137}.ab-b4 path{stroke:#ffb088}
.ab-band text{fill:#fff;font-size:15px;font-weight:800;letter-spacing:.12em;font-family:inherit}
.ab-b4 text{fill:var(--ink)}
.ab-band{mix-blend-mode:normal}
.ab-knot{opacity:0;transition:opacity .5s;transition-delay:calc(1.4s + var(--i)*.2s)}
.ab-knot circle{fill:#fff;stroke:var(--acc);stroke-width:4}
.ab-knot rect{fill:#fff}
.ab-knot text{fill:var(--ink);font-size:15px;font-weight:700;font-family:inherit}
.ab-wv.is-go .ab-knot{opacity:1}
.ab-wv-m,.ab-wv-r{display:none}

/* 03 цифры-постер */
.ab-scale{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:0 clamp(16px,2vw,32px);align-items:end;padding:clamp(17px,2.4vw,32px) 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.ab-n{display:flex;flex-direction:column;gap:6px;padding:14px 0}
.ab-n b{display:block;font-weight:500;letter-spacing:-.06em;line-height:.8;clip-path:inset(100% 0 0 0);transform:translateY(20%);transition:clip-path 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.ab-n span{font-size:15px;color:var(--soft);max-width:16em;opacity:0;transition:opacity .6s .5s}
.ab-scale.is-go .ab-n b{clip-path:inset(0 0 0 0);transform:none}
.ab-scale.is-go .ab-n span{opacity:1}
.ab-n15{grid-column:1/7;grid-row:1/3}.ab-n15 b{font-size:clamp(180px,26vw,420px);color:var(--ink)}
.ab-n50{grid-column:7/13;grid-row:1}.ab-n50 b{font-size:clamp(90px,11vw,180px);color:var(--acc)}
.ab-n3a{grid-column:7/10;grid-row:2}.ab-n3b{grid-column:10/13;grid-row:2}
.ab-n3a b,.ab-n3b b{font-size:clamp(56px,6vw,96px)}
.ab-n20{grid-column:1/13;grid-row:3;flex-direction:row;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding-top:18px}
.ab-n20 b{font-size:clamp(56px,6vw,96px);color:var(--mute)}
.ab-n50 b{transition-delay:.15s}.ab-n3a b{transition-delay:.3s}.ab-n3b b{transition-delay:.4s}.ab-n20 b{transition-delay:.5s}

/* 04 команда */
.ab-crew-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:10px}
.ab-crew-bar>span{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.ab-seg{display:flex;flex-wrap:wrap;gap:6px}
.ab-seg button{font:inherit;font-size:14px;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer;transition:background .25s,color .25s}
.ab-seg button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ab-roles{margin:0 0 22px;min-height:1.5em;font-size:15px;display:flex;flex-direction:column;gap:4px}
.ab-roles b{color:var(--acc)}.ab-roles small{color:var(--mute);font-size:13px}
.ab-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px) clamp(12px,1.6vw,22px)}
.ab-p{display:flex;flex-direction:column;gap:4px;transition:opacity .45s,transform .45s var(--ease),filter .45s}
.ab-p .media{aspect-ratio:1/1;border-radius:var(--r-lg);margin-bottom:10px;overflow:hidden}
.ab-p-big{grid-column:span 2}.ab-p-big .media{aspect-ratio:2.06/1}
.ab-p h3{margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:600;letter-spacing:-.02em}
.ab-p p{margin:0;font-size:14.5px}.ab-p small{font-size:13px;color:var(--mute)}
.ab-team.is-crew .ab-p{opacity:.3;filter:grayscale(1)}
.ab-team.is-crew .ab-p.is-in{opacity:1;filter:none;transform:translateY(-8px)}
.ab-team.is-crew .ab-p.is-in .media{box-shadow:0 0 0 3px var(--acc)}

/* 05 полевые заметки */
.ab-fn{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;min-width:0}
.ab-fn .ab-fn-ph{position:absolute;inset:0;border-radius:0}
.ab-note{position:absolute;left:var(--x);top:var(--y);z-index:3;font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-size:clamp(15px,1.4vw,19px);line-height:1.1;padding:8px 12px;border-radius:4px;background:#fffbe8;color:#1d2a44;box-shadow:0 6px 16px rgba(0,0,0,.2);transform:rotate(calc((var(--i) - 2)*2deg)) scale(.8);opacity:0;transition:opacity .45s,transform .5s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(var(--i)*.35s + .3s);max-width:44%}
.ab-note:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(255,98,31,.3)}
.ab-fn.is-go .ab-note{opacity:1;transform:rotate(calc((var(--i) - 2)*2deg))}
.ab-fn-m{display:none}

/* 06 отрасли */
.ab-ind{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ab-ind-i{min-height:150px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px;transition:transform .35s var(--ease),box-shadow .3s}
.ab-ind-i span{font-size:11px;font-weight:700;color:var(--mute)}
.ab-ind-i h3{margin:0;font-size:16px;font-weight:600;line-height:1.25}
.ab-ind-i small{margin-top:auto;font-size:12.5px;color:var(--acc);font-weight:600}
.ab-ind-i.has{background:var(--ink);color:#fff;box-shadow:none}.ab-ind-i.has span{color:#8a959e}
.ab-ind-i:hover{transform:translateY(-4px)}

/* 07 журнал */
.ab-jr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.ab-jr-i{margin:0;display:flex;flex-direction:column;gap:10px;position:relative}
.ab-jr-i .media{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3}
.ab-jr-i figcaption{display:flex;gap:10px;font-size:14px;color:var(--soft)}.ab-jr-i figcaption span{color:var(--acc);font-weight:700;font-size:12px}
.ab-jr-w{grid-column:span 8}.ab-jr-w .media{aspect-ratio:16/10}
.ab-jr-t{grid-column:span 4;margin-top:clamp(34px,6.4vw,96px)}.ab-jr-t .media{aspect-ratio:3/4}
.ab-jr-s{grid-column:span 4}
.ab-jr-p{grid-column:span 12}.ab-jr-p .media{aspect-ratio:21/8}
.ab-jr-i .media .ph-in{transition:transform .8s var(--ease)}
.ab-jr-i:hover .media .ph-in,.ab-jr-i:focus-visible .media .ph-in{transform:scale(1.03)}
.ab-jr-i figcaption{transition:color .3s}.ab-jr-i:hover figcaption,.ab-jr-i:focus-visible figcaption{color:var(--ink)}

/* 08 принципы */
.ab-press-w>.eyebrow{margin:0 0 12px}.ab-press-w>h2{margin:0 0 clamp(17px,2.4vw,32px)}
.ab-press{display:flex;flex-direction:column;gap:12px}
.ab-pr{position:relative;min-height:clamp(260px,26vw,380px);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;align-items:flex-end;padding:clamp(18.7px,2.4vw,35.2px)}
.ab-pr:nth-child(even){background:var(--ink);color:#fff}
.ab-pr-w{position:absolute;left:-.04em;top:50%;transform:translateY(-50%) scale(.85);transform-origin:left center;font-size:clamp(90px,15vw,250px);font-weight:600;letter-spacing:-.06em;line-height:.8;white-space:nowrap;color:var(--acc);opacity:.08;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1s}
.ab-pr.is-go .ab-pr-w{transform:translateY(-50%) scale(1);opacity:.13}
.ab-pr:nth-child(even).is-go .ab-pr-w{opacity:.3}
.ab-pr-c{position:relative;max-width:36em;margin-left:auto;display:flex;flex-direction:column;gap:10px;opacity:.4;transform:translateY(12px);transition:opacity .7s .2s,transform .7s .2s}
.ab-pr.is-go .ab-pr-c{opacity:1;transform:none}
.ab-pr-c small{font-size:12px;font-weight:800;color:var(--acc)}
.ab-pr-c h3{margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-.03em}
.ab-pr-c p{margin:0;font-size:16px;line-height:1.55;opacity:.85}

/* 09 наборщик */
.ab-ty-p{padding:clamp(22.1px,3.2vw,51.2px);display:flex;flex-direction:column;gap:22px}
.ab-ty-h{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}.ab-ty-h>*{margin:0}
.ab-ty{display:flex;flex-wrap:wrap;gap:0 clamp(16px,2.4vw,36px);align-items:baseline}
.ab-ty button{font:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left;display:inline-flex;flex-direction:column;color:var(--ink)}
.ab-ty-w{font-size:clamp(42px,6.2vw,104px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--line);transition:color .35s,letter-spacing .5s}
.ab-ty-s{font-size:14px;color:var(--soft);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s,margin .4s}
.ab-ty button.is-on .ab-ty-w{color:var(--ink);letter-spacing:-.03em}
.ab-ty button.is-on .ab-ty-s{max-height:3em;opacity:1;margin:4px 0 10px}
.ab-ty button:hover .ab-ty-w{color:#8a959e}.ab-ty button.is-on:hover .ab-ty-w{color:var(--ink)}

/* 10 календарь отношений */
.ab-cal{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}
.ab-yr{min-height:calc(150px + var(--i)*22px);padding:12px 10px;border-radius:12px 12px 4px 4px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:6px;transform:translateY(24px);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s;transition-delay:calc(var(--i)*.08s)}
.ab-cal.is-go .ab-yr{transform:none;opacity:1}
.ab-yr b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.ab-yr em{font-style:normal;font-size:11px;font-weight:700;color:var(--acc)}
.ab-yr ul{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.ab-yr li{font-size:11px;font-weight:600;padding:4px 6px;border-radius:5px;background:var(--ground);overflow-wrap:anywhere;line-height:1.2}
.ab-yr li.is-new{background:var(--acc);color:#fff}
.ab-rel{display:flex;flex-wrap:wrap;gap:8px}

/* 11 миссия-горизонт */
.ab-ms{padding:clamp(23.8px,4vw,64px);display:flex;flex-direction:column;gap:clamp(20.4px,2.4vw,35.2px);overflow:hidden}
.ab-ms-t .eyebrow{margin:0 0 14px}.ab-ms-t h2{margin:0;max-width:22em}
.ab-hz{position:relative;perspective:900px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0}
.ab-hz small{display:block;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#8a959e;margin-bottom:10px}
.ab-hz-far div,.ab-hz-near div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ab-hz-far{transform:rotateX(38deg) translateY(10px) scale(.9);opacity:.2;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),opacity 1.6s}
.ab-hz-far span{font-size:clamp(18px,2vw,28px);font-weight:300;padding:10px 20px;border-radius:var(--pill);border:1px dashed rgba(255,255,255,.35);color:#cfd6dc}
.ab-hz-near span{font-size:clamp(15px,1.4vw,19px);font-weight:600;padding:10px 18px;border-radius:var(--pill);background:#fff;color:var(--ink);transform:translateY(16px);opacity:0;transition:transform .6s,opacity .6s;transition-delay:calc(var(--i)*.1s)}
.ab-hz-ipo{margin:0;font-size:clamp(56px,9vw,150px);font-weight:500;letter-spacing:-.05em;line-height:.9;text-align:center;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:scale(.92);transition:opacity 1.2s .5s,transform 1.6s .5s cubic-bezier(.2,.8,.2,1)}
.ab-ms.is-go .ab-hz-far{transform:rotateX(18deg) scale(1);opacity:.75}
.ab-ms.is-go .ab-hz-near span{transform:none;opacity:1}
.ab-ms.is-go .ab-hz-ipo{opacity:1;transform:none}
.ab-hz:before{content:"";position:absolute;left:0;right:0;top:36%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,98,31,.6),transparent)}
.ab-ms-b{display:grid;grid-template-columns:1fr 1fr;gap:clamp(17px,2.4vw,38.4px)}
.ab-ms-b p{margin:0;font-size:17px;line-height:1.55;color:#fff}.ab-ms-b .soft{color:#aeb8c1}

/* 12 CTA */
.ab-cta{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding:clamp(17px,3.2vw,48px) 0}
.ab-cta>*{margin:0}.ab-cta h2{max-width:14em}

@media (max-width:1100px){
  .ab-hero-g,.ab-two,.ab-two.ab-rev,.ab-wv-p{grid-template-columns:minmax(0,1fr)}
  .ab-two.ab-rev>.ab-tx{order:-1}
  .ab-team{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ab-ind{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ab-cal{grid-template-columns:repeat(4,minmax(0,1fr))}.ab-yr{min-height:150px}
}
@media (max-width:760px){
  .ab-mos{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ab-tile{position:relative;left:auto;top:auto;width:auto;height:auto;aspect-ratio:4/5;transform:none!important;opacity:1}
  .ab-t0,.ab-t6{grid-column:1/-1;aspect-ratio:16/10}.ab-t5,.ab-t3{display:none}
  .ab-wv svg{display:none}
  .ab-wv-m{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
  .ab-wv-m li{padding:14px 18px;border-radius:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px;background:#3a434b;color:#fff}
  .ab-wv-m li:first-child{background:var(--acc)}.ab-wv-m li:last-child{background:#ffb088;color:var(--ink)}
  .ab-wv-r{display:block;margin:12px 0 0;color:#cfd6dc;font-size:15px}.ab-wv-r b{color:#fff}
  .ab-scale{grid-template-columns:1fr 1fr}
  .ab-n15{grid-column:1/-1;grid-row:auto}.ab-n50{grid-column:1/-1;grid-row:auto}.ab-n3a,.ab-n3b{grid-column:auto;grid-row:auto}.ab-n20{grid-column:1/-1;grid-row:auto;flex-direction:column;align-items:flex-start;gap:6px}
  .ab-team{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-p-big{grid-column:span 2}
  .ab-fn{aspect-ratio:auto;overflow:visible}
  .ab-fn .ab-fn-ph{position:relative;aspect-ratio:4/3;border-radius:var(--r-lg)}
  .ab-note{display:none}
  .ab-fn-m{display:flex;flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none}
  .ab-fn-m li{font-family:"Caveat","Segoe Print",cursive;font-size:18px;padding:8px 12px;border-radius:4px;background:#fffbe8;color:#1d2a44}
  .ab-ind{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-ind-i{min-height:120px}
  .ab-jr{grid-template-columns:minmax(0,1fr)}.ab-jr-i{grid-column:1/-1!important;margin-top:0!important}
  .ab-jr-p .media{aspect-ratio:16/10}
  .ab-cal{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-yr{min-height:0}
  .ab-ms-b{grid-template-columns:minmax(0,1fr)}
  .ab-ty-w{font-size:clamp(34px,11vw,56px)}
  .ab-pr{flex-direction:column;align-items:flex-start;gap:14px;min-height:0}
  .ab-pr-w{position:relative;top:auto;left:auto;transform:none!important;font-size:clamp(44px,15vw,72px);opacity:.9!important;max-width:100%;white-space:normal}
  .ab-pr-c{margin-left:0;opacity:1;transform:none}
}
@media (max-width:420px){
  .ab-team{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ab-ind{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .ab *,.ab *:before,.ab *:after{animation:none!important;transition:none!important}
}
/* ================= СТАТЬИ (bl-*, ar-*) ================= */
.bl .t-state,.ar .t-state{font-size:clamp(28px,3vw,46px)}
.bl-sp{max-width:30em;margin:0}
.bl-meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bl-meta span:first-child{color:var(--acc)}
.bl button:focus-visible,.bl [tabindex]:focus-visible,.ar button:focus-visible,.ar [tabindex]:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.bl-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,57.6px);align-items:center}
.bl-tx{display:flex;flex-direction:column;gap:16px;min-width:0}.bl-tx>*{margin:0}.bl-tx>.pill{align-self:flex-start}

/* обложка и знак */
.bl-cov{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:14px;background:var(--ground);isolation:isolate}
.bl-cov .bl-mark{position:absolute;right:-6%;bottom:-10%;width:78%;height:auto}
.bl-mark circle,.bl-mark rect{fill:currentColor}.bl-mark path{stroke:currentColor}
.bl-cov-c{position:absolute;left:14px;top:12px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.bl-cov-n{position:absolute;left:14px;bottom:10px;font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1}
.bl-cov:before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(0,0,0,.05) 23px 24px)}
.bl-t-site{background:#f3f1ec;color:var(--ink)}.bl-t-site .bl-mark{color:#1b2227}.bl-t-site .bl-mark circle{fill:var(--acc)}
.bl-t-mkt{background:#171c20;color:#fff}.bl-t-mkt .bl-mark{color:var(--acc)}.bl-t-mkt:before{background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(255,255,255,.06) 23px 24px)}
.bl-t-auto{background:#2a3137;color:#fff}.bl-t-auto .bl-mark{color:#9fb0bd}.bl-t-auto .bl-mark rect{fill:var(--acc)}.bl-t-auto:before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}
.bl-t-other{background:#ffe4d6;color:var(--ink)}.bl-t-other .bl-mark{color:#c2410c}
.bl-cov.is-big{aspect-ratio:auto;min-height:100%}.bl-cov.is-big .bl-cov-n{font-size:64px}

/* карточка */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px) clamp(12px,1.6vw,22px)}
.bl-card{display:flex;flex-direction:column;gap:14px;cursor:pointer;min-width:0}
.bl-card .bl-cov{transition:transform .5s var(--ease)}
.bl-card .bl-mark{transition:transform .8s var(--ease)}
.bl-card:hover .bl-mark,.bl-card:focus-visible .bl-mark{transform:translate(-8%,-6%) rotate(-6deg)}
.bl-card-b{display:flex;flex-direction:column;gap:8px}
.bl-card h3{margin:0;font-size:clamp(19px,1.5vw,23px);line-height:1.2;letter-spacing:-.02em;font-weight:500;transition:color .3s}
.bl-card:hover h3,.bl-card:focus-visible h3{color:var(--acc)}
.bl-lead{margin:0;font-size:14.5px;color:var(--soft);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-take{margin:0;font-size:13.5px;line-height:1.4;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}
.bl-take b{color:var(--acc);font-weight:700}
.bl-card:hover .bl-take,.bl-card:focus-visible .bl-take{max-height:5em;opacity:1}
.bl-card.is-m{grid-column:span 1}
.bl-grid .bl-card.is-m:first-child{grid-column:span 2}.bl-grid .bl-card.is-m:first-child .bl-cov{aspect-ratio:21/10}
.bl-empty{grid-column:1/-1;padding:clamp(23.8px,3.2vw,44.8px);border-radius:var(--r-lg);border:1.5px dashed var(--line);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.bl-empty b{font-size:clamp(20px,2vw,28px);font-weight:500}.bl-empty p{margin:0;color:var(--soft)}

/* 01 hero-композитор */
.bl-hero-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;margin-top:clamp(16px,2vw,28px)}
.bl-hero-l{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.bl-hero-l>*{margin:0}
.bl-h1{font-size:clamp(42px,5vw,82px)!important;line-height:.98;max-width:10em}
.bl-comp{display:flex;flex-direction:column;gap:2px;min-width:0}
.bl-cq{font:inherit;text-align:left;border:0;background:transparent;cursor:pointer;padding:6px 0;display:flex;flex-direction:column;gap:6px;color:var(--ink);min-width:0}
.bl-cq-q{font-size:clamp(22px,2.4vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:500;color:var(--line);transition:color .6s}
.bl-cq:nth-child(odd) .bl-cq-q{padding-left:clamp(17px,4.8vw,72px)}
.bl-cq-c{display:none}
.bl-comp.is-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bl-comp.is-set .bl-cq{padding:14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);gap:10px;min-height:170px}
.bl-comp.is-set .bl-cq:nth-child(3n+2){background:var(--ink);color:#fff;box-shadow:none}
.bl-comp.is-set .bl-cq:nth-child(3n+2) .bl-cq-q{color:var(--acc)}
.bl-comp.is-set .bl-cq-q{font-size:13px;letter-spacing:0;padding-left:0;color:var(--acc);font-weight:700;line-height:1.3}
.bl-comp.is-set .bl-cq-c{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.bl-cq-c small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.bl-cq-c b{font-size:15px;font-weight:500;line-height:1.25}
.bl-comp.is-set .bl-cq:hover{transform:translateY(-4px)!important;transition:transform .3s}

/* 02 главный материал */
.bl-feat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;min-height:360px;transition:box-shadow .3s}
.bl-feat:hover{box-shadow:0 0 0 1px var(--ink),0 20px 44px rgba(0,0,0,.08)}
.bl-feat .bl-cov{border-radius:0;transition:clip-path 1s cubic-bezier(.2,.8,.2,1);clip-path:inset(12% 18% 12% 0 round 14px)}
.bl-feat.is-open .bl-cov{clip-path:inset(0 0 0 0)}
.bl-feat-b{padding:clamp(20.4px,2.4vw,38.4px);display:flex;flex-direction:column;gap:14px}
.bl-feat h2{margin:0;font-size:clamp(28px,2.8vw,44px);line-height:1.08;letter-spacing:-.035em;font-weight:500}
.bl-feat-l{margin:0;font-size:17px;color:var(--soft);opacity:0;transform:translateY(8px);transition:opacity .6s .3s,transform .6s .3s}
.bl-feat-k{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.bl-feat-k li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:15px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;transition-delay:calc(.6s + var(--i)*.15s)}
.bl-feat-k span{font-size:12px;font-weight:700;color:var(--acc)}
.bl-feat.is-open .bl-feat-l,.bl-feat.is-open .bl-feat-k li{opacity:1;transform:none}
.bl-go{margin-top:auto;font-weight:600;display:inline-flex;gap:8px}.bl-go .ar{color:var(--acc);transition:transform .3s}.bl-feat:hover .bl-go .ar{transform:translateX(5px)}

/* 03 вопросы */
.bl-qi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.bl-qi-i{font:inherit;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 40px 18px 0;cursor:pointer;display:flex;flex-direction:column;gap:6px;position:relative;color:var(--ink);min-width:0}
.bl-qi-i:nth-child(3n+2),.bl-qi-i:nth-child(3n+3){padding-left:20px;border-left:1px solid var(--line)}
.bl-qi-i small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.bl-qi-i b{font-size:clamp(18px,1.6vw,23px);font-weight:500;line-height:1.2;letter-spacing:-.02em}
.bl-qi-i span{font-size:13.5px;color:var(--mute)}
.bl-qi-i i{position:absolute;right:12px;top:20px;font-style:normal;color:var(--acc);transition:transform .3s}
.bl-qi-i:hover i{transform:translateX(4px)}.bl-qi-i:hover b{color:var(--acc)}

/* 04 поиск */
.bl-srch{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(20px,3vw,36px)}
.bl-srch label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bl-srch-r{position:relative}
.bl-srch input{width:100%;font:inherit;font-size:clamp(20px,2.2vw,32px);letter-spacing:-.02em;padding:16px 56px 16px 0;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink);border-radius:0}
.bl-srch input::-webkit-search-cancel-button{display:none}
.bl-srch input:focus{outline:none;border-color:var(--acc)}
.bl-clear{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:var(--ground);font-size:22px;cursor:pointer}
.bl-clear[hidden]{display:none}
.bl-cats{display:flex;flex-wrap:wrap;gap:6px}
.bl-cats button{font:inherit;font-size:14px;padding:8px 14px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer}
.bl-cats button span{opacity:.5;margin-left:4px}
.bl-cats button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bl-count{margin:0;font-size:13px;color:var(--mute)}

/* 05 пути чтения */
.bl-paths-p{padding:clamp(22.1px,3.2vw,44.8px);display:flex;flex-direction:column;gap:22px}
.bl-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bl-stack h3{margin:0 0 12px;font-size:17px;font-weight:600}
.bl-stack ol{margin:0;padding:0;list-style:none;position:relative;display:flex;flex-direction:column}
.bl-stack li{position:relative;margin-top:-76px;transition:margin .45s var(--ease),transform .45s var(--ease);z-index:calc(10 - var(--i))}
.bl-stack li:first-child{margin-top:0}
.bl-stack a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 8px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line),0 6px 14px rgba(0,0,0,.05);cursor:pointer;min-height:84px}
.bl-stack li:nth-child(2) a{background:#faf9f6}.bl-stack li:nth-child(3) a{background:#f5f3ee}.bl-stack li:nth-child(4) a{background:#f0ede6}
.bl-stack a span{font-size:12px;font-weight:700;color:var(--acc);grid-row:span 2}
.bl-stack a b{font-size:14.5px;font-weight:500;line-height:1.25}
.bl-stack a small{font-size:12px;color:var(--mute)}
.bl-stack li:not(:first-child) a>*{opacity:0;transition:opacity .3s}
.bl-stack:hover li a>*,.bl-stack:focus-within li a>*{opacity:1}
.bl-stack:after{content:'+ ещё материалы — наведите';display:block;margin-top:10px;font-size:12px;color:var(--mute)}.bl-stack:hover:after,.bl-stack:focus-within:after{opacity:0}
.bl-stack:hover li,.bl-stack:focus-within li{margin-top:8px}.bl-stack:hover li:first-child,.bl-stack:focus-within li:first-child{margin-top:0}
.bl-stack a:hover b{color:var(--acc)}

/* 06 руководителю */
.bl-brief{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,57.6px);align-items:start}
.bl-brief-h{display:flex;flex-direction:column;gap:14px}.bl-brief-h>*{margin:0}
.bl-brief-l{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}
.bl-brief-l a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line);cursor:pointer;align-items:baseline}
.bl-brief-l .n{font-size:12px;font-weight:700;color:var(--acc);grid-row:span 2}
.bl-brief-l .q{font-size:13px;font-weight:700;color:var(--mute);grid-column:2}
.bl-brief-l b{grid-column:2;font-size:17px;font-weight:500;line-height:1.25}
.bl-brief-l small{grid-column:3;grid-row:1/3;font-size:13px;color:var(--mute);white-space:nowrap}
.bl-brief-l a:hover b{color:var(--acc)}

/* 07 темы */
.bl-tt-p{padding:clamp(22.1px,3.2vw,51.2px);display:flex;flex-direction:column;gap:20px}
.bl-tt-p .eyebrow{margin:0}
.bl-tt{display:flex;flex-wrap:wrap;gap:0 clamp(14px,2.2vw,34px);align-items:baseline}
.bl-tt button{font:inherit;background:none;border:0;padding:0;cursor:pointer;font-size:clamp(40px,6vw,100px);font-weight:500;letter-spacing:-.05em;line-height:1.05;color:#3a434b;transition:color .3s}
.bl-tt button:hover{color:#6c7780}
.bl-tt button.is-on{color:#fff}
.bl-tt-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line-d);min-height:150px}
.bl-tt-l li{border-bottom:1px solid var(--line-d);animation:blIn .4s both;animation-delay:calc(var(--j)*.08s)}
.bl-tt-l a{display:block;padding:14px 0;color:#cfd6dc;font-size:17px;cursor:pointer}.bl-tt-l a:hover{color:var(--acc)}
@keyframes blIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 08 метод */
.bl-method{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.bl-method li{font-size:14px;font-weight:600;padding:8px 12px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;gap:8px}
.bl-method span{color:var(--acc);font-size:12px}
.bl-desk{position:relative;min-height:400px;border-radius:var(--r-lg);background:#e9e5dc;overflow:hidden;min-width:0}
.bl-desk-n{position:absolute;left:8%;top:10%;width:min(300px,60%);padding:18px;border-radius:4px;background:#fffbe8;box-shadow:0 8px 20px rgba(0,0,0,.12);transform:rotate(-3deg);display:flex;flex-direction:column;gap:6px;transition:transform .9s var(--ease),opacity .9s}
.bl-desk-n small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a7a52}
.bl-desk-n b{font-family:"Caveat","Segoe Print",cursive;font-size:26px;line-height:1.1;color:#1d2a44;font-weight:600}
.bl-frag{position:absolute;font-size:13px;font-weight:600;padding:8px 12px;border-radius:8px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:transform .9s var(--ease),opacity .7s}
.bl-frag.f1{right:8%;top:14%;transform:rotate(4deg)}.bl-frag.f2{left:12%;bottom:18%;transform:rotate(-2deg)}.bl-frag.f3{right:14%;bottom:30%;transform:rotate(3deg)}
.bl-desk-c{position:absolute;left:50%;top:50%;width:min(340px,70%);transform:translate(-50%,-40%) scale(.9);opacity:0;padding:12px;border-radius:14px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .9s .6s var(--ease),opacity .7s .6s}
.bl-desk-c b{font-size:16px;font-weight:500;line-height:1.25}
.bl-desk.is-go .bl-desk-n{transform:translate(-20%,-30%) rotate(-8deg) scale(.8);opacity:.55}
.bl-desk.is-go .bl-frag{opacity:0}.bl-desk.is-go .bl-frag.f1{transform:translate(-60px,60px)}.bl-desk.is-go .bl-frag.f2{transform:translate(60px,-60px)}.bl-desk.is-go .bl-frag.f3{transform:translate(-40px,-30px)}
.bl-desk.is-go .bl-desk-c{transform:translate(-50%,-50%);opacity:1}

/* 09 рассылка и финал */
.bl-news{padding:clamp(22.1px,3.2vw,51.2px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.bl-end{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:clamp(8.5px,2.4vw,32px) 0}.bl-end>*{margin:0}

/* ---------- статья ---------- */
.ar-hero-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:stretch;margin-top:clamp(14px,2vw,26px)}
.ar-hero-g>div:first-child{display:flex;flex-direction:column;gap:18px}
.ar-h1{margin:0;font-size:clamp(34px,4.2vw,66px);line-height:1.04;letter-spacing:-.04em;font-weight:500;max-width:17em;text-wrap:balance}
.ar-lead{margin:0;max-width:36em}
.ar-hero-g .bl-cov{min-height:260px;aspect-ratio:auto}
.ar-share-m{font-size:13px;color:var(--acc);font-weight:600;align-self:center}
.ar-keys{overflow:hidden;display:flex;flex-direction:column;gap:0;border-top:2px solid var(--ink);padding-top:14px}
.ar-keys .eyebrow{margin:0 0 8px}
.ar-key{margin:0;width:calc(100% - var(--i)*clamp(0px,3vw,48px));display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(20px,2vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:500;opacity:.25;transform:translateX(calc((var(--i) + 1)*18px));transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*.15s)}
.ar-key span{font-size:13px;font-weight:700;color:var(--acc);letter-spacing:0}
.ar-keys.is-go .ar-key{opacity:1;transform:translateX(calc(var(--i)*clamp(0px,3vw,48px)))}
.ar-frame{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(23.8px,4vw,72px);align-items:start}
.ar-rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px;padding-left:14px;border-left:2px solid var(--line);max-height:calc(100vh - 120px);overflow:auto}
.ar-rail-now{display:flex;flex-direction:column;gap:6px}
.ar-rail-c{font-size:12px;font-weight:700;color:var(--acc);letter-spacing:.06em}
.ar-rail-t{font-size:14.5px;font-weight:600;line-height:1.3}
.ar-rail-p{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.ar-rail-p i{display:block;height:100%;background:var(--acc);transform-origin:left;transform:scaleX(0)}
.ar-rail-b{font:inherit;font-size:13px;font-weight:600;text-align:left;padding:8px 0;background:none;border:0;border-top:1px solid var(--line);cursor:pointer;color:var(--soft)}
.ar-rail-b:after{content:" +";color:var(--acc)}.ar-rail-b[aria-expanded="true"]:after{content:" −"}
.ar-toc{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.ar-toc[hidden]{display:none}
.ar-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:5px 0;font-size:13px;line-height:1.3;color:var(--soft);cursor:pointer}
.ar-toc a span{color:var(--mute);font-size:11px}
.ar-toc a.act,.ar-toc a:hover{color:var(--ink)}.ar-toc a.act span{color:var(--acc)}
.ar-sigs{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--line);padding-top:10px}
.ar-sigs:empty{display:none}
.ar-sig{font:inherit;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-align:left;background:none;border:0;padding:2px 0;cursor:pointer;color:var(--line);transition:color .4s}
.ar-sig.is-seen{color:var(--soft)}.ar-sig.is-seen.k-concl{color:var(--acc)}.ar-sig:hover{color:var(--ink)}
/* тело статьи */
.ar-body{max-width:720px;font-size:18px;line-height:1.7;color:#22292e;overflow-wrap:break-word;min-width:0}
.ar-body>*{margin:0}.ar-body>*+*{margin-top:22px}
.ar-body h2{font-size:clamp(28px,2.6vw,40px);line-height:1.1;letter-spacing:-.035em;font-weight:500;margin-top:clamp(47.6px,4.8vw,70.4px);padding-top:18px;border-top:1px solid var(--line);scroll-margin-top:100px;color:var(--ink)}
.ar-body>h2:first-child{margin-top:0}
.ar-body h3{font-size:clamp(20px,1.7vw,24px);line-height:1.25;letter-spacing:-.02em;font-weight:600;margin-top:36px;color:var(--ink)}
.ar-body b,.ar-body strong{font-weight:600;color:var(--ink)}
.ar-body a{color:inherit;text-decoration:underline;text-decoration-color:var(--acc)}
.ar-ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.ar-ul li{position:relative;padding-left:26px}.ar-ul li:before{content:"";position:absolute;left:4px;top:.72em;width:10px;height:2px;background:var(--acc)}
.ar-ol{padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.ar-ol li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px}
.ar-ol li>span{font-size:22px;font-weight:500;color:var(--acc);line-height:1.35;margin-left:-8px}
.ar-q{padding:4px 0 4px 22px;border-left:3px solid var(--acc);font-size:clamp(21px,1.9vw,27px);line-height:1.35;letter-spacing:-.02em;font-weight:500;color:var(--ink)}
.ar-note{padding:18px 22px;border-radius:14px;background:#f3eee2}
.ar-note small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a6d2f;margin-bottom:6px}
.ar-note p{margin:0;font-size:16.5px;line-height:1.6}
.ar-concl{margin-left:clamp(-40px,-3vw,0px)!important;margin-right:clamp(-80px,-6vw,0px)!important;padding:20px 24px;border-radius:14px;background:var(--ink);color:#fff}
.ar-concl small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.ar-concl p{margin:0;font-size:18px;line-height:1.5;font-weight:500}
.ar-stat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px;align-items:baseline;padding:20px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.ar-stat b{font-size:clamp(44px,5vw,72px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}
.ar-stat p{margin:0;font-size:16px}.ar-stat small{grid-column:1/-1;font-size:12.5px;color:var(--mute)}
.ar-check{padding:20px 22px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ar-check-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ar-check-h small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.ar-copy{font:inherit;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:var(--pill);border:1px solid var(--line);background:transparent;cursor:pointer}
.ar-check ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.ar-check li{position:relative;padding-left:30px;font-size:16px}.ar-check li:before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:5px;border:2px solid var(--ink)}
.ar-tbl{margin-right:clamp(-160px,-12vw,0px)!important;overflow-x:auto;border-radius:12px;box-shadow:0 0 0 1px var(--line);background:#fff}
.ar-tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.ar-tbl th{position:sticky;top:0;text-align:left;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 14px;background:var(--ink);color:#fff}
.ar-tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.ar-tbl tbody tr:hover{background:#faf6ef}
.ar-tbl td:first-child{font-weight:600}
.ar-fig{margin-left:clamp(-60px,-4vw,0px)!important;margin-right:clamp(-220px,-16vw,0px)!important;display:flex;flex-direction:column;gap:10px}
.ar-zoom{display:block;width:100%;padding:0;border:0;background:#f3f1ec;border-radius:14px;overflow:hidden;cursor:zoom-in;position:relative}
.ar-zoom img{display:block;width:100%;height:auto;min-height:0}
.ar-fig-ph{display:none;padding:28px;border-radius:14px;background:repeating-linear-gradient(135deg,#f3f1ec 0 12px,#eeebe4 12px 24px);flex-direction:column;gap:6px}
.ar-fig-ph span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.ar-fig-ph b{font-weight:500}
.ar-fig.err .ar-zoom{display:none}.ar-fig.err .ar-fig-ph{display:flex}.ar-fig.err figcaption{display:none}
.ar-fig figcaption{font-size:13.5px;color:var(--mute);line-height:1.4}
.ar-empty{color:var(--mute)}
.ar-apply{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:clamp(18.7px,2.4vw,32px) 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.ar-apply .eyebrow{margin:0 0 10px}.ar-apply h2{margin:0}.ar-apply .soft{margin:10px 0 0}
.ar-link{text-decoration:underline;cursor:pointer}
.ar-next{display:flex;flex-direction:column;gap:18px}
.ar-peek{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:0;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;transform:translateY(28px);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ar-peek.is-up{transform:none}
.ar-peek:hover{box-shadow:0 0 0 1px var(--ink),0 18px 40px rgba(0,0,0,.08)}
.ar-peek-in{padding:clamp(18.7px,2.4vw,32px);display:flex;flex-direction:column;gap:12px}
.ar-peek h3{margin:0;font-size:clamp(24px,2.4vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:500}
.ar-peek-in>p:last-child{margin:0;color:var(--soft);opacity:0;transition:opacity .6s .3s}
.ar-peek.is-up .ar-peek-in>p:last-child{opacity:1}
.ar-peek .bl-cov{border-radius:0;aspect-ratio:auto;min-height:220px}
.ar-alt{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar-news{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:center;padding:clamp(20px,3vw,32px);border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line)}
.ar-news>div{display:flex;flex-direction:column;gap:4px}.ar-news>div b{font-size:20px;font-weight:600}.ar-news>div span{color:var(--soft)}
.ar-news-f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.ar-news-f .fine,.ar-news-f .okm{grid-column:1/-1}
/* лайтбокс */
.bl-lb{position:fixed;inset:0;z-index:200;background:rgba(14,18,22,.92);display:none;align-items:center;justify-content:center;padding:4vw;cursor:zoom-out}
.bl-lb.on{display:flex}
.bl-lb img{max-width:100%;max-height:100%;border-radius:10px;background:#fff}
.bl-lb-x{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:26px;cursor:pointer}

@media (max-width:1100px){
  .bl-hero-g,.bl-two,.bl-brief,.bl-news{grid-template-columns:minmax(0,1fr)}
  .bl-paths{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-frame{grid-template-columns:minmax(0,1fr)}
  .ar-rail{position:sticky;top:86px;z-index:5;max-height:none;overflow:visible;border-left:0;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 0 0 1px var(--line),0 8px 20px rgba(0,0,0,.06);flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px}
  .ar-rail-now{flex:1 1 180px;min-width:0}.ar-rail-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
  .ar-rail-b{border-top:0;padding:6px 0}
  .ar-toc{flex:1 1 100%;max-height:50vh;overflow:auto}
  .ar-sigs{display:none}
  .ar-concl,.ar-tbl,.ar-fig{margin-left:0!important;margin-right:0!important}
  .ar-hero-g{grid-template-columns:minmax(0,1fr)}.ar-hero-g .bl-cov{min-height:180px}
}
@media (max-width:760px){
  .bl-comp.is-set{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bl-comp.is-set .bl-cq{min-height:140px}
  .bl-cq-q{font-size:clamp(20px,6vw,28px)}
  .bl-feat{grid-template-columns:minmax(0,1fr)}.bl-feat .bl-cov{min-height:200px}
  .bl-qi{grid-template-columns:minmax(0,1fr)}.bl-qi-i{padding-left:0!important;border-left:0!important}
  .bl-grid,.ar-alt{grid-template-columns:minmax(0,1fr)}
  .bl-grid .bl-card.is-m:first-child{grid-column:auto}.bl-grid .bl-card.is-m:first-child .bl-cov{aspect-ratio:16/10}
  .bl-take{max-height:none;opacity:1}
  .bl-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.bl-cats button{flex:none}
  .bl-paths{grid-template-columns:minmax(0,1fr)}
  .bl-stack li{margin-top:8px!important}.bl-stack li:first-child{margin-top:0!important}
  .bl-stack li a>*{opacity:1!important}.bl-stack:after{display:none}
  .bl-brief-l a{grid-template-columns:32px minmax(0,1fr)}.bl-brief-l small{grid-column:2;grid-row:auto}
  .bl-tt button{font-size:clamp(34px,11vw,56px)}
  .bl-desk{min-height:360px}
  .ar-body{font-size:17.5px}
  .ar-key{grid-template-columns:40px minmax(0,1fr);transform:none!important;opacity:1}
  .ar-peek{grid-template-columns:minmax(0,1fr);transform:none}.ar-peek .bl-cov{min-height:140px;order:-1}
  .ar-news,.ar-news-f{grid-template-columns:minmax(0,1fr)}
  /* таблицы → карточки строк */
  .ar-tbl{box-shadow:none;background:transparent;overflow:visible}
  .ar-tbl thead{display:none}
  .ar-tbl table,.ar-tbl tbody,.ar-tbl tr,.ar-tbl td{display:block;width:100%}
  .ar-tbl tr{margin-bottom:10px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
  .ar-tbl td{border-top:1px solid var(--line);padding:10px 14px}
  .ar-tbl td:first-child{border-top:0;background:var(--ink);color:#fff}
  .ar-tbl td:not(:first-child):before{content:attr(data-l);display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
}
@media (prefers-reduced-motion:reduce){
  .bl *,.ar *,.bl *:before,.ar *:before{animation:none!important;transition:none!important}
  .ar-key{opacity:1}
}
@media print{.ar-rail,.ar-apply,.ar-next,.ar-news,header,footer{display:none!important}.ar-frame{display:block}}
/* ================= КОНТАКТЫ (ct-*) ================= */
.ct button:focus-visible,.ct a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.ct-hero{padding-bottom:clamp(17px,2.4vw,32px)}
.ct-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:start;margin-top:clamp(12px,2vw,24px)}
.ct-l{display:flex;flex-direction:column;gap:18px;min-width:0;animation:ctIn .6s both}
.ct-l>*{margin:0}
.ct-h1{font-size:clamp(34px,3.6vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:500;max-width:11em}
.ct-phone{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none;align-self:flex-start;animation:ctIn .7s .1s both}
.ct-num{font-size:clamp(38px,4.1vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1;white-space:nowrap;transition:color .25s}
.ct-call{font-size:15px;font-weight:600;color:var(--acc);display:inline-flex;gap:8px}
.ct-call span{transition:transform .3s}
.ct-phone:hover .ct-num{color:var(--acc)}.ct-phone:hover .ct-call span{transform:translateX(5px)}
.ct-hours{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--soft);animation:ctIn .7s .25s both}
.ct-hours span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:2px}
.ct-mail{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;align-self:stretch;animation:ctIn .7s .3s both}
.ct-mail span{font-size:clamp(20px,2vw,28px);letter-spacing:-.02em;font-weight:500;overflow-wrap:anywhere}
.ct-mail small{font-size:13.5px;font-weight:600;color:var(--soft)}.ct-mail:hover span{color:var(--acc)}
.ct-msg{display:flex;flex-wrap:wrap;gap:6px;animation:ctIn .7s .35s both}
.ct-msg a{font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;transition:box-shadow .2s}
.ct-msg a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.ct-note{font-size:13px;color:var(--mute)}
@keyframes ctIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* форма */
.ct-r{min-width:0}
.ct-form{padding:clamp(20px,2.6vw,36px);border-radius:var(--r-lg);background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:16px;position:relative}
.ct-form-h{display:flex;flex-direction:column;gap:4px}.ct-form-h b{font-size:clamp(19px,1.6vw,23px);font-weight:500;letter-spacing:-.02em}.ct-form-h span{font-size:14px;color:#aeb8c1}
.ct-steps{margin:0;padding:0;list-style:none;display:flex;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6c7780}
.ct-steps li{display:flex;align-items:center;gap:6px}.ct-steps li+li:before{content:"→";color:#3a434b}
.ct-steps li.is-on{color:#fff}
.ct-int{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.ct-int button{grid-column:span 2}.ct-int button:nth-child(n+5){grid-column:span 3}
.ct-int legend{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#aeb8c1;margin-bottom:10px;padding:0}
.ct-int button{font:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;transition:background .25s,border-color .25s,opacity .25s,flex .3s}
.ct-int button b{font-size:15px;font-weight:600;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}
.ct-int button{min-width:0}
.ct-int button small{font-size:11.5px;color:#8a959e;line-height:1.3}
.ct-int button:hover{border-color:rgba(255,255,255,.4)}
.ct-int button.is-on{background:#fff;color:var(--ink);border-color:#fff}.ct-int button.is-on small{color:var(--soft)}
.ct-form.has-int .ct-int button:not(.is-on){opacity:.55}.ct-form.has-int .ct-int button:not(.is-on) small{display:none}
.ct-morph{overflow:hidden;transition:height .38s cubic-bezier(.2,.8,.2,1)}
.ct-morph-in{display:flex;flex-direction:column;gap:14px;transition:opacity .16s,transform .16s}
.ct-morph-in:empty{display:none}
.ct-morph-in.is-out{opacity:0;transform:translateY(-6px)}
.ct-morph-in.is-in>*{animation:ctIn .35s both}.ct-morph-in.is-in>*:nth-child(2){animation-delay:.05s}.ct-morph-in.is-in>*:nth-child(3){animation-delay:.1s}.ct-morph-in.is-in>*:nth-child(4){animation-delay:.15s}
.ct-qh{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(255,98,31,.16)}
.ct-qh span{font-weight:700;font-size:14px}
.ct-chg{font:inherit;font-size:13px;font-weight:600;background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer}
.ct-qq{display:flex;flex-direction:column;gap:8px}
.ct-ql{font-size:14px;font-weight:600;color:#cfd6dc}
.ct-opts{display:flex;flex-wrap:wrap;gap:6px}
.ct-opts button{font:inherit;font-size:13.5px;padding:8px 13px;border-radius:var(--pill);border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer}
.ct-opts button.is-on{background:var(--acc);border-color:var(--acc)}
.ct-opts button[aria-pressed="true"]:before{content:"✓ "}
.ct-qq input,.ct-qq textarea{font:inherit;font-size:15px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;resize:vertical}
.ct-qq input:focus,.ct-qq textarea:focus{outline:2px solid var(--acc);outline-offset:1px}
.ct-contact{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ct-form .fld label{color:#aeb8c1}.ct-form .fld label small{font-weight:400;color:#6c7780}
.ct-form .fld input{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18)}
.ct-go{justify-content:center}
.ct-sub{margin:0;font-size:13.5px;color:#aeb8c1;line-height:1.45}
.ct-brief{margin:0;font-size:13.5px;color:#aeb8c1}.ct-brief:empty{display:none}
.ct-brief button{font:inherit;font-weight:600;color:#fff;background:none;border:0;padding:0;text-decoration:underline;text-decoration-color:var(--acc);cursor:pointer}
.ct-form .fine{margin:0;color:#6c7780}.ct-form .fine a{color:#aeb8c1}
.ct-form .okm{display:none!important}
.ct-form.is-sent>*:not(.ct-ok){display:none}
.ct-ok{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(10px,3vw,30px) 0;outline:none;animation:ctIn .5s both}
.ct-ok[hidden]{display:none}
.ct-ok i{font-style:normal;width:52px;height:52px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-size:24px}
.ct-ok b{font-size:clamp(26px,2.6vw,38px);font-weight:500;letter-spacing:-.03em}.ct-ok span{color:#cfd6dc;font-size:16px}
.ct-again{font:inherit;font-size:13.5px;background:none;border:0;color:#aeb8c1;text-decoration:underline;cursor:pointer;padding:0}
/* офис */
.ct-office{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:end;padding:clamp(18.7px,2.4vw,32px) 0;border-top:2px solid var(--ink)}
.ct-off-t .eyebrow{margin:0 0 8px}.ct-off-t h2{margin:0 0 10px;font-size:clamp(24px,2.4vw,36px);font-weight:500;letter-spacing:-.03em}
.ct-off-t p{margin:0;display:flex;flex-direction:column;gap:4px}.ct-off-t p span{font-size:14px;color:var(--soft)}
.ct-map{grid-column:1/-1;height:min(420px,60vh);border-radius:var(--r-lg);overflow:hidden;background:var(--ground);animation:ctIn .4s both}
.ct-map[hidden]{display:none}
.ct-map iframe{width:100%;height:100%;border:0;display:block}

@media (max-width:900px){.ct-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .ct-h1{font-size:clamp(30px,8.5vw,40px)}
  .ct-phone{align-self:stretch;padding:16px 18px;border-radius:16px;background:var(--acc);color:#fff;gap:2px}
  .ct-phone .ct-num{font-size:clamp(24px,7.4vw,32px)}.ct-phone .ct-call{color:#fff;order:-1;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
  .ct-phone:hover .ct-num{color:#fff}
  .ct-int{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-int button{grid-column:auto!important}.ct-int button:last-child{grid-column:1/-1!important}
  .ct-int button small{display:none}
  .ct-int button b{font-size:14px}
  .ct-row{grid-template-columns:minmax(0,1fr)}
  .ct-office{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.ct *{animation:none!important;transition:none!important}}
/* ================= 3D бизнес-машина (h3-*) ================= */
.h3{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#27313a 0%,#12171b 70%);touch-action:pan-y}
.h3 canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.h3.is-drag canvas{cursor:grabbing}
.h3-lab{position:absolute;inset:0;pointer-events:none}
.h3-z{position:absolute;left:0;top:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:10px;border:0;background:rgba(18,23,27,.72);backdrop-filter:blur(6px);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;transition:background .3s,box-shadow .3s;will-change:transform}
.h3-z b{font-size:12.5px;font-weight:700}
.h3-z span{font-size:11px;color:#8fd9b0;max-width:0;overflow:hidden;opacity:.9;transition:max-width .4s}
.h3-z span:before{content:"● ";font-size:8px;vertical-align:1px}
.h3-z.is-hot{background:var(--acc);box-shadow:0 8px 24px rgba(255,98,31,.4);z-index:200!important}
.h3-z.is-hot span,.h3-z.is-fix span{max-width:260px;color:#fff}
.h3-z.is-fix{background:#fff;color:var(--ink);z-index:200!important}.h3-z.is-fix span{color:var(--ink)}.h3-z.is-fix span:before{color:#1fae6a}
.h3-z.is-scan span{max-width:120px;color:#ffc5a8}
.h3-z:hover,.h3-z:focus-visible{box-shadow:0 0 0 2px var(--acc)}
.h3-hint{position:absolute;right:14px;bottom:10px;margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#6c7780;pointer-events:none}
.h3.no-gl{background:#fff radial-gradient(circle at 1px 1px,rgba(18,22,26,.12) 1px,transparent 1.5px) 0 0/18px 18px}
.h3.no-gl canvas,.h3.no-gl .h3-hint{display:none}
.h3.no-gl .h3-z{left:var(--x);top:var(--y);transform:translate(-50%,-50%)!important}
@media (max-width:760px){.h3{aspect-ratio:1/1}.h3-z{padding:4px 7px}.h3-z b{font-size:10.5px}.h3-z.is-scan span,.h3-z:not(.is-hot):not(.is-fix) span{display:none}.h3-z.is-hot span,.h3-z.is-fix span{max-width:170px;white-space:normal;text-align:center}}

.se-cards .pill{white-space:normal;max-width:100%;text-align:left}
section.page.se{overflow-x:clip}

/* ================= v3.2.31 — правки ================= */
/* п.1 логотипы клиентов */
.hm-lg-g{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px!important}
.hm-lg-g .hm-lg{flex:0 0 calc((100% - (var(--c,4) - 1)*10px)/var(--c,4));min-width:0;height:88px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;padding:18px 22px;border:0;transform:none!important}
.hm-lg img{max-width:100%;max-height:46px;width:auto;height:auto;object-fit:contain;opacity:.8;transition:opacity .3s}
.hm-lg-t{font-size:18px!important;font-weight:700;letter-spacing:-.02em;color:#9aa0a6!important;white-space:nowrap;padding:0!important;line-height:1;transition:color .3s}
button.hm-lg{cursor:pointer;transition:box-shadow .3s}
button.hm-lg:hover,button.hm-lg:focus-visible{box-shadow:0 0 0 1px var(--ink)}
button.hm-lg:hover img,button.hm-lg:focus-visible img{opacity:1}
button.hm-lg:hover .hm-lg-t{color:#5c636a!important}
@media (max-width:1024px){.hm-lg-g{--c:4!important}}
@media (max-width:640px){.hm-lg-g{--c:3!important;gap:6px!important}.hm-lg-g .hm-lg{flex-basis:calc((100% - 12px)/3);height:60px;padding:8px;border-radius:12px}.hm-lg img{max-height:32px}.hm-lg-t{font-size:16px!important}}
/* п.3 лента кейсов без чёрной подложки */
.hm-fl{background:none!important;padding:6px 0 16px!important;border-radius:0!important}
.hm-fr{border-radius:var(--r-lg)!important;padding:12px!important;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.hm-fr-m{border-radius:12px!important}
/* п.4 участники закупки: безопасная зона внутри рамки */
@media (min-width:821px){
.hm-room{min-height:440px;--ix:clamp(84px,11%,110px);--iy:74px}
.hm-p{left:calc(var(--ix) + (100% - 2*var(--ix))*var(--x)/100)!important;top:calc(var(--iy) + (100% - 2*var(--iy))*var(--y)/100)!important}
.hm-p em{max-width:150px;white-space:normal!important;text-align:center;line-height:1.2}
.hm-tbl{left:27%!important;right:27%!important;top:34%!important;bottom:30%!important}
}
/* п.5 первый экран «О компании» */
.ab-ch{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;isolation:isolate}
.ab-ch:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0,rgba(255,98,31,.22),transparent 55%)}
.ab-ch-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ab-ch-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-soft)}
.ab-ch-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.07);flex-wrap:wrap}
.ab-ch-tabs button{border:0;background:none;color:var(--on-dark-soft);font:inherit;font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:var(--pill);cursor:pointer;transition:background .3s,color .3s}
.ab-ch-tabs button:hover{color:#fff}
.ab-ch-tabs button.is-on{background:#fff;color:var(--ink)}
.ab-ch-rows{display:flex;flex-direction:column;gap:8px}
.ab-ch-r{display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-d);opacity:.45;transform:translateX(0);transition:opacity .5s,background .5s,box-shadow .5s,transform .5s var(--ease)}
.ab-ch-r.is-in{opacity:1;background:#232a30;box-shadow:inset 0 0 0 1px rgba(255,98,31,.45);transform:translateX(-6px)}
.ab-ch-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.ab-ch-l b{font-size:16px;font-weight:600}
.ab-ch-l small{font-size:12.5px;color:var(--on-dark-soft)}
.ab-ch-av{display:flex}
.ab-ch-av span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:#39424a;color:#fff;box-shadow:0 0 0 3px var(--ink-2);margin-left:-8px;transition:background .5s,color .5s,box-shadow .5s,transform .5s var(--ease);transition-delay:calc(var(--j)*.06s)}
.ab-ch-av span:first-child{margin-left:0}
.ab-ch-r.is-in .ab-ch-av span{background:var(--acc);color:var(--ink);box-shadow:0 0 0 3px #232a30}
.ab-ch-st{width:10px;height:10px;border-radius:50%;background:#39424a;transition:background .5s,box-shadow .5s}
.ab-ch-r.is-in .ab-ch-st{background:#3ddc84;box-shadow:0 0 0 5px rgba(61,220,132,.15)}
.ab-ch-foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:end;padding-top:16px;border-top:1px solid var(--line-d)}
.ab-ch-n{display:flex;align-items:baseline;gap:10px}
.ab-ch-n b{font-size:clamp(48px,5vw,72px);line-height:.85;font-weight:500;letter-spacing:-.05em;color:var(--acc)}
.ab-ch-n span{font-size:13px;color:var(--on-dark-soft);max-width:7em;line-height:1.25}
.ab-ch-roles{margin:0;font-size:13.5px;line-height:1.45;color:var(--on-dark-soft);min-height:2.9em}
.ab-ch-roles b{color:#fff;font-weight:600}
.ab-ch .ab-ch-r{transform:translateY(10px);opacity:0}
.ab-ch.is-set .ab-ch-r{transform:none;opacity:.45;transition-delay:0s}
.ab-ch.is-set .ab-ch-r.is-in{opacity:1;transform:translateX(-6px)}
@media (max-width:640px){.ab-ch-r{grid-template-columns:minmax(0,1fr) 10px;gap:10px}.ab-ch-av{grid-column:1;grid-row:2}.ab-ch-st{grid-row:1/3;grid-column:2}.ab-ch-r.is-in,.ab-ch.is-set .ab-ch-r.is-in{transform:none}.ab-ch-foot{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ab-ch .ab-ch-r,.ab-ch-av span{transition:none}}
/* п.6 блок цифр */
.ab-bn{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:12px}
.ab-bn-i{border-radius:var(--r-lg);padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:clamp(200px,17vw,232px);background:#fff;color:var(--ink)}
.ab-bn-i b{font-size:clamp(64px,8.6vw,140px);letter-spacing:-.05em;line-height:.85;font-weight:500;font-style:italic;font-variant-numeric:tabular-nums}
.ab-bn-i span{font-size:15px;line-height:1.45;max-width:17em;color:var(--soft)}
.ab-bn-i.span2{grid-row:span 2}
.ab-bn-i.dark{background:var(--ink);color:#fff}.ab-bn-i.dark span{color:var(--on-dark-soft)}
.ab-bn-i.orange{background:var(--acc)}.ab-bn-i.orange span{color:var(--ink)}
.ab-bn-i.acc b{color:var(--acc)}
.ab-bn-i{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s var(--ease)}
.ab-bn.is-go .ab-bn-i{opacity:1;transform:none}
.ab-bn.is-go .ab-bn-i:nth-child(2){transition-delay:.08s}.ab-bn.is-go .ab-bn-i:nth-child(3){transition-delay:.16s}.ab-bn.is-go .ab-bn-i:nth-child(4){transition-delay:.24s}.ab-bn.is-go .ab-bn-i:nth-child(5){transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.ab-bn-i{opacity:1;transform:none;transition:none}}
@media (max-width:1024px){.ab-bn{grid-template-columns:1fr 1fr}.ab-bn-i.span2{grid-row:auto;grid-column:1/-1}}
@media (max-width:560px){.ab-bn{grid-template-columns:1fr}.ab-bn-i{min-height:0}}
/* п.11 долгие отношения */
.ab-lr{display:flex;flex-direction:column;gap:clamp(20.4px,2.4vw,32px)}
.ab-lr-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(17px,3.2vw,51.2px);align-items:end}
.ab-lr-h .ab-tx{display:flex;flex-direction:column;gap:18px}.ab-lr-h .ab-tx>*{margin:0}
.ab-lr .ab-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ab-lr .ab-yr{min-height:calc(170px + var(--i)*26px);padding:14px 12px}
.ab-lr .ab-yr b{font-size:20px}
.ab-lr .ab-yr li{font-size:12.5px;padding:6px 8px;overflow-wrap:normal;word-break:normal;hyphens:none;white-space:normal}
.ab-lr-note{margin:0;font-size:13.5px;color:var(--soft);display:flex;gap:6px}.ab-lr-note span{color:var(--acc);font-weight:700}
@media (max-width:1024px){.ab-lr-h{grid-template-columns:1fr;align-items:start}.ab-lr .ab-cal{grid-template-columns:repeat(4,minmax(0,1fr))}.ab-lr .ab-yr{min-height:150px}}
@media (max-width:560px){.ab-lr .ab-cal{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-lr .ab-yr{min-height:0}}
/* п.12 финальный блок «О компании» */
.ab-cx{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20.4px,3.2vw,51.2px);padding:clamp(23.8px,4vw,57.6px);align-items:center;isolation:isolate}
.ab-cx:before{content:"";position:absolute;right:-10%;top:-30%;width:60%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,98,31,.28),transparent 65%)}
.ab-cx-l{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.ab-cx-l>*{margin:0}
.ab-cx-l h2{max-width:12em}
.ab-cx-l .lead{color:var(--on-dark-soft);max-width:30em}
.ab-cx-r{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ab-cx-r button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:14px;text-align:left;font:inherit;color:#fff;background:var(--ink-2);border:0;border-radius:16px;padding:16px 18px;box-shadow:inset 0 0 0 1px var(--line-d);cursor:pointer;transition:background .3s,box-shadow .3s,transform .4s var(--ease)}
.ab-cx-n{font-size:12px;font-weight:700;color:var(--acc)}
.ab-cx-t{display:flex;flex-direction:column;gap:3px;min-width:0}.ab-cx-t b{font-size:17px;font-weight:600}.ab-cx-t small{font-size:13px;color:var(--on-dark-soft)}
.ab-cx-a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:background .3s,color .3s}
.ab-cx-r button:hover,.ab-cx-r button:focus-visible{background:#232a30;box-shadow:inset 0 0 0 1px rgba(255,98,31,.5);transform:translateX(4px)}
.ab-cx-r button:hover .ab-cx-a,.ab-cx-r button:focus-visible .ab-cx-a{background:var(--acc);color:var(--ink)}
@media (max-width:1024px){.ab-cx{grid-template-columns:1fr}}
@media (max-width:560px){.ab-cx-r button{grid-template-columns:28px minmax(0,1fr) 34px;gap:10px;padding:14px}.ab-cx-a{width:34px;height:34px}}
.ru-dup{display:none!important}
.fnote{margin:clamp(14px,1.6vw,20px) 0 0;font-size:13.5px;line-height:1.5;color:var(--soft);display:flex;gap:6px}.fnote span{color:var(--acc);font-weight:700}
.on-dark .fnote,.panel.dark .fnote{color:var(--on-dark-soft)}
/* п.15 контакты */
.ct-mapbox{min-height:clamp(380px,36vw,520px)}
.ct-mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-map-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px;padding:22px}
.ct-map-ph small{position:relative;font-size:12px;color:var(--soft);max-width:26em;text-align:right;background:rgba(255,255,255,.8);padding:6px 10px;border-radius:10px}
.ct-map-ph .pill{position:relative}
.ct-tags .tag{background:#fff}
@media (max-width:820px){.ct-mapbox{display:flex;flex-direction:column;min-height:0}.ct-map-ph{position:relative;min-height:260px;order:2}.ct-mapbox iframe{position:relative;height:320px;order:2}}
#p-contacts .bf-cards .bfc,#p-contacts .bf-cards .bfc:nth-child(n+4){grid-column:span 2;min-height:250px}
@media (max-width:1024px){#p-contacts .bf-cards .bfc,#p-contacts .bf-cards .bfc:nth-child(n+4),#p-contacts .bf-cards .bfc:last-child{grid-column:span 3;min-height:0}#p-contacts .bf-cards .bfc:last-child{grid-column:span 6}}
@media (max-width:640px){#p-contacts .bf-cards .bfc,#p-contacts .bf-cards .bfc:nth-child(n+4),#p-contacts .bf-cards .bfc:last-child{grid-column:auto}}
#p-contacts>.wrap+.wrap{margin-top:clamp(61.2px,7.2vw,115.2px)}
#p-contacts>.wrap:last-child{margin-bottom:clamp(34px,4vw,64px)}
/* п.17 фильтр по давлению: шкала отдельной строкой под значением */
.co-st.is-built .co-si-p{height:17%!important;width:21%!important}
.co-st.is-built .co-si-p .ui{justify-content:flex-start!important;padding-top:10px!important;padding-bottom:18px!important}
.co-st.is-built .co-si-p:after{bottom:9px!important;height:3px}
/* п.18 досье поставщика без огромного отступа */
.co-ds{height:auto!important}
.co-ds-s{position:relative!important;height:auto!important;min-height:0!important;padding:0 calc(var(--gut) + var(--pad))!important}
/* п.19 УТП дизайна */
.co-usp{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(17px,2.4vw,38.4px);align-items:center;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20.4px,2.7vw,38.4px);position:relative;overflow:hidden;isolation:isolate}
.co-usp:before{content:"";position:absolute;left:-10%;bottom:-60%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,98,31,.3),transparent 65%);z-index:-1}
.co-usp-t{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.co-usp-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.co-usp-t h3{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.co-usp-n{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding-top:14px;border-top:1px solid var(--line-d);width:100%}
.co-usp-n b{font-size:clamp(40px,4.4vw,64px);font-weight:500;letter-spacing:-.05em;line-height:.9;color:var(--acc);min-width:2.3em}
.co-usp-n span{font-size:15px;line-height:1.45;color:#dfe4e8}
.co-usp-v{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.co-uv{background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:7px;color:var(--ink);opacity:.55;transform:translateY(10px) scale(.96);transition:opacity .6s,transform .6s var(--ease)}
.co-uv-h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.co-uv>i{display:block;height:8px;border-radius:4px;background:#e7e4de}.co-uv>i.a{height:48px;background:#2a3238}.co-uv>i.b{width:70%}.co-uv>i.c{width:45%;background:var(--acc)}
.co-uv-2>i.a{background:linear-gradient(120deg,#2a3238 55%,var(--acc))}.co-uv-3>i.a{background:#c9d0d6}
.co-uv-g{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.co-uv-g i{height:26px;border-radius:5px;background:#f0eee9}
.co-uv em{font-style:normal;font-size:12px;font-weight:700;padding:5px 8px;border-radius:8px;background:#f0eee9;align-self:flex-start}
.co-uv-2{opacity:1;transform:translateY(-10px) scale(1.04);box-shadow:0 0 0 3px var(--acc),0 30px 50px -20px rgba(0,0,0,.6)}
.co-uv-2 em{background:var(--acc);color:var(--ink)}
@media (max-width:1024px){.co-usp{grid-template-columns:1fr}}
@media (max-width:560px){.co-usp-v{gap:6px}.co-uv{padding:8px}.co-uv>i.a{height:32px}.co-uv em{font-size:10px;padding:4px 6px}.co-uv-h{font-size:9.5px}}
/* п.20 карточка «Продвижение» */
.co-sys-c.or{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
.co-sys-c.or:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--acc)}
.co-sys-c.or small{color:var(--acc)!important;opacity:1!important}
.co-sys-c.or p{color:var(--soft)}
.co-sys-c.or p b,.co-sys-c.or .co-sale{color:var(--ink)}
.co-sys-c.or .pill.line{color:var(--ink)!important;border-color:var(--line)!important;box-shadow:inset 0 0 0 1px var(--line)}
.co-sys-c.or .pill.line:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.co-sale{display:inline-flex;gap:8px;align-items:center;align-self:flex-start;padding:8px 12px;border-radius:10px;background:#fff1ea;font-size:14px!important}.co-sale b{color:var(--acc)}
@media (max-width:1360px) and (min-width:821px){.co-sp-w{grid-template-columns:minmax(0,1fr)!important}.co-sp-r{max-width:820px}}
.co-st.is-built .co-si-t{width:23%!important;left:59%!important}
.pc-grow{display:flex;flex-direction:column;gap:2px;margin:8px 0;padding:10px 12px;border-radius:12px;background:#fff1ea;font-style:normal}
.pc-grow b{font-size:clamp(20px,1.8vw,26px);font-weight:600;letter-spacing:-.03em;color:var(--acc);line-height:1.1}
.pc-grow span{font-size:12.5px;color:var(--soft);font-weight:500}
.pc-hand{list-style:none;margin:4px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pc-hand li{font-size:14px;line-height:1.35;padding:10px 12px 10px 34px;border-radius:12px;background:rgba(255,255,255,.06);position:relative;color:#e6eaee}
.pc-hand li:before{content:"✓";position:absolute;left:12px;top:10px;color:var(--acc);font-weight:700}
@media (max-width:560px){.pc-hand{grid-template-columns:1fr}}
.se-g-d{--a:inherit!important}
.se-g{--a:-90deg}
/* п.27 стоимость SEO */
.se-pz{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2vw,24px);padding:clamp(10px,1vw,14px)!important}
.se-pz-t{background:var(--ink);color:#fff;border-radius:calc(var(--r-lg) - 6px);padding:clamp(20.4px,2.4vw,35.2px);display:flex;flex-direction:column;gap:18px;align-items:flex-start;position:relative;overflow:hidden;isolation:isolate}
.se-pz-t:before{content:"";position:absolute;right:-30%;top:-40%;width:80%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,98,31,.32),transparent 62%)}
.se-pz-t>*{margin:0}
.se-pz-p{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.se-pz-p small{font-size:20px;color:var(--on-dark-soft);padding-bottom:.5em}
.se-pz-p b{font-size:clamp(52px,6vw,92px);font-weight:500;letter-spacing:-.05em;line-height:.85}
.se-pz-p span{font-size:14px;line-height:1.3;color:var(--on-dark-soft);padding-bottom:.3em}
.se-pz-f{display:flex;flex-wrap:wrap;gap:6px}.se-pz-f span{font-size:13px;font-weight:600;padding:7px 12px;border-radius:var(--pill);background:rgba(255,255,255,.08)}
.se-pz-d{font-size:15px;line-height:1.5;color:#d3d9de;max-width:30em}.se-pz-d b{color:#fff;font-weight:600}
.se-pz-in{padding:clamp(18px,2.4vw,34px);display:flex;flex-direction:column;gap:16px}
.se-pz-in h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}
.se-pz-in ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.se-pz-in li{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:var(--ground);font-size:15px;line-height:1.3;font-weight:500}
.se-pz-in li span{font-size:12px;font-weight:700;color:var(--acc)}
.se-pz-c{margin-top:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;border:1.5px dashed rgba(255,98,31,.6);background:#fff7f2}
.se-pz-c>b{font-size:clamp(34px,3.4vw,48px);font-weight:600;letter-spacing:-.04em;color:var(--acc);line-height:1}
.se-pz-c div{display:flex;flex-direction:column;gap:3px}.se-pz-c strong{font-size:16px;font-weight:600}.se-pz-c div span{font-size:13.5px;color:var(--soft)}
.se-pz-c .pill.line{color:var(--ink)}
@media (max-width:1024px){.se-pz{grid-template-columns:1fr}}
@media (max-width:560px){.se-pz-in ol{grid-template-columns:1fr}.se-pz-c{grid-template-columns:auto minmax(0,1fr)}.se-pz-c .pill{grid-column:1/-1;justify-self:start}}
/* п.28 логотип Битрикс24 */
.b24-logo{display:block;width:100%;height:auto}
.bx-lg{display:block;width:72%;max-width:190px;color:#fff;line-height:0}
.bx-core small,.bx-ba-hub small{margin-top:8px;color:#fff;opacity:.85}
.bx-ba-hub .bx-lg{width:70%}
@media (max-width:820px){.bx-lg{width:150px}.bx-ba-hub .bx-lg{width:110px}}
.bx-ai-c ul.two>li:last-child:nth-child(odd){grid-column:1/-1}
/* п.30 сертификат */
.bx-cert{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(17px,3.2vw,51.2px);align-items:center;padding:clamp(15.3px,2.4vw,32px)}
.bx-cert-img{position:relative;border:0;padding:0;background:none;cursor:zoom-in;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(18,22,26,.35);transition:transform .5s var(--ease)}
.bx-cert-img img{display:block;width:100%;height:auto}
.bx-cert-img span{position:absolute;right:12px;bottom:12px;font-size:13px;font-weight:600;padding:8px 12px;border-radius:var(--pill);background:var(--ink);color:#fff;opacity:0;transition:opacity .3s}
.bx-cert-img:hover{transform:translateY(-4px)}.bx-cert-img:hover span,.bx-cert-img:focus-visible span{opacity:1}
.bx-cert-t h2{font-size:clamp(28px,3vw,44px)!important}
.bx-cert-t .pill.line{color:var(--ink)}
.bx-cert-t{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.bx-cert-t>*{margin:0}
.bx-cert-d{display:grid;grid-template-columns:repeat(3,auto);gap:10px 28px;margin:0}
.bx-cert-d dt{font-size:12px;color:var(--soft);margin-bottom:3px}.bx-cert-d dd{margin:0;font-weight:600}
.bx-cert-mo .bx-cert-box{position:relative;width:min(1100px,94vw);background:#fff;border-radius:16px;padding:12px}
.bx-cert-mo .bx-cert-box img{display:block;width:100%;height:auto;border-radius:8px}
.bx-cert-mo .mo-x{position:absolute;right:-6px;top:-44px;background:#fff}
@media (max-width:900px){.bx-cert{grid-template-columns:1fr}.bx-cert-d{grid-template-columns:1fr 1fr}}
/* п.31 карточки первого экрана ИИ — одним размером */
.ai-offers .of-v{align-items:baseline;gap:4px 8px;line-height:1.1}
.ai-offers .of-v b,.ai-offers .of-v b.txt{font-size:clamp(24px,2.2vw,32px)!important;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.ai-offers .of-v span{font-size:clamp(24px,2.2vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:#9aa3ab}
.ai-offers .offer.is-gift .of-v b{color:#e8520f}
/* п.34 результаты этапов — по общей верхней линии */
@supports (grid-template-rows:subgrid){
 @media (min-width:821px){
  .bx-impl.ai-impl{grid-auto-rows:auto;row-gap:0}
  .bx-impl.ai-impl li{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;align-content:start}
  .bx-impl.ai-impl .bx-impl-r{margin-top:6px;align-self:start}
 }
}
@supports not (grid-template-rows:subgrid){.bx-impl.ai-impl .bx-impl-r{margin-top:0}.bx-impl.ai-impl p{min-height:7.5em}}
.ai-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 4px}.ai-price small{font-size:18px;color:var(--soft)}.ai-price b{font-size:clamp(40px,4.4vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--acc)}.ai-price span{font-size:14px;color:var(--soft)}
/* п.40 подменю услуг */
.dd.dd-sv{width:min(960px,calc(100vw - 48px))!important;min-width:0!important;left:var(--ddx,50%)!important;transform:translate(var(--ddt,-50%),6px)!important;gap:2px 28px!important;padding:12px!important}
.ni:hover .dd.dd-sv,.ni:focus-within .dd.dd-sv{transform:translate(var(--ddt,-50%),0)!important}
.dd.dd-sv a span{white-space:nowrap}
.dd.dd-sv a small{white-space:nowrap;flex:0 0 auto}
.dd-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.dd.dd-sv .dd-foot .dd-all{border:0;margin:0;grid-column:auto}
.dd-calc{gap:10px!important;justify-content:flex-start!important}
.dd-calc b{color:var(--acc)}
.dd-calc-i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff1ea;color:var(--acc);font-weight:700;font-size:13px}
/* п.37 cookie */
.ck{position:fixed;left:16px;bottom:16px;z-index:90;width:min(460px,calc(100vw - 32px));background:var(--ink);color:#fff;border-radius:var(--r-md);padding:18px 18px 16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .45s var(--ease)}
.ck.open{opacity:1;transform:none}
.ck[hidden]{display:none!important}
.ck p{margin:0;font-size:14px;line-height:1.5;color:#d3d9de}.ck p b{color:#fff}.ck a{color:#fff;text-decoration:underline}
.ck-b{display:flex;gap:8px;flex-wrap:wrap}.ck .pill.line{color:#fff}
@media (prefers-reduced-motion:reduce){.ck{transition:none}}
/* п.38 калькулятор */
.cl-hero-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(17px,3.2vw,51.2px);align-items:end;margin-top:clamp(16px,2vw,28px)}
.cl-hero-g .lead{margin:0}
.cl-h1{max-width:13em;margin:0}
.cl-how h2{font-size:clamp(28px,3vw,44px)!important;margin:0}
.cl-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(12px,1.6vw,20px);align-items:start}
.cl-l{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,20px)}
.cl-card{padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:22px}
.cl-card-h{display:flex;gap:14px;align-items:flex-start}
.cl-card-h h2{margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.03em}
.cl-card-h p{margin:4px 0 0;font-size:14px;color:var(--soft)}
.cl-n{width:36px;height:36px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-weight:700;flex:0 0 36px}
.cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.cl-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.cl-f label{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:500}.cl-f label small{color:var(--soft);font-weight:400;white-space:nowrap}
.cl-in{position:relative}
.cl-in input{width:100%;font:inherit;font-size:18px;font-weight:600;padding:13px 16px;border:0;border-radius:12px;background:var(--ground);color:var(--ink);font-variant-numeric:tabular-nums}
.cl-in input:focus{outline:2px solid var(--acc);outline-offset:0}
.cl-in em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--soft);font-weight:600}
.cl-sl{width:100%;accent-color:var(--acc);margin:2px 0 0}
.cl-hor{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}
.cl-hor>span{font-size:14px;font-weight:500}
.cl-seg{display:flex;gap:4px;padding:4px;border-radius:var(--pill);background:var(--ground)}
.cl-seg button{border:0;background:none;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:var(--pill);cursor:pointer}
.cl-seg button.is-on{background:var(--ink);color:#fff}
.cl-r{position:sticky;top:96px}
.cl-res{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:20px}
.cl-res .eyebrow{margin:0}
.cl-main{display:flex;flex-direction:column;gap:6px}
.cl-main small{font-size:14px;color:var(--on-dark-soft)}
.cl-main b{font-size:clamp(34px,3.4vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cl-main b.neg,.cl-sc-c b.neg{color:#ff8a7a}
.cl-romi{align-self:flex-start;font-size:14px;font-weight:600;padding:6px 12px;border-radius:var(--pill);background:var(--acc);color:var(--ink)}.cl-romi i{font-style:normal}
.cl-bars{display:flex;flex-direction:column;gap:10px}
.cl-bars div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12.5px;color:var(--on-dark-soft)}
.cl-bars i{grid-column:1/-1;grid-row:2;height:8px;border-radius:4px;background:#5d6770;transition:width .5s var(--ease);min-width:2px}
.cl-bars div:last-child i{background:var(--acc)}
.cl-bars em{font-style:normal;color:#fff}
.cl-kpi{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--line-d);border-radius:14px;overflow:hidden}
.cl-kpi div{background:var(--ink-2);padding:12px 14px}
.cl-kpi dt{font-size:12px;color:var(--on-dark-soft);margin-bottom:4px}.cl-kpi dd{margin:0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.cl-go{justify-content:center}
.cl-fine{margin:0;font-size:12.5px;color:var(--on-dark-soft)}
.cl-sp{max-width:30em}
.cl-sc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cl-sc-c{background:#fff;border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:8px}
.cl-sc-c.is-base{box-shadow:inset 0 0 0 2px var(--acc)}
.cl-sc-c small{font-size:13px;color:var(--soft);font-weight:600}
.cl-sc-c b{font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.03em}
.cl-sc-c span{font-size:13.5px;color:var(--soft)}
.cl-how{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px clamp(17px,3.2vw,51.2px)}
.cl-how ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cl-how li{display:flex;gap:14px;align-items:baseline;padding:12px 16px;border-radius:12px;background:#fff;font-size:15px}
.cl-how li span{font-size:12px;font-weight:700;color:var(--acc)}
.cl-how>p{grid-column:2;margin:0}
@media (max-width:1100px){.cl-g{grid-template-columns:1fr}.cl-r{position:static}}
@media (max-width:820px){.cl-hero-g,.cl-how{grid-template-columns:1fr}.cl-how>p{grid-column:1}.cl-sc{grid-template-columns:1fr}}
@media (max-width:560px){.cl-grid{grid-template-columns:1fr}.cl-kpi{grid-template-columns:1fr 1fr}}
/* п.42 единые отступы на всех страницах:
   — текстовые блоки (.wrap>.in) всегда с боковым полем --pad (раньше часть блоков его обнуляла);
   — содержательные панели — одно внутреннее поле --pp (было 36–72 px в зависимости от страницы);
   — первые экраны не трогаем: у них своя сетка. */
:root{--pp:clamp(22px,3.9vw,56px)}
.page .wrap>.in{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
.page>.wrap>.panel:not(.phead):not(.se-pz){padding:var(--pp)!important}
#p-contacts>.wrap+.wrap{margin-top:var(--gap-home)!important}
/* п.42 узкие экраны (до 380 px): ничего не выезжает за край */
@media (max-width:380px){
 .page *{min-width:0}
 .page h1,.page h2,.page h3,.page .t-state,.page .t-title{overflow-wrap:break-word}
 .page .pill{white-space:normal;text-align:left}
 .page svg{max-width:100%}
 .kcs-sum,.sup-nx,.cx-team{grid-template-columns:minmax(0,1fr)!important}
 .kcs-h1{font-size:clamp(26px,8.4vw,34px)!important}
 .pc-hand{grid-template-columns:1fr}
 .ct-map-ph small{max-width:100%}
 .page .lines .w{max-width:100%;overflow-wrap:anywhere}
 .bx-ba-h{flex-wrap:wrap}
 .bx-ba-sw i{width:56px}.bx-ba-sw{font-size:12px}
}
/* 39: расширенная заявка */
html.mo-lock{overflow:hidden}
.lead-b{width:min(640px,100%);padding:30px 30px 24px;overscroll-behavior:contain}
.lead-d{font-size:14px;color:var(--soft);margin:0 0 18px;max-width:46ch}
.lead-f{gap:12px}
.lead-f .req{font-style:normal;color:var(--acc)}
.light .fld select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:40px;cursor:pointer}
.light .fld select:focus-visible,.light .fld input:focus-visible,.light .fld textarea:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.lead-more{border-radius:var(--r-sm);background:#f7f6f4;box-shadow:inset 0 0 0 1px var(--line)}
.lead-more summary{cursor:pointer;padding:13px 16px;font-size:14px;font-weight:600;list-style:none;display:flex;align-items:center;gap:6px}
.lead-more summary::-webkit-details-marker{display:none}
.lead-more summary:before{content:'+';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;line-height:1;flex:0 0 20px;transition:transform .3s var(--ease)}
.lead-more[open] summary:before{transform:rotate(45deg)}
.lead-more summary small{font-weight:400;color:var(--mute)}
.lead-more>.fld2,.lead-more>.fld{padding:0 14px 14px}
.lead-more .fld select{background-color:#fff}
.lead-brief{font-size:14px;margin:0;color:var(--soft)}
.lead-brief a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lead-f.is-ok>*:not(.okm):not(.fine){opacity:.45}
.okm .demo-n,.demo-n{display:block;margin-top:6px;font-size:12.5px;font-weight:400;line-height:1.4;color:inherit;opacity:.85}

/* п.9 вопросы под кнопку */
.lead-b{width:min(680px,100%)!important}
.lead-q:empty{display:none}
.lead-q{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--r-sm);background:#fff6f1;box-shadow:inset 0 0 0 1px #ffd9c6;animation:lqIn .45s var(--ease)}
@keyframes lqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lead-q-h{margin:0;font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center}
.lead-q-h:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc)}
.lq{display:flex;flex-direction:column;gap:8px}
.lq>span{font-size:13px;color:var(--soft)}
.lq-o{display:flex;flex-wrap:wrap;gap:6px}
.lq-o button{font:inherit;font-size:13.5px;padding:8px 13px;border-radius:var(--pill);border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.lq-o button:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.lq-o button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.lq-o button[aria-pressed=true]:before{content:"✓ ";color:var(--acc)}
.lq.sub{animation:lqIn .35s var(--ease)}
@media (prefers-reduced-motion:reduce){.lead-q,.lq.sub{animation:none}}
.ann{display:flex!important;align-items:center;justify-content:center;gap:10px}
.ann-i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:700;animation:annP 2.4s ease-in-out infinite}
@keyframes annP{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media (max-width:560px){.ann{font-size:12px}.ann span{display:none}}
@media (prefers-reduced-motion:reduce){.ann-i{animation:none}}
/* п.12 подвал */
.f-plain{font-size:15px;color:#e3e7ea;cursor:default}
.fmsg a,.fmsg a:hover{color:#fff!important}
.fmsg .tg{color:#37b6f2!important}.fmsg .max{color:#8a6bff!important}.fmsg .wa{color:#25d366!important}.fmsg .vk{color:#4c95f7!important}.fmsg .ml{color:#ff8b55!important}
.fmsg a:hover{color:#fff!important}
/* п.15 блок калькулятора */
.cb{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(17px,3.2vw,44.8px);align-items:center;background:linear-gradient(120deg,#fff 0%,#fff 55%,#fff3ec 100%);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.cb-l{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.cb-l>*{margin:0}
.cb-l h2{font-size:clamp(26px,2.8vw,40px)!important;max-width:14em}
.cb-r{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;position:relative}
.cb-s{flex:1 1 0;min-width:0;background:var(--ground);border-radius:16px;padding:16px 14px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity .6s calc(var(--i)*.18s),transform .6s calc(var(--i)*.18s) var(--ease)}
.cb-s small{font-size:12px;color:var(--soft)}.cb-s b{font-size:clamp(18px,1.7vw,24px);font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.cb-s i{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--acc);transition:width .9s calc(var(--i)*.18s + .3s) var(--ease)}
.cb-p{background:var(--ink);color:#fff}.cb-p small{color:var(--on-dark-soft)}.cb-p b{color:var(--acc)}
.cb-ar{align-self:center;color:var(--acc);font-weight:700;opacity:0;transition:opacity .4s calc(var(--i,0)*.2s + .4s)}
.cb.is-go .cb-s{opacity:1;transform:none}.cb.is-go .cb-s i{width:100%}.cb.is-go .cb-ar{opacity:1}
.cb-n{flex-basis:100%;margin:6px 0 0;font-size:12px;color:var(--mute)}
@media (max-width:1024px){.cb{grid-template-columns:1fr}}
@media (max-width:640px){.cb-r{display:grid;grid-template-columns:1fr 1fr}.cb-ar{display:none}}
@media (prefers-reduced-motion:reduce){.cb-s,.cb-s i,.cb-ar{transition:none;opacity:1;transform:none}}
/* п.13 нижняя навигация */
.pn{position:fixed;left:50%;bottom:16px;z-index:80;transform:translate(-50%,140%);display:flex;align-items:center;gap:6px;max-width:min(980px,calc(100vw - 32px));padding:6px;border-radius:var(--pill);background:rgba(18,22,26,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px -16px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .5s var(--ease);overflow:hidden}
.pn.show{transform:translate(-50%,0)}
.pn-t{display:none}
.pn-l{display:flex;gap:2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);scrollbar-width:none;scroll-behavior:smooth;min-width:0}
.pn-l::-webkit-scrollbar{display:none}
.pn-l button{flex:0 0 auto;border:0;background:none;color:#aeb8c1;font:inherit;font-size:13px;font-weight:500;padding:9px 14px;border-radius:var(--pill);cursor:pointer;white-space:nowrap;transition:background .3s,color .3s}
.pn-l button:hover{color:#fff}
.pn-l button.on{background:#fff;color:var(--ink)}
.pn-up{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:0;background:var(--acc);color:var(--ink);font-weight:700;cursor:pointer}
.pn-pr{position:absolute;left:0;bottom:0;height:2px;width:var(--pr,0);background:var(--acc);transition:width .5s var(--ease)}
.ck.open~.pn{bottom:16px}
@media (max-width:760px){
 .pn{flex-wrap:wrap;border-radius:22px;width:calc(100vw - 32px);padding:6px}
 .pn-t{display:flex;flex:1;align-items:center;gap:10px;border:0;background:none;color:#fff;font:inherit;font-size:14px;padding:8px 10px;text-align:left;min-width:0}
 .pn-t .pn-n{font-size:12px;color:var(--acc);font-weight:700;flex:0 0 auto}.pn-t .pn-c{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .pn-t i{font-style:normal;transition:transform .3s}.pn.open .pn-t i{transform:rotate(180deg)}
 .pn-l{order:3;flex-basis:100%;flex-direction:column;max-height:0;overflow:auto;transition:max-height .4s var(--ease)}
 .pn.open .pn-l{max-height:50vh}
 .pn-l button{text-align:left;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.pn,.pn-l,.pn-pr{transition:none}}
@media print{.pn{display:none}}
/* п.4 «Главная ошибка» */
.co-grav-l h2{font-weight:700!important;letter-spacing:-.035em}
.co-q2{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:4px;counter-reset:q}
.co-q2 li{position:relative;display:flex;align-items:baseline;gap:10px;padding:9px 14px 9px 44px;border-radius:12px;font-size:clamp(16px,1.3vw,19px);font-weight:600;letter-spacing:-.015em;color:var(--acc);background:linear-gradient(90deg,#fff1ea,rgba(255,241,234,0));counter-increment:q;opacity:0;transform:translateX(-14px);transition:opacity .5s calc(var(--i)*.09s),transform .6s calc(var(--i)*.09s) var(--ease)}
.co-q2 li:before{content:counter(q,decimal-leading-zero);position:absolute;left:14px;top:12px;font:700 11px/1 ui-monospace,Menlo,monospace;color:#f4a47e}
.co-q2 li b{font-size:1.2em;font-weight:800;color:var(--acc);margin-left:2px}
.co-q2 li:hover{background:linear-gradient(90deg,#ffe3d4,rgba(255,227,212,0))}
.co-q2.is-go li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.co-q2 li{opacity:1;transform:none;transition:none}}
/* п.4 дизайн */
.co-usp-t .pill{margin-top:22px}
.co-usp-v{position:relative}
.co-uv{position:relative;transition:opacity .5s,transform .6s var(--ease),box-shadow .5s,filter .5s!important}
.co-usp-v .co-uv{opacity:.5;transform:translateY(10px) scale(.95);box-shadow:none}
.co-usp-v .co-uv em{opacity:0;transition:opacity .3s}
.co-usp-v .co-uv .co-uv-st{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-10deg) scale(1.8);font:800 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-radius:8px;border:2.5px solid;opacity:0;transition:opacity .25s,transform .45s cubic-bezier(.3,1.6,.5,1);white-space:nowrap;background:rgba(255,255,255,.92)}
.co-uv-st.no{color:#9aa3ab;border-color:#9aa3ab}.co-uv-st.ok{color:var(--acc);border-color:var(--acc)}
.co-usp-v .co-uv.is-look{opacity:1;transform:translateY(-6px) scale(1.02);box-shadow:0 0 0 2px #fff,0 26px 40px -20px rgba(0,0,0,.7)}
.co-usp-v .co-uv.is-no{opacity:.35;filter:grayscale(1);transform:translateY(14px) scale(.93)}
.co-usp-v .co-uv.is-no .co-uv-st.no,.co-usp-v .co-uv.is-ok .co-uv-st.ok{opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}
.co-usp-v .co-uv.is-ok{opacity:1;transform:translateY(-12px) scale(1.06);box-shadow:0 0 0 3px var(--acc),0 30px 50px -20px rgba(0,0,0,.7)}
.co-usp-v .co-uv.is-ok em{opacity:1}
.co-cur{position:absolute;left:0;top:0;width:22px;height:22px;pointer-events:none;z-index:3;transition:transform .8s cubic-bezier(.5,0,.2,1);filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.co-cur.clk{animation:coClk .3s}
@keyframes coClk{50%{scale:.8}}
.co-usp-log{grid-column:1/-1;margin:0;font:600 12.5px/1.4 ui-monospace,Menlo,monospace;color:var(--on-dark-soft);min-height:1.4em}
.co-usp-log b{color:var(--acc)}
@media (prefers-reduced-motion:reduce){.co-cur{display:none}}
.co-bn-s li{cursor:pointer}.co-bn-s li:hover{opacity:.9}
.co-ly{transition:opacity .3s,transform .45s cubic-bezier(.3,1.3,.5,1)!important}
.co-bn-q li{transition:opacity .3s .1s,transform .3s .1s!important}
.co-sel-t button .co-slab i.cm{background:#ffd6c2!important;color:#b8410e!important}
.co-sel-t button.is-on .co-slab i.cm{background:var(--acc)!important;color:#fff!important}
.co-sel-t button:not(.is-on) .co-slab i.cm{height:14px}
.co-nf a,.co-sel-r a,.xlink{color:var(--acc);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}
.co-au-b{display:flex;gap:8px;flex-wrap:wrap}
.co-au-b span{display:flex;flex-direction:column;gap:2px;padding:10px 14px 11px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:12.5px;color:var(--on-dark-soft);min-width:92px}
.co-au-b b{font-size:22px;font-weight:600;letter-spacing:-.03em;color:#fff;line-height:1.05}
.co-au-b .f{background:var(--acc);box-shadow:none;color:var(--ink)}.co-au-b .f b{color:var(--ink)}
.se-h1 .muted-word{display:block;margin-top:.28em}
.legacy{display:none!important}
/* п.6 hero SEO */
.sq{position:relative;border-radius:var(--r-lg);background:linear-gradient(160deg,#1b2228,#12171b);box-shadow:inset 0 0 0 1px var(--line-d);padding:18px;display:flex;flex-direction:column;gap:12px;overflow:hidden;isolation:isolate}
.sq:before{content:"";position:absolute;right:-20%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(61,220,132,.16),transparent 65%);z-index:-1}
.sq-top{display:flex;justify-content:space-between;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#7d8891}
.sq-n{color:var(--acc)}
.sq-bar{display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:var(--pill);padding:12px 16px;font-size:15px;font-weight:500;min-height:46px}
.sq-bar svg{width:18px;height:18px;color:#8a959e;flex:0 0 18px}
.sq-c{width:2px;height:18px;background:var(--acc);animation:sqC 1s steps(2) infinite}
@keyframes sqC{50%{opacity:0}}
.sq-list{list-style:none;margin:0;padding:0;position:relative;height:calc(7*50px)}
.sq-r{position:absolute;left:0;right:0;top:calc(var(--p)*50px);height:40px;border-radius:10px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 12px;opacity:0;transition:opacity .4s calc(var(--p)*.06s),top .9s cubic-bezier(.6,-.1,.2,1.2)}
.sq-r .sq-u{display:block;height:5px;width:32%;border-radius:3px;background:#3d4750}
.sq-r .sq-h{display:block;height:7px;width:64%;border-radius:4px;background:#56616b}
.sq.is-in .sq-r{opacity:1}
.sq-r:not(.sq-me){transition:opacity .4s calc(var(--p)*.06s),transform .9s}
.sq.is-up .sq-r:not(.sq-me):nth-child(n+2){transform:translateY(50px)}
.sq-me{height:auto;min-height:52px;background:#fff;opacity:0;padding:8px 12px 8px 46px;gap:2px;z-index:2;box-shadow:0 0 0 2px transparent}
.sq-me .sq-u,.sq-me .sq-h{width:auto;height:auto;background:none;border-radius:0;font-size:12px;color:#0a8f4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-me .sq-h{font-size:14px;font-weight:600;color:#1a0dab}
.sq-me em{position:absolute;right:10px;top:-9px;font-style:normal;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:var(--pill);background:var(--acc);color:var(--ink);opacity:0;transition:opacity .3s .6s}
.sq.is-up .sq-me{box-shadow:0 0 0 2px var(--acc),0 18px 30px -12px rgba(255,98,31,.55)}
.sq.is-up .sq-me em{opacity:1}
.sq-pos{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;font:700 12px/28px ui-monospace,Menlo,monospace;text-align:center}
.sq.is-up .sq-pos{background:#1fae6a}
.sq-foot{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--on-dark-soft);flex-wrap:wrap}
.sq-foot span{display:flex;align-items:center;gap:6px}.sq-foot i{width:9px;height:9px;border-radius:50%;background:#1fae6a}.sq-foot i.o{background:var(--acc)}
.sq-foot b{margin-left:auto;font-size:22px;font-weight:600;color:var(--acc);letter-spacing:-.02em}
.sq-foot b.pop{animation:sqP .5s}
@keyframes sqP{40%{transform:scale(1.4)}}
@media (max-width:560px){.sq-list{height:calc(7*40px)}.sq-r{top:calc(var(--p)*40px);height:34px}}
/* п.6 SEO → CRM */
.se-crm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.se-crm-h{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.se-crm-h>*{margin:0}.se-crm-h .soft{color:var(--on-dark-soft)}
.se-crm-v{display:flex;flex-direction:column;gap:14px}
.se-crm-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-top:6px}
.se-crm-rail:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:2px;background:repeating-linear-gradient(90deg,#3a444c 0 6px,transparent 6px 11px)}
.se-crm-s{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:0 4px;opacity:.35;transition:opacity .4s}
.se-crm-s i{font:700 11px/1 ui-monospace,Menlo,monospace;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink-3);color:#aeb8c1;box-shadow:0 0 0 4px var(--ink);position:relative;z-index:1;font-style:normal;transition:background .4s,color .4s}
.se-crm-s small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8891;margin-top:6px}.se-crm-s b{font-size:13px;font-weight:600;line-height:1.25}
.se-crm-s.on{opacity:1}.se-crm-s.on i{background:var(--acc);color:var(--ink)}
.se-crm-dot{position:absolute;top:17px;left:calc(var(--x,0)*20% + 12px);width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 6px rgba(255,98,31,.25),0 0 18px var(--acc);transition:left .7s var(--ease);z-index:2}
.se-crm-card{background:#fff;color:var(--ink);border-radius:16px;padding:16px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.se-crm-card header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.se-crm-card header em{font-style:normal;font-size:11px;font-weight:700;color:#0b66c3;background:#e2f4fd;padding:4px 8px;border-radius:6px}
.se-crm-card dl{margin:0;display:flex;flex-direction:column}
.se-crm-card dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);opacity:.15;transition:opacity .4s,background .4s}
.se-crm-card dl div.on{opacity:1}.se-crm-card dl div.new{background:#fff5ef}
.se-crm-card dt{font-size:12.5px;color:var(--soft)}.se-crm-card dd{margin:0;font-size:13.5px;font-weight:600}
@media (max-width:1024px){.se-crm{grid-template-columns:1fr}}
@media (max-width:640px){.se-crm-rail{grid-template-columns:1fr 1fr}.se-crm-rail:before,.se-crm-dot{display:none}.se-crm-card dl div{grid-template-columns:1fr}}
/* п.6 SEO и ИИ */
.se-aiw{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.se-aiw-h{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.se-aiw-h>*{margin:0}
.se-aiw-v{display:flex;flex-direction:column;gap:14px}
.se-aiw-st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.se-aiw-st li{padding:10px 12px;border-radius:12px;background:var(--ground);display:flex;flex-direction:column;gap:2px;position:relative;transition:background .4s,color .4s,transform .4s}
.se-aiw-st li b{font-size:13.5px}.se-aiw-st li small{font-size:12px;color:var(--soft)}
.se-aiw-st li.on{background:var(--ink);color:#fff;transform:translateY(-4px)}.se-aiw-st li.on small{color:var(--on-dark-soft)}
.se-aiw-st li.ok{background:#e6f7ee}.se-aiw-st li.ok b:after{content:" ✓";color:#1fae6a}
.se-aiw-doc{position:relative;background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line),0 30px 50px -30px rgba(18,22,26,.35);padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.se-aiw-doc header{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.se-aiw-doc header small{font-size:17px;font-weight:600;color:var(--ink)}
.se-aiw-tag{align-self:flex-start;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:#eef0f2;color:#5c6670;transition:background .3s,color .3s}
.se-aiw-doc p{margin:0;font-size:15px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.se-aiw-doc s{text-decoration-color:transparent;transition:text-decoration-color .4s calc(var(--i)*.25s),color .4s calc(var(--i)*.25s)}
.se-aiw-doc ins{text-decoration:none;font-weight:600;color:#1fae6a;background:#e6f7ee;padding:2px 8px;border-radius:6px;opacity:0;transform:translateX(-6px);transition:opacity .4s calc(var(--i)*.25s + .2s),transform .4s calc(var(--i)*.25s + .2s)}
.se-aiw-l{display:block;height:8px;width:88%;border-radius:4px;background:#eef0f2}.se-aiw-l.s{width:60%}
.se-aiw-stamp{position:absolute;right:18px;bottom:16px;font:800 14px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#1fae6a;border:3px solid #1fae6a;border-radius:8px;padding:8px 12px;transform:rotate(-12deg) scale(2);opacity:0;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.se-aiw-v.st2 .se-aiw-doc s{text-decoration-color:#e2493b;color:#9aa3ab}
.se-aiw-v.st2 .se-aiw-doc ins{opacity:1;transform:none}
.se-aiw-v.st3 .se-aiw-stamp{opacity:1;transform:rotate(-12deg) scale(1)}
.se-aiw-v.st3 .se-aiw-tag{background:#1fae6a;color:#fff}
@media (max-width:1024px){.se-aiw{grid-template-columns:1fr}}
@media (max-width:640px){.se-aiw-st{grid-template-columns:1fr 1fr}}
/* п.6 постоянная работа */
.se-pw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.se-pw-h{display:flex;flex-direction:column;gap:16px}.se-pw-h>*{margin:0}.se-pw-h .soft{color:var(--on-dark-soft)}
.se-pw-v{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center}
.se-pw-ring{position:relative;aspect-ratio:1;max-width:300px;width:100%;margin:0 auto}
.se-pw-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.se-pw-ring circle{fill:none;stroke-width:6}.se-pw-ring .bg{stroke:#2a3238}.se-pw-ring .fg{stroke:var(--acc);stroke-dasharray:var(--d,0) 100;stroke-linecap:round;transition:stroke-dasharray .6s linear}
.se-pw-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.se-pw-c small{font-size:12px;color:#7d8891;text-transform:uppercase;letter-spacing:.08em}.se-pw-c b{font-size:64px;font-weight:500;letter-spacing:-.05em;line-height:1}
.se-pw-n{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translateX(min(150px,42vw)) rotate(calc(var(--a)*-1));translate:-50% -50%;font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--pill);background:var(--ink-3);color:#aeb8c1;white-space:nowrap;transition:background .3s,color .3s}
.se-pw-n.on{background:var(--acc);color:var(--ink)}
.se-pw-bars{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end;height:240px;padding-bottom:40px}
.se-pw-bars i{position:relative;height:0;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff8b55,var(--acc));opacity:.3;transition:height .7s calc(var(--i)*.07s) var(--ease),opacity .3s}
.se-pw-bars i.on{opacity:1}
.se-pw-v.is-go .se-pw-bars i{height:var(--h)}
.se-pw-bars em{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;color:#7d8891}
.se-pw-bars p{position:absolute;left:0;bottom:0;margin:0;font-size:12px;color:#7d8891;display:flex;gap:6px;align-items:center}.se-pw-bars p span{width:10px;height:10px;border-radius:3px;background:var(--acc)}
@media (max-width:1100px){.se-pw{grid-template-columns:1fr}}
@media (max-width:640px){.se-pw-v{grid-template-columns:1fr}.se-pw-ring{max-width:220px}.se-pw-n{transform:rotate(var(--a)) translateX(118px) rotate(calc(var(--a)*-1))}}
/* п.6 отчёт */
.se-rep{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center}
.se-rep-h{display:flex;flex-direction:column;gap:16px}.se-rep-h>*{margin:0}
.se-rep-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.se-rep-l li{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:var(--ground);font-size:15px;font-weight:500;transition:background .35s,color .35s}
.se-rep-l li span{font:700 11px/1 ui-monospace,Menlo,monospace;color:var(--acc)}
.se-rep-l li.on{background:var(--ink);color:#fff}
.se-rep-v{perspective:1400px}
.se-rep-d{background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line),0 40px 60px -30px rgba(18,22,26,.35);padding:18px 20px;display:flex;flex-direction:column;gap:8px;transform:rotateX(12deg) rotateZ(-2deg);transform-origin:50% 100%;transition:transform 1s var(--ease)}
.se-rep-v.is-go .se-rep-d{transform:none}
.se-rep-d header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:2px solid var(--ink)}.se-rep-d header small{font-size:11.5px;color:var(--mute)}
.se-rep-d section{padding:8px 10px;border-radius:10px;display:flex;flex-direction:column;gap:6px;opacity:.25;transition:opacity .4s,background .4s}
.se-rep-d section.on{opacity:1;background:#fff7f2}
.se-rep-d section>small{font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.se-rep-k{display:grid;gap:6px}.se-rep-k div{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;font-size:13px}
.se-rep-d i{display:block;height:8px;border-radius:4px;background:#c4cbd1;width:0;transition:width .8s var(--ease)}.se-rep-d i.o{background:var(--acc)}
.se-rep-d section.on i{width:var(--w)}
.se-rep-d ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.se-rep-d .r2 li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px;align-items:center;font:12px/1.2 ui-monospace,Menlo,monospace;color:var(--soft)}
.se-rep-d .rck li{font-size:13px;padding-left:22px;position:relative}.se-rep-d .rck li:before{content:"✓";position:absolute;left:4px;color:#1fae6a;font-weight:700}
.se-rep-d svg{width:100%;height:40px}.se-rep-d svg path{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s;vector-effect:non-scaling-stroke}
.se-rep-d .r4.on svg path{stroke-dashoffset:0}
.se-rep-d .r5 p{margin:0;font-size:13.5px;font-weight:600}
@media (max-width:1024px){.se-rep{grid-template-columns:1fr}}
/* п.6 кейсы SEO */
.se-cs2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.se-cs2-c{background:#fff;border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:transform .5s var(--ease),box-shadow .5s}
.se-cs2-c:hover,.se-cs2-c:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 1px var(--ink),0 30px 50px -30px rgba(18,22,26,.4)}
.se-cs2-m{aspect-ratio:16/9;border-radius:0}
.se-cs2-c:hover .se-cs2-m img{transform:scale(1.05)}
.se-cs2-m img{transition:transform .8s var(--ease)}
.se-cs2-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.se-cs2-b>*{margin:0}
.se-cs2-b small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.se-cs2-r{font-size:clamp(19px,1.6vw,23px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--ink);padding:12px 14px;border-radius:12px;background:#fff1ea;border-left:3px solid var(--acc)}
.se-cs2-b h3{font-size:16px;font-weight:600}
.se-cs2-b .soft{font-size:14px}
.se-cs2-n{font-size:12.5px;color:var(--mute)}
.se-cs2-go{margin-top:auto;font-size:14px;font-weight:600}
@media (max-width:1024px){.se-cs2{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.se-cs2{grid-template-columns:1fr}}
/* п.7 страница Битрикс24 — фирменные цвета Битрикс24 */
#p-bitrix{--acc:#2fc6f6;--acc-2:#8fe3ff;--b24:#2fc6f6;--b24-d:#0b66c3;--b24-n:#0a2540;--b24-l:#e6f8fe}
#p-bitrix .panel.dark{background:linear-gradient(160deg,#0c2d4d 0%,#0a2540 55%,#081d33 100%)!important}
#p-bitrix .panel.dark.on-dark-top{background:radial-gradient(ellipse at 85% 10%,rgba(47,198,246,.35),transparent 55%),linear-gradient(160deg,#0c2d4d,#081d33)!important}
#p-bitrix .panel.orange{background:var(--b24)!important;color:#08263f}
#p-bitrix .pill.acc{background:var(--b24);color:#062038}
#p-bitrix .pill.acc:hover{background:#6fdcff}
#p-bitrix .eyebrow:before,#p-bitrix .bx-kick:before{background:var(--b24)!important}
#p-bitrix .bx-core,#p-bitrix .bx-ba-hub{background:radial-gradient(circle at 35% 30%,#7fe0ff,#2fc6f6 55%,#0b8fd0)!important;box-shadow:0 30px 60px -20px rgba(47,198,246,.6)!important}
#p-bitrix .bx-lg{color:#fff}
#p-bitrix [class*="bx-"] :is(i,span,em,b).acc,#p-bitrix .acc-word{color:var(--b24)}
#p-bitrix .card,#p-bitrix .panel.white{box-shadow:inset 0 0 0 1px #cdeefb}
#p-bitrix .hl,#p-bitrix mark{background:linear-gradient(transparent 55%,#bfefff 55%)!important}
#p-bitrix ::selection{background:#bfefff}
#p-bitrix .ticks li:before,#p-bitrix .bx-impl.in-view .bx-impl-n{background:var(--b24)!important}
#p-bitrix .bx-impl:after{background:var(--b24)!important}
#p-bitrix .bx-ai-tag{background:var(--b24-l);color:var(--b24-d)}
#p-bitrix .bx-cert-img{box-shadow:0 0 0 1px #bfefff,0 30px 60px -30px rgba(11,102,195,.4)}
/* п.7 экономический эффект */
.bx-ec{display:flex;flex-direction:column;gap:clamp(20.4px,2.4vw,32px)}
.bx-ec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.bx-ec-sw{position:relative;display:flex;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.08)}
.bx-ec-sw button{position:relative;z-index:1;border:0;background:none;color:#aeb8c1;font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--pill);cursor:pointer;transition:color .3s}
.bx-ec-sw button.is-on{color:#062038}
.bx-ec-sw i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--pill);background:#fff;transition:transform .45s var(--ease),background .45s}
.bx-ec.m1 .bx-ec-sw i{transform:translateX(100%);background:var(--b24,#2fc6f6)}
.bx-ec-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(13.6px,2.4vw,32px);align-items:start}
.bx-ec-f{background:rgba(255,255,255,.05);border-radius:var(--r-lg);padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.bx-ec-k{margin:0;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#7d97ad}
.bx-ec-r{display:grid;grid-template-columns:150px minmax(0,1fr) 44px;gap:12px;align-items:center}
.bx-ec-r span{font-size:13.5px;color:#d6e3ee}
.bx-ec-bar{position:relative;height:26px;border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden}
.bx-ec-bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--a)*1%);border-radius:8px;background:#56708a;transition:width 1s calc(var(--i)*.08s) var(--ease),background .6s}
.bx-ec-bar em{position:absolute;top:0;bottom:0;left:calc(var(--a)*1%);width:calc((100 - var(--a))*1%);background:repeating-linear-gradient(135deg,rgba(255,98,98,.35) 0 6px,transparent 6px 12px);transition:left 1s calc(var(--i)*.08s) var(--ease),width 1s calc(var(--i)*.08s) var(--ease),opacity .6s}
.bx-ec-r b{font-size:20px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.bx-ec.m1 .bx-ec-bar i{width:calc(var(--b)*1%);background:linear-gradient(90deg,#0b8fd0,#2fc6f6)}
.bx-ec.m1 .bx-ec-bar em{left:calc(var(--b)*1%);width:calc((100 - var(--b))*1%);opacity:.5}
.bx-ec-n{margin:4px 0 0;font-size:12px;color:#7d97ad}
.bx-ec-c{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bx-ec-col{border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px}
.bx-ec-col.more{background:#fff;color:var(--ink)}.bx-ec-col.less{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bx-ec-t{margin:0;font-size:16px;font-weight:700;display:flex;gap:8px;align-items:center}
.bx-ec-t span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--b24,#2fc6f6);color:#062038}
.bx-ec-col ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bx-ec-col li{display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:2px solid #cdeefb;opacity:.35;transform:translateX(-6px);transition:opacity .5s calc(var(--i)*.07s),transform .5s calc(var(--i)*.07s),border-color .5s}
.bx-ec-col.less li{border-color:rgba(255,255,255,.2)}
.bx-ec-col li b{font-size:14px}.bx-ec-col li span{font-size:12.5px;opacity:.7}
.bx-ec.m1 .bx-ec-col li{opacity:1;transform:none;border-color:var(--b24,#2fc6f6)}
.bx-ec-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.bx-ec-foot p{margin:0;max-width:40em;color:#c5d4e0}
@media (max-width:1100px){.bx-ec-g{grid-template-columns:1fr}}
@media (max-width:560px){.bx-ec-c{grid-template-columns:1fr}.bx-ec-r{grid-template-columns:1fr 40px}.bx-ec-r span{grid-column:1/-1}}
#p-bitrix .bx-eco-p li>button{cursor:pointer}
#p-bitrix .bx-eco-p li>button:hover b{text-decoration:underline;text-underline-offset:3px}
/* п.7 и п.10: меньше отступ перед «До и после» */
#p-bitrix .bx-ba-w,#p-ai .bx-ba-w{margin-top:clamp(34px,4vw,64px)!important}
#p-bitrix .bx-ba-s,#p-ai .bx-ba-s{padding-top:clamp(24px,4vh,48px)!important}
/* п.8 «Система» — вся страница на тёмном фоне */
#p-system{--ground:#0e1316;--white:#161c21;--line:rgba(255,255,255,.1);--soft:#a3adb6;--mute:#7f8a93;--paper:#161c21;color:#e9edf0;background:#0b0f12;padding-bottom:clamp(34px,4.8vw,76.8px);position:relative}
#p-system:before{content:"";position:fixed;inset:0;z-index:-1;background:#0b0f12;pointer-events:none;opacity:0}
body:has(#p-system.on){background:#0b0f12}
body:has(#p-system.on) .foot{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#p-system .panel.white{background:#141a1f!important;color:#e9edf0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#p-system .panel.dark:not(.phead){background:linear-gradient(160deg,#171e24,#101519)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#p-system h1,#p-system h2,#p-system h3,#p-system .t-title,#p-system .t-state{color:#fff}
#p-system .muted-word{color:#6f7a83}
#p-system .soft,#p-system .small.soft{color:var(--soft)!important}
#p-system .pill:not(.acc):not(.ink){background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
#p-system .pill.ink{background:#fff;color:var(--ink)}
#p-system .pill.line{color:#fff!important}
#p-system .qa-i{background:#141a1f;color:#e9edf0}
#p-system .qa-x{background:rgba(255,255,255,.1)}
#p-system .xl-c{background:#141a1f;color:#e9edf0}
#p-system .xl-f a{color:#cfd6dc}
#p-system .cb{background:linear-gradient(120deg,#141a1f,#141a1f 55%,#2a1a12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
#p-system .cb-s{background:#1d252b}
#p-system .crumbs a,#p-system .crumbs span{color:#9aa6b0}
/* п.10 галочки */
#p-ai .ticks li:before{background:none!important;color:var(--acc)!important;font-size:17px!important;font-weight:800;width:18px;flex-basis:18px;height:auto;border-radius:0;place-items:start}
#p-ai .p2-list .ico{color:var(--acc)!important;background:none!important;padding:0!important;width:20px;height:20px}
#p-ai .bx-impl-r .ico{background:none!important;color:var(--acc)!important;padding:0!important;width:18px;height:18px;stroke-width:3}
/* п.10 ядро ИИ-процесса */
#p-ai .ai-ba-core{background:radial-gradient(circle at 50% 35%,#2a1a12,#12161a 70%)!important;color:#fff!important;border-radius:28px!important;padding:26px 30px 22px!important;box-shadow:0 0 0 1px rgba(255,98,31,.5),0 0 60px -10px rgba(255,98,31,.6),0 30px 60px -20px rgba(0,0,0,.6)!important;overflow:visible;min-width:220px}
#p-ai .ai-ba-core b{position:relative;z-index:1;font-size:clamp(22px,2.2vw,30px)}
#p-ai .ai-ba-core small{position:relative;z-index:1;color:#c3ccd3;display:block;margin-top:4px}
#p-ai .ai-ba-core small em{font-style:normal;color:var(--acc);font-weight:700}
.ai-cr-ring{position:absolute;inset:-14px;border-radius:36px;border:1.5px dashed rgba(255,98,31,.55);animation:aiRing 12s linear infinite;pointer-events:none}
.ai-cr-ring.r2{inset:-28px;border-radius:44px;border:1px solid rgba(255,98,31,.18);animation-duration:20s;animation-direction:reverse}
@keyframes aiRing{to{transform:rotate(360deg)}}
.ai-cr-chip{display:grid;grid-template-columns:repeat(6,8px);gap:4px;justify-content:center;margin:0 auto 12px;width:max-content}
.ai-cr-chip i{width:8px;height:8px;border-radius:2px;background:#3a2a22;animation:aiBit 1.6s calc(var(--k)*.11s) infinite}
@keyframes aiBit{0%,100%{background:#3a2a22}40%{background:var(--acc);box-shadow:0 0 8px var(--acc)}}
@media (prefers-reduced-motion:reduce){.ai-cr-ring,.ai-cr-chip i{animation:none}}
/* п.10 экономический эффект */
#p-ai .ai-ms{background:#fff!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
#p-ai .ai-ms:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--acc),#ffb08a)}
#p-ai .ai-ms .eyebrow{color:var(--soft)}
#p-ai .ai-ms li{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:center;border-color:var(--line)!important}
.ai-ms-g{display:block;height:6px;border-radius:3px;background:var(--ground);overflow:hidden}
.ai-ms-g em{display:block;height:100%;width:0;border-radius:3px;background:repeating-linear-gradient(90deg,#c9d0d6 0 6px,#e3e7ea 6px 9px);transition:width 1s calc(var(--i)*.08s) var(--ease)}
#p-ai .ai-ms.in-view .ai-ms-g em,#p-ai .ai-ms.is-go .ai-ms-g em{width:var(--w)}
/* п.10 внедрение ИИ */
.ai-im{display:flex;flex-direction:column;gap:clamp(22px,3vw,36px)}
.ai-im-h h2{font-size:clamp(30px,3.4vw,52px)!important}
.ai-im-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;align-items:end}.ai-im-h .soft{margin:0;color:var(--on-dark-soft)}
.ai-im-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(15.3px,2.4vw,32px)}
.ai-im-t{align-self:start;list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:flex;flex-direction:column;gap:4px}
.ai-im-t:before{content:"";position:absolute;left:7px;top:14px;bottom:14px;width:2px;background:#2d353c;border-radius:2px}
.ai-im-p{position:absolute;left:7px;top:14px;width:2px;height:0;background:var(--acc);border-radius:2px;transition:height .6s var(--ease);box-shadow:0 0 12px var(--acc)}
.ai-im{--pr:0%}
.ai-im-t button{position:relative;width:100%;display:flex;gap:14px;align-items:center;text-align:left;border:0;background:none;color:#8d99a3;font:inherit;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background .3s,color .3s}
.ai-im-t button:before{content:"";position:absolute;left:-19px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#2d353c;box-shadow:0 0 0 3px var(--ink-2,#1b2126);transition:background .3s,transform .3s}
.ai-im-t button span{font:700 11px/1 ui-monospace,Menlo,monospace;color:#5f6b75}
.ai-im-t button b{font-size:16px;font-weight:600}
.ai-im-t button:hover{color:#fff}
.ai-im-t button.done{color:#c3ccd3}.ai-im-t button.done:before{background:var(--acc)}
.ai-im-t button.on{background:rgba(255,255,255,.07);color:#fff}.ai-im-t button.on:before{background:var(--acc);transform:scale(1.5);box-shadow:0 0 0 3px var(--ink-2,#1b2126),0 0 14px var(--acc)}
.ai-im-t button.on span{color:var(--acc)}
.ai-im-c{display:flex;flex-direction:column;gap:12px}
.ai-im-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:10px;min-height:230px}
.ai-im-card.sw{animation:aiSw .5s var(--ease)}
@keyframes aiSw{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ai-im-card small{font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.ai-im-card h3{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.03em}
.ai-im-card p{margin:0;font-size:16px;line-height:1.5;color:var(--soft)}
.ai-im-r{margin-top:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
.ai-im-r span{font-size:12.5px;color:var(--mute)}.ai-im-r b{font-size:15px;padding:6px 12px;border-radius:var(--pill);background:#fff1ea}
.ai-im-pl{border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);box-shadow:inset 0 0 0 1px rgba(255,98,31,.5);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center}
.ai-im-pl .eyebrow{margin:0;grid-column:1/-1}.ai-im-pl h3{margin:0;font-size:19px;grid-column:1/-1}
.ai-im-pl ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.ai-im-pl li{font-size:13.5px;padding:7px 12px;border-radius:var(--pill);background:rgba(255,255,255,.07);display:flex;gap:6px}.ai-im-pl li span{color:var(--acc);font-weight:700}
.ai-im-f{margin:0;color:var(--on-dark-soft)}
@media (max-width:1024px){.ai-im-g,.ai-im-h{grid-template-columns:1fr}.ai-im-pl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ai-im-card.sw{animation:none}}
/* п.5 главный продукт */
.sp-sys{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:center;background:radial-gradient(ellipse at 80% 50%,rgba(255,98,31,.28),transparent 55%),linear-gradient(160deg,#1a2127,#101418)!important;overflow:hidden}
.sp-sys-l{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.sp-sys-l>*{margin:0}
.sp-sys-l h2{font-size:clamp(56px,7vw,112px)!important;line-height:.9;background:linear-gradient(90deg,#fff 40%,var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.sp-sys-t{font-size:clamp(18px,1.6vw,22px);line-height:1.4;color:#dfe4e8;max-width:26em}
.sp-sys-d{display:grid;grid-template-columns:repeat(3,auto);gap:10px 28px;margin:0;padding-top:14px;border-top:1px solid var(--line-d)}
.sp-sys-d dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7d8891}.sp-sys-d dd{margin:3px 0 0;font-size:18px;font-weight:600;color:#fff}
.sp-sys-n{color:var(--on-dark-soft)}
.sp-orb{position:relative;aspect-ratio:1;width:min(460px,100%);justify-self:center}
.sp-orb-c{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8b55,var(--acc) 55%,#c9420b);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink);box-shadow:0 0 0 12px rgba(255,98,31,.12),0 0 80px rgba(255,98,31,.5);z-index:2}
.sp-orb-c small{font-size:11px;font-weight:600;opacity:.75}.sp-orb-c b{font-size:15px}.sp-orb-c em{font-style:normal;font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.03em;margin-top:4px;animation:spOe .5s var(--ease)}
@keyframes spOe{from{opacity:0;transform:translateY(8px)}}
.sp-orb-r{position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(255,255,255,.18)}.sp-orb-r.r2{inset:22%;border-style:solid;border-color:rgba(255,98,31,.25)}
.sp-orb{--rot:0deg}
.sp-orb-n{position:absolute;left:50%;top:50%;border:0;background:none;padding:0;cursor:pointer;transform:rotate(calc(var(--a) + var(--rot))) translateX(min(200px,40vw)) rotate(calc((var(--a) + var(--rot))*-1));translate:-50% -50%}
.sp-orb-n span{display:block;font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border-radius:var(--pill);background:#232b31;color:#dfe4e8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);white-space:nowrap;transition:background .35s,color .35s,transform .35s}
.sp-orb-n:hover span,.sp-orb-n.on span{background:var(--acc);color:var(--ink);transform:scale(1.12)}
@media (max-width:1024px){.sp-sys{grid-template-columns:1fr}}
@media (max-width:560px){.sp-orb-n{transform:rotate(calc(var(--a) + var(--rot))) translateX(32vw) rotate(calc((var(--a) + var(--rot))*-1))}.sp-orb-n span{font-size:12px;padding:7px 10px}.sp-sys-d{grid-template-columns:1fr 1fr}}
/* п.5 навигатор */
#sp-pick .sp-tk{gap:6px;padding:6px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
#sp-pick .sp-tk button{border:0;background:var(--ground);position:relative;overflow:hidden}
#sp-pick .sp-tk button:before{content:"";position:absolute;inset:0;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:-1}
#sp-pick .sp-tk button{isolation:isolate}
#sp-pick .sp-tk button.on{background:var(--ink);color:#fff}
#sp-pick .sp-tk button.on:after{content:"✓";margin-left:8px;color:var(--acc);font-weight:800}
#sp-pick .sp-rc.sorted .sp-z{padding:16px;border-radius:var(--r-lg);margin-bottom:10px;transition:background .4s}
#sp-pick .sp-rc.sorted .z0{background:linear-gradient(135deg,#fff1ea,#fff);box-shadow:inset 0 0 0 1.5px rgba(255,98,31,.45)}
#sp-pick .sp-rc.sorted .z1{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
#sp-pick .sp-rc.sorted .z2{opacity:.72}
#sp-pick .sp-rc.sorted .z2 .sp-rc-c{filter:saturate(.3)}
#sp-pick .sp-rc.sorted .z0 .sp-z-h span:before{content:"1";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--acc);color:#fff;margin-right:8px}
#sp-pick .sp-rc.sorted .z1 .sp-z-h span:before{content:"2";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;margin-right:8px}
#sp-pick .sp-rc.sorted .z0 .sp-rc-c{box-shadow:0 14px 30px -18px rgba(255,98,31,.7),inset 0 0 0 1px rgba(255,98,31,.3)}
#sp-pick .sp-why.on{background:var(--ink);color:#fff}
#sp-pick .sp-why.on .eyebrow,#sp-pick .sp-why.on .sp-why-t{color:#fff}
#sp-pick .sp-why.on .sp-note{color:var(--on-dark-soft);background:rgba(255,255,255,.06)!important}
#sp-pick .sp-why.on .pill.ink{background:var(--acc);color:var(--ink)}
#sp-pick .sp-seq{counter-reset:s}
#sp-pick .sp-seq li{animation:spSq .45s calc(var(--k)*.1s) both var(--ease)}
@keyframes spSq{from{opacity:0;transform:translateX(-10px)}}
/* п.5 направления */
.sp-acc{display:flex;gap:8px;height:clamp(300px,26vw,360px)}
.sp-acc-i{position:relative;flex:1 1 0;min-width:0;border:0;border-radius:var(--r-lg);background:#fff;color:var(--ink);text-align:left;padding:22px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:flex-grow .6s var(--ease),background .5s,color .5s;box-shadow:inset 0 0 0 1px var(--line)}
.sp-acc-i.on{flex-grow:3.2;background:var(--ink);color:#fff;box-shadow:none}
.sp-acc-i:before{content:"";position:absolute;right:-30%;bottom:-40%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,98,31,.35),transparent 65%);opacity:0;transition:opacity .6s}
.sp-acc-i.on:before{opacity:1}
.sp-acc-n{font-size:clamp(40px,4vw,64px);font-weight:500;letter-spacing:-.05em;line-height:.9;color:var(--acc)}
.sp-acc-t{font-size:15px;font-weight:600;writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:20px;bottom:22px;transition:opacity .3s;white-space:nowrap}
.sp-acc-i.on .sp-acc-t{opacity:0}
.sp-acc-b{position:relative;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .4s .15s,transform .5s .15s var(--ease);min-width:260px}
.sp-acc-i.on .sp-acc-b{opacity:1;transform:none}
.sp-acc-b b{font-size:clamp(22px,2.2vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.sp-acc-b em{font-style:normal;font-size:14px;color:var(--on-dark-soft)}
.sp-acc-go{font-size:13.5px;font-weight:600;color:var(--acc)}
@media (max-width:900px){.sp-acc{flex-direction:column;height:auto}.sp-acc-i{min-height:68px;flex:none}.sp-acc-i.on{flex:none}.sp-acc-t{writing-mode:horizontal-tb;transform:none;position:static}.sp-acc-i{flex-direction:row;align-items:center;gap:16px;justify-content:flex-start}.sp-acc-n{font-size:28px}.sp-acc-b{display:none}.sp-acc-i.on .sp-acc-b{display:flex;min-width:0}.sp-acc-i.on{flex-direction:column;align-items:flex-start}.sp-acc-i.on .sp-acc-t{display:none}}
/* п.5 сцены направлений */
.sc-br,.sc-ws,.sc-kb{position:relative;border-radius:var(--r-lg);background:var(--ground);padding:clamp(16px,2vw,26px);min-height:320px;overflow:hidden}
.sc-cap{position:absolute;left:20px;bottom:14px;margin:0;font:700 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.sc-lg{display:inline-flex;gap:3px;align-items:flex-end}.sc-lg i{width:8px;background:var(--acc);border-radius:2px}.sc-lg i:nth-child(1){height:12px}.sc-lg i:nth-child(2){height:20px;background:var(--ink)}.sc-lg i:nth-child(3){height:16px}
.sc-lg.s i{width:4px}.sc-lg.s i:nth-child(1){height:6px}.sc-lg.s i:nth-child(2){height:10px}.sc-lg.s i:nth-child(3){height:8px}
.sc-br-g{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:.2em;transform:scale(.6);opacity:0;transition:transform .7s var(--ease),opacity .5s}
.sc-br-sw{display:flex;gap:6px;margin:16px 0}.sc-br-sw i{width:36px;height:36px;border-radius:10px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transform:rotateY(90deg);transition:transform .5s calc(var(--i)*.1s + .3s)}
.sc-br-ty{display:flex;align-items:baseline;gap:10px;opacity:0;transition:opacity .5s .7s}.sc-br-ty b{font-size:40px;font-weight:600;letter-spacing:-.04em}.sc-br-ty small{color:var(--soft)}
.sc-br-m{position:absolute;width:120px;height:78px;border-radius:10px;background:#fff;box-shadow:0 14px 30px -16px rgba(18,22,26,.4);padding:10px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .5s calc(var(--i)*.15s + 1s),transform .7s calc(var(--i)*.15s + 1s) var(--ease)}
.sc-br-m small{font-size:10px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.sc-br-m .l{display:block;height:5px;border-radius:3px;background:#e7e4de}.sc-br-m .l.s{width:60%;background:var(--acc)}
.m-kp{right:150px;top:24px;transform:translate(40px,20px) rotate(-8deg)}.m-vc{right:20px;top:40px;transform:translate(40px,20px) rotate(6deg)}.m-ws{right:140px;top:140px;transform:translate(40px,20px) rotate(4deg);background:var(--ink)}.m-ws small{color:#aeb8c1}.m-st{right:24px;top:160px;transform:translate(40px,20px) rotate(-5deg)}
.sc-br.go .sc-br-g{transform:none;opacity:1}.sc-br.go .sc-br-sw i{transform:none}.sc-br.go .sc-br-ty{opacity:1}.sc-br.go .sc-br-m{opacity:1;transform:none}
.sc-br.go .m-kp{transform:rotate(-4deg)}.sc-br.go .m-vc{transform:rotate(5deg)}.sc-br.go .m-ws{transform:rotate(2deg)}.sc-br.go .m-st{transform:rotate(-3deg)}
.sc-ws{background:#dfe3e6}
.sc-ws-b{display:flex;align-items:center;gap:5px;background:#fff;border-radius:10px 10px 0 0;padding:8px 10px}.sc-ws-b i{width:8px;height:8px;border-radius:50%;background:#d0d5d9}.sc-ws-b span{margin-left:8px;font-size:11px;color:var(--mute);background:var(--ground);padding:3px 10px;border-radius:6px}
.sc-ws-p{position:relative;background:#fff;border-radius:0 0 10px 10px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:230px}
.sc-ws-p>div{font-size:12px;font-weight:600;border-radius:8px;padding:10px;background:var(--ground);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .4s calc(var(--i)*.18s),transform .5s calc(var(--i)*.18s) var(--ease)}
.sc-ws-h{grid-column:1/-1;font-size:16px!important;background:var(--ink)!important;color:#fff}.sc-ws-s{grid-column:1/-1;background:#fff1ea!important;color:#b8410e}
.sc-ws-f{grid-column:1/-1;background:var(--acc)!important;color:var(--ink);text-align:center;transition:opacity .4s calc(var(--i)*.18s),transform .5s calc(var(--i)*.18s) var(--ease),box-shadow .3s!important}
.sc-ws.go .sc-ws-p>div{opacity:1;transform:none}
.sc-ws-cur{position:absolute;width:20px;height:20px;left:70%;top:95%;opacity:0;transition:left 1s 1.4s var(--ease),top 1s 1.4s var(--ease),opacity .3s 1.3s;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}
.sc-ws.go .sc-ws-cur{opacity:1;left:52%;top:84%}
.sc-ws.go .sc-ws-f{box-shadow:0 0 0 4px rgba(255,98,31,.3)}
.sc-ws-n{position:absolute;right:16px;bottom:16px;background:var(--ink);color:#fff;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 20px 30px -14px rgba(0,0,0,.5);opacity:0;transform:translateY(20px);transition:opacity .4s 2.6s,transform .5s 2.6s var(--ease)}
.sc-ws-n b{font-size:13px}.sc-ws-n b:before{content:"● ";color:#3ddc84}.sc-ws-n small{font-size:11.5px;color:var(--on-dark-soft)}
.sc-ws.go .sc-ws-n{opacity:1;transform:none}
.sc-kb{background:#eaf2f7}
.sc-kb-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.sc-kb-h small{font-size:11px;color:var(--mute)}
.sc-kb-c{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;height:200px}
.sc-kb-col{background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 3px 0 hsl(calc(200 - var(--i)*30),70%,55%)}
.sc-kb-col small{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}
.sc-kb-col i{display:block;height:26px;border-radius:6px;background:#f1f3f5}
.sc-kb-card{position:absolute;top:96px;left:calc(var(--col,0)*20% + 3px);width:calc(20% - 12px);min-width:0;background:#fff;border-radius:8px;padding:8px;box-shadow:0 14px 24px -10px rgba(11,102,195,.5),inset 0 0 0 1.5px #2fc6f6;display:flex;flex-direction:column;gap:3px;transition:left .8s var(--ease)}
.sc-kb-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-kb-card small{font-size:10px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-kb-t{font-size:9.5px;background:#e2f4fd;color:#0b66c3;border-radius:4px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-kb-card.won{box-shadow:0 14px 24px -10px rgba(31,174,106,.6),inset 0 0 0 1.5px #1fae6a}
.sc-kb-bot{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:13px}
.sc-kb-r{font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px;background:#2fc6f6;color:#062038}
.sc-kb-bot em{font-style:normal;font-weight:600;animation:spOe .4s}
@media (max-width:560px){.sc-br-m{display:none}.sc-kb-col small{font-size:8.5px}}
@media (prefers-reduced-motion:reduce){.sc-br *,.sc-ws *,.sc-kb *{transition:none!important}}
/* п.3, 5 примеры связок */
.sp-rp2{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;margin:0!important;padding:0!important}
.sp-rp2 .sp-rp-c{flex:none!important;transition:transform .5s var(--ease),box-shadow .5s}
.sp-rp2 .sp-rp-c:hover{transform:translateY(-6px);box-shadow:0 0 0 1px var(--ink),0 30px 50px -30px rgba(18,22,26,.4)}
.sp-rp2 .sp-rp-c header{min-height:0;background:linear-gradient(135deg,#1a2127,#12161a);position:relative;overflow:hidden}
.sp-rp2 .sp-rp-c.has-case header{background:linear-gradient(135deg,#3a1d0e,#12161a 70%)}
.sp-rp2 .sp-rp-c.has-case header:after{content:"есть кейс";position:absolute;right:12px;top:12px;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:var(--pill);background:var(--acc);color:var(--ink)}
.sp-rp2 .sp-rp-c ol{position:relative;padding:10px 12px 10px 14px}
.sp-rp2 .sp-rp-c ol:before{content:"";position:absolute;left:24px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,var(--acc),rgba(255,98,31,.15));transform-origin:top;transform:scaleY(0);transition:transform .8s var(--ease)}
.sp-rp2 .sp-rp-c:hover ol:before,.sp-rp2 .sp-rp-c.in-view ol:before,.sp-rp2.go .sp-rp-c ol:before{transform:scaleY(1)}
.sp-rp2 .sp-rp-c li{border-bottom:0;position:relative}
.sp-rp2 .sp-rp-c li .sp-k{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--acc);font-size:10px}
.sp-rp2 .sp-rp-c footer button{color:var(--acc)}
@media (max-width:1024px){.sp-rp2{grid-template-columns:1fr 1fr!important}}
@media (max-width:640px){.sp-rp2{grid-template-columns:1fr!important}}
/* п.11 по-простому */
.cl-how-l{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.cl-easy-b{display:flex;gap:14px;align-items:center;text-align:left;border:0;cursor:pointer;background:#fff;border-radius:18px;padding:14px 18px 14px 14px;box-shadow:inset 0 0 0 1.5px var(--acc),0 14px 30px -18px rgba(255,98,31,.7);font:inherit;color:var(--ink);transition:transform .3s var(--ease),background .3s}
.cl-easy-b:hover{transform:translateY(-3px)}.cl-easy-b.on{background:var(--acc)}
.cl-easy-i{width:40px;height:40px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;animation:annP 2.4s infinite}
.cl-easy-b.on .cl-easy-i{background:var(--ink)}
.cl-easy-b b{display:block;font-size:16px}.cl-easy-b small{font-size:13px;color:var(--soft)}.cl-easy-b.on small{color:var(--ink)}
.cl-easy{display:flex;flex-direction:column;gap:20px}
.cl-easy-top{display:flex;justify-content:space-between;align-items:center}.cl-easy-top .eyebrow{margin:0}.cl-easy-n{font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--acc)}
.cl-easy-bar{height:4px;border-radius:2px;background:#2d353c}.cl-easy-bar i{display:block;height:100%;border-radius:2px;background:var(--acc);transition:width .5s var(--ease)}
.cl-easy-ctl{display:flex;justify-content:space-between;gap:10px}.cl-easy-ctl button:disabled{opacity:.3}
.ez-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(17px,3.2vw,44.8px);align-items:center;min-height:300px}
.ez-t h3{margin:0 0 12px;font-size:clamp(26px,2.8vw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.1;opacity:0;transform:translateY(12px);transition:.5s var(--ease)}
.ez-t p{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#c9d2d9;opacity:0;transform:translateY(12px);transition:.5s .15s var(--ease)}.ez-t b{color:var(--acc)}
.ez-s.go .ez-t h3,.ez-s.go .ez-t p{opacity:1;transform:none}
.ez-v{display:grid;place-items:center;min-height:260px}
.ez-coins{position:relative;width:200px;height:220px}
.ez-coins i{position:absolute;left:calc(50% - 40px);bottom:calc(var(--i)*14px);width:80px;height:20px;border-radius:50%;background:linear-gradient(#ffb08a,var(--acc));box-shadow:0 3px 0 #b8410e;opacity:0;transform:translateY(-160px);transition:opacity .2s calc(var(--i)*.08s),transform .5s calc(var(--i)*.08s) cubic-bezier(.3,1.4,.5,1)}
.ez-s.go .ez-coins i{opacity:1;transform:none}
.ez-ppl{display:grid;grid-template-columns:repeat(var(--c),1fr);gap:6px;width:min(380px,100%)}
.ez-ppl.buyers{width:min(360px,100%);gap:10px}
.cl-form-f .fld input{background:var(--ground)!important;color:var(--ink)!important}
.ez-ppl i{aspect-ratio:1;border-radius:50% 50% 40% 40%;background:#6b7780;opacity:0;transform:scale(.3);transition:opacity .3s calc(var(--i)*.012s),transform .4s calc(var(--i)*.012s) var(--ease),background .5s 1.2s}
.ez-ppl.buyers i{transition:opacity .3s calc(var(--i)*.06s),transform .4s calc(var(--i)*.06s) var(--ease),background .5s .8s}
.ez-s.go .ez-ppl i{opacity:1;transform:none}
.ez-s.go .ez-ppl i.hl{background:var(--acc);box-shadow:0 0 12px var(--acc)}
.ez-s.go .ez-ppl i.dim{opacity:.25}
.ez-ppl.buyers i{background:var(--acc)}.ez-s.go .ez-ppl.buyers i.hl{background:#3ddc84;box-shadow:0 0 12px #3ddc84}
.ez-bag{display:flex;align-items:center;gap:16px}
.ez-bill{width:130px;height:160px;border-radius:14px;background:#fff;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:14px;transform:rotate(-6deg) scale(.8);opacity:0;transition:.6s var(--ease)}
.ez-bill b{font-size:14px}.ez-bill span{font-size:36px;font-weight:600;letter-spacing:-.04em}
.ez-bill.p{background:var(--acc);transform:rotate(6deg) scale(.8);transition-delay:.5s}
.ez-arr{font-size:30px;color:var(--acc);opacity:0;transition:opacity .4s .3s}
.ez-s.go .ez-bill{opacity:1;transform:rotate(-4deg)}.ez-s.go .ez-bill.p{transform:rotate(4deg)}.ez-s.go .ez-arr{opacity:1}
.ez-sc{position:relative;width:320px;height:200px}
.ez-sc-b{position:absolute;left:0;right:0;top:60px;height:6px;border-radius:3px;background:#fff;transform:rotate(0);transition:transform 1s .4s cubic-bezier(.3,1.5,.5,1)}
.ez-sc-b i{position:absolute;top:-70px;width:100px;height:64px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}
.ez-sc-b i small{font-size:11.5px;font-weight:700;color:var(--ink)}
.ez-sc-b .l{left:0;background:var(--acc);height:80px;top:-86px}.ez-sc-b .r{right:0;background:#c9d0d6}
.ez-sc.neg .ez-sc-b .l{height:48px;top:-54px}
.ez-sc-p{position:absolute;left:50%;top:66px;translate:-50% 0;border:30px solid transparent;border-bottom:60px solid #3a444c;border-top:0;width:0}
.ez-s.go .ez-sc .ez-sc-b{transform:rotate(-8deg)}.ez-s.go .ez-sc.neg .ez-sc-b{transform:rotate(8deg)}
.cl-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:start}
.cl-form-l{display:flex;flex-direction:column;gap:16px}.cl-form-l>*{margin:0}
.cl-form-u{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.cl-form-u li{padding-left:24px;position:relative;font-weight:500}.cl-form-u li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:800}
.cl-form-c{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--soft);cursor:pointer}.cl-form-c input{accent-color:var(--acc);width:18px;height:18px}
@media (max-width:900px){.ez-s,.cl-form{grid-template-columns:1fr}.ez-v{min-height:200px}.ez-sc{transform:scale(.8)}}
@media (prefers-reduced-motion:reduce){.ez-s *{transition:none!important}.cl-easy-i{animation:none}}
/* ===== иллюстрации статей (fg-*) ===== */
.fg{--e:cubic-bezier(.2,.8,.2,1);--st:.09s;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,2.6vw,34px);gap:18px!important;color:var(--ink);font-size:15px;line-height:1.4;position:relative;overflow:hidden}
.fg.m-bg,.fgk-compare,.fgk-hub{background:#f6f5f2}
.fg *{box-sizing:border-box}
.ar-body .fg b,.ar-body .fg strong,.fg b,.fg strong{color:inherit}
.ar-body .fg ul,.ar-body .fg ol{padding:0;margin:0;list-style:none}.ar-body .fg li{margin:0;padding-left:0}.ar-body .fg li:before{content:none}.ar-body .fg p{margin:0}
.fg-h{display:flex;flex-direction:column;gap:6px;max-width:44em}
.fg-h b{font-size:clamp(19px,1.7vw,24px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.fg-h span{font-size:14.5px;color:var(--soft)}
.fg-b{min-width:0}
.fg-note{margin:0;display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink);padding:12px 16px;border-radius:14px;background:rgba(255,98,31,.08)}
.fg-note i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-top:6px;box-shadow:0 0 0 0 rgba(255,98,31,.5)}
.fg.is-in .fg-note i{animation:fgPing 2.2s 1.2s infinite}
@keyframes fgPing{0%{box-shadow:0 0 0 0 rgba(255,98,31,.5)}70%,100%{box-shadow:0 0 0 10px rgba(255,98,31,0)}}
/* общий вход */
.fg [style*="--i"]{transition:opacity .6s var(--e) calc(var(--i)*var(--st) + .1s),transform .7s var(--e) calc(var(--i)*var(--st) + .1s)}
.fg:not(.is-in) .fg-card,.fg:not(.is-in) .fg-st,.fg:not(.is-in) .fg-ft,.fg:not(.is-in) .fg-op,.fg:not(.is-in) .fg-col li,.fg:not(.is-in) .fg-node,.fg:not(.is-in) .fg-stat,.fg:not(.is-in) .fg-tl-i,.fg:not(.is-in) .fg-bc,.fg:not(.is-in) .fg-q,.fg:not(.is-in) .fg-leg li,.fg:not(.is-in) .fg-dn li,.fg:not(.is-in) .fg-ci label,.fg:not(.is-in) .fg-dk>div,.fg:not(.is-in) .fg-df span,.fg:not(.is-in) .fg-chips span,.fg:not(.is-in) .fg-line3 span,.fg:not(.is-in) .fg-sa,.fg:not(.is-in) .fg-ba-r,.fg:not(.is-in) .fg-gt-r,.fg:not(.is-in) .fg-bar{opacity:0;transform:translateY(16px)}
.fg svg{display:block}
.fg-mk svg,.fg-li-m svg,.fg-dot svg,.fg-brk svg,.fg-ai-a svg,.fg-sa svg,.fg-ca svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* cards */
.fg-cards{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:10px}
.fg-card{background:#f6f5f2;border-radius:16px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;min-width:0}
.fg.m-bg .fg-card{background:#fff}
.fg-card:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--e) calc(var(--i)*var(--st) + .5s)}
.fg.is-in .fg-card:after{transform:scaleX(1)}
.fg-card b{font-size:15.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.fg-card p{margin:0;font-size:13.5px;color:var(--soft)}
.fg-card em{font-style:normal;font-size:12.5px;color:var(--acc);font-weight:600;margin-top:auto}
.fg-mk{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.fg-mk svg{width:16px;height:16px;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .5s ease calc(var(--i)*var(--st) + .45s)}
.fg.is-in .fg-mk svg{stroke-dashoffset:0}
.fg-card.m-bad .fg-mk{background:#e5484d}
.fg-cards .fg-card:hover{transform:translateY(-3px)!important;transition:transform .25s}
/* funnel */
.fg-fun{display:flex;flex-direction:column;gap:7px}
.fg-fr{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:center}
.fg-fb{justify-self:center;width:var(--w);min-height:54px;border-radius:12px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;text-align:center;transform:scaleX(.2);opacity:0;transition:transform .8s var(--e) calc(var(--i)*.14s),opacity .4s calc(var(--i)*.14s);flex-wrap:wrap}
.fg-fr:nth-child(2) .fg-fb{background:#2a3137}.fg-fr:nth-child(3) .fg-fb{background:#3d464d}.fg-fr:nth-child(4) .fg-fb{background:#566067}
.fg-fb.m-last{background:var(--acc)!important}
.fg.is-in .fg-fb{transform:none;opacity:1}
.fg-fb b{font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fg-fb span{font-size:12.5px;opacity:.8;line-height:1.2}
.fg-fd{display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateX(12px);transition:.6s var(--e) calc(var(--i)*.14s + .3s)}
.fg.is-in .fg-fd{opacity:1;transform:none}
.fg-fd b{font-size:14.5px;font-weight:600}.fg-fd small{font-size:13px;color:var(--soft)}
.fg-fd small.m-leak{color:#d33a3f;font-weight:600}
.fg-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:220px}
.fg-dots i{width:9px;height:9px;border-radius:50%;background:#fff;transition:opacity .5s calc(var(--i)*.35s + var(--k)*.02s + .5s),transform .7s calc(var(--i)*.35s + var(--k)*.02s + .5s)}
.fg.is-in .fg-dots i.m-off{opacity:0;transform:translateY(14px) scale(.4)}
.fg-dots i.m-off{background:#e5484d}
/* steps */
.fg-steps{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;position:relative;padding-top:4px}
.fg-track{position:absolute;left:calc(50%/var(--n));right:calc(50%/var(--n));top:22px;height:2px;background:var(--line)}
.fg-track i{position:absolute;inset:0;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s var(--e) .2s}
.fg.is-in .fg-track i{transform:scaleX(1)}
.fg-track em{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 5px rgba(255,98,31,.2);opacity:0}
.fg.is-in .fg-track em{animation:fgRun 3.6s 1.8s ease-in-out infinite}
@keyframes fgRun{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
.fg-st{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;z-index:1;min-width:0}
.fg-dot{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:grid;place-items:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:6px;transition:background .4s calc(var(--i)*.2s + .4s),color .4s calc(var(--i)*.2s + .4s),border-color .4s calc(var(--i)*.2s + .4s)}
.fg.m-bg .fg-dot{background:#f6f5f2}
.fg.is-in .fg-dot{background:var(--ink);color:#fff}
.fg-st.end .fg-dot{border-color:var(--acc);color:var(--acc)}
.fg.is-in .fg-st.end .fg-dot{background:var(--acc);color:#fff}
.fg-dot svg{width:20px;height:20px}
.fg-st b{font-size:14.5px;font-weight:600;line-height:1.2}
.fg-st p{margin:0;font-size:13px;color:var(--soft);line-height:1.35}
.fg-st small{font-size:12px;color:var(--acc);font-weight:600}
.fg-line3{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--soft)}
.fg-line3 span:nth-child(2){color:var(--ink);font-weight:600;text-align:center}.fg-line3 span:last-child{text-align:right}
/* formula */
.fg-form{display:flex;align-items:stretch;gap:12px}
.fg-ft{flex:1;background:#f6f5f2;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.fg-ft small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);font-weight:600}
.fg-ft b{font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.fg-ft p{margin:0;font-size:13px;color:var(--soft)}
.fg-ft.m-res{background:var(--acc);color:#fff}.fg-ft.m-res small,.fg-ft.m-res p{color:rgba(255,255,255,.85)}
.fg-op{align-self:center;font-size:30px;font-weight:300;color:var(--acc)}
.fg-fx{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.fg-fx code{font-family:inherit;font-size:14px;padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff;align-self:flex-start;max-width:100%}
.fg-fx code.ex{background:transparent;color:var(--soft);border:1px dashed var(--line)}
/* compare */
.fg-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}
.fg-col{background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:opacity .7s var(--e),transform .8s var(--e)}
.fg-col.m-b{background:var(--ink);color:#fff}
.fg:not(.is-in) .fg-col.m-a{opacity:0;transform:translateX(-24px)}.fg:not(.is-in) .fg-col.m-b{opacity:0;transform:translateX(24px)}
.fg-col.m-b{transition-delay:.25s}
.fg-tag{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:#eceae5;color:var(--soft)}
.fg-col.m-b .fg-tag{background:var(--acc);color:#fff}
.fg-col.m-neg .fg-tag{background:#fde8e8;color:#c93b40}
.fg-ch{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.fg-cs{margin:0;font-size:13.5px;color:var(--soft)}.fg-col.m-b .fg-cs{color:rgba(255,255,255,.65)}
.fg-col ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.fg-col li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.35}
.fg-col li b{font-weight:500}.fg-col li small{display:block;font-size:12.5px;color:var(--soft);margin-top:2px}.fg-col.m-b li small{color:rgba(255,255,255,.6)}
.fg-li-m{flex:none;width:20px;height:20px;border-radius:50%;background:rgba(255,98,31,.14);color:var(--acc);padding:3px;margin-top:1px}
.fg-col.m-b .fg-li-m{background:var(--acc);color:#fff}
.fg-col.m-neg .fg-li-m{background:#fde8e8;color:#d33a3f}
.fg-col ul.fg-big{flex-direction:row;flex-wrap:wrap;gap:10px}
.fg-col ul.fg-big li{flex:1 1 120px;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:#f6f5f2}
.fg-col.m-b ul.fg-big li{background:rgba(255,255,255,.08)}
.fg-col ul.fg-big li b{font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.fg-col.m-b ul.fg-big li b{color:var(--acc)}
.fg-col ul.fg-big li span{font-size:13px;color:var(--soft)}.fg-col.m-b ul.fg-big li span{color:rgba(255,255,255,.65)}
.fg-col ul.fg-chain{gap:0}.fg-col ul.fg-chain li{padding:10px 0;position:relative}
.fg-col ul.fg-chain:not(.big) li+li:before{content:"";position:absolute;left:9px;top:-8px;height:14px;border-left:2px dotted currentColor;opacity:.3}
.fg-foot{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--soft)}
.fg-col.m-b .fg-foot{border-color:var(--line-d);color:rgba(255,255,255,.75)}
.fg-vs{align-self:center;width:52px;height:52px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;text-align:center;line-height:1.05;padding:4px;transform:scale(0) rotate(-120deg);transition:transform .7s cubic-bezier(.3,1.6,.5,1) .5s}
.fg.is-in .fg-vs{transform:none}
/* hub */
.fg-hub{position:relative;aspect-ratio:16/11;margin:8px 0}
.fg-hub-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fg-hub-l line{stroke:var(--ink);stroke-opacity:.25;stroke-width:.35;stroke-dasharray:1.2 1.2;vector-effect:non-scaling-stroke;stroke-width:1.5}
.fg-hub-l line{stroke-dasharray:4 5}
.fg.is-in .fg-hub-l line{animation:fgDash 1.6s linear infinite}
@keyframes fgDash{to{stroke-dashoffset:-18}}
.fg-hub-l .orb{fill:none;stroke:var(--acc);stroke-opacity:.35;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:2 8}
.fg.is-in .fg-hub-l .orb{animation:fgDash 2.4s linear infinite reverse}
.fg-core{position:absolute;left:50%;top:50%;width:clamp(110px,19%,170px);aspect-ratio:1;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;padding:14px;transform:translate(-50%,-50%) scale(.3);opacity:0;transition:transform .8s cubic-bezier(.3,1.5,.5,1),opacity .4s;z-index:2}
.fg-core:before,.fg-core:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--acc);opacity:0}
.fg.is-in .fg-core{transform:translate(-50%,-50%);opacity:1}
.fg.is-in .fg-core:before{animation:fgRing 2.8s 1s infinite}.fg.is-in .fg-core:after{animation:fgRing 2.8s 2.4s infinite}
@keyframes fgRing{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.45);opacity:0}}
.fg-core b{font-size:clamp(14px,1.4vw,18px);font-weight:600;line-height:1.15;letter-spacing:-.01em}
.fg-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(120px,24%,200px);background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 8px 22px -12px rgba(18,22,26,.35);display:flex;flex-direction:column;gap:3px;z-index:3;text-align:left}
.fg:not(.is-in) .fg-node{transform:translate(-50%,-50%) scale(.6)!important;opacity:0}
.fg-node span{font-size:11px;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums}
.fg-node b{font-size:13.5px;font-weight:600;line-height:1.2}
.fg-node small{font-size:12px;color:var(--soft);line-height:1.3}
.fg-node:hover{box-shadow:0 0 0 2px var(--acc),0 10px 24px -12px rgba(18,22,26,.4)}
.fg-hub.m-broken .fg-hub-l line{stroke:#d33a3f;stroke-opacity:.5}
.fg-brk{position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:#e5484d;color:#fff;padding:4px}
.fg.is-in .fg-hub.m-broken .fg-node{animation:fgJit 3s calc(var(--i)*.4s) ease-in-out infinite}
@keyframes fgJit{0%,100%{margin:0}50%{margin-left:6px;margin-top:-4px}}
.fg-runner{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--acc);left:50%;top:50%;offset-path:ellipse(36% 37% at 50% 50%);offset-rotate:0deg;box-shadow:0 0 0 6px rgba(255,98,31,.18);z-index:2;opacity:0}
.fg.is-in .fg-runner{opacity:1;animation:fgOrb 7s linear infinite}
@keyframes fgOrb{from{offset-distance:0%}to{offset-distance:100%}}
@supports not (offset-path:ellipse(36% 37% at 50% 50%)){.fg-runner{display:none}}
/* before/after */
.fg-ba{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg-ba-r{background:#f6f5f2;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;position:relative}
.fg-ba-h b{display:block;font-size:15.5px;font-weight:600}.fg-ba-h small{font-size:13px;color:var(--soft)}
.fg-ba-b{display:grid;grid-template-columns:52px 1fr 48px;align-items:center;gap:10px;font-size:13px}
.fg-ba-b span{color:var(--soft)}.fg-ba-b b{font-size:18px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.fg-ba-b i{height:14px;border-radius:99px;background:#d9d6cf;transform-origin:0 50%;transform:scaleX(0);transition:transform 1s var(--e) calc(var(--i)*.2s + .3s);width:calc(var(--v)*100%)}
.fg-ba-b.m-now i{background:var(--acc);transition-delay:calc(var(--i)*.2s + .8s)}
.fg.is-in .fg-ba-b i{transform:scaleX(1)}
.fg-x{position:absolute;right:16px;top:16px;font-style:normal;font-weight:700;font-size:15px;color:#fff;background:var(--ink);border-radius:99px;padding:4px 10px;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*.2s + 1.5s)}
.fg-x.eq{background:#d9d6cf;color:var(--ink)}
.fg.is-in .fg-x{transform:none}
/* bars */
.fg-bars{display:flex;flex-direction:column;gap:12px}
.fg-bar{display:grid;grid-template-columns:minmax(120px,30%) 1fr 64px;gap:14px;align-items:center;font-size:14px}
.fg-bar div{height:30px;border-radius:9px;background:#f0eee9;overflow:hidden}
.fg-bar i{display:block;height:100%;width:calc(var(--v)*100%);background:var(--ink);border-radius:9px;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--e) calc(var(--i)*.15s + .3s)}
.fg-bar.m-hi i{background:var(--acc)}
.fg.is-in .fg-bar i{transform:scaleX(1)}
.fg-bar b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.fg-bar.m-hi b,.fg-bar.m-hi span{color:var(--acc);font-weight:600}
/* stats */
.fg-stats{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:12px}
.fg-stats.m-flow{display:flex;align-items:stretch}.fg-stats.m-flow .fg-stat{flex:1}
.fg-stat{background:#f6f5f2;border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.fg-stat:nth-child(1){background:var(--ink);color:#fff}.fg-stat:nth-child(1) p{color:rgba(255,255,255,.7)}
.fg-stat b{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:var(--acc)}
.fg-stat em{font-style:normal;font-size:14.5px;font-weight:600}
.fg-stat p{margin:0;font-size:13px;color:var(--soft)}
.fg-sa{align-self:center;width:26px;height:26px;color:var(--acc);flex:none}
/* timeline */
.fg-tl{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:14px;position:relative;padding-top:6px}
.fg-tl-l{position:absolute;left:0;right:0;top:22px;height:2px;background:var(--line)}
.fg-tl-l i{position:absolute;inset:0;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.6s var(--e) .2s}
.fg.is-in .fg-tl-l i{transform:scaleX(1)}
.fg-tl-i{position:relative;display:flex;flex-direction:column;gap:6px}
.fg-tl-p{align-self:flex-start;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:99px;position:relative;z-index:1;margin-bottom:8px}
.fg-tl-i:last-child .fg-tl-p{background:var(--acc)}
.fg-tl-i b{font-size:15.5px;font-weight:600}.fg-tl-i p{margin:0;font-size:13.5px;color:var(--soft)}
/* tree */
.fg-tree{display:flex;flex-direction:column;gap:18px}
.fg-root{align-self:center;background:var(--ink);color:#fff;border-radius:16px;padding:14px 22px;text-align:center;display:flex;flex-direction:column;gap:2px;position:relative}
.fg-root small{color:rgba(255,255,255,.65);font-size:12.5px}
.fg-root:after{content:"";position:absolute;left:50%;top:100%;height:18px;border-left:2px solid var(--line)}
.fg-br{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:10px;border-top:2px solid var(--line);padding-top:16px}
.fg-bc{background:#f6f5f2;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.fg-bc b{font-size:14px;font-weight:600;color:var(--acc)}
.fg-bc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.fg-bc li{font-size:12.5px;background:#fff;border-radius:8px;padding:6px 8px;opacity:0;transform:translateX(-6px);transition:.4s calc(var(--i)*.1s + var(--k)*.08s + .6s)}
.fg.is-in .fg-bc li{opacity:1;transform:none}
.fg-chips{display:flex;flex-wrap:wrap;gap:6px}.fg-chips span{font-size:12.5px;padding:6px 12px;border-radius:99px;border:1px solid var(--line)}
/* screen */
.fg-scr{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:center}
.fg-br-w{border-radius:14px;background:#f6f5f2;border:1px solid var(--line);overflow:hidden}
.fg-br-b{display:flex;gap:5px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:#fff}
.fg-br-b i{width:8px;height:8px;border-radius:50%;background:#dcd9d3}.fg-br-b span{margin-left:8px;height:10px;flex:1;max-width:200px;border-radius:99px;background:#eeece7}
.fg-br-c{position:relative;padding:18px}
.fg-hero{display:flex;flex-direction:column;gap:10px}
.fg-z{position:relative;border-radius:10px;padding:8px;outline:2px solid transparent;outline-offset:0;display:flex;flex-direction:column;gap:7px;transition:outline-color .4s calc(var(--i)*.35s + .5s),background .4s calc(var(--i)*.35s + .5s)}
.fg-z.m-fit{align-self:flex-start}
.fg.is-in .fg-z{outline-color:var(--acc);background:rgba(255,98,31,.05)}
.fg-z>em{position:absolute;left:-9px;top:-9px;width:20px;height:20px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center;transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*.35s + .5s);z-index:1}
.fg.is-in .fg-z>em{transform:none}
.fg-hero b{display:block;height:18px;width:88%;border-radius:6px;background:var(--ink)}.fg-hero b.m-s{width:62%}
.fg-hero .fg-z>i{display:block;height:8px;width:74%;border-radius:5px;background:#d6d2ca}.fg-hero .fg-z>i.m-s{width:52%}
.fg-hero .m-cta{display:block;height:30px;width:150px;background:var(--acc);border-radius:99px}
.fg-hero .m-tr{display:flex;gap:8px}.fg-hero .m-tr i{height:26px;flex:1;border-radius:8px;background:#e2dfd8}
.fg-pc{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px;margin-bottom:12px}
.fg-pc-img{aspect-ratio:1;border-radius:10px;background:#dedad3;position:relative;overflow:hidden}
.fg-pc-img i{position:absolute;inset:22%;border-radius:8px;background:var(--ink)}
.fg-pc-t{display:flex;flex-direction:column;gap:6px}.fg-pc-t b{height:14px;border-radius:5px;background:var(--ink);width:90%}.fg-pc-t i{height:7px;border-radius:5px;background:#dedad3}.fg-pc-t i.m-s{width:60%}
.fg-pc-a{display:flex;flex-direction:column;gap:12px}.fg-pc-a span{display:block;height:24px;border-radius:7px;background:#e2dfd8}.fg-pc-a span.m-acc{background:var(--acc)}
.fg-certs{display:flex;gap:8px}.fg-certs i{flex:1;height:34px;border-radius:6px;background:#fff;border:1px solid var(--line)}
.fg-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fg-leg li{display:flex;gap:10px;align-items:flex-start}
.fg-leg em{flex:none;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-style:normal;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.fg-leg b{display:block;font-size:14px;font-weight:600}.fg-leg small{font-size:12.5px;color:var(--soft)}
/* ai */
.fg-ai{display:flex;flex-direction:column;gap:16px}
.fg-ai-r{border-radius:18px;padding:16px 18px;background:#f6f5f2;display:flex;flex-direction:column;gap:10px}
.fg-ai-r.m-now{background:var(--ink);color:#fff}
.fg-ai-r>small{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.fg-ai-r.m-now>small{color:var(--acc)}
.fg-ai-r>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fg-ai-n{background:#fff;color:var(--ink);border-radius:12px;padding:10px 16px;font-weight:600;font-size:14.5px;display:flex;flex-direction:column;opacity:0;transform:translateY(10px);transition:.5s var(--e) calc(var(--i)*.25s + .2s)}
.fg-ai-r.m-now .fg-ai-n{transition-delay:calc(var(--i)*.25s + 1s)}
.fg.is-in .fg-ai-n{opacity:1;transform:none}
.fg-ai-n.m-mid{background:var(--acc);color:#fff}.fg-ai-n.m-mid em{font-style:normal;font-size:11.5px;font-weight:500;opacity:.85}
.fg.is-in .fg-ai-n.m-fade{opacity:.35}
.fg-ai-a{width:22px;height:22px;color:var(--acc);opacity:0;transition:opacity .4s calc(var(--i)*.25s + .3s)}
.fg-ai-r.m-now .fg-ai-a{transition-delay:calc(var(--i)*.25s + 1.1s)}
.fg.is-in .fg-ai-a{opacity:1}
.fg-ai-a.m-cut{color:#ff6b6f}
/* serp */
.fg-serp{display:flex;flex-direction:column;gap:12px}
.fg-sq{display:flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:12px;padding:10px 14px;font-size:14.5px;max-width:520px}
.fg-sq span{overflow:hidden;white-space:nowrap;border-right:2px solid var(--acc);width:0}
.fg.is-in .fg-sq span{animation:fgType 1.6s steps(36) .3s forwards,fgCaret .8s step-end infinite}
@keyframes fgType{to{width:100%}}@keyframes fgCaret{50%{border-color:transparent}}
.fg-sg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg-sl,.fg-sa-b{border-radius:16px;padding:14px;background:#f6f5f2;display:flex;flex-direction:column;gap:9px}
.fg-sl small,.fg-sa-b small{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--soft)}
.fg-sl div{display:flex;flex-direction:column;gap:4px;transition:opacity .6s calc(var(--i)*.12s + 2.2s)}
.fg-sl b{height:9px;width:70%;border-radius:4px;background:#3b62c9;opacity:.55}.fg-sl i{height:6px;width:92%;border-radius:4px;background:#dedad3}
.fg.is-in .fg-sl div{opacity:.35}
.fg-sa-b{background:var(--ink);color:#fff;border:2px solid var(--acc)}.fg-sa-b small{color:var(--acc)}
.fg-sa-t{display:flex;flex-direction:column;gap:5px}.fg-sa-t i{height:7px;border-radius:4px;background:rgba(255,255,255,.25);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s calc(var(--i,0)*.1s + 2s)}
.fg-sa-t i:nth-child(2){transition-delay:2.2s}.fg-sa-t i:nth-child(3){transition-delay:2.4s}.fg-sa-t i.m-s{width:60%;transition-delay:2.6s}
.fg.is-in .fg-sa-t i{transform:none}
.fg-sa-b ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.fg-sa-b li{display:flex;gap:8px;align-items:center;opacity:0;transition:opacity .4s 2.9s}.fg-sa-b li:nth-child(2){transition-delay:3.1s}.fg-sa-b li:nth-child(3){transition-delay:3.3s}
.fg.is-in .fg-sa-b li{opacity:1}
.fg-sa-b li b{width:20px;height:20px;border-radius:6px;background:var(--acc);font-size:11px;display:grid;place-items:center}.fg-sa-b li i{flex:1;height:7px;border-radius:4px;background:rgba(255,255,255,.25)}
.fg-sa-b em{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.75);opacity:0;transition:opacity .5s 3.6s}.fg.is-in .fg-sa-b em{opacity:1}
/* lines */
.fg-lines svg{width:100%;height:auto;overflow:visible}
.fg-lines .gr{stroke:var(--line);stroke-width:1}.fg-lines .zero{stroke:var(--ink);stroke-opacity:.4;stroke-dasharray:4 4}
.fg-lines path{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--e) .3s}
.fg-lines .la{stroke:var(--ink)}.fg-lines .lb{stroke:var(--acc);transition-delay:.8s}
.fg.is-in .fg-lines path{stroke-dashoffset:0}
.fg-lines circle{stroke:#fff;stroke-width:2;opacity:0;transition:opacity .3s calc(var(--i)*.22s + .5s)}
.fg-lines .ca{fill:var(--ink)}.fg-lines .cb{fill:var(--acc);transition-delay:calc(var(--i)*.22s + 1s)}
.fg.is-in .fg-lines circle{opacity:1}
.fg-lx{display:flex;justify-content:space-between;font-size:12px;color:var(--soft);padding:4px 10px 0}
.fg-lg{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:13.5px}
.fg-lg span{display:flex;align-items:center;gap:8px}.fg-lg i{width:18px;height:4px;border-radius:2px;background:var(--ink)}.fg-lg .m-b i{background:var(--acc)}
.fg-lg b{font-weight:700}.fg-lg .m-b b{color:var(--acc)}
/* crm */
.fg-crm{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:10px;align-items:center}
.fg-cp{background:#f6f5f2;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:190px}
.fg-cp small{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--soft)}
.fg-form-m{display:flex;flex-direction:column;gap:7px}
.fg-form-m i{display:block;height:28px;border-radius:8px;background:#fff;border:1px solid var(--line);font-style:normal;font-size:12px;padding:6px 8px;overflow:hidden}
.fg-form-m i span{display:inline-block;white-space:nowrap;overflow:hidden;width:0;vertical-align:top}
.fg.is-in .fg-form-m i span{animation:fgType .9s steps(20) forwards}
.fg.is-in .fg-form-m i:nth-child(2) span{animation-delay:.9s}.fg.is-in .fg-form-m i:nth-child(3) span{animation-delay:1.8s}
.fg-form-m b{height:30px;border-radius:8px;background:var(--acc);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:600}
.fg.is-in .fg-form-m b{animation:fgPress .4s 2.8s}
@keyframes fgPress{50%{transform:scale(.94)}}
.fg-ca{width:26px;height:26px;color:var(--acc);opacity:0;transition:opacity .4s 3.1s}.fg-ca.m-c2{transition-delay:4.1s}.fg.is-in .fg-ca{opacity:1}
.fg-deal,.fg-ntf{background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateY(12px);transition:.6s var(--e) 3.4s}
.fg-ntf{background:var(--ink);color:#fff;transition-delay:4.4s;border-left:4px solid var(--acc)}
.fg.is-in .fg-deal,.fg.is-in .fg-ntf{opacity:1;transform:none}
.fg-deal b,.fg-ntf b{font-size:14px;font-weight:600}.fg-deal span{font-size:12px;color:var(--soft)}.fg-ntf span{font-size:12px;color:rgba(255,255,255,.7)}
.fg-deal .fg-stg{display:flex;gap:4px;margin-top:4px}.fg-deal .fg-stg i{flex:1;transform:none!important;position:static!important;display:block;height:6px;border-radius:3px;background:#e7e4de}
.fg-deal .fg-stg i:first-child{background:var(--acc)}
.fg.is-in .fg-deal .fg-stg i:nth-child(2){animation:fgFill .4s 4s forwards}
@keyframes fgFill{to{background:var(--acc)}}
/* matrix */
.fg-mx{display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr auto;gap:8px}
.fg-mx-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;color:var(--soft);text-align:center;font-weight:600}
.fg-mx-x{grid-column:2;font-size:12px;color:var(--soft);text-align:center;font-weight:600}
.fg-mx-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fg-q{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:110px}
.fg-q b{font-size:15px;font-weight:600}.fg-q p{margin:0;font-size:13px;color:var(--soft)}
.fg-q.m-qp{background:var(--ink);color:#fff}.fg-q.m-qp p{color:rgba(255,255,255,.7)}
.fg-q.m-qp:first-child{background:var(--acc)}.fg-q.m-qp:first-child p{color:rgba(255,255,255,.9)}
.fg-q.m-qz{background:#f6f5f2}.fg-q.m-qn{background:#fdecec}.fg-q.m-qn b{color:#c93b40}
/* gantt */
.fg-gt{display:flex;flex-direction:column;gap:6px;position:relative}
.fg-gt-s{position:relative;height:18px;margin-left:34%;font-size:11.5px;color:var(--soft)}
.fg-gt-s span{position:absolute;left:calc(var(--p)*100%);transform:translateX(-50%)}
.fg-gt-r{display:grid;grid-template-columns:34% 1fr;align-items:center;gap:0}
.fg-gt-r b{font-size:13px;font-weight:500;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fg-gt-r>div{position:relative;height:24px;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/6 - 1px),var(--line) calc(100%/6 - 1px) calc(100%/6))}
.fg-gt-r i{position:absolute;top:3px;bottom:3px;left:calc(var(--a)*100%);width:calc((var(--b) - var(--a))*100%);border-radius:6px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--e) calc(var(--i)*.15s + .3s)}
.fg-gt-r:nth-child(even) i{background:var(--acc)}
.fg.is-in .fg-gt-r i{transform:scaleX(1)}
.fg-gt-u{align-self:flex-end;font-size:11.5px;color:var(--soft)}
/* donut */
.fg-dn{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:28px;align-items:center}
.fg-dn svg{width:100%;transform:rotate(-90deg)}
.fg-dn circle{fill:none;stroke-width:16;stroke-dasharray:0 252;stroke-dashoffset:var(--o);transition:stroke-dasharray 1s var(--e) calc(var(--i)*.35s + .2s)}
.fg.is-in .fg-dn circle{stroke-dasharray:var(--d) 252}
.fg-dn .m-s0{stroke:var(--acc);color:var(--acc)}.fg-dn .m-s1{stroke:var(--ink);color:var(--ink)}.fg-dn .m-s2{stroke:#8a9299;color:#6f777e}.fg-dn .m-s3{stroke:#d3cfc7;color:#9a948a}
.fg-dn ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fg-dn li{display:flex;gap:14px;align-items:center}
.fg-dn li b{font-size:26px;font-weight:600;letter-spacing:-.03em;min-width:64px;font-variant-numeric:tabular-nums}
.fg-dn li strong{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}.fg-dn li small{font-size:12.5px;color:var(--soft)}
/* calc */
.fg-calc{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fg-ci{display:flex;flex-direction:column;gap:8px}
.fg-ci label{display:flex;justify-content:space-between;gap:10px;background:#f6f5f2;border-radius:10px;padding:10px 12px;font-size:13.5px}
.fg-ci label b{font-weight:600}
.fg-cbtn{height:38px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13.5px;font-weight:600}
.fg.is-in .fg-cbtn{animation:fgPress .4s 1s}
.fg-cr{background:var(--ink);color:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.fg-cr small{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--on-dark-soft)}
.fg-cr b{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.03em;color:var(--acc)}
.fg-cr span{font-size:13.5px;color:rgba(255,255,255,.75)}
.fg-cr i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.12);margin-top:8px;overflow:hidden}.fg-cr i em{display:block;height:100%;width:72%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.3s var(--e) 1.2s}
.fg.is-in .fg-cr i em{transform:none}
/* dash */
.fg-dash{display:flex;flex-direction:column;gap:10px}
.fg-dk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fg-dk>div{background:#f6f5f2;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}
.fg-dk small{font-size:12.5px;color:var(--soft)}.fg-dk b{font-size:26px;font-weight:600;letter-spacing:-.03em}
.fg-dk path{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s .6s;vector-effect:non-scaling-stroke}
.fg-dk svg{width:100%;height:30px}
.fg.is-in .fg-dk path{stroke-dashoffset:0}
.fg-df{display:flex;gap:4px}.fg-df span{flex:1;background:var(--ink);color:#fff;padding:12px 16px;display:flex;flex-direction:column;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}
.fg-df span:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:10px 0 0 10px}
.fg-df span:last-child{background:var(--acc)}
.fg-df small{font-size:11.5px;opacity:.75}.fg-df b{font-size:20px;font-weight:600}
/* мобильные */
@media (max-width:760px){
 .fg{border-radius:18px;padding:18px}
 .fg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fg-steps{grid-template-columns:1fr;gap:14px}
 .fg-track{left:21px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
 .fg-track i{transform:scaleY(0);transform-origin:50% 0}.fg.is-in .fg-track i{transform:scaleY(1)}
 .fg-track em{display:none}
 .fg-st{flex-direction:row;align-items:flex-start;text-align:left;flex-wrap:wrap;column-gap:14px;row-gap:2px;padding-left:0}
 .fg-st .fg-dot{margin:0;flex:none}
 .fg-st>b{flex:1;min-width:0;padding-top:12px}
 .fg-st>p,.fg-st>small{flex-basis:100%;padding-left:58px}
 .fg-line3{flex-direction:column}.fg-line3 span{text-align:left!important}
 .fg-form{flex-direction:column}.fg-op{align-self:flex-start;padding-left:18px}
 .fg-cmp{grid-template-columns:1fr}.fg-vs{justify-self:center;margin:-4px 0}
 .fg-hub{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .fg-hub-l,.fg-runner{display:none}
 .fg-core{position:relative;left:auto;top:auto;transform:none!important;grid-column:1/-1;width:auto;aspect-ratio:auto;border-radius:14px;padding:14px}
 .fg-core:before,.fg-core:after{display:none}
 .fg-node{position:relative;left:auto;top:auto;transform:none!important;width:auto}
 .fg:not(.is-in) .fg-node{transform:none!important}
 .fg-ba,.fg-sg,.fg-scr,.fg-calc,.fg-dn{grid-template-columns:1fr}
 .fg-dn svg{max-width:200px;justify-self:center}
 .fg-fr{grid-template-columns:1fr;gap:6px}.fg-fb{width:calc(55% + var(--w)*.45)}
 .fg-fd{padding-left:4px}
 .fg-bar{grid-template-columns:1fr 56px;row-gap:4px}.fg-bar span{grid-column:1/-1}
 .fg-stats,.fg-stats.m-flow{display:grid;grid-template-columns:1fr}.fg-sa{transform:rotate(90deg);justify-self:center}
 .fg-tl{grid-template-columns:1fr}.fg-tl-l{left:18px;right:auto;top:0;bottom:0;width:2px;height:auto}
 .fg-br{grid-template-columns:1fr 1fr}
 .fg-crm{grid-template-columns:1fr}.fg-ca{transform:rotate(90deg);justify-self:center}.fg-cp{min-height:0}
 .fg-gt-r{grid-template-columns:1fr}.fg-gt-s{margin-left:0}.fg-gt-r b{white-space:normal}
 .fg-dk{grid-template-columns:1fr}.fg-df{flex-direction:column}.fg-df span{clip-path:none!important;border-radius:10px}
 .fg-mx-g{grid-template-columns:1fr}
}
@media (max-width:420px){.fg-cards{grid-template-columns:1fr}.fg-br{grid-template-columns:1fr}.fg-hub{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.fg-sq span,.fg-form-m i span{width:auto!important;border:0!important}.fg *,.fg *:before,.fg *:after{animation:none!important;transition:none!important}}

.fg-col ul.fg-big li:before{content:none!important}

.media[data-m^="photo|member-"] img{object-fit:cover;object-position:50% 25%}

.hm-cl{overflow:hidden;position:relative}
.hm-cl .hm-mq{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hm-cl .hm-lg-g.is-mq{display:flex!important;flex-wrap:nowrap!important;width:max-content;gap:0!important;animation:hmMq var(--mqd,60s) linear infinite}
.hm-cl .hm-mq:hover .hm-lg-g.is-mq{animation-play-state:paused}
@keyframes hmMq{to{transform:translateX(-50%)}}
.hm-cl .hm-lg-g.is-mq .hm-lg{flex:0 0 auto!important;width:auto!important;min-width:0;height:72px!important;background:none!important;box-shadow:none!important;padding:0 clamp(18.7px,2.1vw,32px)!important;border-radius:0!important}
.hm-cl .hm-lg-g.is-mq .hm-lg img{max-height:40px;max-width:150px;filter:grayscale(1) contrast(.9);opacity:.5;transition:opacity .3s,filter .3s}
.hm-cl .hm-lg-g.is-mq .hm-lg-t{color:#a4a9ae!important}
.hm-cl .hm-lg-g.is-mq button.hm-lg:hover img,.hm-cl .hm-lg-g.is-mq button.hm-lg:focus-visible img{opacity:1;filter:grayscale(0)}
@media (max-width:640px){.hm-cl .hm-lg-g.is-mq .hm-lg{height:56px!important;padding:0 18px!important}.hm-cl .hm-lg-g.is-mq .hm-lg img{max-height:30px;max-width:110px}}
@media (prefers-reduced-motion:reduce){.hm-cl .hm-lg-g.is-mq{animation:none;flex-wrap:wrap!important;width:auto;justify-content:center}.hm-cl .hm-lg-g.is-mq [aria-hidden=true]{display:none!important}}


.hm-dg-t button{position:relative;overflow:hidden;align-items:flex-start!important}
.hm-dg-t small{padding-top:4px}
.hm-dg-bt{display:flex;flex-direction:column;min-width:0}
.hm-dg-x{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease),opacity .4s;opacity:0}
.hm-dg-x>span{overflow:hidden;font-size:14px;font-weight:400;line-height:1.45;color:var(--on-dark-soft,#b5b9be);letter-spacing:0}
.hm-dg-x>span+span{margin-top:0}
.hm-dg-x em{display:block;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin:14px 0 4px}
.hm-dg-t button.on .hm-dg-x{grid-template-rows:1fr;opacity:1}
.hm-dg-x{grid-template-rows:0fr 0fr}.hm-dg-t button.on .hm-dg-x{grid-template-rows:1fr 1fr}
.hm-dg-pr{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%}
#hm-dg.is-vis:not(.is-user) .hm-dg-t button.on .hm-dg-pr{animation:hmPr 7s linear forwards}
@keyframes hmPr{to{transform:scaleX(1)}}
.hm-dg-t button:not(.on){opacity:.85}
.hm-dg-c span{animation:hmChip .5s var(--ease) both;animation-delay:calc(var(--k)*.08s)}
@keyframes hmChip{from{opacity:0;transform:translateY(10px) scale(.9)}}
@media (max-width:900px){.hm-dg-t button .hm-dg-x{display:none}}


.hm-trust2{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)!important}
.hm-tk{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:22px;justify-content:space-between;min-height:280px;position:relative;overflow:hidden}
.hm-tk-top{display:flex;align-items:center;gap:14px}
.hm-tk-top b{font-size:clamp(56px,6vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.9}
.hm-tk-top b.o{color:var(--acc)}
.hm-tk-plus{font-size:clamp(28px,3vw,44px);color:rgba(255,255,255,.35);font-weight:300}
.hm-tk h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}
.hm-tk p{font-size:15px;margin:0;line-height:1.45;color:var(--on-dark-soft,#b5b9be)}
.hm-tk-m{display:flex;flex-direction:column;gap:8px}
.hm-tk-l{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700}
.hm-tk-bar{position:relative;height:12px;border-radius:99px;background:rgba(255,255,255,.1)}
.hm-tk-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:var(--acc)}
.hm-tk-bar em{position:absolute;left:78%;top:-7px;bottom:-7px;border-left:2px dashed rgba(255,255,255,.7);font-style:normal;font-size:11px;font-weight:700;padding-left:6px;line-height:26px;color:#fff}
.hm-tk.is-v .hm-tk-bar i{animation:hmTk 2.4s var(--ease) .3s forwards}
@keyframes hmTk{to{width:92%}}
.hm-tk-s{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.75)}
.hm-tk-s i{width:16px;height:16px;border-radius:50%;border:2px solid var(--acc);position:relative}
.hm-tk-s i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--acc)}
.hm-ts{background:#fff;border-radius:var(--r-lg);padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:18px;justify-content:space-between;min-height:280px}
.hm-ts b{font-size:clamp(56px,6vw,96px);font-weight:500;letter-spacing:-.06em;line-height:.9;color:var(--acc);display:block;margin-bottom:14px}
.hm-ts h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}
.hm-ts p{font-size:15px;margin:0 0 10px;line-height:1.45;color:var(--soft)}
.hm-ts-v{display:flex;gap:8px;height:74px}
.hm-ts-v span{flex:1;border-radius:10px;background:linear-gradient(#e9e6e0 0 22%,transparent 22%) ,linear-gradient(90deg,#d8d4cc 0 60%,transparent 60%) 10px 32px/70% 8px no-repeat,linear-gradient(90deg,#e1ddd6 0 40%,transparent 40%) 10px 48px/70% 8px no-repeat,#f4f2ee;position:relative;transition:transform .5s var(--ease),opacity .5s,box-shadow .5s}
.hm-ts.is-v .hm-ts-v span{animation:hmTsP 5s ease-in-out infinite}
.hm-ts.is-v .hm-ts-v span.ok{animation:hmTsOk 5s ease-in-out infinite}
.hm-ts-v span.ok:after{content:"✓";position:absolute;right:-6px;top:-6px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-size:12px;display:grid;place-items:center;transform:scale(0);transition:transform .3s}
.hm-ts.is-v .hm-ts-v span.ok:after{animation:hmTsC 5s ease-in-out infinite}
@keyframes hmTsP{0%,35%{opacity:1;transform:none}50%,90%{opacity:.35;transform:scale(.94)}100%{opacity:1}}
@keyframes hmTsOk{0%,35%{transform:none;box-shadow:none}50%,90%{transform:translateY(-6px) scale(1.06);box-shadow:0 0 0 2px var(--acc),0 12px 24px -12px rgba(255,98,31,.6)}100%{transform:none}}
@keyframes hmTsC{0%,40%{transform:scale(0)}50%,90%{transform:scale(1)}100%{transform:scale(0)}}
@media (max-width:1024px){.hm-trust2{grid-template-columns:1fr 1fr!important}.hm-tk{grid-column:1/-1}}
@media (max-width:640px){.hm-trust2{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){.hm-tk-bar i{width:92%}.hm-ts-v span.ok:after{transform:scale(1)}}

.g.g-3>.bl-card{min-width:0}
.bl-cov .bl-mark{animation:blFloat 9s ease-in-out infinite}
.bl-cov .bl-mark>*{transform-box:fill-box;transform-origin:center;animation:blSh 7s ease-in-out infinite}
.bl-cov .bl-mark>*:nth-child(2){animation-delay:-2s;animation-duration:8s}.bl-cov .bl-mark>*:nth-child(3){animation-delay:-4s;animation-duration:9s}.bl-cov .bl-mark>*:nth-child(4){animation-delay:-1s;animation-duration:10s}
@keyframes blFloat{50%{translate:0 -3%}}
@keyframes blSh{50%{transform:rotate(8deg) scale(1.06)}}
@media (prefers-reduced-motion:reduce){.bl-cov .bl-mark,.bl-cov .bl-mark>*{animation:none}}
.ab-p-big{display:grid!important;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);column-gap:22px;align-content:end;align-items:end}
.ab-p-big .media{aspect-ratio:4/5!important;grid-row:1/span 4;align-self:stretch}
.ab-p-big>h3{align-self:end}
@media (max-width:640px){.ab-p-big{grid-template-columns:1fr}.ab-p-big .media{grid-row:auto}}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *){background:none!important;padding:6px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font-weight:600;gap:10px;position:relative;min-height:0}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *) .ar{display:none}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *)::after{content:"→";color:var(--acc);font-weight:500;transition:transform .3s var(--ease)}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *)::before{content:"";position:absolute;left:0;right:22px;bottom:2px;height:1.5px;background:currentColor;opacity:.25;transform-origin:0 50%;transition:opacity .3s,background .3s}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *):hover{transform:none!important}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *):hover::after{transform:translateX(5px)}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *):hover::before{opacity:1;background:var(--acc)}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *).big{font-size:17px}
:is(.pill[onclick^="go("],.pill:not(.acc)[onclick^="toId("],.hm-st-go):not(.legal-card .pill):not(.bf-foot .pill):not(.pn *):not(.hm-hero *){align-self:flex-start;flex:0 1 auto;width:auto!important;white-space:normal;text-align:left;max-width:100%}
.ni>button{position:relative}
.ni.cur>button::after{content:"";position:absolute;left:50%;bottom:1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--acc)}
.ni.cur>button{font-weight:600}
#nav .dd a.is-cur{background:rgba(255,98,31,.09);box-shadow:inset 3px 0 0 var(--acc)}
#nav .dd a.is-cur span,#nav .dd a.is-cur b{color:var(--acc)}
#nav .dd.dd-sv a.dd-sys.is-cur{box-shadow:inset 0 0 0 2px var(--acc)}
.mm a.is-cur{color:var(--acc)!important}
.mm a.is-cur::before{content:"• ";color:var(--acc)}
.foot a.is-cur{color:var(--acc)!important}
.foot-top{grid-template-columns:minmax(240px,1fr) auto minmax(160px,.55fr)!important;gap:28px 40px!important}
@media (min-width:1241px){.foot-top>.fsv,.foot-top>.fcol:nth-child(3){grid-row:1/span 2}.foot-top>.fcol:last-child{grid-column:1;grid-row:2;border-left:0!important;padding-left:0!important}}
.fsv{grid-template-columns:repeat(3,max-content)!important;gap:4px 26px!important}
@media (min-width:761px){.fsv .fsv-g:nth-of-type(1),.fsv .fsv-g:nth-of-type(2){grid-row:span 2}.fsv .fsv-g:nth-of-type(4){grid-column:3}}
.fsv .fsv-g a{white-space:nowrap;font-size:15px}
.fsv .fsv-sys{justify-self:start;display:inline-flex!important;align-items:center;gap:10px;background:var(--acc);color:#fff!important;border-radius:99px;padding:8px 16px!important;margin-bottom:6px;font-weight:600;transition:transform .3s var(--ease),box-shadow .3s}
.fsv .fsv-sys::after{content:"главный продукт →";font-size:11px;font-weight:600;letter-spacing:.02em;opacity:.85}
.fsv .fsv-sys:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(255,98,31,.7)}
.foot .fcol a[onclick="go('calc')"]{display:inline-flex!important;align-items:center;gap:8px;color:var(--acc)!important;font-weight:600;margin:4px 0}
.foot .fcol a[onclick="go('calc')"]::before{content:"₽";width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
@media (max-width:1240px){.foot-top{grid-template-columns:1fr 1fr!important}.fsv{grid-column:1/-1;grid-row:2}}
@media (max-width:760px){.foot-top{grid-template-columns:1fr!important}.fsv{grid-template-columns:1fr 1fr!important;grid-row:auto;grid-column:auto}.fsv .fsv-g a{white-space:normal}}
#lead .fld2>.fld{min-width:0}#lead .fld select{max-width:100%;min-width:0;width:100%}@media (max-width:520px){#lead .lead-more .fld2{grid-template-columns:minmax(0,1fr)!important}}.mo:not(.on){overflow:hidden}
@media (max-width:400px){.t-title{font-size:min(var(--fs-title),10vw)}}
.pc-ld li span{min-width:0;overflow-wrap:anywhere;line-height:1.2}.pc-ld li{min-width:0}@media (max-width:420px){.pc-ld li{height:auto;min-height:38px;padding:4px 0}.pc-ld em{font-size:10.5px;padding:3px 6px;white-space:normal;text-align:center;max-width:44%}.pc-ld li span{font-size:12.5px}}
.sp-dir-k{display:flex;align-items:center;gap:16px}
.sp-dir-num{font-size:clamp(46px,4.4vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--acc);position:relative;padding-bottom:8px}
.sp-dir-num::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--acc);border-radius:2px;transform:scaleX(.25);transform-origin:0 50%;transition:transform .9s var(--ease) .2s}
.sp-dir.is-k .sp-dir-num::after{transform:scaleX(1)}
.sp-dir-name{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:600;letter-spacing:-.01em;border-left:1px solid var(--line);padding-left:16px}
.panel.dark .sp-dir-name{border-color:var(--line-d)}
.sp-dir-name small{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.sp-rx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;align-items:stretch!important}
.sp-rx>.sp-rx-c{align-self:stretch!important;height:auto!important;margin:0!important}
.sp-rx-c{background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;min-height:300px;transition:transform .45s var(--ease),box-shadow .45s,background .45s,color .45s}
.sp-rx-c::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.sp-rx-c:hover,.sp-rx-c:focus-within,.sp-rx-c:focus{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(18,22,26,.4);background:var(--ink);color:#fff;outline:0}
.sp-rx-c:hover::before,.sp-rx-c:focus-within::before,.sp-rx-c:focus::before{transform:scaleX(1)}
.sp-rx-h{display:flex;justify-content:space-between;align-items:center}
.sp-rx-n{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--acc)}
.sp-rx-case{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:99px;background:rgba(255,98,31,.12);color:var(--acc)}
.sp-rx-c h3{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;min-height:2.4em}
.sp-rx-ch{display:flex;flex-direction:column;gap:0;flex:1}
.sp-rx-m{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:10px;background:var(--ground,#f1efeb);cursor:pointer;transition:background .3s,transform .3s var(--ease)}
.sp-rx-c:hover .sp-rx-m,.sp-rx-c:focus-within .sp-rx-m,.sp-rx-c:focus .sp-rx-m{background:rgba(255,255,255,.07)}
.sp-rx-m b{font-size:14px;font-weight:600;line-height:1.25}
.sp-rx-m small{font-size:12px;color:var(--soft);line-height:1.3;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--ease),opacity .3s}
.sp-rx-m:hover small,.sp-rx-m:focus-visible small{max-height:3em;opacity:1}
.sp-rx-c:hover .sp-rx-m small,.sp-rx-c:focus-within .sp-rx-m small{color:rgba(255,255,255,.6)}
.sp-rx-m:hover{transform:translateX(4px)}.sp-rx-m:hover b{color:var(--acc)}
.sp-rx-a{display:block;width:2px;height:10px;margin-left:18px;background:var(--acc);opacity:.5;position:relative}
.sp-rx-a::after{content:"";position:absolute;left:-3px;bottom:-2px;border:4px solid transparent;border-top:5px solid var(--acc);border-bottom:0}
.sp-rx-c footer{margin-top:auto;font-size:13px;font-weight:600}
.sp-rx-go{all:unset;cursor:pointer;color:var(--acc)}.sp-rx-go span{display:inline-block;transition:transform .3s}.sp-rx-go:hover span{transform:translateX(4px)}
.sp-rx-cnt{color:var(--mute)}
.sp-rx.is-play .sp-rx-c{animation:spRx .7s var(--ease) both;animation-delay:calc(var(--i)*.07s)}
@keyframes spRx{from{opacity:0;transform:translateY(24px)}}
@media (max-width:1100px){.sp-rx{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sp-rx{grid-template-columns:1fr;grid-auto-rows:auto}.sp-rx-c{min-height:0}.sp-rx-m small{max-height:3em;opacity:1}.sp-rx-c h3{min-height:0}}
@media (prefers-reduced-motion:reduce){.sp-rx.is-play .sp-rx-c{animation:none}}

.sy-yr{background:#12181d;border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);position:relative;overflow:hidden}
.sy-yr-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sy-yr-h small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7f8a93}
.sy-yr-c{display:flex;gap:6px}
.sy-yr-c button{border:0;border-radius:99px;background:rgba(255,255,255,.08);color:#fff;height:34px;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s}
.sy-yr-c button:hover{background:var(--acc)}
.sy-yr-pl{width:34px;padding:0!important;display:grid;place-items:center}
.sy-yr-pl i{width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.sy-yr.is-paused .sy-yr-pl i{border:0;width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.sy-yr-ch{position:relative;height:150px}
.sy-yr-ch svg{width:100%;height:100%;overflow:visible}
.sy-yr-ch .sy-ln{fill:none;stroke:var(--acc);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.sy-yr-ch .sy-ar{fill:url(#syg)}
.sy-yr-ch .hd{stroke:rgba(255,255,255,.35);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.sy-yr-yl{position:absolute;left:0;top:0;font-size:11px;color:#7f8a93}
.sy-yr-ph{position:relative;height:22px}
.sy-yr-ph span{position:absolute;left:calc(var(--a)/12*100%);width:calc((var(--b) - var(--a))/12*100% - 4px);top:0;height:22px;border-radius:6px;background:rgba(255,255,255,.06);font-size:11px;font-weight:600;color:#a3adb6;padding:0 8px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .4s,color .4s}
.sy-yr-ph span:nth-child(2){top:0;margin-top:0}
.sy-yr-ph span.on{background:rgba(255,98,31,.2);color:#fff}
.sy-yr-ph span:nth-child(2){transform:translateY(0)}
.sy-yr-ph{height:48px}.sy-yr-ph span:nth-child(even){top:26px}
.sy-yr-m{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;padding-top:26px}
.sy-yr-m>span{height:30px;border-radius:6px;background:rgba(255,255,255,.05);font-size:11px;color:#7f8a93;display:grid;place-items:center;font-variant-numeric:tabular-nums;transition:background .3s,color .3s}
.sy-yr-m>span.done{background:rgba(255,98,31,.28);color:#fff}
.sy-yr-m>span.now{background:var(--acc);color:#fff}
.sy-yr-pin{position:absolute;top:0;left:calc(var(--m)/12*100%);transform:translateX(-50%);border:0;cursor:pointer;height:22px;min-width:30px;border-radius:99px;background:#2a3238;color:#a3adb6;font-size:11px;font-weight:700;padding:0 8px;transition:background .3s,color .3s,transform .3s}
.sy-yr-pin::after{content:"";position:absolute;left:50%;top:100%;height:6px;border-left:1px solid rgba(255,255,255,.25)}
.sy-yr-pin.reached{background:#fff;color:var(--ink)}
.sy-yr-pin.on{background:var(--acc);color:#fff;transform:translateX(-50%) scale(1.12)}
.sy-yr-card{min-height:196px;position:relative}
.sy-yr-cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;animation:syIn .5s var(--ease) both}
@keyframes syIn{from{opacity:0;transform:translateY(12px)}}
.sy-yr-cd>div{background:rgba(255,255,255,.05);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;position:relative;animation:syIn .5s var(--ease) both;animation-delay:calc(var(--k)*.12s)}
.sy-yr-cd>div+div::before{content:"→";position:absolute;left:-8px;top:50%;transform:translate(-50%,-50%);color:var(--acc);font-size:13px}
.sy-yr-cd small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7f8a93}
.sy-yr-cd b{font-size:13.5px;font-weight:500;line-height:1.35;color:#e9edf0}
.sy-yr-cd>div:last-child{background:rgba(255,98,31,.14);box-shadow:inset 0 0 0 1px rgba(255,98,31,.4)}
.sy-yr-cd>div:last-child small{color:var(--acc)}
.sy-yr-cd>p{grid-column:1/-1;margin:2px 0 0;font-size:12.5px;color:#7f8a93}
.sy-yr-cd h4{grid-column:1/-1;margin:0;font-size:15px;font-weight:600;color:#fff}
.sy-yr-cd h4 em{font-style:normal;color:var(--acc);margin-right:8px}
@media (max-width:900px){.sy-yr-cd{grid-template-columns:1fr 1fr}.sy-yr-cd>div+div::before{display:none}}
@media (max-width:520px){.sy-yr-cd{grid-template-columns:1fr}.sy-yr-m>span{font-size:9.5px}.sy-yr-ph span{font-size:9.5px;padding:0 4px}}


.sy-rd{background:#12181d;border-radius:var(--r-lg);padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.sy-rd header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sy-rd header small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7f8a93}
.sy-rd-t{display:flex;gap:4px;background:rgba(255,255,255,.06);border-radius:99px;padding:4px}
.sy-rd-t button{border:0;background:none;color:#a3adb6;border-radius:99px;padding:7px 12px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .3s,color .3s}
.sy-rd-t button.on{background:#fff;color:var(--ink)}
.sy-rd-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:center}
.sy-rd-s{width:100%;height:auto;overflow:visible}
.sy-rd-s .grid{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1}
.sy-rd-s .ax{stroke:rgba(255,255,255,.1)}
.sy-rd-s text{fill:#a3adb6;font-size:10.5px;font-family:inherit}
.sy-rd-s text.gap{fill:#fff;font-weight:700}
.sy-rd-s .op{fill:rgba(163,173,182,.14);stroke:#a3adb6;stroke-width:1.5;stroke-dasharray:4 4;transition:d .9s var(--ease)}
.sy-rd-s .me{fill:rgba(255,98,31,.25);stroke:var(--acc);stroke-width:2.5;transition:d .9s var(--ease)}
.sy-rd-s .sy-pt{fill:var(--acc);transition:cx .9s var(--ease),cy .9s var(--ease)}
.sy-rd-s .sy-gp{fill:none;stroke:#fff;stroke-width:1.5;opacity:0;transition:cx .9s var(--ease),cy .9s var(--ease)}
.sy-rd-s .sy-gp.on{animation:syGp 1.8s ease-out infinite}
@keyframes syGp{0%{opacity:.9;r:5}100%{opacity:0;r:16}}
.sy-rd-s .dr{stroke-dasharray:1;stroke-dashoffset:1}
.sy-rd.is-v .sy-rd-s .dr{animation:syDr 1.4s var(--ease) forwards}
@keyframes syDr{to{stroke-dashoffset:0}}
.sy-rd-k{display:flex;gap:16px;margin:0 0 10px;font-size:13px;color:#a3adb6}
.sy-rd-k span{display:flex;align-items:center;gap:8px}
.sy-rd-k i{width:16px;height:4px;border-radius:2px;background:var(--acc)}
.sy-rd-k .op i{background:none;border-top:2px dashed #a3adb6;height:0}
.sy-rd-k em{font-style:normal}
.sy-rd-l ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sy-rd-l li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);font-size:13.5px;color:#e9edf0;animation:syIn .45s var(--ease) both;animation-delay:calc(var(--k)*.06s)}
.sy-rd-l li em{font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;white-space:nowrap}
.sy-rd-l li.rg em{background:rgba(255,98,31,.18);color:var(--acc)}
.sy-rd-l li.re em{background:rgba(255,255,255,.08);color:#a3adb6}
.sy-rd-l li.rs em{background:rgba(46,204,113,.15);color:#5fd68f}
.sy-rd-l li.rg{box-shadow:inset 3px 0 0 var(--acc)}
@media (max-width:760px){.sy-rd-g{grid-template-columns:1fr}}

.sy-rd-l li::before,.sy-rd-l li::after{content:none!important;display:none!important}.sy-rd-l li{padding-left:12px!important}@media (max-width:520px){.sy-rd-t button{padding:6px 8px;font-size:11.5px}.sy-rd header{flex-direction:column;align-items:flex-start}}

.idn-ws,.idn-ct{display:none;position:absolute;inset:0;pointer-events:none;color:var(--ink);z-index:2}
.idn-3d[data-mode="web"] .idn-3d-side,.idn-3d[data-mode="cat"] .idn-3d-side{display:none!important}
.idn-3d[data-mode="web"] .idn-ws{display:block}
.idn-3d[data-mode="cat"] .idn-ct{display:block}
.idn-3d[data-mode="web"] .idn-3d-fr .cat-h,.idn-3d[data-mode="cat"] .idn-3d-fr{display:none!important}
.idn-3d[data-mode="web"] .idn-3d-sc,.idn-3d[data-mode="cat"] .idn-3d-sc{justify-items:start;padding-left:4%}
.idn-3d[data-mode="web"] .idn-3d-v{transform:scale(.82);transform-origin:40% 55%;margin-top:30px}
/* сайт */
.idn-ws-cr{position:absolute;left:22px;top:48px;margin:0;font-size:11.5px;color:var(--mute)}.idn-ws-cr b{color:var(--ink)}
.idn-ws-th{position:absolute;left:22px;bottom:58px;display:flex;gap:6px}
.idn-ws-th i{width:44px;height:34px;border-radius:7px;background:#e7e4de;box-shadow:inset 0 0 0 1px rgba(18,22,26,.08);font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center;color:var(--ink)}
.idn-ws-th i.on{box-shadow:inset 0 0 0 2px var(--sys,#2f5bd3)}
.idn-ws-th i.d3{background:var(--ink);color:#fff}
.idn-ws-r{position:absolute;right:22px;top:76px;width:42%;display:flex;flex-direction:column;gap:10px}
.idn-ws-tag{align-self:flex-start;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:99px;background:#e2f3e7;color:#1f7a35}
.idn-ws-h{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.idn-ws-r dl{margin:0;display:flex;flex-direction:column}
.idn-ws-r dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(18,22,26,.1);font-size:12.5px;opacity:0;transform:translateX(10px)}
.idn-ws-r dt{color:var(--soft)}.idn-ws-r dd{margin:0;font-weight:600}
.idn-ws-b{align-self:stretch;text-align:center;font-size:12.5px;font-weight:600;padding:10px;background:var(--acc);color:#fff;border-radius:9px;margin-top:4px}
.idn-ws-b2{align-self:stretch;text-align:center;font-size:12px;font-weight:600;padding:9px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(18,22,26,.18)}
.idn-ws-hot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(255,98,31,.6)}
.idn-ws-hot em{position:absolute;left:22px;top:-6px;white-space:nowrap;font-style:normal;font-size:11px;font-weight:600;background:var(--ink);color:#fff;border-radius:7px;padding:4px 8px;opacity:0;transform:translateY(4px);transition:.4s}
.idn-ws-hot.h1{left:8%;top:30%}.idn-ws-hot.h2{left:12%;top:84%}
.idn-ws-cur{position:absolute;width:18px;height:18px;left:70%;top:70%;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5L9.5 21z' fill='%2312161a' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E");opacity:0}
.idn-3d[data-mode="web"] .idn-ws-r dl div{animation:idnIn .5s var(--ease) forwards;animation-delay:calc(.3s + var(--k)*.12s)}
.idn-3d[data-mode="web"] .idn-ws-hot{animation:idnPing 2s 1s infinite}
.idn-3d[data-mode="web"] .idn-ws-hot.h1 em{animation:idnTip 4s 1.2s infinite}.idn-3d[data-mode="web"] .idn-ws-hot.h2 em{animation:idnTip 4s 3.2s infinite}
.idn-3d[data-mode="web"] .idn-ws-cur{animation:idnCur 4s .8s ease-in-out infinite}
.idn-3d[data-mode="web"] .idn-ws-b{animation:idnBtn 4s .8s infinite}
@keyframes idnIn{to{opacity:1;transform:none}}
@keyframes idnPing{0%{box-shadow:0 0 0 0 rgba(255,98,31,.6)}70%,100%{box-shadow:0 0 0 12px rgba(255,98,31,0)}}
@keyframes idnTip{0%,5%{opacity:0;transform:translateY(4px)}12%,45%{opacity:1;transform:none}55%,100%{opacity:0}}
@keyframes idnCur{0%{opacity:0;left:40%;top:80%}15%{opacity:1}45%,60%{left:calc(100% - 22px - 21%);top:calc(76px + 232px);opacity:1}75%,100%{opacity:0}}
@keyframes idnBtn{0%,48%,62%,100%{transform:none}53%{transform:scale(.95);box-shadow:0 0 0 6px rgba(255,98,31,.25)}}
/* каталог */
.idn-3d[data-mode="cat"]{background:radial-gradient(ellipse at 50% 30%,#3a3f44,#1b1f23 80%)!important}
.idn-3d[data-mode="cat"] .idn-3d-sc{position:absolute;left:6%;top:26px;width:44%;height:62%;min-height:0;z-index:3;padding:0;justify-items:center;align-items:center}
.idn-3d[data-mode="cat"] .idn-3d-v{transform:scale(.55);margin-top:40px}
.idn-3d[data-mode="cat"] .idn-3d-c{display:none}
.idn-ct-bk{position:absolute;left:6%;right:6%;top:26px;height:62%;display:grid;grid-template-columns:1fr 1fr;perspective:1400px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.idn-ct-pg{background:#f7f5f0;padding:18px;display:flex;flex-direction:column;gap:6px;position:relative}
.idn-ct-pg.l{border-radius:10px 0 0 10px;background:linear-gradient(90deg,#f7f5f0 88%,#e3dfd7)}
.idn-ct-pg.r{border-radius:0 10px 10px 0;background:linear-gradient(90deg,#e6e2da,#f7f5f0 12%)}
.idn-ct-pg small{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.idn-ct-pg b{font-size:16px;font-weight:600}
.idn-ct-pg .pg{position:absolute;bottom:10px;font-size:10px;color:var(--mute)}.idn-ct-pg.l .pg{left:18px}.idn-ct-pg.r .pg{right:18px}
.idn-ct-pg table{border-collapse:collapse;font-size:11.5px;width:100%}
.idn-ct-pg td{padding:6px 0;border-bottom:1px solid rgba(18,22,26,.1)}.idn-ct-pg td+td{text-align:right;font-weight:600}
.idn-ct-pg.r>i{display:block;height:6px;border-radius:3px;background:#dcd8d0;margin-top:6px}.idn-ct-pg.r>i.s{width:60%}
.idn-ct-flip{position:absolute;left:50%;top:0;bottom:0;width:50%;transform-origin:0 50%;background:linear-gradient(90deg,#efece6,#f7f5f0);border-radius:0 10px 10px 0;backface-visibility:hidden;transform:rotateY(-178deg)}
.idn-3d[data-mode="cat"] .idn-ct-flip{animation:idnFlip 1.1s var(--ease) .1s both}
@keyframes idnFlip{from{transform:rotateY(0)}to{transform:rotateY(-178deg)}}
.idn-ct-row{position:absolute;left:6%;right:6%;bottom:22px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px}
.idn-ct-u{height:92px;border-radius:10px;background:#f7f5f0;position:relative;overflow:hidden;padding:8px;opacity:0;transform:translateY(16px)}
.idn-ct-u small{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.idn-ct-u .m{position:absolute;right:10px;bottom:8px;width:46px;height:50px;background:radial-gradient(circle at 50% 10%,#b7bec5 0 22%,transparent 23%),linear-gradient(#3057c8,#2448a8) 50% 35%/60% 50% no-repeat,linear-gradient(#a8b0b8,#8a939b) 50% 100%/100% 18% no-repeat}
.idn-ct-u.kp i{display:block;height:5px;width:50%;border-radius:3px;background:#dcd8d0;margin-top:8px}
.idn-ct-u.ex{background:#12161a}.idn-ct-u.ex small{color:#8a9299}.idn-ct-u.ex .m{right:50%;margin-right:-23px}
.idn-ct-u.sm{background:var(--acc)}.idn-ct-u.sm small{color:#fff}
.idn-3d[data-mode="cat"] .idn-ct-u{animation:idnIn .5s var(--ease) forwards}
.idn-3d[data-mode="cat"] .idn-ct-u:nth-child(1){animation-delay:.9s}.idn-3d[data-mode="cat"] .idn-ct-u:nth-child(2){animation-delay:1.05s}.idn-3d[data-mode="cat"] .idn-ct-u:nth-child(3){animation-delay:1.2s}
@media (max-width:760px){.idn-3d[data-mode="web"] .idn-3d-v{transform:scale(.62);margin-top:-60px}.idn-ct-bk{grid-template-columns:1fr}.idn-ct-pg.r,.idn-ct-flip{display:none}.idn-ct-pg.l{border-radius:10px}.idn-3d[data-mode="cat"] .idn-3d-sc{width:88%}.idn-ct-u small{font-size:8px}.idn-ws-r{width:auto;left:22px;right:22px;top:auto;bottom:70px;position:absolute}.idn-3d[data-mode="web"]{min-height:720px}.idn-3d[data-mode="web"] .idn-3d-sc{align-self:start}.idn-ws-th,.idn-ws-hot{display:none}.idn-ct-bk{height:52%}.idn-3d[data-mode="cat"]{min-height:520px}}
@media (prefers-reduced-motion:reduce){.idn-ws-r dl div,.idn-ct-u{opacity:1;transform:none;animation:none!important}.idn-ct-flip{display:none}}


.co-hand{position:relative;background:#fff;border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.co-hand-h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.co-hand-h b{font-size:15px;color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums}.co-hand-h em{font-style:normal;color:var(--acc)}
.co-hand-bar{height:6px;border-radius:3px;background:var(--ground)}.co-hand-bar i{display:block;height:100%;width:var(--p,0%);border-radius:3px;background:var(--acc);transition:width .35s var(--ease)}
.co-kit2{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.co-kit2 li{background:var(--ground)!important;position:relative;align-items:flex-start;gap:10px!important;transition:background .4s,color .4s,transform .4s var(--ease)}
.co-kit2 li:before{display:none}
.co-kic{font-size:11px;font-weight:700;color:var(--mute);padding-top:2px;font-variant-numeric:tabular-nums}
.co-kt{flex:1}
.co-kok{width:20px;height:20px;border-radius:50%;background:var(--acc);color:#fff;font-size:11px;display:grid;place-items:center;flex:none;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.co-kit2 li.ok{background:var(--ink)!important;color:#fff}.co-kit2 li.ok .co-kic{color:var(--acc)}.co-kit2 li.ok .co-kok{transform:none}
.co-kit2 li.ok{animation:coPop .45s var(--ease)}
@keyframes coPop{40%{transform:scale(1.04)}}
.co-stamp{position:absolute;right:26px;bottom:18px;border:3px solid var(--acc);color:var(--acc);border-radius:12px;padding:6px 14px;font-weight:800;font-size:18px;letter-spacing:.06em;text-transform:uppercase;line-height:1;text-align:center;transform:rotate(-12deg) scale(2.2);opacity:0;pointer-events:none;background:rgba(255,255,255,.9)}
.co-stamp small{font-size:10px;letter-spacing:.1em}
.co-hand.done .co-stamp{animation:coStamp .5s cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes coStamp{to{transform:rotate(-12deg) scale(1);opacity:1}}
.co-keys{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.co-keys span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:13.5px;font-weight:600;opacity:0;transform:translateY(8px)}
.co-keys em{font-style:normal;font-size:11px;font-weight:500;color:var(--acc);flex-basis:100%;padding-left:24px}
.co-keys i{width:16px;height:16px;border-radius:50%;background:var(--acc);position:relative}
.co-keys i:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.co-own.is-v .co-keys span{animation:idnIn2 .5s var(--ease) forwards;animation-delay:calc(.3s + var(--i)*.15s)}
@keyframes idnIn2{to{opacity:1;transform:none}}
@media (max-width:760px){.co-kit2{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){.co-keys span{opacity:1;transform:none}}


.co-pr-hint{margin:0;font-size:13px;color:var(--soft)}
.co-vol{display:flex;flex-direction:column;gap:6px;margin:4px 0 2px}
.co-vol-b{display:flex;height:14px;border-radius:7px;background:var(--ground);overflow:hidden;gap:2px}
.co-vol-b i{display:block;height:100%;width:var(--w);background:var(--ink);transition:width .5s var(--ease),opacity .4s}
.co-vol-b i.f{width:0;background:var(--acc)}
.co-vol-b i.f.on{width:var(--w)}
.co-vol-l{display:flex;justify-content:space-between;font-size:13px}.co-vol-l b{font-weight:600}.co-vol-l em{font-style:normal;color:var(--acc);font-weight:700;font-variant-numeric:tabular-nums}
.co-fx{list-style:none;margin:0;padding:0;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px!important}
.co-fx li{border:0!important;padding:0!important}
.co-fx button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;background:var(--ground);padding:8px 12px;font:inherit;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .25s,color .25s,transform .25s var(--ease)}
.co-fx button i{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1.5px rgba(18,22,26,.35);position:relative;transition:background .2s,box-shadow .2s}
.co-fx button:hover{transform:translateY(-2px)}
.co-fx button[aria-pressed="true"]{background:var(--ink);color:#fff}
.co-fx button[aria-pressed="true"] i{background:var(--acc);box-shadow:none}
.co-fx button[aria-pressed="true"] i:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.co-pr-note{margin:0;font-size:12px;color:var(--mute)}
.co-term2 li{grid-template-columns:minmax(0,1fr) auto!important;row-gap:6px!important}
.co-tb{grid-column:1/-1;grid-row:3;display:block;height:6px;border-radius:3px;background:var(--ground);overflow:hidden}
.co-tb i{display:block;height:100%;width:calc(var(--v)*100%);border-radius:3px;background:linear-gradient(90deg,var(--ink),var(--acc));transform:scaleX(0);transform-origin:0 50%;transition:transform 1s var(--ease) calc(var(--i)*.15s)}
.co-pr.is-v .co-tb i{transform:none}
.co-pr-n{position:relative}
.co-pr.is-v .co-pr-n{animation:coNum 1.2s var(--ease)}
@keyframes coNum{from{opacity:0;letter-spacing:.05em}}
@media (prefers-reduced-motion:reduce){.co-tb i{transform:none}}


.co-nf2 li{position:relative;cursor:pointer;padding:0!important;overflow:hidden;gap:0!important;transition:transform .45s var(--ease),box-shadow .45s,background .45s,color .45s}
.co-nf2 li>*:not(.co-nf-v){padding:0 16px}
.co-nf2 li>b{padding-top:12px}.co-nf2 li>span{padding-top:6px}
.co-nf2 li:hover,.co-nf2 li:focus-visible{transform:translateY(-6px);background:var(--ink);color:#fff;box-shadow:0 30px 50px -30px rgba(18,22,26,.5);outline:0}
.co-nf2 li:hover span,.co-nf2 li:focus-visible span{color:rgba(255,255,255,.7)}
.co-nf-k{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding-top:14px!important}
.co-nf-go{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 16px 16px!important;font-style:normal;font-weight:700;font-size:14px;color:var(--acc)}
.co-nf-go span{flex:none!important;padding:0!important;color:inherit;width:30px;height:30px;border-radius:50%;background:rgba(255,98,31,.12);display:grid;place-items:center;transition:transform .35s var(--ease),background .35s,color .35s}
.co-nf2 li:hover .co-nf-go span{transform:translateX(4px) rotate(-45deg);background:var(--acc);color:#fff}
.co-nf-v{height:96px;background:var(--ground);position:relative;overflow:hidden;transition:background .45s}
.co-nf2 li:hover .co-nf-v{background:#1d242a}
.co-nf-v.v0 i{position:absolute;left:16px;top:18px;width:60%;height:10px;border-radius:5px;background:var(--ink);opacity:.8}
.co-nf-v.v0 b{position:absolute;left:16px;top:36px;width:40%;height:8px;border-radius:4px;background:#cfcac2}
.co-nf-v.v0 span{position:absolute;left:16px;bottom:16px;width:74px;height:22px;border-radius:99px;background:var(--acc);animation:coCta 2.4s ease-in-out infinite}
@keyframes coCta{50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(255,98,31,.15)}}
.co-nf-v.v1{display:flex;gap:6px;padding:16px;align-items:flex-end}
.co-nf-v.v1 i{flex:1;height:40px;border-radius:8px;background:#fff}
.co-nf-v.v1 em{position:absolute;right:14px;top:12px;width:34px;height:28px;border-radius:6px 6px 10px 10px;border:3px solid var(--acc);border-top-width:6px}
.co-nf2 li:hover .co-nf-v.v1 i{animation:coDrop .8s var(--ease) forwards}.co-nf2 li:hover .co-nf-v.v1 i:nth-child(2){animation-delay:.15s}.co-nf2 li:hover .co-nf-v.v1 i:nth-child(3){animation-delay:.3s}
@keyframes coDrop{50%{transform:translateY(-40px) scale(.6)}100%{transform:translate(60px,-40px) scale(.2);opacity:0}}
.co-nf-v.v2 svg{position:absolute;inset:14px 14px 20px;width:calc(100% - 28px);height:calc(100% - 34px);overflow:visible}
.co-nf-v.v2 path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:4 4}.co-nf2 li:hover .co-nf-v.v2 path{stroke:#fff}
.co-nf-v.v2 circle{fill:var(--acc);animation:coPing 1.6s infinite}
@keyframes coPing{50%{r:6}}
.co-nf-v.v2 small{position:absolute;right:14px;top:10px;font-size:11px;font-weight:700;color:var(--acc)}
.co-nf-v.v3{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px}
.co-nf-v.v3 i{border-radius:8px;border:2px dashed #cfcac2;animation:coFill 3.2s ease-in-out infinite}
.co-nf-v.v3 i:nth-child(2){animation-delay:.4s}.co-nf-v.v3 i:nth-child(3){animation-delay:.8s}.co-nf-v.v3 i:nth-child(4){animation-delay:1.2s}
@keyframes coFill{0%,30%{background:transparent;border-color:#cfcac2}50%,80%{background:var(--acc);border-color:var(--acc)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.co-nf-v *{animation:none!important}}


.co-au-g2 span{position:relative;overflow:hidden;display:flex!important;align-items:center;gap:10px;padding:12px!important;transition:background .4s,box-shadow .4s}
.co-au-g2 span:before{display:none}
.co-au-i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);position:relative;transition:border-color .3s,background .3s}
.co-au-g2 span em{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%}
.co-au-g2 span.scan em{animation:coScan .9s linear forwards}
.co-au-g2 span.scan .co-au-i{border-color:var(--acc);border-right-color:transparent;animation:coSpin .6s linear infinite}
.co-au-g2 span.ok{background:rgba(255,98,31,.14);box-shadow:inset 0 0 0 1px rgba(255,98,31,.45)}
.co-au-g2 span.ok .co-au-i{background:var(--acc);border-color:var(--acc)}
.co-au-g2 span.ok .co-au-i:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.co-au-g2 span:hover{box-shadow:inset 0 0 0 1px var(--acc)}
@keyframes coScan{to{transform:scaleX(1)}}
@keyframes coSpin{to{transform:rotate(360deg)}}


.bon2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bon2 li{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;padding:10px 12px 10px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}
.panel.white .bon2 li,.co-pr .bon2 li{background:linear-gradient(90deg,rgba(255,98,31,.07),rgba(255,98,31,0) 60%)}
.bon2 li:hover{transform:translateX(4px);box-shadow:inset 0 0 0 1.5px var(--acc)}
.bon2 b{height:56px;border-radius:11px;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:600;letter-spacing:-.04em;position:relative;overflow:hidden}
.bon2 li:nth-child(2) b{background:var(--ink)}
.bon2 li:nth-child(3) b{background:#fff;color:var(--acc);box-shadow:inset 0 0 0 2px var(--acc);font-size:20px}
.bon2 b::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:bonSh 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*.6s + 1s)}
@keyframes bonSh{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.bon2 span{font-size:13.5px;line-height:1.4;color:var(--soft)}
.bon2 strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.bon2 b::after{animation:none}}


.sh-m1{list-style:none!important;padding:0!important;counter-reset:m}
.sh-m1 li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--ground);position:relative;counter-increment:m;transition:opacity .4s,background .4s}
.sh-m1 li span::before{content:counter(m) ". ";color:var(--mute)}
.sh-m1 li em{font-style:normal;font-size:12px;font-weight:700;color:var(--acc);white-space:nowrap}
.sh-m1 li::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:2px;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
.sh-m1 li.x{opacity:.45}.sh-m1 li.x::after{transform:scaleX(1)}
.sh-m1-t{margin:auto 0 0;font-size:12px;color:var(--mute)}
.sh-rm-btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;background:var(--acc);color:#fff;border-radius:99px;padding:12px 18px;font:inherit;font-size:14.5px;font-weight:600;position:relative;overflow:hidden;transition:transform .25s,box-shadow .3s}
.sh-rm-btn i{width:18px;height:18px;border-radius:50%;border:2px solid #fff;border-right-color:transparent;display:none}
.sh-rm.is-go:not(.is-done) .sh-rm-btn i{display:block;animation:coSpin .6s linear infinite}
.sh-rm-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(255,98,31,.8)}
.sh-rm.is-done .sh-rm-btn{background:#1f8a52}
.sh-rm-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(255,98,31,.6)}
.sh-rm:not(.is-go) .sh-rm-btn::after{animation:idnPing 1.8s infinite}
.sh-rm-cart li{opacity:.25!important;transform:none!important;transition:opacity .3s,background .3s,transform .3s!important}
.sh-rm-cart li.is-v{opacity:1!important;background:rgba(255,98,31,.14);animation:shFly .5s var(--ease)}
@keyframes shFly{0%{transform:translateX(0)}50%{transform:translateX(14px) scale(.98)}100%{transform:none}}
.sh-rm-st{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.05)}
.sh-rm-cartic{position:relative;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;flex:none}
.sh-rm-cartic i{width:18px;height:14px;border:2px solid #fff;border-top:0;border-radius:0 0 5px 5px;position:relative}
.sh-rm-cartic i::before{content:"";position:absolute;left:-6px;top:-4px;width:8px;height:2px;background:#fff}
.sh-rm-cartic em{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--acc);font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.sh-rm-cartic.bump{animation:coPop .35s}
.sh-rm-steps{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.sh-rm-steps span{font-size:12px;font-weight:600;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.06);color:#7f8a93;transition:background .3s,color .3s}
.sh-rm-steps span.on{background:#1f8a52;color:#fff}
.sh-rm-steps span.on::before{content:"✓ "}
.sh-rm-tm{font-size:13px;color:var(--acc);white-space:nowrap}


.sh-mx{background:rgba(255,255,255,.04);border-radius:var(--r-lg);padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}
.sh-mx-h{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7f8a93}
.sh-mx-h .b{text-align:right;transition:color .4s}
.sh-mx.on .sh-mx-h .b{color:var(--acc)}
.sh-mx-sw{width:58px;height:30px;border-radius:15px;border:0;background:rgba(255,255,255,.14);position:relative;cursor:pointer;transition:background .35s}
.sh-mx-sw i{position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.sh-mx.on .sh-mx-sw{background:var(--acc)}.sh-mx.on .sh-mx-sw i{transform:translateX(28px)}
.sh-mx ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sh-mx li{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.2fr);align-items:center;gap:8px;min-height:48px}
.sh-mx li .a{font-size:14px;color:#cfd6dc;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05);position:relative;transition:color .4s,opacity .4s}
.sh-mx li .a::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:1.5px;background:#e5484d;transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease) calc(var(--i)*.14s)}
.sh-mx li .sh-ln{height:2px;background:linear-gradient(90deg,rgba(255,98,31,.2),var(--acc));transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease) calc(var(--i)*.14s + .15s);position:relative}
.sh-mx li .sh-ln::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid var(--acc);border-right:0}
.sh-mx li .z{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:#fff;padding:10px 12px;border-radius:10px;background:var(--acc);transform:perspective(600px) rotateY(80deg);transform-origin:0 50%;opacity:0;transition:transform .55s cubic-bezier(.3,1.3,.5,1) calc(var(--i)*.14s + .35s),opacity .3s calc(var(--i)*.14s + .35s)}
.sh-mx li .z em{font-style:normal;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:10px;font-weight:700;flex:none;min-width:26px;width:auto;padding:0 4px}
.sh-mx.on li .a{opacity:.5}.sh-mx.on li .a::after{transform:scaleX(1)}
.sh-mx.on li .sh-ln{transform:scaleX(1)}
.sh-mx.on li .z{transform:none;opacity:1}
.sh-mx li:hover .z{box-shadow:0 10px 24px -10px rgba(255,98,31,.8)}
@media (max-width:640px){.sh-mx li{grid-template-columns:1fr;gap:4px}.sh-mx li .sh-ln{display:none}}


.sh-ps{position:relative}
.sh-ps-a pre{position:relative;transition:background .3s,box-shadow .3s}
.sh-ps.is-sel .sh-ps-a pre{background:#d5ecdd;box-shadow:inset 0 0 0 2px #1f8a52}
.sh-ps.is-copy .sh-ps-a pre::after{content:"Ctrl+V";position:absolute;right:8px;top:8px;font:700 11px/1 var(--font,inherit);background:var(--ink);color:#fff;border-radius:6px;padding:5px 7px;animation:coPop .4s}
.sh-ps-b li{opacity:0!important;transform:translateX(-30px)!important;transition:opacity .35s,transform .45s var(--ease)!important}
.sh-ps-b li.is-v{opacity:1!important;transform:none!important}
.sh-ps-b li.chk em{color:transparent!important;position:relative}
.sh-ps-b li.chk em::after{content:"";position:absolute;right:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid var(--acc);border-right-color:transparent;animation:coSpin .6s linear infinite}
.sh-ps-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}
.sh-ps-c{font-size:13px;font-weight:600;color:var(--soft)}
.sh-ps.is-in .sh-ps-go{animation:bonPress 1.2s .3s}
@keyframes bonPress{40%{transform:scale(.93);box-shadow:0 0 0 8px rgba(255,98,31,.25)}}
.sh-ps-inv{position:absolute;right:14px;bottom:14px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:.45s var(--ease);border-left:4px solid #1f8a52}
.sh-ps-inv b{font-size:14px}.sh-ps-inv span{font-size:12px;color:#aeb8c1}
.sh-ps.is-done .sh-ps-inv{opacity:1;transform:none}
.sh-ps-b{position:relative}


.sup-log{box-shadow:0 0 0 1px var(--line)!important}
.sup-log-h,.sup-log li{grid-template-columns:34px 104px minmax(0,1fr) 64px!important}
.sup-log-h span:last-child{justify-self:center}
.sup-log .s-sg{justify-self:center!important}
.sup-log .s-n{color:var(--acc)!important}
.sup-log.is-go .s-sg{animation:supStamp .45s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i)*.12s + .35s)}
@keyframes supStamp{from{transform:rotate(-40deg) scale(2);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}
@media (max-width:640px){.sup-log li{grid-template-columns:28px minmax(0,1fr) 34px!important}}


.sup-vs2{display:flex;flex-direction:column;gap:14px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:20px;align-self:start}
.sup-vs2>header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sup-vs2-h{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#7f8a93}
.sup-vs2-live{display:flex;align-items:center;gap:8px;font-size:13px;color:#aeb8c1}
.sup-vs2-live i{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:supLive 1.8s infinite}
@keyframes supLive{70%,100%{box-shadow:0 0 0 8px rgba(46,204,113,0)}}
.sup-vs2-live b{color:#fff;display:inline-block}.sup-vs2-live b.pop{animation:coPop .5s}
.sup-vs2-t{list-style:none;margin:0;padding:0;display:flex;gap:0;position:relative}
.sup-vs2-t::before{content:"";position:absolute;left:18px;right:18px;top:17px;height:2px;background:rgba(255,255,255,.14)}
.sup-vs2-t li{flex:1;display:flex;justify-content:center;position:relative}
.sup-vs2-t li.new{animation:supNew .6s cubic-bezier(.3,1.4,.5,1)}
@keyframes supNew{from{transform:scale(.3);opacity:0}}
.sup-vn{border:0;background:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;padding:0}
.sup-vn i{width:36px;height:36px;border-radius:50%;background:#1d242a;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);position:relative;z-index:1;transition:background .3s,box-shadow .3s,transform .3s}
.sup-vn b{font-size:14px;font-variant-numeric:tabular-nums}.sup-vn small{font-size:11px;color:#7f8a93}
.sup-vn:hover i{transform:scale(1.1)}
.sup-vn.on i{background:var(--acc);box-shadow:0 0 0 6px rgba(255,98,31,.2)}
.sup-vn.on i::after{content:"";position:absolute;left:13px;top:9px;width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.sup-vn-nx i{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);border-radius:50%}
.sup-vn-nx i::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:20px;color:#fff}
.sup-vn-nx small{color:var(--acc);font-weight:600}
.sup-vs2.is-dep .sup-vn-nx i{box-shadow:inset 0 0 0 2px var(--acc);border:2px solid transparent;border-top-color:var(--acc);animation:coSpin .8s linear infinite}
.sup-vs2.is-dep .sup-vn-nx i::after{content:""}
.sup-diff{background:#161c21;border-radius:12px;padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:syIn .4s var(--ease)}
.sup-diff header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.sup-diff header b{font-size:16px}.sup-diff header small{font-size:12px;color:#7f8a93}
.sup-diff ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.sup-diff li{display:flex;gap:10px;padding:6px 8px;border-radius:6px;background:rgba(46,204,113,.08);color:#c9f0d6;animation:syIn .4s var(--ease) both;animation-delay:calc(var(--k)*.1s)}
.sup-diff li em{font-style:normal;color:#2ecc71;font-weight:700}
.sup-vs2-pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sup-vs2-pipe span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#7f8a93;padding:8px;border-radius:8px;background:rgba(255,255,255,.04);transition:background .3s,color .3s}
.sup-vs2-pipe i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);flex:none}
.sup-vs2-pipe span.run{color:#fff}.sup-vs2-pipe span.run i{box-shadow:none;border:2px solid var(--acc);border-right-color:transparent;animation:coSpin .6s linear infinite}
.sup-vs2-pipe span.ok{color:#c9f0d6;background:rgba(46,204,113,.08)}.sup-vs2-pipe span.ok i{background:#2ecc71;box-shadow:none}
.sup-vs2 .sup-demo{color:#7f8a93;margin:0}
@media (max-width:640px){.sup-vs2-pipe{grid-template-columns:1fr 1fr}}


#p-bitrix .bx-eco-p li.core{z-index:2}
#p-bitrix .bx-eco-p li.core>*{background:linear-gradient(135deg,#2fc6f6,#0a5bd6)!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 0 0 2px rgba(47,198,246,.55),0 18px 40px -12px rgba(47,198,246,.75)!important;font-weight:700;overflow:visible}
#p-bitrix .bx-eco-p li.core small{color:#fff!important;background:rgba(255,255,255,.22);border-radius:6px;padding:2px 6px;align-self:flex-start;font-weight:800}
#p-bitrix .bx-eco-p li.core b{font-size:clamp(14px,1.15vw,16.5px)!important;color:#fff!important}
#p-bitrix .bx-eco-p li.core>*::before{content:"ядро системы";position:absolute;left:50%;top:-12px;transform:translateX(-50%);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:#0a5bd6;border-radius:99px;padding:3px 8px;white-space:nowrap}
#p-bitrix .bx-eco-p li.core>*::after{content:"";position:absolute;inset:-6px;border-radius:calc(var(--r-md) + 6px);border:2px solid rgba(47,198,246,.7);opacity:0;animation:bxCore 2.4s ease-out infinite;pointer-events:none}
@keyframes bxCore{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){#p-bitrix .bx-eco-p li.core>*::after{animation:none}}


.cl-easy-b{width:100%;max-width:520px;padding:20px 24px 20px 20px!important;border-radius:22px!important;gap:18px!important;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 55%,#fff1e9)!important;box-shadow:inset 0 0 0 2px var(--acc),0 24px 50px -24px rgba(255,98,31,.8)!important}
.cl-easy-b::after{content:"→";margin-left:auto;width:44px;height:44px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:20px;flex:none;transition:transform .35s var(--ease)}
.cl-easy-b:hover::after{transform:translateX(4px)}
.cl-easy-b .cl-easy-i{width:64px!important;height:64px!important;font-size:30px!important;border-radius:18px!important;flex:none}
.cl-easy-b b{font-size:clamp(20px,1.8vw,26px)!important;letter-spacing:-.02em;font-weight:600}
.cl-easy-b small{font-size:14.5px!important}
.cl-easy-b::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,98,31,.14) 50%,transparent 65%);transform:translateX(-100%);animation:bonSh 3.6s ease-in-out infinite}
.cl-easy-b.on{background:var(--acc)!important}.cl-easy-b.on::after{background:var(--ink);content:"↓"}
/* фиксированная кнопка снизу */
.cl-fx{position:fixed;left:24px;bottom:18px;z-index:60;transform:translateY(140%);display:flex;align-items:center;gap:12px;border:0;cursor:pointer;background:var(--ink);color:#fff;border-radius:99px;padding:8px 20px 8px 8px;font:inherit;font-size:15px;font-weight:600;box-shadow:0 20px 40px -14px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transition:transform .45s var(--ease),opacity .3s;opacity:0;pointer-events:none}
.cl-fx i{width:38px;height:38px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-style:normal;font-size:18px;font-weight:800;animation:annP 2.4s infinite}
.cl-fx small{display:block;font-size:11.5px;font-weight:500;color:#aeb8c1}
body.cl-fx-on .cl-fx{transform:none;opacity:1;pointer-events:auto}
.cl-fx:hover{box-shadow:0 20px 40px -14px rgba(0,0,0,.55),0 0 0 2px var(--acc)}
@media (max-width:640px){.cl-fx{left:12px;bottom:12px;max-width:calc(100% - 84px);font-size:14px;padding-right:16px;}.cl-fx small{display:none}}
/* весы */
.ez-bal{position:relative;width:min(420px,100%);height:270px}
.ez-bal svg{width:100%;height:100%;overflow:visible}
.ez-bal .ez-post{fill:#3a444c}.ez-bal .base{fill:#2a3238}
.ez-bal .beam{transform-origin:210px 70px;transform:rotate(0deg);transition:transform 1.4s cubic-bezier(.3,1.6,.45,1) 1.6s}
.ez-bal .beam rect{fill:#fff}
.ez-bal .pan{transition:transform 1.4s cubic-bezier(.3,1.6,.45,1) 1.6s}
.ez-bal .pan path.ch{stroke:#aeb8c1;stroke-width:1.5;fill:none}
.ez-bal .pan path.bowl{fill:#e9edf0}
.ez-bal .cn{opacity:0;transform:translateY(-60px)}
.ez-s.go .ez-bal .cn{animation:ezDrop .45s cubic-bezier(.4,1.4,.6,1) forwards;animation-delay:calc(var(--i)*.09s + .2s)}
@keyframes ezDrop{to{opacity:1;transform:none}}
.ez-bal .cn.p{fill:var(--acc)}.ez-bal .cn.b{fill:#aeb8c1}
.ez-bal .cn.p+.cnl,.ez-bal .cnl{fill:#fff;font:700 12px var(--font,sans-serif)}
.ez-bal .lab{font:700 12px var(--font,sans-serif);fill:#aeb8c1;text-anchor:middle}
.ez-bal .val{font:700 15px var(--font,sans-serif);fill:#fff;text-anchor:middle}
.ez-bal .val.p{fill:var(--acc)}
.ez-bal-r{position:absolute;left:50%;top:-6px;transform:translate(-50%,10px) scale(.8);opacity:0;background:var(--acc);color:#fff;border-radius:99px;padding:7px 14px;font-weight:700;font-size:15px;white-space:nowrap;transition:.5s cubic-bezier(.3,1.5,.5,1) 2.9s}
.ez-bal.neg .ez-bal-r{background:#e5484d}
.ez-s.go .ez-bal-r{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.ez-bal .cn{opacity:1;transform:none}.ez-bal-r{opacity:1;transform:translate(-50%,0)}}


.foot-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-self:end}
.foot-cta a{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;cursor:pointer;position:relative;transition:background .3s,transform .3s var(--ease)}
.foot-cta a:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.foot-cta a i{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-style:normal;font-weight:700;margin-bottom:6px}
.foot-cta a.fc-calc{background:var(--acc)}.foot-cta a.fc-calc i{background:rgba(255,255,255,.25)}.foot-cta a.fc-calc span{color:rgba(255,255,255,.9)}
.foot-cta b{font-size:15px;font-weight:600}.foot-cta span{font-size:12.5px;color:#aeb8c1;line-height:1.35;padding-right:18px}
.foot-cta em{position:absolute;right:14px;bottom:14px;font-style:normal;transition:transform .3s}.foot-cta a:hover em{transform:translateX(4px)}
@media (min-width:1241px){
 .foot-top{grid-template-columns:minmax(240px,1fr) auto minmax(180px,.6fr)!important;grid-template-rows:auto auto;row-gap:26px!important}
 .foot-top>div:first-child{grid-column:1;grid-row:1}
 .foot-top>.fsv{grid-column:2;grid-row:1!important}
 .foot-top>.foot-cta{grid-column:2;grid-row:2;border-left:1px solid var(--line-d);padding-left:18px}
 .foot-top>.fcol:nth-child(3){grid-column:3;grid-row:1!important}
 .foot-top>div.fcol.fcol:last-child{grid-column:3!important;grid-row:2!important;border-left:1px solid var(--line-d)!important;padding-left:18px!important}
}
.foot-top>div:first-child .fmsg{margin-top:18px;flex-wrap:nowrap;gap:6px}.foot-top>div:first-child .fmsg a{flex:none}
@media (max-width:1240px){.foot-cta{grid-column:1/-1}}
@media (max-width:640px){.foot-cta{grid-template-columns:1fr}}

.logo:focus,.logo:focus-visible,#logo-f:focus,#logo-f:focus-visible,#logo-h:focus,#logo-h:focus-visible,.logo *:focus{outline:none!important;box-shadow:none!important}
.page.legal{padding-bottom:clamp(54.4px,6.4vw,96px)}.legal-t{padding-bottom:clamp(20.4px,2.4vw,38.4px)}
.sp-dir-go{background:none!important;box-shadow:none!important;padding:8px 0!important;color:inherit!important;border-top:1px solid var(--line)!important;border-radius:0!important;width:100%;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.panel.dark .sp-dir-go{border-color:var(--line-d)!important}
.sp-dir-go small{color:var(--mute)!important}.sp-dir-go b{text-decoration:underline;text-decoration-color:rgba(255,98,31,.5);text-underline-offset:5px;text-decoration-thickness:1.5px}
.sp-dir-go .ar{display:none!important}.sp-dir-go::after{content:"→";color:var(--acc);font-size:20px;transition:transform .3s}
.sp-dir-go:hover::after{transform:translateX(5px)}.sp-dir-go:hover b{text-decoration-color:var(--acc)}

.lead-when{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin-top:12px}
.lc{background:var(--ground);border-radius:14px;padding:12px}
.lc-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.lc-h b{font-size:14px;text-transform:capitalize}
.lc-h button{border:0;width:30px;height:30px;border-radius:50%;background:#fff;cursor:pointer;font-size:14px}
.lc-h button:disabled{opacity:.3;cursor:default}
.lc-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.lc-g span{font-size:10.5px;font-weight:700;color:var(--mute);padding:2px 0}
.lc-g button{border:0;background:#fff;border-radius:8px;height:32px;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.lc-g button:hover:not(:disabled){background:rgba(255,98,31,.15)}
.lc-g button:disabled{background:transparent;color:#c5c9cc;cursor:default}
.lc-g button.today{box-shadow:inset 0 0 0 1.5px var(--acc)}
.lc-g button.on{background:var(--acc);color:#fff}
.lt{display:flex;flex-direction:column;gap:8px}
.lt-h{margin:0;font-size:13px;font-weight:600}.lt-h small{color:var(--mute);font-weight:400}
.lt-g{display:flex;flex-direction:column;gap:5px}
.lt-g button{border:0;border-radius:10px;background:var(--ground);padding:9px 12px;text-align:left;font:inherit;font-size:13.5px;cursor:pointer;transition:background .2s,color .2s}
.lt-g button.on{background:var(--ink);color:#fff}
.lt-sel{margin:4px 0 0;font-size:12.5px;color:var(--acc);font-weight:600}
@media (max-width:600px){.lead-when{grid-template-columns:1fr}}

.foot .subs{display:grid;grid-template-columns:1fr 1fr auto;padding:5px 5px 5px 16px;max-width:420px}
.foot .subs input+input{border-left:1px solid rgba(255,255,255,.12);padding-left:12px}
@media (max-width:420px){.foot .subs{grid-template-columns:1fr auto;border-radius:22px}.foot .subs input+input{grid-row:2;border-left:0;padding:8px 0 6px;border-top:1px solid rgba(255,255,255,.12)}.foot .subs button{grid-row:1/3;grid-column:2}}

.ar-sv{display:flex;flex-direction:column;gap:22px;padding-top:clamp(20.4px,2.4vw,32px);border-top:2px solid var(--ink)}
.ar-sv-h .eyebrow{margin:0 0 10px}.ar-sv-h h2{margin:0;max-width:22em}.ar-sv-h .soft{margin:10px 0 0}
.ar-sv-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ar-sv-c{background:#fff;border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:10px;cursor:pointer;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,background .4s,color .4s}
.ar-sv-c::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.ar-sv-c:hover,.ar-sv-c:focus-visible{transform:translateY(-5px);box-shadow:0 26px 44px -26px rgba(18,22,26,.4);outline:0}
.ar-sv-c:hover::before{transform:scaleX(1)}
.ar-sv-c small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ar-sv-c.main small{color:var(--acc)}
.ar-sv-c h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.ar-sv-c p{margin:0;font-size:14px;color:var(--soft);line-height:1.45}
.ar-sv-c footer{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.ar-sv-c footer b{font-size:14px;font-weight:600}
.ar-sv-go{font-size:14px;font-weight:600;cursor:pointer;border-bottom:1.5px solid rgba(18,22,26,.25);transition:border-color .3s}
.ar-sv-go i{font-style:normal;color:var(--acc);display:inline-block;transition:transform .3s}
.ar-sv-c:hover .ar-sv-go i,.ar-sv-go:hover i{transform:translateX(4px)}.ar-sv-c:hover .ar-sv-go{border-color:var(--acc)}
.ar-sv-c.cta{background:var(--ink);color:#fff;cursor:default}
.ar-sv-c.cta small{color:var(--acc);align-self:flex-start;text-align:left}.ar-sv-c.cta .ar-sv-go{align-self:flex-start;border-color:rgba(255,255,255,.3)}
.ar-sv-btn{align-self:flex-start;margin-top:auto;border:0;cursor:pointer;background:var(--acc);color:#fff;border-radius:99px;padding:11px 18px;font:inherit;font-size:14px;font-weight:600}
.ar-sv-btn i{font-style:normal}
.ar-sv-c{animation:syIn .6s var(--ease) both;animation-delay:calc(var(--i,3)*.08s)}
@media (max-width:1024px){.ar-sv-g{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ar-sv-g{grid-template-columns:1fr}}
@media print{.ar-sv{display:none!important}}


/* рутина: операции подсвечиваются и «уходят» в ИИ */
.ai-rt-i{position:relative;overflow:hidden}
.ai-rt-ok{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.22);border-radius:99px;padding:0;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .45s var(--ease),opacity .35s,padding .35s}
.ai-rt-i.hot{background:var(--ink);color:#fff}
.ai-rt-i.hot i{animation:aiTick .6s steps(2) infinite}
@keyframes aiTick{50%{transform:scale(1.8);opacity:.4}}
.ai-rt.phase2 .ai-rt-i.done{background:var(--acc);color:#fff}
.ai-rt.phase2 .ai-rt-i.done i{background:#fff;animation:none}
.ai-rt.phase2 .ai-rt-i.done .ai-rt-ok{max-width:70px;opacity:1;padding:3px 8px}
.ai-rt-m{margin-top:22px;max-width:760px;display:flex;flex-direction:column;gap:8px}
.ai-rt-m-h{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--soft)}.ai-rt-m-h b{color:var(--ink);font-variant-numeric:tabular-nums}
.ai-rt-bar{height:14px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
.ai-rt-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--h,0%);background:var(--ink);border-radius:7px;transition:width .4s var(--ease)}
.ai-rt-bar em{position:absolute;left:0;top:0;bottom:0;width:var(--a,0%);background:repeating-linear-gradient(135deg,var(--acc) 0 8px,#ff8b55 8px 16px);border-radius:7px;transition:width .5s var(--ease);animation:aiStripe 1s linear infinite}
@keyframes aiStripe{to{background-position:22px 0}}
.ai-rt-lg{display:flex;gap:16px;font-size:12.5px;color:var(--soft)}.ai-rt-lg span{display:flex;align-items:center;gap:6px}.ai-rt-lg i{width:12px;height:12px;border-radius:3px;background:var(--ink)}.ai-rt-lg i.a{background:var(--acc)}
/* плавное появление элементов блоков */
#p-ai .ai-st{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .7s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--k,0)*.07s)}
#p-ai .ai-in .ai-st{opacity:1;transform:none}
/* нейросеть на тёмных панелях */
#p-ai .panel.dark{position:relative;isolation:isolate}
#p-ai canvas.ai-net{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55;border-radius:inherit}
#p-ai .panel.dark::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,-20%),rgba(255,98,31,.16),transparent 60%);transition:background .2s}
/* подсветка выделений в заголовках */
#p-ai .muted-word{background:linear-gradient(90deg,var(--acc),var(--acc)) 0 100%/0% 3px no-repeat;transition:background-size 1.1s var(--ease) .3s}
#p-ai .ai-in .muted-word{background-size:100% 3px}
#p-ai mark.hl{background-size:0% 100%!important;transition:background-size 1.2s var(--ease) .2s!important}
#p-ai .ai-in mark.hl{background-size:100% 100%!important}
/* наклон карточек */
#p-ai .ai-tilt{transition:transform .35s var(--ease),box-shadow .35s;transform-style:preserve-3d;will-change:transform}
#p-ai .ai-tilt:hover{box-shadow:0 24px 44px -24px rgba(18,22,26,.45)}
/* бегущая строка «что делает ИИ» */
.ai-tick{overflow:hidden;border-radius:var(--r-lg);background:var(--ink);color:#fff;padding:16px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ai-tick-t{display:flex;gap:10px;width:max-content;animation:hmMq 50s linear infinite}
.ai-tick span{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;background:rgba(255,255,255,.06);font-size:14.5px;white-space:nowrap}
.ai-tick span b{color:var(--acc);font-weight:700}
.ai-tick:hover .ai-tick-t{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){#p-ai .ai-st{opacity:1;transform:none}.ai-tick-t{animation:none}#p-ai canvas.ai-net{display:none}}

.ar-concl b,.ar-concl strong{color:inherit}
.foot .fsv-sys.is-cur,.foot .foot-cta a.fc-calc.is-cur,.foot .foot-cta a.fc-calc.is-cur b{color:#fff!important}.foot .fsv-sys.is-cur,.foot .foot-cta a.fc-calc.is-cur{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);cursor:default}
.foot .subs{grid-template-columns:1fr auto!important;row-gap:0}
.foot .subs input{min-width:0}
.foot .subs input+input{grid-row:2;grid-column:1;border-left:0!important;padding:8px 0 6px!important;border-top:1px solid rgba(255,255,255,.12)}
.foot .subs button{grid-row:1/3;grid-column:2;align-self:center}
.foot .subs{border-radius:22px!important}
.foot .subs input.bad{color:#ff8b8b}
.subs-msg{margin:8px 0 0;font-size:12.5px;min-height:1em;color:#aeb8c1}.subs-msg.err{color:#ff8b8b}.subs-msg.ok{color:#39d98a}

.foot-call{display:flex;flex-direction:column;gap:6px;align-self:end;padding-top:18px}
.foot-call small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6c7780;font-weight:700}
.foot-call a{font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1;color:#fff;white-space:nowrap;transition:color .25s}
.foot-call a:hover{color:var(--acc)}
.foot-call span{font-size:13px;color:#aeb8c1}
@media (min-width:1241px){.foot-top>.foot-call{grid-column:2;grid-row:1;justify-self:start;margin-bottom:6px}.foot-top>.fsv{align-self:start}}
@media (max-width:1240px){.foot-top>.foot-call{grid-column:1/-1;padding-top:6px}}
.foot .subs{width:100%;max-width:none!important;box-sizing:border-box}
.foot .subs button{justify-self:end;margin-right:-1px}


.ct-msg a{--bc:var(--ink);transition:box-shadow .25s,color .25s,background .25s,transform .25s}
.ct-msg a[href*="t.me"]{--bc:#2AABEE}.ct-msg a[href*="wa.me"]{--bc:#25D366}.ct-msg a[href*="max.ru"]{--bc:#7B4DFF}.ct-msg a[href*="vk.com"]{--bc:#0077FF}
.ct-msg a:hover,.ct-msg a:focus-visible{box-shadow:inset 0 0 0 2px var(--bc),0 8px 20px -12px var(--bc);color:var(--bc);background:color-mix(in srgb,var(--bc) 8%,transparent);transform:translateY(-2px);outline:0}

.hm-cx-h .lnk-a{align-self:flex-start!important;margin-top:auto!important;padding-top:18px}

.rb2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(23.8px,3.2vw,51.2px);align-items:start}
.rb2 .rb-sub{margin:10px 0 18px;max-width:30em}
.rb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rb-list li{opacity:0;transform:translateX(-18px);transition:opacity .5s calc(var(--i)*.07s),transform .6s calc(var(--i)*.07s) var(--ease)}
.rb2.in .rb-list li{opacity:1;transform:none}
.rb-list button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;cursor:pointer;font:inherit;font-size:15.5px;color:#e6ebef;background:rgba(255,255,255,.05);border-radius:14px;padding:13px 16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .3s,box-shadow .3s,transform .3s var(--ease)}
.rb-list button:hover{background:rgba(255,255,255,.09);transform:translateX(4px)}
.rb-list button[aria-pressed="true"]{background:rgba(255,98,31,.14);box-shadow:inset 0 0 0 1.5px var(--acc);color:#fff}
.rb-cb{flex:none;width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);position:relative;transition:background .25s,box-shadow .25s}
.rb-cb::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
button[aria-pressed="true"] .rb-cb{background:var(--acc);box-shadow:none}
button[aria-pressed="true"] .rb-cb::after{transform:rotate(45deg) scale(1)}
.rb-meter{margin-top:18px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:12px}
.rb-bar{display:flex;gap:4px}.rb-bar i{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.1);transition:background .35s,box-shadow .35s}
.rb2[data-lv="1"] .rb-bar i.on{background:#f2c14e}.rb2[data-lv="2"] .rb-bar i.on{background:#ff8b55}.rb2[data-lv="3"] .rb-bar i.on{background:var(--acc);box-shadow:0 0 12px rgba(255,98,31,.6)}
.rb-res{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.rb-n{font-size:26px;font-weight:600;color:#fff;white-space:nowrap}.rb-n em{font-style:normal;display:inline-block;transition:transform .3s}
.rb-n em.bump{animation:rbBump .4s}
@keyframes rbBump{40%{transform:scale(1.35);color:var(--acc)}}
.rb-t{font-size:14.5px;color:#c9d2d9;line-height:1.4;flex:1;min-width:14em}
.rb-go{align-self:flex-start;border:0;cursor:pointer;background:var(--acc);color:#fff;border-radius:99px;padding:11px 18px;font:inherit;font-size:14px;font-weight:600;animation:rbIn .5s var(--ease)}
@keyframes rbIn{from{opacity:0;transform:translateY(8px)}}
.rb-no{gap:12px}
.rb-no article{flex-direction:row!important;gap:16px!important;align-items:flex-start;opacity:0;transform:translateY(22px);transition:opacity .6s calc(.2s + var(--i)*.12s),transform .7s calc(.2s + var(--i)*.12s) var(--ease),box-shadow .4s,background .4s;position:relative;overflow:hidden}
.rb2.in .rb-no article{opacity:1;transform:none}
.rb-no article:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.rb-no article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
.rb-no article:hover::before{transform:scaleY(1)}
.rb2[data-lv="0"].touched .rb-no article,.rb2[data-lv="1"] .rb-no article{box-shadow:inset 0 0 0 1.5px rgba(57,217,138,.55);animation:rbHint 2.4s ease-in-out infinite}
.rb2[data-lv="1"] .rb-no article:nth-child(2){animation-delay:.3s}.rb2[data-lv="1"] .rb-no article:nth-child(3){animation-delay:.6s}
@keyframes rbHint{50%{box-shadow:inset 0 0 0 1.5px rgba(57,217,138,.9),0 0 26px -8px rgba(57,217,138,.6)}}
.rb-tx{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.rb-ic{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.rb-ic i{position:absolute;display:block}
/* 0: экран сайта — строки появляются */
.rb-ic0 i{left:10px;right:10px;height:5px;border-radius:3px;background:rgba(255,255,255,.35);animation:rbLine 2.8s ease-in-out infinite}
.rb-ic0 i:nth-child(1){top:13px;background:var(--acc)}.rb-ic0 i:nth-child(2){top:23px;right:20px;animation-delay:.3s}.rb-ic0 i:nth-child(3){top:33px;right:26px;animation-delay:.6s}
@keyframes rbLine{0%,100%{transform:scaleX(.3);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
/* 1: мишень — позиционирование */
.rb-ic1 i{border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.rb-ic1 i:nth-child(1){width:38px;height:38px}.rb-ic1 i:nth-child(2){width:24px;height:24px}.rb-ic1 i:nth-child(3){width:10px;height:10px;background:var(--acc);box-shadow:none;animation:rbPulse 1.8s ease-in-out infinite}
@keyframes rbPulse{50%{transform:translate(-50%,-50%) scale(1.6);opacity:.7}}
/* 2: слои носителей */
.rb-ic2 i{left:12px;width:28px;height:14px;border-radius:4px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);animation:rbStack 3s ease-in-out infinite}
.rb-ic2 i:nth-child(1){top:10px;background:var(--acc);box-shadow:none}.rb-ic2 i:nth-child(2){top:19px;animation-delay:.2s}.rb-ic2 i:nth-child(3){top:28px;animation-delay:.4s}
@keyframes rbStack{50%{transform:translateX(5px)}}
@media (max-width:900px){.rb2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rb-list li,.rb-no article{opacity:1!important;transform:none!important;transition:none}.rb-ic i,.rb2 .rb-no article{animation:none!important}}


.lead-how{display:flex;flex-direction:column;gap:8px}
.lh-l{font-size:13px;font-weight:600}.lh-l small{font-weight:400;color:var(--mute)}
.lh-g{display:flex;flex-wrap:wrap;gap:6px}
.lh-g button{--bc:var(--ink);border:0;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:99px;background:var(--ground);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,background .2s,color .2s}
.lh-g .lh-wa{--bc:#25D366}.lh-g .lh-tg{--bc:#2AABEE}.lh-g .lh-max{--bc:#7B4DFF}.lh-g .lh-mail,.lh-g .lh-tel{--bc:var(--acc)}
.lh-g button:hover{box-shadow:inset 0 0 0 1.5px var(--bc)}
.lh-g button[aria-checked="true"]{background:var(--bc);color:#fff;box-shadow:none}


.ak{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(17px,3.2vw,44.8px);align-items:start;padding-top:clamp(20.4px,2.4vw,32px);border-top:2px solid var(--ink)}
.ak-h{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.ak-h .eyebrow,.ak-h h2,.ak-h p{margin:0}
.ak-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:a}
.ak-list button{width:100%;display:flex;gap:14px;align-items:baseline;text-align:left;border:0;cursor:pointer;font:inherit;font-size:16.5px;font-weight:500;color:var(--ink);background:#fff;border-radius:14px;padding:14px 18px;transition:transform .3s var(--ease),box-shadow .3s}
.ak-list button span{font:700 12px/1 ui-monospace,Menlo,monospace;color:var(--acc)}
.ak-list button:hover{transform:translateX(5px);box-shadow:inset 3px 0 0 var(--acc),0 14px 30px -22px rgba(18,22,26,.5)}
.ak-p .ez-t b{color:var(--acc)}
.ak-fab{position:fixed;left:20px;bottom:20px;z-index:60;display:flex;gap:10px;align-items:center;border:0;cursor:pointer;font:inherit;text-align:left;background:var(--ink);color:#fff;border-radius:99px;padding:8px 18px 8px 8px;box-shadow:0 16px 36px -14px rgba(18,22,26,.6);opacity:0;transform:translateY(16px);transition:opacity .35s,transform .45s var(--ease)}
.ak-fab.show{opacity:1;transform:none}.ak-fab:hover{background:#232a30}
.ak-fab-i{width:36px;height:36px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-weight:800;animation:annP 2.4s infinite}
.ak-fab b{display:block;font-size:14px}.ak-fab small{font-size:12px;color:#aeb8c1}
@media (max-width:760px){.ak{grid-template-columns:1fr}.ak-fab{left:12px;bottom:16px;padding:6px 14px 6px 6px}.ak-fab-i{width:30px;height:30px}.ak-fab small{display:none}}
@media print{.ak-wrap,.ak-pw,.ak-fab{display:none!important}}
/* картинки шагов */
.av{position:relative;width:220px;height:200px}
.av i,.av b,.av em{display:block;position:absolute}
.ez-s .av i,.ez-s .av b,.ez-s .av em,.ez-s .av svg{opacity:0;transition:opacity .4s,transform .6s var(--ease)}
.ez-s.go .av i,.ez-s.go .av b,.ez-s.go .av em,.ez-s.go .av svg{opacity:1}
.av-target b{border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(.4);box-shadow:inset 0 0 0 3px #3a444c}
.av-target b:nth-child(1){width:180px;height:180px}.av-target b:nth-child(2){width:120px;height:120px;transition-delay:.1s}.av-target b:nth-child(3){width:56px;height:56px;background:var(--acc);box-shadow:0 0 30px rgba(255,98,31,.6);transition-delay:.2s}
.ez-s.go .av-target b{transform:translate(-50%,-50%)}
.av-target em{width:90px;height:4px;background:#fff;border-radius:2px;left:110px;top:98px;transform:translate(120px,-120px) rotate(-40deg);transition-delay:.45s!important}
.ez-s.go .av-target em{transform:rotate(-40deg);transform-origin:left}
.av-funnel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.av-funnel div{display:flex;gap:8px}.av-funnel i{position:static!important;width:14px;height:14px;border-radius:50%;background:#3a444c;transform:translateY(-12px);transition-delay:calc(var(--i)*.04s)!important}
.av-funnel div:nth-child(2) i{background:#ff9d70;transition-delay:calc(.5s + var(--i)*.05s)!important}.av-funnel div:nth-child(3) i{background:var(--acc);box-shadow:0 0 14px var(--acc);width:22px;height:22px;transition-delay:calc(.9s + var(--i)*.1s)!important}
.ez-s.go .av-funnel i{transform:none}
.av-chart{display:flex;align-items:flex-end;gap:12px;justify-content:center;padding-bottom:10px;box-shadow:inset 0 -2px 0 #3a444c}
.av-chart i{position:static!important;width:22px;border-radius:6px 6px 0 0;background:#3a444c;height:calc(24px + var(--i)*26px);transform:scaleY(0);transform-origin:bottom;transition-delay:calc(var(--i)*.09s)!important}
.av-chart i:last-child{background:var(--acc)}.ez-s.go .av-chart i{transform:none}
.av-people{display:grid;grid-template-columns:repeat(5,28px);gap:14px;align-content:center;justify-content:center}
.av-people i{position:static!important;width:28px;height:28px;border-radius:50% 50% 40% 40%;background:#3a444c;transform:scale(.3);transition-delay:calc(var(--i)*.04s)!important}
.av-people i.hl{background:var(--acc);box-shadow:0 0 16px var(--acc)}.ez-s.go .av-people i{transform:none}
.av-doc b{left:40px;top:10px;width:140px;height:180px;border-radius:12px;background:#fff;transform:translateY(20px)}
.av-doc i{left:58px;height:8px;border-radius:4px;background:#d8dde1;width:0;top:calc(40px + var(--i)*26px);transition:width .6s calc(.3s + var(--i)*.12s) var(--ease),opacity .2s!important}
.av-doc i:first-of-type{background:var(--acc)}
.ez-s.go .av-doc b{transform:none}.ez-s.go .av-doc i{width:calc(104px - var(--i)*9px)}
.av-gear b{border-radius:50%;border:12px dashed #3a444c;animation:avSpin 6s linear infinite}
.av-gear b:nth-child(1){width:130px;height:130px;left:10px;top:10px;border-color:var(--acc)}.av-gear b:nth-child(2){width:84px;height:84px;left:120px;top:100px;animation-direction:reverse;animation-duration:4s}
@keyframes avSpin{to{transform:rotate(360deg)}}
.av-search i{left:20px;height:10px;border-radius:5px;background:#3a444c;top:calc(40px + var(--i)*30px);width:calc(180px - var(--i)*24px)}
.av-search i:nth-child(2){background:#ff9d70}
.av-search b{width:70px;height:70px;border-radius:50%;box-shadow:inset 0 0 0 7px #fff;left:0;top:20px;animation:avScan 3s ease-in-out infinite}
.av-search b::after{content:"";position:absolute;width:34px;height:9px;border-radius:5px;background:#fff;left:58px;top:64px;transform:rotate(45deg)}
@keyframes avScan{50%{transform:translate(110px,50px)}}
.av-check{display:flex;flex-direction:column;justify-content:center;gap:12px}
.av-check i{position:relative!important;height:34px;border-radius:10px;background:#232a30;transform:translateX(-20px);transition-delay:calc(var(--i)*.15s)!important}
.av-check i::before{content:"";position:absolute;left:10px;top:8px;width:18px;height:18px;border-radius:5px;background:var(--acc)}
.av-check i::after{content:"";position:absolute;left:40px;top:14px;height:6px;border-radius:3px;background:#3a444c;width:calc(120px - var(--i)*14px)}
.ez-s.go .av-check i{transform:none}
.av-warn b{left:30px;top:20px;width:160px;height:140px;background:var(--acc);clip-path:polygon(50% 0,100% 100%,0 100%);transform:scale(.5);font-size:0}
.av-warn b::after{content:"!";position:absolute;left:0;right:0;top:44px;text-align:center;font-size:66px;font-weight:800;line-height:1;color:#fff}
.ez-s.go .av-warn b{transform:none;animation:avShake 2.6s 1s infinite}
@keyframes avShake{0%,86%,100%{transform:none}90%{transform:rotate(-6deg)}95%{transform:rotate(6deg)}}
.av-link svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ff9d70;stroke-width:3;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.4s .3s var(--ease),opacity .2s!important}
.ez-s.go .av-link svg{stroke-dashoffset:0}
.av-link i{width:40px;height:40px;border-radius:50%;background:var(--acc);box-shadow:0 0 18px var(--acc);transform:scale(0);transition-delay:calc(var(--i)*.2s)!important}
.av-link i:nth-of-type(1){left:24px;top:30px}.av-link i:nth-of-type(2){left:156px;top:30px}.av-link i:nth-of-type(3){left:90px;top:136px}
.ez-s.go .av-link i{transform:scale(1)}
.av-cal{display:grid;grid-template-columns:repeat(7,24px);gap:7px;align-content:center;justify-content:center}
.av-cal i{position:static!important;height:24px;border-radius:6px;background:#2d353c;transform:scale(.4);transition-delay:calc(var(--i)*.03s)!important}
.av-cal i.hl{background:var(--acc)}.ez-s.go .av-cal i{transform:none}
@media (max-width:760px){.av{transform:scale(.8)}}


.gl-cta{position:relative}
.gl-spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;mix-blend-mode:screen;background:radial-gradient(560px circle at var(--sx,72%) var(--sy,12%),rgba(255,120,60,.30),rgba(255,98,31,.09) 38%,transparent 62%);transition:opacity .5s}
@media (prefers-reduced-motion:reduce){.gl-spot{display:none}}

.ak-b{max-width:400px}.ak-b b{font-size:16px!important;line-height:1.25!important;letter-spacing:0!important}.ak-b small{font-size:13px!important}.lh-l{font-size:13px;font-weight:500}

/* ================= v3.2.38 подвал ================= */
.ft{padding:clamp(23.8px,3.2vw,44.8px) clamp(17px,3.2vw,44.8px) 0!important;display:flex;flex-direction:column;gap:clamp(23.8px,2.7vw,35.2px);overflow:hidden;position:relative;isolation:isolate}
.ft::before{content:"";position:absolute;width:720px;height:720px;right:-220px;top:-340px;border-radius:50%;background:radial-gradient(circle,rgba(255,98,31,.22),transparent 62%);z-index:-1;animation:ftOrb 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes ftOrb{to{transform:translate(-160px,120px) scale(1.15)}}
.ft-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(20.4px,3.2vw,51.2px);align-items:stretch}
.ft-cta{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ft-cta .eyebrow{margin:0;color:#aeb8c1}
.ft-h{margin:0;font-size:clamp(22px,2.3vw,32px);font-weight:500;letter-spacing:-.03em;line-height:1.15;color:#fff;max-width:22em}
.ft-tel{display:inline-flex;align-items:flex-start;gap:12px;color:#fff;text-decoration:none;font-size:clamp(40px,5.6vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.ft-tel span{background:linear-gradient(90deg,var(--acc),var(--acc)) 0 100%/0 3px no-repeat;padding-bottom:6px;transition:background-size .6s var(--ease),color .3s}
.ft-tel:hover span{background-size:100% 3px}
.ft-tel i{font-style:normal;font-size:.36em;width:1.9em;height:1.9em;border-radius:50%;background:var(--acc);display:grid;place-items:center;margin-top:.15em;transition:transform .4s var(--ease)}
.ft-tel:hover i{transform:rotate(45deg) scale(1.08)}
.ft-meta{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px;color:#aeb8c1}
.ft-meta a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);transition:border-color .3s}.ft-meta a:hover{border-color:var(--acc)}
.ft-meta span{position:relative;padding-left:14px}.ft-meta span::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--acc)}
.ft-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:6px}
.ft-lk{color:#fff;font-size:15px;font-weight:600;cursor:pointer;border-bottom:1.5px solid rgba(255,255,255,.25);padding-bottom:2px;transition:border-color .3s}
.ft-lk i{font-style:normal;color:var(--acc);display:inline-block;transition:transform .3s}.ft-lk:hover{border-color:var(--acc)}.ft-lk:hover i{transform:translateX(4px)}
.ft-card{background:#1b2025;border-radius:22px;padding:clamp(18px,2vw,26px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);display:flex;flex-direction:column;gap:10px}
.ft-card h4{margin:0;font-size:20px;font-weight:600;color:#fff}
.ft-card-p{margin:0;font-size:14px;color:#aeb8c1;line-height:1.45}
.ft .foot-fine{margin:0;font-size:11.5px;line-height:1.45;color:#7d8891}.ft .foot-fine a{color:#aeb8c1}
.ft-msg{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.ft-msg small{font-size:12px;color:#7d8891}
.ft .fmsg{display:flex;gap:8px;flex-wrap:wrap;margin:0!important}
.ft .fmsg a{--bc:var(--acc);width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff;transition:transform .3s var(--ease),background .3s,box-shadow .3s}
.ft .fmsg a svg{width:20px;height:20px}
.ft .fmsg a.tg{--bc:#2AABEE}.ft .fmsg a.wa{--bc:#25D366}.ft .fmsg a.max{--bc:#7B4DFF}.ft .fmsg a.vk{--bc:#0077FF}
.ft .fmsg a:hover,.ft .fmsg a:focus-visible{background:var(--bc);transform:translateY(-3px);box-shadow:0 10px 22px -10px var(--bc);outline:0}
/* бегущая строка */
.ft-tk{margin:0 calc(-1*clamp(17px,3.2vw,44.8px));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;padding:14px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ft-tk-in{display:flex;gap:26px;align-items:center;width:max-content;animation:ftTk 48s linear infinite;white-space:nowrap}
.ft-tk:hover .ft-tk-in{animation-play-state:paused}
.ft-tk-in span{font-size:clamp(18px,1.8vw,24px);font-weight:500;letter-spacing:-.02em;color:#5e6a74;transition:color .3s}
.ft-tk-in span:hover{color:#fff}.ft-tk-in b{color:var(--acc);font-size:14px}
@keyframes ftTk{to{transform:translateX(-50%)}}
/* навигация */
.ft-nav{display:grid;grid-template-columns:1.25fr repeat(5,minmax(0,1fr));gap:24px 28px}
.ft-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.ft-col small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6c7780;margin-bottom:8px}
.ft-col a{display:flex;align-items:baseline;gap:6px;color:#dfe5ea;font-size:15px;line-height:1.3;padding:4px 0;cursor:pointer;text-decoration:none;transition:color .25s}
.ft-col a i{font-style:normal;color:var(--acc);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .3s var(--ease)}
.ft-col a:hover,.ft-col a:focus-visible{color:#fff;outline:0}.ft-col a:hover i,.ft-col a:focus-visible i{opacity:1;transform:none}
.ft-col a span{background:linear-gradient(90deg,var(--acc),var(--acc)) 0 100%/0 1.5px no-repeat;transition:background-size .4s var(--ease)}
.ft-col a:hover span{background-size:100% 1.5px}
.ft .ft-col a.is-cur{color:var(--acc)!important}
.ft-sys{flex-direction:column;align-items:flex-start!important;gap:4px!important;padding:14px 16px!important;border-radius:16px;background:linear-gradient(135deg,var(--acc),#ff8b55);color:#fff!important;position:relative;margin-bottom:8px;transition:transform .35s var(--ease),box-shadow .35s!important}
.ft-sys b{font-size:17px}.ft-sys span{font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.9);background:none!important;padding-right:18px}
.ft-sys i{position:absolute;right:14px;top:14px;opacity:1!important;transform:none!important;color:#fff!important}
.ft-sys:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(255,98,31,.8)}
.ft .ft-sys.is-cur{color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.ft-all{font-weight:600}
/* низ */
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#7d8891}
.ft-bot .foot-logo{flex:none}
.ft-copy{flex:1;min-width:16em}
.ft .foot-legal{display:flex;flex-wrap:wrap;gap:6px 18px}.ft .foot-legal a{color:#aeb8c1}.ft .foot-legal a:hover{color:#fff}
.ft-up{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:99px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .3s}
.ft-up i{font-style:normal;display:inline-block;transition:transform .3s}.ft-up:hover{background:var(--acc)}.ft-up:hover i{transform:translateY(-3px)}
.ft-word{margin:6px calc(-1*clamp(17px,3.2vw,44.8px)) 0;height:clamp(60px,12.5vw,190px);overflow:hidden;display:flex;justify-content:center;user-select:none;pointer-events:none}
.ft-word span{font-size:clamp(84px,17.5vw,270px);font-weight:800;letter-spacing:-.05em;line-height:.9;white-space:nowrap;
 background:linear-gradient(100deg,rgba(255,255,255,.05) 30%,rgba(255,139,85,.35) 45%,rgba(255,255,255,.05) 60%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ftSweep 9s ease-in-out infinite}
@keyframes ftSweep{0%{background-position:100% 0}60%,100%{background-position:0 0}}
/* появление */
.ft .ft-rv,.ft .ft-col{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.ft .ft-rv:nth-child(2){transition-delay:.08s}.ft .ft-rv:nth-child(3){transition-delay:.16s}.ft .ft-rv:nth-child(4){transition-delay:.24s}.ft .ft-rv:nth-child(5){transition-delay:.32s}
.ft .ft-card{transition-delay:.2s}
.ft .ft-col:nth-child(2){transition-delay:.06s}.ft .ft-col:nth-child(3){transition-delay:.12s}.ft .ft-col:nth-child(4){transition-delay:.18s}.ft .ft-col:nth-child(5){transition-delay:.24s}.ft .ft-col:nth-child(6){transition-delay:.3s}
.ft.in .ft-rv,.ft.in .ft-col{opacity:1;transform:none}
@media (max-width:1240px){.ft-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.ft-top{grid-template-columns:1fr}}
@media (max-width:600px){.ft-nav{grid-template-columns:1fr 1fr;gap:20px 16px}.ft-col-sys{grid-column:1/-1}.ft-tel{font-size:clamp(34px,10vw,44px)}.ft-bot{flex-direction:column;align-items:flex-start}.ft-copy{min-width:0}}
@media (prefers-reduced-motion:reduce){.ft::before,.ft-tk-in,.ft-word span{animation:none}.ft .ft-rv,.ft .ft-col{opacity:1;transform:none}}
@media print{.ft-tk,.ft-word,.ft-up{display:none}}

.ft-bot .foot-logo{height:34px!important;margin:0!important;flex:none}
.ft-bot{flex-wrap:wrap}.ft-copy{flex:1 1 220px!important;min-width:0}.ft-up{margin-left:auto}
.ft-col a{position:relative;padding-right:18px}
.ft-col a i{position:absolute;right:0;top:4px}
.ft-sys i{right:14px!important;top:14px!important}
@media (min-width:1241px){.ft-nav{gap:24px 20px}.ft-col a{font-size:14.5px}}
@media (min-width:1241px) and (max-width:1399px){.ft-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ft-word span{background-image:linear-gradient(100deg,rgba(255,255,255,.045) 30%,rgba(255,139,85,.28) 45%,rgba(255,255,255,.045) 60%)}
.ft .ft-col a.ft-sys.is-cur{color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
@media (min-width:601px){.ft-bot{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo copy up" "logo legal up";gap:6px 28px;align-items:center}
.ft-bot .foot-logo{grid-area:logo}.ft-copy{grid-area:copy}.ft .ft-bot .foot-legal{grid-area:legal}.ft-up{grid-area:up;margin-left:0}}

/* ---- главная: «Как мы начинаем» — живая схема (v3.2.41) ---- */
.rt{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(14px,1.8vw,24px);align-items:start}
.rt-l{display:flex;flex-direction:column;gap:10px;position:sticky;top:96px}
.rt-q{margin:0 0 4px;font-size:clamp(18px,1.5vw,21px);font-weight:500;letter-spacing:-.02em}
.rt-t{display:flex;flex-direction:column;gap:6px}
.rt-t button{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;text-align:left;border:0;font:inherit;background:#fff;border-radius:14px;padding:16px 18px;cursor:pointer;transition:background .3s,color .3s,transform .3s var(--ease),box-shadow .3s}
.rt-t button small{font:700 12px/1 ui-monospace,Menlo,monospace;color:var(--acc)}
.rt-t button span{flex:1;font-size:clamp(16px,1.35vw,19px);font-weight:500;letter-spacing:-.01em}
.rt-t button em{font-style:normal;color:var(--acc);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s var(--ease)}
.rt-t button:hover{transform:translateX(4px);box-shadow:0 12px 26px -20px rgba(18,22,26,.45)}
.rt-t button:hover em,.rt-t button.on em{opacity:1;transform:none}
.rt-t button.on{background:var(--ink);color:#fff;box-shadow:0 18px 34px -22px rgba(18,22,26,.8)}
.rt-t button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.rt-pr{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--acc)}
.rt.is-vis:not(.is-user) .rt-t button.on .rt-pr{animation:rtPr 8.2s linear forwards}
@keyframes rtPr{to{width:100%}}
.rt-note{margin:4px 0 0}
.rt-k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#aeb8c1;display:flex;align-items:center;gap:8px;white-space:nowrap}
.rt-k::before{content:"";width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 0 rgba(57,217,138,.6);animation:rtPing 1.8s infinite}
@keyframes rtPing{70%{box-shadow:0 0 0 10px rgba(57,217,138,0)}100%{box-shadow:0 0 0 0 rgba(57,217,138,0)}}
.rt-n{font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--acc);white-space:nowrap}
.rt-lk{color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;border-bottom:1.5px solid rgba(255,255,255,.25);padding-bottom:2px;transition:border-color .3s}
.rt-lk i{font-style:normal;color:var(--acc);display:inline-block;transition:transform .3s}.rt-lk:hover{border-color:var(--acc)}.rt-lk:hover i{transform:translateX(4px)}
.rt-lk[hidden]{display:none}
/* панель */
.rt2-v{--mx:70%;--my:20%;--px:0px;--py:0px;position:relative;isolation:isolate;overflow:hidden;color:#fff;border-radius:var(--r-lg);padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:14px;
 background:radial-gradient(520px circle at var(--mx) var(--my),rgba(255,98,31,.22),transparent 60%),linear-gradient(160deg,#1b2126,#0f1215);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 40px 80px -50px rgba(0,0,0,.8)}
.rt2-v::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%)}
.rt2-top{display:flex;align-items:center;gap:14px;justify-content:space-between}
.rt2-ph{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:1;justify-content:center}
.rt2-ph li{position:relative;font-size:11.5px;font-weight:600;color:#6c7780;padding:5px 10px 5px 22px;border-radius:99px;background:rgba(255,255,255,.04);transition:color .4s,background .4s}
.rt2-ph li::before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#3a434b;transition:background .4s,box-shadow .4s}
.rt2-ph li.on{color:#cfd6dc}.rt2-ph li.on::before{background:#39d98a}
.rt2-ph li.cur{color:#fff;background:rgba(255,98,31,.16)}.rt2-ph li.cur::before{background:var(--acc);box-shadow:0 0 0 4px rgba(255,98,31,.25)}
/* схема */
.rt2-map{position:relative;border-radius:18px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);overflow:hidden}
.rt2-par{transform:translate(var(--px),var(--py));transition:transform .6s var(--ease)}
.rt2-par svg{display:block;width:100%;height:auto}
.rm-base{fill:none;stroke:rgba(255,255,255,.16);stroke-width:2;stroke-dasharray:3 7;stroke-linejoin:round}
.rm-flow{fill:none;stroke:var(--acc);stroke-width:3;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:url(#rmGlow);opacity:.9}
.rt2-v.drawn .rm-flow{animation:rmDraw 1.5s .2s var(--ease) forwards}
@keyframes rmDraw{to{stroke-dashoffset:0}}
.rm-n{opacity:0;transform-box:fill-box;transform-origin:center}
.rm-n rect{fill:#1c2227;stroke:rgba(255,255,255,.16);stroke-width:1.2;transition:fill .45s,stroke .45s}
.rm-n>text{fill:#c9d1d8;font:600 15px/1 Onest,system-ui,sans-serif;text-anchor:middle;transition:fill .45s}
.rm-ring{fill:none;stroke:transparent;stroke-width:2}
.rm-q{opacity:0;transition:opacity .3s}.rm-q circle{fill:#39414a}.rm-q text{fill:#fff;font:700 12px/1 Onest,system-ui,sans-serif;text-anchor:middle}
.rt2-v.in .rm-n{animation:rmIn .6s var(--d) cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes rmIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.rt2-v:not(.in) .rm-base{stroke-dashoffset:40}
.rt2-v.scan .rm-n rect{animation:rmFlash .7s var(--sd) both}
@keyframes rmFlash{0%{fill:#1c2227}40%{fill:#34414a;stroke:#fff}100%{fill:#1c2227}}
.rm-n.bad rect{fill:rgba(255,77,77,.16);stroke:#ff5d5d;stroke-width:2}
.rm-n.bad>text{fill:#fff}
.rm-n.bad .rm-ring{stroke:#ff5d5d;animation:rmPulse 1.3s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes rmPulse{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.9)}}
.rm-n.bad{animation:rmShake .5s ease-in-out}
@keyframes rmShake{25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
.rt2-v.in .rm-n.bad{opacity:1}
.rm-n.q .rm-q{opacity:1}.rm-n.q rect{stroke:#8d98a2;stroke-dasharray:4 4}
.rm-n.fix rect{fill:#2b1a10;stroke:var(--acc);stroke-width:2;filter:url(#rmGlow)}
.rm-n.fix>text{fill:#fff}
.rm-n.fix .rm-ring{stroke:rgba(255,98,31,.5);animation:rmPulse 2.2s ease-out 1}
.rm-p.g{fill:#aeb8c1}.rm-p.o{fill:#ff8b55;filter:url(#rmGlow)}
.rt2-scan{position:absolute;top:0;bottom:0;left:-120px;width:120px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,139,85,.12) 60%,rgba(255,176,138,.55) 96%,#fff 99%,transparent)}
.rt2-v.scan .rt2-scan{animation:rmScan 1.2s cubic-bezier(.5,0,.4,1) forwards}
@keyframes rmScan{0%{left:-120px;opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
/* карточки */
.rt2-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rt2-c,.rt2-fix,.rt2-st{border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.rt2-v small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8d98a2;margin-bottom:5px}
.rt2-c p,.rt2-st p{margin:0;font-size:15px;line-height:1.45;color:#e3e8ec}
.rt2-bad{background:rgba(255,77,77,.08);box-shadow:inset 0 0 0 1px rgba(255,93,93,.35)}.rt2-bad small{color:#ff8a8a}
.rt2-fix{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rt2-fix small{margin:0}
.rt-c{display:flex;flex-wrap:wrap;gap:6px}
.rt-c span{font-size:13.5px;font-weight:600;padding:6px 11px;border-radius:99px;background:rgba(255,98,31,.14);color:#ffd2bd;box-shadow:inset 0 0 0 1px rgba(255,98,31,.5);opacity:0;transform:scale(.6)}
.rt2-go{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border-radius:16px;padding:14px;background:linear-gradient(135deg,rgba(255,98,31,.2),rgba(255,98,31,.05));box-shadow:inset 0 0 0 1px rgba(255,98,31,.4)}
.rt2-st{background:none;box-shadow:none;padding:0}.rt2-st small{color:#ffb08a}
.rt2-btn{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
/* появление по фазам */
.rt2-c,.rt2-fix,.rt2-go{opacity:.15;transform:translateY(8px);transition:opacity .5s,transform .5s var(--ease)}
.rt2-v[data-ph="2"] .rt2-c,.rt2-v[data-ph="3"] .rt2-c,.rt2-v[data-ph="4"] .rt2-c{opacity:1;transform:none}
.rt2-v[data-ph="2"] .rt2-see{transition-delay:0s}.rt2-v[data-ph="2"] .rt2-bad{transition-delay:.12s}
.rt2-v[data-ph="3"] .rt2-fix,.rt2-v[data-ph="4"] .rt2-fix{opacity:1;transform:none}
.rt2-v[data-ph="3"] .rt-c span,.rt2-v[data-ph="4"] .rt-c span{animation:rtPop .45s cubic-bezier(.3,1.5,.5,1) forwards;animation-delay:calc(.15s + var(--k)*.08s)}
@keyframes rtPop{to{opacity:1;transform:none}}
.rt2-v[data-ph="4"] .rt2-go{opacity:1;transform:none}
@media (max-width:1024px){.rt{grid-template-columns:1fr}.rt-l{position:static}.rt2-ph{display:none}}
@media (max-width:640px){.rt2-cards{grid-template-columns:1fr}.rt2-scan{left:0;right:0;width:auto;height:90px;top:-90px;bottom:auto;background:linear-gradient(180deg,transparent,rgba(255,139,85,.12) 60%,rgba(255,176,138,.55) 96%,#fff 99%,transparent)}
 .rt2-v.scan .rt2-scan{animation:rmScanV 1.2s cubic-bezier(.5,0,.4,1) forwards}}
@keyframes rmScanV{0%{top:-90px;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){.rm-n{opacity:1!important;animation:none!important}.rt2-c,.rt2-fix,.rt2-go,.rt-c span{opacity:1!important;transform:none!important;animation:none!important}.rm-flow{stroke-dashoffset:0}.rm-ring{display:none}.rt2-scan{display:none}}

.hm-ex-h{bottom:-34px!important;right:0;left:0;text-align:right}
#hm-sys .hm-st-s{padding-top:clamp(24px,4vh,48px)!important;align-items:start}#hm-sys{margin-top:clamp(34px,4.8vw,76.8px)!important}

/* ---- калькулятор-блок: живой пример ---- */
.cbx{display:flex;flex-direction:column;gap:14px;min-width:0}
.cbx-sc{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:99px;background:var(--ground)}
.cbx-sc button{border:0;font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:99px;background:none;color:var(--soft);cursor:pointer;transition:background .3s,color .3s}
.cbx-sc button.on{background:var(--ink);color:#fff}
.cbx-f{display:flex;align-items:stretch;gap:6px}
.cbx-t{flex:1 1 0;min-width:0;background:var(--ground);border-radius:16px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:transform .4s var(--ease)}
.cbx-t small{font-size:12px;color:var(--soft);line-height:1.2}
.cbx-t b{font-size:clamp(17px,1.6vw,23px);font-weight:600;letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums}
.cbx-p{background:var(--ink);color:#fff}.cbx-p small{color:var(--on-dark-soft)}.cbx-p b{color:var(--acc)}
.cbx-t.neg b{color:#ff8b8b}
.cbx.pulse .cbx-t{animation:cbxBump .7s var(--ease)}
.cbx.pulse .cbx-t:nth-of-type(2){animation-delay:.12s}.cbx.pulse .cbx-t:nth-of-type(3){animation-delay:.24s}.cbx.pulse .cbx-t:nth-of-type(4){animation-delay:.36s}
@keyframes cbxBump{40%{transform:translateY(-5px)}}
.cbx-ar{align-self:center;display:flex;gap:3px;flex:none}
.cbx-ar i{width:4px;height:4px;border-radius:50%;background:var(--acc);opacity:.25;animation:cbxDot 1.2s infinite}
.cbx-ar i:nth-child(2){animation-delay:.2s}.cbx-ar i:nth-child(3){animation-delay:.4s}
@keyframes cbxDot{50%{opacity:1;transform:translateX(2px)}}
.cbx-cmp{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--ground)}
.cbx-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center}
.cbx-row small{font-size:12.5px;color:var(--soft)}
.cbx-row span{height:10px;border-radius:6px;background:rgba(18,22,26,.07);overflow:hidden}
.cbx-row span i{display:block;height:100%;width:0;border-radius:6px;background:#9aa4ad;transition:width 1.2s var(--ease)}
.cbx-row.p span i{background:linear-gradient(90deg,var(--acc),#ffb08a)}
.cbx-row b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:6.5em;text-align:right}
.cbx-romi{margin:2px 0 0;font-size:13px;color:var(--soft)}.cbx-romi b{color:var(--acc);font-size:16px}
.cbx .cb-n{cursor:pointer;margin:0}.cbx .cb-n:hover,.cbx-lk:focus-visible{color:var(--acc)}.cbx-lk{color:inherit;text-decoration:underline;text-underline-offset:3px;outline-offset:2px}
#p-system .cbx-sc,#p-system .cbx-t:not(.cbx-p),#p-system .cbx-cmp{background:rgba(255,255,255,.06)}
#p-system .cbx-t small,#p-system .cbx-row small,#p-system .cbx-romi{color:#aeb8c1}
#p-system .cbx-t:not(.cbx-p) b,#p-system .cbx-row b{color:#fff}
#p-system .cbx-sc button{color:#aeb8c1}#p-system .cbx-sc button.on{background:#fff;color:var(--ink)}
#p-system .cbx-row span{background:rgba(255,255,255,.1)}
#p-system .cbx-t.cbx-p{background:rgba(255,98,31,.14);box-shadow:inset 0 0 0 1px rgba(255,98,31,.45)}
@media (max-width:640px){.cbx-f{display:grid;grid-template-columns:1fr 1fr}.cbx-ar{display:none}.cbx-row{grid-template-columns:1fr auto}.cbx-row span{grid-column:1/-1;grid-row:2}}


/* ---- подвал: контакты ---- */
.ft-ct{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:clamp(17px,2.4vw,38.4px);align-items:start}
.ft-ct small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6c7780;margin-bottom:10px}
.ft-ct .ft-tel{font-size:clamp(34px,4.4vw,64px)}
.ft-ct-b{display:flex;flex-direction:column;gap:4px;font-size:15px;color:#aeb8c1}
.ft-mail{color:#fff;font-size:18px;text-decoration:none;align-self:flex-start;border-bottom:1px solid rgba(255,255,255,.25);transition:border-color .3s;margin-bottom:4px}.ft-mail:hover{border-color:var(--acc)}
.ft-ct-c .fmsg{display:flex;gap:8px}
@media (max-width:900px){.ft-ct{grid-template-columns:1fr 1fr}.ft-ct-a{grid-column:1/-1}}
@media (max-width:560px){.ft-ct{grid-template-columns:1fr}}

.lp-af-c{display:flex;flex-direction:column;align-items:flex-start}.lp-af-c>.pill{margin-top:auto!important;padding-top:14px!important}
.lp-af-c.dk{color:#fff}.lp-af-c.dk>.pill,.lp-af-c.dk>.pill *{color:#fff!important}.lp-af-c.dk>.pill{border-bottom-color:rgba(255,255,255,.3)!important}

/* ---- лендинг: 5 шагов ---- */
.lpw{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
.lpw-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:end}.lpw-h .eyebrow,.lpw-h h2{margin:0}.lpw-sub{margin:0}
.lpw-s{--p:0;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative}
.lpw-s::before,.lpw-s::after{content:"";position:absolute;left:10%;right:10%;top:21px;height:3px;border-radius:2px;background:var(--ground-2)}
.lpw-s::after{background:var(--acc);right:auto;width:calc(80% * var(--p));transition:width .8s var(--ease)}
.lpw-s button{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;font:inherit;cursor:pointer;padding:0 4px 10px;text-align:center;overflow:hidden}
.lpw-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 2px var(--ground-2);transition:background .4s,box-shadow .4s,transform .4s var(--ease)}
.lpw-dot b{font-size:15px}
.lpw-t{font-size:14.5px;font-weight:600;color:var(--soft);line-height:1.25;transition:color .3s}
.lpw-s button:hover .lpw-dot{transform:scale(1.08);box-shadow:inset 0 0 0 2px var(--acc)}
.lpw-s button.done .lpw-dot{background:var(--ink);color:#fff;box-shadow:none}
.lpw-s button.on .lpw-dot{background:var(--acc);color:#fff;box-shadow:0 0 0 6px rgba(255,98,31,.18)}
.lpw-s button.on .lpw-t{color:var(--ink)}
.lpw-pr{position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:2px;transform:scaleX(0);transform-origin:left;background:var(--acc)}
.lpw.is-vis:not(.is-user) .lpw-s button.on .lpw-pr{animation:lpwPr 5.2s linear forwards}
@keyframes lpwPr{to{transform:scaleX(1)}}
.lpw-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(14px,2vw,24px);align-items:stretch}
.lpw-card{background:var(--ground);border-radius:20px;padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;gap:12px}
.lpw-step{margin:0;font-size:13px;color:var(--soft)}.lpw-step b{color:var(--acc)}
.lpw-ttl{margin:0;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.03em}
.lpw-dl{margin:0;display:flex;flex-direction:column;gap:8px}
.lpw-dl>div{background:#fff;border-radius:14px;padding:12px 14px}
.lpw-dl dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.lpw-dl dd{margin:0;font-size:15.5px;line-height:1.45}
.lpw-dl .res{background:var(--ink);color:#fff}.lpw-dl .res dt{color:var(--acc)}
.lpw-card.is-anim .lpw-ttl,.lpw-card.is-anim .lpw-dl>div{animation:rtIn .5s var(--ease) both}
.lpw-card.is-anim .lpw-dl>div:nth-child(1){animation-delay:.08s}.lpw-card.is-anim .lpw-dl>div:nth-child(2){animation-delay:.16s}.lpw-card.is-anim .lpw-dl>div:nth-child(3){animation-delay:.24s}
.lpw-card .lpw-ttl,.lpw-card .lpw-dl>div{transform:translateX(0)}
.lpw-nav{margin-top:auto;gap:8px}.lpw-nav .pill:disabled{opacity:.35}
/* браузер */
.lpw-br{background:var(--ink);border-radius:20px;padding:10px;display:flex;flex-direction:column;min-height:380px}
.lpw-bar{display:flex;align-items:center;gap:6px;padding:4px 6px 10px}.lpw-bar i{width:9px;height:9px;border-radius:50%;background:#3a444c}
.lpw-bar span{margin-left:10px;flex:1;font-size:11.5px;color:#8a959e;background:#1f262c;border-radius:8px;padding:5px 10px}
.lpw-page{position:relative;flex:1;background:#f6f5f2;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.lpw-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lpw-b{position:relative;border-radius:10px;padding:12px;min-height:74px;display:flex;flex-direction:column;gap:6px;background:transparent;box-shadow:inset 0 0 0 1.5px transparent;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s var(--ease),background .6s,box-shadow .5s}
.lpw-b em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a929a;transition:color .5s}
.lpw-b i{display:block;height:7px;border-radius:4px;background:#d9dcdf;width:0;transition:width .7s var(--ease)}
.lpw-b i+i{transition-delay:.15s}
.lpw-b u{text-decoration:none;align-self:flex-start;font-size:11px;font-weight:700;padding:6px 10px;border-radius:99px;background:#d9dcdf;color:transparent;opacity:0;transition:opacity .4s,background .5s,color .5s}
.b-hero{min-height:96px}
.lpw-notes{position:absolute;inset:14px;display:flex;flex-wrap:wrap;gap:12px;align-content:center;justify-content:center;transition:opacity .5s}
.lpw-notes span{background:#ffe7a8;color:#5a4610;font-size:14px;font-weight:600;padding:14px 16px;border-radius:4px;box-shadow:0 8px 16px -8px rgba(0,0,0,.35);transform:rotate(-3deg) scale(.8);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.3,1.5,.5,1)}
.lpw-notes span:nth-child(2){transform:rotate(2deg) scale(.8);transition-delay:.15s}.lpw-notes span:nth-child(3){transform:rotate(-1deg) scale(.8);transition-delay:.3s}
.lpw-toast{position:absolute;right:14px;bottom:14px;background:var(--ink);color:#fff;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(16px);transition:opacity .4s,transform .5s var(--ease)}
.lpw-toast b{font-size:13px}.lpw-toast b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#39d98a;margin-right:6px}.lpw-toast span{font-size:12px;color:#aeb8c1}
.lpw-cur{position:absolute;width:18px;height:18px;border-radius:50%;background:rgba(255,98,31,.35);box-shadow:0 0 0 2px var(--acc);left:30%;top:30%;opacity:0;transition:left 1s var(--ease),top 1s var(--ease),opacity .3s}
/* состояния */
.lpw-br[data-s="0"] .lpw-notes span{opacity:1;transform:rotate(-3deg) scale(1)}
.lpw-br[data-s="0"] .lpw-notes span:nth-child(2){transform:rotate(2deg) scale(1)}.lpw-br[data-s="0"] .lpw-notes span:nth-child(3){transform:rotate(-1deg) scale(1)}
.lpw-br:not([data-s="0"]) .lpw-notes{opacity:0;pointer-events:none}
.lpw-br:not([data-s="0"]) .lpw-b{opacity:1;transform:none;box-shadow:inset 0 0 0 1.5px #c9ced3;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(0,0,0,.025) 8px 16px)}
.lpw-br:not([data-s="0"]) .lpw-row:nth-of-type(1) .lpw-b{transition-delay:.12s}.lpw-br:not([data-s="0"]) .lpw-row:nth-of-type(2) .lpw-b{transition-delay:.24s}
.lpw-br[data-s="2"] .lpw-b i,.lpw-br[data-s="3"] .lpw-b i,.lpw-br[data-s="4"] .lpw-b i{width:80%}
.lpw-br[data-s="2"] .lpw-b i+i,.lpw-br[data-s="3"] .lpw-b i+i,.lpw-br[data-s="4"] .lpw-b i+i{width:55%}
.lpw-br[data-s="2"] .lpw-b u,.lpw-br[data-s="3"] .lpw-b u,.lpw-br[data-s="4"] .lpw-b u{opacity:1;color:#5b636b}
.lpw-br[data-s="3"] .lpw-b,.lpw-br[data-s="4"] .lpw-b{box-shadow:none;background:#fff}
.lpw-br[data-s="3"] .b-hero,.lpw-br[data-s="4"] .b-hero{background:linear-gradient(120deg,#12161a,#2a1a12)}
.lpw-br[data-s="3"] .b-hero em,.lpw-br[data-s="4"] .b-hero em{color:#ff8b55}
.lpw-br[data-s="3"] .b-hero i,.lpw-br[data-s="4"] .b-hero i{background:rgba(255,255,255,.35)}
.lpw-br[data-s="3"] .lpw-b u,.lpw-br[data-s="4"] .lpw-b u{background:var(--acc);color:#fff}
.lpw-br[data-s="3"] .b-spec,.lpw-br[data-s="4"] .b-spec{background:#e9ecef}
.lpw-br[data-s="3"] .b-case,.lpw-br[data-s="4"] .b-case{background:#fff3ec}
.lpw-br[data-s="4"] .lpw-cur{opacity:1;left:calc(75% + 10px);top:calc(100% - 64px)}
.lpw-br[data-s="4"] .b-form u{animation:lpwClick .6s 1s 2}
@keyframes lpwClick{50%{transform:scale(.9);box-shadow:0 0 0 6px rgba(255,98,31,.3)}}
.lpw-br[data-s="4"] .lpw-toast{opacity:1;transform:none;transition-delay:1.6s}
@media (max-width:900px){.lpw-h,.lpw-g{grid-template-columns:1fr}.lpw-s{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto}.lpw-t{font-size:12.5px}}
@media (max-width:640px){.lpw-s{overflow:visible;grid-template-columns:repeat(5,minmax(0,1fr))}.lpw-t{display:none}.lpw-s button{padding-bottom:6px}}
@media (prefers-reduced-motion:reduce){.lpw-b,.lpw-toast,.lpw-notes span{transition:none!important}}

#p-system .sy-hero-r .row{gap:12px clamp(23.8px,2.4vw,38.4px)!important}

body[data-pg="system"] .hdr .hdr-in,body[data-pg="system"] .hdr.solid .hdr-in{background:#2b3137!important;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.06),0 14px 30px -18px rgba(0,0,0,.6)!important;backdrop-filter:none}
body[data-pg="system"] .hdr .ni>button,body[data-pg="system"] .hdr .h-tel,body[data-pg="system"] .hdr .nav a{color:#fff!important}
body[data-pg="system"] .hdr .ni>button:hover,body[data-pg="system"] .hdr .ni.cur>button{background:rgba(255,255,255,.12)!important}
body[data-pg="system"] .hdr .pill.ink{background:#fff!important;color:var(--ink)!important}
body[data-pg="system"] .hdr .burger{background:#fff;color:var(--ink)}

.sy-au-h .stack-sm>h2+p{margin-top:clamp(12px,1.4vw,20px)!important}
.sy-au-pr .pill.acc,.sy-au-pr .pill.acc .ar{color:#fff!important}.sy-au-pr .pill.acc .ar{opacity:1!important;display:inline!important}
.sy-pr-a .pill .ar{color:var(--acc)!important}
.sy-pr-m .row{margin-top:clamp(12px,1.6vw,22px)}

@media (min-width:901px){.alt-flip{direction:rtl}.alt-flip>*{direction:ltr}}
:root{--gap-home:clamp(64px,9.6vw,144px);--space-lg:38px;--space-xl:64px;--space-2xl:clamp(76px,9vw,134px);--pp:clamp(20px,3.2vw,46px)}
.rhythm>.cb-w,.rhythm>[data-cta]{margin-top:var(--gap-home)!important}
.hm-st{height:210vh}
@media (min-width:1025px){.lp-sp{height:170vh!important}}

/* ---- v3.2.40: вкладки ---- */
.wrap[hidden],.v4t-p[hidden]{display:none!important}
.v4t-h{margin-bottom:14px}.v4t-h .eyebrow{margin:0}
.v4t-t{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 clamp(14px,1.6vw,22px);padding:5px;border-radius:22px;background:var(--ground-2,#e9e7e2);width:max-content;max-width:100%}
.v4t-t button{display:inline-flex;align-items:center;gap:8px;border:0;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:99px;background:none;color:var(--soft);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.v4t-t button span{font:700 11px/1 ui-monospace,Menlo,monospace;color:var(--acc);opacity:.8}
.v4t-t button:hover{color:var(--ink);background:rgba(255,255,255,.6)}
.v4t-t button.on{background:var(--ink);color:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
.v4t-t button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.v4t-p>.eyebrow.v4t-eb,.v4t-p .v4t-eb{display:none!important}
.v4t-p.v4t-in{animation:tgIn .5s var(--ease) both}
@keyframes tgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.v4t-p>*+*{margin-top:12px}
.page[data-dark] .v4t-t,#p-system .v4t-t{background:rgba(255,255,255,.07)}
#p-system .v4t-t button{color:#aeb8c1}#p-system .v4t-t button:hover{color:#fff;background:rgba(255,255,255,.08)}#p-system .v4t-t button.on{background:#fff;color:var(--ink)}
@media (max-width:760px){.v4t-t{flex-wrap:nowrap;overflow-x:auto;width:auto;border-radius:18px;scrollbar-width:none}.v4t-t::-webkit-scrollbar{display:none}.v4t-t button{white-space:nowrap;padding:8px 13px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.v4t-p.v4t-in{animation:none}}
.sp-tg{display:none!important}
#p-services .v4t .v4t-b{margin-top:clamp(18px,2vw,28px)}
.v40-fold{position:relative;max-height:520px;overflow:hidden;transition:max-height .6s var(--ease)}
.v40-fold:not(.open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,var(--ground))}
.v40-fold.open{max-height:none}
.v40-fold-b{margin-top:14px}
.v40-more{margin:18px 0 0;font-size:15px}.v40-more a{color:inherit;font-weight:600;border-bottom:1.5px solid rgba(255,98,31,.5);cursor:pointer}.v40-more a:hover{color:var(--acc)}
.v40-crm{margin:14px 0 0;font-size:14.5px;color:var(--soft)}.v40-crm a{color:var(--acc);font-weight:600;cursor:pointer}
/* ---- общий компонент «Как проходит работа» ---- */
.v4p{--p:0}
.v4p-hd{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:end}.v4p-hd .eyebrow,.v4p-hd h2,.v4p-sub{margin:0}
.v4p-s{list-style:none;margin:clamp(20px,2.4vw,32px) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--nn,10),minmax(0,1fr));gap:4px;position:relative}
.v4p[data-n="5"] .v4p-s{--nn:5}.v4p[data-n="7"] .v4p-s{--nn:7}.v4p[data-n="10"] .v4p-s{--nn:10}.v4p[data-n="11"] .v4p-s{--nn:11}
.v4p-s::before,.v4p-s::after{content:"";position:absolute;left:18px;right:18px;top:17px;height:3px;border-radius:2px;background:var(--ground-2,#e9e7e2)}
.v4p-s::after{background:var(--acc);right:auto;width:calc((100% - 36px) * var(--p));transition:width .8s var(--ease)}
.v4p-s button{position:relative;z-index:1;display:grid;place-items:center;width:37px;height:37px;margin:0 auto;border-radius:50%;border:0;background:#fff;box-shadow:inset 0 0 0 2px var(--ground-2,#e1ded8);font:700 14px/1 inherit;color:var(--ink);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.v4p-s button:hover{transform:scale(1.1);box-shadow:inset 0 0 0 2px var(--acc)}
.v4p-s button.done{background:var(--ink);color:#fff;box-shadow:none}
.v4p-s button.on{background:var(--acc);color:#fff;box-shadow:0 0 0 6px rgba(255,98,31,.18)}
.v4p-s button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.v4p-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(14px,2vw,26px);margin-top:clamp(18px,2vw,28px)}
.v4p-c{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:12px;background:var(--ground);border-radius:var(--r-lg);padding:clamp(18px,2.2vw,28px)}
.v4p-c.is-anim .v4p-t,.v4p-c.is-anim .v4p-dl>div{animation:tgIn .5s var(--ease) both}.v4p-c.is-anim .v4p-dl>div:nth-child(2){animation-delay:.1s}
.v4p-n{margin:0;font-size:13px;color:var(--soft)}.v4p-n b{color:var(--acc)}
.v4p-t{margin:0;font-size:clamp(22px,2vw,30px);letter-spacing:-.02em}
.v4p-dl{display:flex;flex-direction:column;gap:8px}
.v4p-dl>div{background:#fff;border-radius:14px;padding:12px 14px}.v4p-dl small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:4px}.v4p-dl p{margin:0;font-size:15px;line-height:1.45}
.v4p-dl>div.r{background:var(--ink);color:#fff}.v4p-dl>div.r small{color:var(--acc)}
.v4p-nav{margin-top:auto;gap:8px}.v4p-nav .pill:disabled{opacity:.35}
.v4p-bd{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:12px;min-height:340px;overflow:hidden}
.v4p-bh{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.v4p-bh span{font:700 13px/1 ui-monospace,Menlo,monospace;color:var(--acc)}
.v4p-bar{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}.v4p-bar i{display:block;height:100%;width:calc(100% * var(--p));min-width:6%;background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 45%,#fff));transition:width .8s var(--ease)}
.v4p-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1}
.v4p-col{background:rgba(255,255,255,.04);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.v4p-col>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8d98a2}.v4p-col[data-c="n"]>small{color:var(--acc)}.v4p-col[data-c="d"]>small{color:#39d98a}
.v4p-col>div{display:flex;flex-direction:column;gap:6px}
.v4p-k{display:block;font-size:12.5px;line-height:1.3;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.07);color:#cfd6dc;transition:transform .6s var(--ease),background .4s,color .4s,opacity .4s;will-change:transform}
.v4p-k em{display:block;font:700 10px/1 ui-monospace,Menlo,monospace;font-style:normal;color:#8d98a2;margin-bottom:3px}
.v4p-k.is-d{background:rgba(57,217,138,.1);color:#b7f0d2}.v4p-k.is-d em::after{content:" ✓";color:#39d98a}
.v4p-k.is-n{background:rgba(255,98,31,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,98,31,.6);font-size:14px;font-weight:600;padding:12px}
.v4p.is-vis:not(.is-user) .v4p-k.is-n{animation:prPulse 1.7s ease-in-out infinite}
@keyframes prPulse{50%{box-shadow:inset 0 0 0 1px rgba(255,98,31,.95),0 0 0 5px rgba(255,98,31,.12)}}
.v4p-k.is-far{display:none}
.v4p-more{font-size:12px;color:#8d98a2;padding:2px 4px}
.v4p-x{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;margin-top:clamp(16px,2vw,24px);padding:16px 18px;border-radius:var(--r-lg);background:var(--ground)}
.v4p-x .eyebrow{margin:0 0 4px}.v4p-x ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;font-size:14px;font-weight:600}.v4p-x ol span{color:var(--acc);font-size:12px;margin-right:4px}
@media (max-width:1024px){.v4p-hd,.v4p-g{grid-template-columns:1fr}.v4p-x{grid-template-columns:1fr}}
@media (max-width:640px){.v4p-s{grid-template-columns:repeat(var(--nn),minmax(24px,1fr))}.v4p-s button{width:28px;height:28px;font-size:12px}.v4p-s::before,.v4p-s::after{top:13px}.v4p-cols{grid-template-columns:1fr 1fr}.v4p-col[data-c="f"]{display:none}.v4p-bd{min-height:0}.v4p-x ol{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.v4p-k{transition:none}.v4p-c.is-anim .v4p-t,.v4p-c.is-anim .v4p-dl>div{animation:none}}
/* ---- сравнение трёх сайтов ---- */
.v4c-q{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}.v4c-q>span{font-size:14px;font-weight:600;margin-right:4px}
.v4c-q button{border:0;font:inherit;font-size:14px;padding:9px 14px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.v4c-q button:hover{box-shadow:inset 0 0 0 1.5px var(--acc)}.v4c .v4c-q button[aria-checked="true"]{background:var(--ink)!important;color:#fff!important;box-shadow:none!important}
.v4c-t{background:#fff;border-radius:var(--r-lg);padding:8px;overflow:hidden}
.v4c-r{display:grid;grid-template-columns:minmax(120px,.7fr) repeat(3,minmax(0,1fr));align-items:stretch}
.v4c-r>*{padding:13px 14px;font-size:14.5px;line-height:1.4;transition:background .4s,color .4s}
.v4c-r>span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);display:flex;align-items:center}
.v4c-r+.v4c-r>*{border-top:1px solid var(--line)}
.v4c-hr b{font-size:17px;display:flex;flex-direction:column;gap:4px}.v4c-hr em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.v4c-fr>*{border-top:0!important}
.v4c[data-pick="landing"] [data-k="landing"],.v4c[data-pick="corporate"] [data-k="corporate"],.v4c[data-pick="shop"] [data-k="shop"]{background:rgba(255,98,31,.08)}
.v4c[data-pick="landing"] .v4c-hr [data-k="landing"],.v4c[data-pick="corporate"] .v4c-hr [data-k="corporate"],.v4c[data-pick="shop"] .v4c-hr [data-k="shop"]{background:var(--acc);color:#fff;border-radius:14px 14px 0 0}
.v4c[data-pick="landing"] .v4c-hr [data-k="landing"] em,.v4c[data-pick="corporate"] .v4c-hr [data-k="corporate"] em,.v4c[data-pick="shop"] .v4c-hr [data-k="shop"] em{color:#fff}
.v4c-r:nth-child(4) [role="cell"]{font-weight:700;font-size:16px}
@media (max-width:760px){.v4c-r{grid-template-columns:1fr}.v4c-r>span{padding-bottom:4px}.v4c-hr{display:none}.v4c-r [role="cell"]{display:none}.v4c[data-pick="landing"] [role="cell"][data-k="landing"],.v4c[data-pick="corporate"] [role="cell"][data-k="corporate"],.v4c[data-pick="shop"] [role="cell"][data-k="shop"]{display:block;background:none}.v4c-r+.v4c-r>*{border-top:0}.v4c-r{border-top:1px solid var(--line)}}
/* ---- таблица аудитов ---- */
.v4a-t{margin-top:clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:6px}
.v4a-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,.7fr) minmax(0,.6fr) 150px;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--ground);transition:transform .3s var(--ease),box-shadow .3s}
.v4a-r:not(.v4a-h):hover{transform:translateX(4px);box-shadow:inset 3px 0 0 var(--acc)}
.v4a-h{background:none;padding-top:0;padding-bottom:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.v4a-r b{font-size:15.5px}.v4a-lk{display:block;font-size:12.5px;font-weight:600;color:var(--acc);cursor:pointer;margin-top:3px}
.v4a-r>span{font-size:14px;line-height:1.4}.v4a-r>span:last-child{justify-self:end}.v4a-p{font-weight:700;font-size:16px!important;white-space:nowrap}.v4a-term{color:var(--soft)}
@media (max-width:900px){.v4a-r{grid-template-columns:1fr auto}.v4a-h{display:none}.v4a-r>span:nth-child(2){grid-column:1/-1}.v4a-term{grid-column:1}}


/* ---- v3.2.40 разное ---- */
.v40-nf{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:18px}
.v40-hint{display:block;margin-top:4px;font-size:12.5px;color:#d8431a;min-height:1em}
.v40-fh:focus{outline:none}
.v40-bg *,.v40-bg *::before,.v40-bg *::after{animation-play-state:paused!important}
.ar-body a.v40-in,.prose a.v40-in{color:inherit;border-bottom:1.5px solid rgba(255,98,31,.55);cursor:pointer;text-decoration:none}.ar-body a.v40-in:hover{color:var(--acc)}
.v40-also{margin:28px 0;padding:16px 18px;border-radius:16px;background:var(--ground);border-left:3px solid var(--acc)}
.v40-also small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}
.v40-also a{font-weight:600;font-size:16px;cursor:pointer;color:var(--ink)}.v40-also a:hover{color:var(--acc)}


/* ---- v3.2.41 ---- */
@media (min-width:1025px){#hm-st .hm-ly{min-height:var(--lyh,64px);padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}#hm-st .hm-st-v{gap:6px;padding-top:0;padding-bottom:0}}
.hm-obj:before{margin-left:calc(-8px + var(--ax,0px))!important}
/* плашка про интерактив */
.v4n{position:fixed;right:16px;bottom:16px;z-index:95;width:min(440px,calc(100vw - 32px));display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:center;padding:16px 16px 16px 14px;border-radius:22px;color:#fff;background:#12161a;
 box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:translateX(calc(100% + 40px)) rotate(6deg);opacity:0;transition:transform .8s cubic-bezier(.2,1.35,.4,1),opacity .4s,bottom .4s var(--ease);touch-action:pan-y;user-select:none;cursor:grab;isolation:isolate}
.v4n.on{transform:none;opacity:1}
.v4n.drag{cursor:grabbing}
.v4n::before{content:"";position:absolute;inset:-1.5px;border-radius:23px;z-index:-2;background:conic-gradient(from var(--v4a,0deg),#ff621f,#ffb08a,#39d98a,#12161a 40%,#12161a 60%,#ff621f);animation:v4nSpin 4s linear infinite}
.v4n::after{content:"";position:absolute;inset:0;border-radius:22px;z-index:-1;background:radial-gradient(260px circle at 20% 0%,rgba(255,98,31,.22),transparent 60%),#12161a}
@property --v4a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes v4nSpin{to{--v4a:360deg}}
body:has(#pn.show) .v4n{bottom:90px}
.v4n-x{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background .3s,transform .3s}
.v4n-x:hover{background:var(--acc);transform:rotate(90deg)}
.v4n-x:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.v4n-tx{display:flex;flex-direction:column;gap:6px;padding-right:22px}
.v4n-tx b{font-size:16.5px;letter-spacing:-.02em}
.v4n-tx p{margin:0;font-size:13.5px;line-height:1.45;color:#cfd6dc}
.v4n-tx small{font-size:11.5px;color:#8d98a2;display:flex;align-items:center;gap:6px}
.v4n-tx small span{display:inline-block;color:var(--acc);animation:v4nSw 1.8s ease-in-out infinite}
@keyframes v4nSw{50%{transform:translateX(6px)}}
.v4n-sc{position:relative;height:96px;border-radius:14px;background:#1c2227;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden}
.v4n-ui{position:absolute;inset:12px 12px;display:flex;flex-direction:column;gap:11px}
.v4n-tg{position:relative;width:38px;height:20px;border-radius:99px;background:#3a434b;animation:v4nTg 4.8s infinite}
.v4n-tg i{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;animation:v4nTk 4.8s infinite}
@keyframes v4nTg{0%,21%{background:#3a434b}25%,92%{background:var(--acc)}100%{background:#3a434b}}
@keyframes v4nTk{0%,21%{transform:none}25%,92%{transform:translateX(18px)}100%{transform:none}}
.v4n-sl{position:relative;height:6px;border-radius:3px;background:#3a434b;margin-top:4px}
.v4n-sl b{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--acc);width:14%;animation:v4nFill 4.8s infinite}
.v4n-sl i{position:absolute;top:50%;left:14%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,98,31,.25);animation:v4nKnob 4.8s infinite}
@keyframes v4nFill{0%,48%{width:14%}74%,92%{width:82%}100%{width:14%}}
@keyframes v4nKnob{0%,48%{left:14%}74%,92%{left:82%}100%{left:14%}}
.v4n-ch{display:flex;gap:4px}.v4n-ch i{flex:1;height:14px;border-radius:5px;background:#2b3338;animation:v4nCh 4.8s infinite;animation-delay:calc(var(--n,0)*.1s)}
.v4n-ch i:nth-child(2){--n:1}.v4n-ch i:nth-child(3){--n:2}.v4n-ch i:nth-child(4){--n:3}
@keyframes v4nCh{0%,74%{background:#2b3338}80%,92%{background:rgba(255,98,31,.55)}100%{background:#2b3338}}
.v4n-cur{position:absolute;width:20px;height:20px;left:0;top:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:v4nCur 4.8s cubic-bezier(.5,0,.3,1) infinite}
.v4n-cur path{fill:#fff;stroke:#12161a;stroke-width:1.2}
@keyframes v4nCur{0%{transform:translate(92px,80px)}16%{transform:translate(34px,16px)}20%{transform:translate(34px,16px) scale(.82)}24%{transform:translate(34px,16px)}40%{transform:translate(20px,44px)}46%{transform:translate(20px,44px) scale(.82)}72%{transform:translate(86px,44px) scale(.82)}78%{transform:translate(86px,44px)}100%{transform:translate(92px,80px)}}
.v4n-rp{position:absolute;left:36px;top:18px;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--acc);opacity:0;animation:v4nRp 4.8s infinite}
@keyframes v4nRp{0%,19%{opacity:0;transform:scale(.3)}22%{opacity:1;transform:scale(.5)}32%{opacity:0;transform:scale(1.6)}100%{opacity:0}}
@media (max-width:760px){.v4n{top:140px;bottom:auto!important;right:16px;grid-template-columns:92px minmax(0,1fr);transform:translateY(-140%);touch-action:none}.v4n.on{transform:none}.v4n-sc{height:84px}.v4n-tx small span{animation:none}}
@media (prefers-reduced-motion:reduce){.v4n{transition:opacity .3s}.v4n::before,.v4n-tg,.v4n-tg i,.v4n-sl b,.v4n-sl i,.v4n-ch i,.v4n-cur,.v4n-rp,.v4n-tx small span{animation:none}}
/* ссылки-переходы в ряду с кнопками — по центру ряда */
.row>.pill:not(.acc){align-self:center!important}
/* «Услуги и цены» */
.sp-hero .row{align-items:center}
.sp-hero .row>.pill:not(.acc){align-self:center!important;margin-left:clamp(10px,1.4vw,22px)!important;color:#fff!important}
.sp-hero .row>.pill:not(.acc)::before{opacity:.45!important}
.sp-orb-c{background:radial-gradient(circle at 35% 30%,#2c3136,#161a1e 62%,#0f1215)!important;color:#fff!important;box-shadow:0 0 0 2px var(--acc),0 0 0 12px rgba(255,98,31,.12),0 0 70px rgba(255,98,31,.5),inset 0 0 36px rgba(255,98,31,.22)!important;animation:spOrbGlow 3.2s ease-in-out infinite}
.sp-orb-c small{color:var(--acc)!important;opacity:1!important}
.sp-orb-c b,.sp-orb-c em{color:#fff!important}
@keyframes spOrbGlow{50%{box-shadow:0 0 0 2px #ff8b55,0 0 0 16px rgba(255,98,31,.16),0 0 90px rgba(255,98,31,.65),inset 0 0 44px rgba(255,98,31,.3)}}
.sp-orb-n:hover span,.sp-orb-n.on span{color:#fff!important}
@media (min-width:1025px){#sp-price .sp-drv{position:sticky;top:96px}}
.sp-ps-l .row{margin-top:clamp(14px,2vw,28px)}
@media (prefers-reduced-motion:reduce){.sp-orb-c{animation:none}}


/* ---- v3.2.42: вкладки заметнее ---- */
.v4t[data-tg] .v4t-t,.page[data-dark]:not(#p-system) .v4t[data-tg] .v4t-t{background:#fff;box-shadow:0 0 0 1px var(--line),0 14px 30px -20px rgba(18,22,26,.45);padding:6px;gap:4px;border-radius:26px;align-items:center}
.v4t[data-tg] .v4t-t button{position:relative;color:#3d464e;padding:10px 17px}
.v4t[data-tg] .v4t-t button:hover{background:var(--ground)}
.v4t[data-tg] .v4t-t button.on{background:var(--ink);color:#fff}
.v4t[data-tg] .v4t-t button.v42-new::after{content:"";position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 2px #fff;animation:v42Dot 2.4s ease-in-out infinite}
@keyframes v42Dot{50%{box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(255,98,31,.18)}}
.v42-tc{display:inline-flex;align-items:center;gap:8px;margin-left:6px;padding:0 12px 0 14px;border-left:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--mute);white-space:nowrap;height:28px}
.v42-tc b{color:var(--ink);font-size:13px}
.v42-tc i{display:inline-grid;grid-template-columns:repeat(var(--n),14px);gap:3px}
.v42-tc u{display:block;height:4px;border-radius:2px;background:var(--line);transition:background .4s}
.v42-tc u.on{background:var(--acc)}
.v4t-t.v42-hint button:not(.on){animation:v42Hint .55s ease-in-out both}
.v4t-t.v42-hint button:nth-child(2){animation-delay:.1s}.v4t-t.v42-hint button:nth-child(3){animation-delay:.36s}.v4t-t.v42-hint button:nth-child(4){animation-delay:.62s}.v4t-t.v42-hint button:nth-child(5){animation-delay:.88s}.v4t-t.v42-hint button:nth-child(6){animation-delay:1.14s}
@keyframes v42Hint{0%,100%{background:transparent;transform:none}45%{background:rgba(255,98,31,.16);transform:translateY(-2px)}}
.v42-nx{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:clamp(14px,1.6vw,20px)!important;padding:4px 2px 0}
.v42-nx-k{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--mute)}
.v42-nx-b{border:0;background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:99px;padding:10px 18px;font:inherit;font-size:14px;color:var(--soft);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.v42-nx-b b{color:var(--ink);font-weight:600}
.v42-nx-b span{color:var(--acc);font-weight:700;transition:transform .25s}
.v42-nx-b:hover{background:var(--ink);color:#c9cfd4;box-shadow:none}.v42-nx-b:hover b{color:#fff}.v42-nx-b:hover span{transform:translateX(3px)}
.v42-nx-b:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#p-system .v42-tc{border-color:rgba(255,255,255,.14);color:#8f9aa3}#p-system .v42-tc b{color:#fff}#p-system .v42-tc u{background:rgba(255,255,255,.14)}#p-system .v42-tc u.on{background:var(--acc)}
#p-system .v4t[data-tg] .v4t-t{background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
#p-system .v4t[data-tg] .v4t-t button{color:#aeb8c1}#p-system .v4t[data-tg] .v4t-t button:hover{background:rgba(255,255,255,.08);color:#fff}#p-system .v4t[data-tg] .v4t-t button.on{background:#fff;color:var(--ink)}
#p-system .v4t[data-tg] .v4t-t button.v42-new::after{box-shadow:0 0 0 2px #1b2126}
#p-system .v42-nx-k{color:#8f9aa3}#p-system .v42-nx-b{background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.12);color:#aeb8c1}#p-system .v42-nx-b b{color:#fff}
@media (max-width:760px){.v42-tc{display:none}.v42-nx{justify-content:flex-start}.v42-nx-b{font-size:13px;padding:9px 14px}}
@media (prefers-reduced-motion:reduce){.v4t[data-tg] .v4t-t button.v42-new::after,.v4t-t.v42-hint button{animation:none}}
/* ---- карточки во вкладках: внутренние отступы (SEO: связь с CRM, SEO и ИИ, постоянная работа, отчёт) ---- */
.panel.se-crm,.panel.se-aiw,.panel.se-pw,.panel.se-rep{padding:clamp(20.4px,3.2vw,44.8px)}
/* ---- переходы к блокам: не прячем начало блока под шапкой ---- */
.wrap[id],.wrap.v4t{scroll-margin-top:92px}
/* ---- первый экран: кнопка и ссылка рядом, но не вплотную ---- */
.phead .row{column-gap:clamp(18px,2vw,30px)}
.phead .row>.pill:not(.acc){margin-left:0!important}
/* ---- шапка блока: ссылка справа на уровне заголовка ---- */
.shead>.pill:not(.acc){align-self:end!important;margin-bottom:.45em}
/* ---- плашка на карточке-предложении не закрывает подпись ---- */
.offer.is-gift .of-tag{top:auto;bottom:clamp(18px,2vw,26px);right:clamp(14px,1.6vw,20px);transform:rotate(-3deg)}


/* ---- v3.2.42: «Контекстная реклама» ---- */
/* первый экран: овалы с запросами — по размеру текста с первого кадра */
.pc-sh{align-content:flex-start;align-items:flex-start}
.pc-sh li{line-height:1.3}
/* «Спрос»: ползунок и подписи */
.pc-spec-lb span{transition:color .3s}
.pc-spec[data-i="0"] .pc-spec-lb span:nth-child(1),.pc-spec[data-i="1"] .pc-spec-lb span:nth-child(2),.pc-spec[data-i="2"] .pc-spec-lb span:nth-child(3){color:var(--acc)}
.pc-spec input.v42-auto{filter:drop-shadow(0 0 6px rgba(255,98,31,.35))}
/* «Клик — не результат»: длинное название слоя помещается */
.pc-peel-s{container-type:inline-size}
.pc-lay b{line-height:1.05}
.pc-lay[data-i="2"] b{font-size:clamp(20px,8.4cqi,34px);letter-spacing:-.02em}
/* «Реклама и CRM» */
.pc-cc-v.v42-crw{height:auto!important;display:block!important}
@media (min-width:1181px){.pc-cc:has(.v42-crw){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.v42-cr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(40px,5vw,72px);row-gap:64px;padding:4px 0 2px;align-items:center}
.v42-cr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.v42-cr-svg path{fill:none;stroke:#cfcac1;stroke-width:1.6;stroke-dasharray:4 5}
.v42-cr-svg .p3{stroke:var(--acc);stroke-width:2;stroke-dasharray:7 6;animation:v42Flow 1s linear infinite}
@keyframes v42Flow{to{stroke-dashoffset:13}}
.v42-cr[data-mode="lost"] .p3{stroke:#e2493b;opacity:.55;stroke-dasharray:3 8;animation:none}
.v42-cr-x{opacity:0;transition:opacity .4s}.v42-cr-x circle{fill:#fff;stroke:#e2493b;stroke-width:2}.v42-cr-x path{stroke:#e2493b;stroke-width:2.2;stroke-linecap:round;fill:none}
.v42-cr[data-mode="lost"] .v42-cr-x{opacity:1}
.v42-cr.bump .v42-cr-x circle{animation:v42Bump .4s ease}
@keyframes v42Bump{50%{r:15}}
.v42-cr-pl{position:absolute;transform:translate(calc(-100% - 12px),-50%);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);white-space:nowrap;z-index:1;background:#fff;padding:2px 6px;border-radius:6px}
.v42-cr[data-mode="lost"] .v42-cr-pl{color:#e2493b}
.v42-cr-n{position:relative;z-index:1;background:#f6f5f2;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .45s,border-color .45s}
.v42-cr-n>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--mute)}
.v42-cr-n.in{border-color:rgba(255,98,31,.55);box-shadow:0 16px 30px -20px rgba(255,98,31,.6)}
.v42-cr-d{grid-column:1;grid-row:1;background:var(--ink);color:#fff;border-color:transparent;gap:10px}
.v42-cr-d>small{color:#8f9aa3}
.v42-cr-d.flash{box-shadow:0 0 0 3px rgba(255,98,31,.55),0 20px 40px -22px rgba(255,98,31,.7)}
.v42-cr-cp{display:grid;gap:7px;padding:9px 10px;border-radius:10px;transition:background .4s}
.v42-cr-cp.on{background:rgba(255,255,255,.08)}
.v42-cr-cp span{font-size:13.5px;font-weight:600}
.v42-cr-cp i{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden;display:block}
.v42-cr-cp b{display:block;height:100%;width:var(--w,50%);border-radius:4px;background:#7d8891;transition:width 1.2s var(--ease)}
.v42-cr-cp[data-c="0"] b{background:var(--acc)}
.v42-cr-st{font-style:normal;font-size:12.5px;line-height:1.35;color:#aeb8c1;min-height:2.7em}
.v42-cr-f{grid-column:2;grid-row:1}
.v42-cr-f .q{font-size:15px;line-height:1.3;min-height:1.3em}
.v42-cr-f .s{font-size:12.5px;color:var(--soft);min-height:1.2em}
.v42-cr-c{grid-column:1/-1;grid-row:2}
.v42-cr-c ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.v42-cr-c li{font-size:12.5px;font-weight:600;padding:8px 6px;border-radius:8px;background:#fff;color:var(--mute);text-align:center;line-height:1.2;transition:background .35s,color .35s}
.v42-cr-c li.ok{background:rgba(57,217,138,.16);color:#1f6b47}
.v42-cr-c li.ok:last-child{background:var(--acc);color:#fff}
.v42-cr-c li.no{background:rgba(226,73,59,.12);color:#b3261e}
.v42-cr-c .r{font-size:13px;font-weight:600;min-height:1.3em}
.v42-cr-t{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 5px rgba(255,98,31,.22);opacity:0;z-index:3;pointer-events:none;transition:opacity .3s}
.v42-cr-t.g{background:#8f9aa3;box-shadow:0 0 0 5px rgba(143,154,163,.25)}
.v42-cr-t.on{opacity:1}
.v42-cr-lb{position:absolute;left:0;top:0;font-size:11.5px;font-weight:700;white-space:nowrap;background:var(--ink);color:#fff;padding:4px 9px;border-radius:99px;opacity:0;transition:opacity .3s;z-index:4;pointer-events:none}
.v42-cr-lb.on{opacity:1}
@media (max-width:560px){.v42-cr{grid-template-columns:minmax(0,1fr);row-gap:40px;padding-right:26px}.v42-cr-d,.v42-cr-f,.v42-cr-c{grid-column:1;grid-row:auto}.v42-cr-c ol{grid-template-columns:1fr 1fr}.v42-cr-pl{display:none}}
/* «Что мы гарантируем» */
.pc-kp{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v42-g{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(24px,3.6vw,52px);position:relative;overflow:hidden;isolation:isolate}
.v42-g::before{content:"";position:absolute;right:-12%;top:-40%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,98,31,.28),transparent 65%);z-index:-1;animation:v42Glow 6s ease-in-out infinite}
@keyframes v42Glow{50%{transform:translate(-6%,8%) scale(1.08)}}
.v42-g .eyebrow{color:#fff}
.v42-g-l{display:flex;flex-direction:column;gap:14px}
.v42-g-big{display:flex;align-items:center;gap:14px;margin:4px 0}
.v42-g-big b{font-size:clamp(64px,8vw,124px);font-weight:500;letter-spacing:-.06em;line-height:.88}
.v42-g-big b.o{color:var(--acc)}
.v42-g-big span{font-size:clamp(30px,3.4vw,52px);color:rgba(255,255,255,.35);font-weight:300}
.v42-g h3{margin:0;font-size:clamp(19px,1.7vw,24px);line-height:1.25;letter-spacing:-.02em;max-width:26em}
.v42-g-l p{margin:0;font-size:15px;line-height:1.5;color:#b5bcc2;max-width:36em}
.v42-g-l .v42-g-n{font-size:13px;color:#8f9aa3}
.v42-g-v{display:flex;flex-direction:column;gap:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:clamp(18px,2.2vw,28px)}
.v42-g-sw{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:99px;background:rgba(255,255,255,.07)}
.v42-g-sw button{border:0;font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:99px;background:none;color:#aeb8c1;cursor:pointer;transition:background .3s,color .3s}
.v42-g-sw button[aria-checked="true"]{background:#fff;color:var(--ink)}
.v42-g[data-s="1"] .v42-g-sw button[aria-checked="true"]{background:var(--acc);color:#fff}
.v42-g-lb{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8f9aa3;margin-bottom:10px}
.v42-g-lb em{font-style:normal;color:#fff;margin-right:calc(30% - 5em)}
.v42-g-bar{position:relative;height:16px;border-radius:99px;background:rgba(255,255,255,.09)}
.v42-g-bar .f{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,#ff8b55,var(--acc))}
.v42-g-bar .gap{position:absolute;left:52%;width:0;top:0;bottom:0;border-radius:0 99px 99px 0;background:repeating-linear-gradient(45deg,rgba(226,73,59,.55) 0 5px,rgba(226,73,59,.2) 5px 10px);opacity:0}
.v42-g-bar u{position:absolute;left:70%;top:-9px;bottom:-9px;border-left:2px dashed rgba(255,255,255,.8)}
.v42-g.go .v42-g-bar .f{animation:v42F0 1.6s var(--ease) forwards}
.v42-g.go[data-s="1"] .v42-g-bar .f{animation-name:v42F1}
.v42-g.go[data-s="1"] .v42-g-bar .gap{animation:v42Gap .6s ease 1.5s forwards}
@keyframes v42F0{from{width:0}to{width:92%}}
@keyframes v42F1{from{width:0}to{width:52%}}
@keyframes v42Gap{to{width:18%;opacity:1}}
.v42-g-pay{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.6fr);align-items:center;gap:12px}
.v42-g-bill{display:flex;flex-direction:column;gap:8px}
.v42-g-bill small,.v42-g-back small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8f9aa3}
.v42-g-hv{display:flex;height:44px;border-radius:12px;overflow:visible;gap:0}
.v42-g-hv i{flex:1;background:rgba(255,255,255,.14);border-radius:12px 0 0 12px;transition:transform .8s var(--ease),background .5s,border-radius .5s}
.v42-g-hv i.r{border-radius:0 12px 12px 0;border-left:1px dashed rgba(255,255,255,.3)}
.v42-g[data-s="1"].go .v42-g-hv i.r{background:var(--acc);transform:translateX(14px);border-radius:12px;box-shadow:0 0 0 4px rgba(255,98,31,.25);transition-delay:1.9s}
.v42-g-ar{font-size:22px;color:#5c6670;transition:color .4s}
.v42-g-back{display:flex;flex-direction:column;gap:4px;opacity:.25;transition:opacity .5s}
.v42-g-back b{font-size:clamp(28px,2.6vw,38px);letter-spacing:-.04em;line-height:1;color:var(--acc)}
.v42-g[data-s="1"].go .v42-g-back{opacity:1;transition-delay:2.4s}
.v42-g[data-s="1"].go .v42-g-ar{color:var(--acc);transition-delay:1.9s}
.v42-g[data-s="0"] .v42-g-hv i{background:rgba(57,217,138,.35)}
.v42-g-res{margin:0;display:flex;flex-direction:column;gap:4px;min-height:3.4em}
.v42-g-res b{font-size:17px}
.v42-g-res span{font-size:13.5px;color:#aeb8c1}
.v42-g[data-s="1"] .v42-g-res b{color:var(--acc)}
.v42-g[data-s="0"] .v42-g-res b{color:#5fd39a}
@media (max-width:1180px){.pc-kp{grid-template-columns:1fr 1fr!important}.pc-kp .pc-lnk:last-child{grid-column:1/-1}}
@media (max-width:900px){.v42-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pc-kp{grid-template-columns:minmax(0,1fr)!important}.pc-kp .pc-lnk:last-child{grid-column:auto}.v42-g-pay{grid-template-columns:minmax(0,1fr) auto auto}.v42-g-lb{font-size:10px;letter-spacing:.05em}.v42-g-lb em{margin-right:0}.v42-g-sw button{white-space:nowrap;font-size:12.5px;padding:8px 11px}.v42-g-v{padding:16px}}
@media (prefers-reduced-motion:reduce){.v42-g::before{animation:none}.v42-g .v42-g-bar .f{animation:none!important;width:92%}.v42-g[data-s="1"] .v42-g-bar .f{width:52%}.v42-g[data-s="1"] .v42-g-bar .gap{animation:none;width:18%;opacity:1}}
/* «Стоимость» */
.pc-pr2.v42-pr{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:clamp(20px,3vw,44px);align-items:stretch}
.v42-pr>div{gap:14px}
.v42-pr-l{justify-content:center}
.v42-pr-p{margin:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.v42-pr-p small{font-size:20px;color:var(--soft)}
.v42-pr-p b{font-size:clamp(52px,6vw,88px);font-weight:500;letter-spacing:-.05em;line-height:.95}
.v42-pr-p span{font-size:20px;color:var(--soft)}
.v42-pr-t{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(20px,2.8vw,36px);position:relative;overflow:hidden;--k:-1}
.v42-pr-th{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.v42-pr-th small{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#8f9aa3}
.v42-pr-th p{margin:0;display:flex;align-items:baseline;gap:12px}
.v42-pr-th p span{font-size:clamp(20px,2vw,28px);color:#fff}
.v42-pr-th p b{font-size:clamp(84px,9vw,140px);line-height:.8;font-weight:500;letter-spacing:-.06em;color:var(--acc);text-shadow:0 0 50px rgba(255,98,31,.45)}
.v42-pr-tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:22px;margin-top:6px}
.v42-pr-fl{position:absolute;left:0;right:0;top:0;height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.v42-pr-fl i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#ff8b55,var(--acc));width:calc((var(--k) + 1) * 33.34%);transition:width 1.2s var(--ease)}
.v42-pr-m{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);transition:background .5s,border-color .5s,transform .5s}
.v42-pr-m em{font-style:normal;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#8f9aa3}
.v42-pr-m b{font-size:16px;line-height:1.25}
.v42-pr-m span{font-size:13px;line-height:1.4;color:#aeb8c1}
.v42-pr-m.done{border-color:rgba(255,98,31,.35)}
.v42-pr-m.on{background:rgba(255,98,31,.14);border-color:var(--acc);transform:translateY(-3px)}
.v42-pr-m.on em{color:var(--acc)}
.v42-pr-why{margin:0;font-size:13.5px;line-height:1.5;color:#aeb8c1}
.v42-pr-inc{grid-column:1/-1;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:10px 18px!important;border-top:1px solid var(--line);padding-top:clamp(16px,2vw,24px)}
.v42-pr-inc h3{margin:0 8px 0 0!important;font-size:16px!important}
.v42-pr-inc ul{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
.v42-pr-inc li{border:0!important;padding:8px 12px 8px 30px!important;border-radius:99px;background:var(--ground);position:relative;font-size:14px!important}
.v42-pr-inc li::before{content:"✓";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--acc);font-weight:700;font-size:12px}
.v42-pr>.v42-pr-l{grid-column:auto!important}
@media (max-width:1024px){.pc-pr2.v42-pr{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:640px){.v42-pr-tl{grid-template-columns:minmax(0,1fr)}.v42-pr-fl{display:none}}
@media (prefers-reduced-motion:reduce){.v42-pr-fl i,.v42-pr-m{transition:none}}


/* ---- v3.2.42: «SEO-продвижение» ---- */
/* «Семантика → архитектура»: описание ближе к заголовку, таблица — дальше */
.se-cad-p>.shead{margin-bottom:0!important}
.se-cad-p>p.se-sp{margin:-6px 0 clamp(12px,1.6vw,22px)!important}
/* «Контент страницы»: пункты загораются плавно вслед за ползунком */
#se-dep-f{transition:height .12s linear!important}
.se-dep li{position:relative;isolation:isolate;color:color-mix(in srgb,var(--ink) calc(var(--a,0)*100%),var(--mute))}
.se-dep li::before{content:"";position:absolute;inset:-1px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);opacity:var(--a,0);z-index:-1;transform:scale(calc(.97 + var(--a,0)*.03))}
.se-dep li.is-on{background:transparent}
.se-rng input.v42-auto{filter:drop-shadow(0 0 6px rgba(255,98,31,.35))}
/* «Конкуренты»: два шага анимации */
.v42-gs{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#8a959e;margin-bottom:4px;flex-wrap:wrap}
.v42-gs span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:99px;background:rgba(255,255,255,.05);transition:background .4s,color .4s}
.v42-gs b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;font-size:11.5px;transition:background .4s}
.v42-gs i{width:26px;height:2px;background:rgba(255,255,255,.14);border-radius:1px}
.se-gap[data-st="0"] .v42-gs span[data-s="0"],.se-gap[data-st="1"] .v42-gs span[data-s="1"]{background:rgba(255,98,31,.16);color:#fff}
.se-gap[data-st="0"] .v42-gs span[data-s="0"] b,.se-gap[data-st="1"] .v42-gs span[data-s="1"] b{background:var(--acc)}
/* «Кейсы»: фраза под карточками — с отступом */
.v42-more{margin-top:clamp(20px,2.4vw,32px)!important}
/* «Когда SEO не нужно»: итог справа, под текстом */
.se-fck-r.v42-side{margin-top:clamp(14px,2vw,26px);padding:clamp(18px,2vw,26px);border-radius:18px;gap:10px}
.se-fck-r.v42-side b{font-size:clamp(19px,1.7vw,24px);letter-spacing:-.02em}
.se-fck-r.v42-side span{font-size:15px;line-height:1.5}
.se-fck-r.v42-side.no{background:rgba(226,73,59,.1);box-shadow:inset 4px 0 0 #e2493b}
.se-fck-r.v42-side.mid{box-shadow:inset 4px 0 0 #f0b429}
.se-fck-r.v42-side.ok{box-shadow:inset 4px 0 0 #39d98a}
.se-fck-r.v42-side:is(.no,.mid,.ok){animation:v42Pop .5s var(--ease) both}
@keyframes v42Pop{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.se-fck-r.v42-side{animation:none!important}}


/* ---- v3.2.42: «Комплексное продвижение» ---- */
/* «Порядок важен»: плашка в оранжевой карточке — с отступами */
.cx-order em{padding:7px 11px;border-radius:10px;line-height:1.3;letter-spacing:0;text-transform:none;font-size:12.5px;margin-top:auto}
.cx-order li.ch{padding-bottom:16px}
/* «Синергия каналов»: круг «Сайт» — тёмный, с оранжевым светящимся кольцом */
#p-complex .cx-core{background:radial-gradient(circle at 35% 30%,#2c3136,#161a1e 62%,#0f1215);color:#fff;box-shadow:0 0 0 2px var(--acc),0 0 0 12px rgba(255,98,31,.12),0 0 70px rgba(255,98,31,.5),inset 0 0 36px rgba(255,98,31,.22);animation:spOrbGlow 3.2s ease-in-out infinite}
#p-complex .cx-core b{color:#fff}
#p-complex .cx-core small{color:var(--acc);opacity:1}
#p-complex .cx-core .ai-core-r{border-color:rgba(255,98,31,.6);border-radius:50%}
@media (prefers-reduced-motion:reduce){#p-complex .cx-core{animation:none}}
/* «Состав услуги»: подпись под заголовком */
.shead.v42-sh1{grid-template-columns:minmax(0,1fr)!important;row-gap:10px}
.shead.v42-sh1>span{justify-self:start}
/* «До и после» */
.v42-ba{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.v42-ba-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap}
.v42-ba-h h2{margin:0;max-width:16em}
.v42-ba-sw{display:inline-flex;gap:4px;padding:5px;border-radius:99px;background:var(--ground)}
.v42-ba-sw button{border:0;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:99px;background:none;color:var(--soft);cursor:pointer;transition:background .3s,color .3s}
.v42-ba-sw button[aria-checked="true"]{background:var(--ink);color:#fff}
.v42-ba[data-s="1"] .v42-ba-sw button[aria-checked="true"]{background:var(--acc)}
.v42-ba-st{position:relative;height:clamp(400px,34vw,470px);border-radius:20px;background:#faf9f7 radial-gradient(circle at 1px 1px,rgba(18,22,26,.09) 1px,transparent 1.5px) 0 0/20px 20px;overflow:hidden}
.v42-ba-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v42-ba-svg .ln{fill:none;stroke:#b9b3aa;stroke-width:1.6;stroke-dasharray:4 5;transition:stroke .6s}
.v42-ba-svg marker path{fill:#b9b3aa;transition:fill .6s}
.v42-ba[data-s="1"] .v42-ba-svg .ln{stroke:var(--acc);stroke-width:2;stroke-dasharray:7 6;animation:v42Flow 1s linear infinite reverse}
.v42-ba[data-s="1"] .v42-ba-svg marker path{fill:var(--acc)}
.v42-ba-c,.v42-ba-hub,.v42-ba-r,.v42-ba-one{position:absolute;left:0;top:0;will-change:transform}
.v42-ba-c{z-index:3;background:#fff;border-radius:14px;padding:11px 15px;display:grid;gap:2px;box-shadow:0 0 0 1.5px #e3dfd8,0 16px 30px -22px rgba(18,22,26,.5);max-width:min(46%,220px);transition:box-shadow .6s}
.v42-ba-c b{font-size:clamp(13.5px,1.2vw,16px);font-weight:600;letter-spacing:-.01em;line-height:1.2}
.v42-ba-c span{grid-row:2;grid-column:1;font-size:12.5px;line-height:1.3;transition:opacity .5s}
.v42-ba-c .a{color:#b8420d}.v42-ba-c .b{color:#1f6b47;opacity:0}
.v42-ba[data-s="1"] .v42-ba-c{box-shadow:0 0 0 1.5px rgba(47,158,106,.5),0 16px 30px -22px rgba(18,22,26,.5)}
.v42-ba[data-s="1"] .v42-ba-c .a{opacity:0}.v42-ba[data-s="1"] .v42-ba-c .b{opacity:1}
.v42-ba-hub{z-index:2;width:clamp(110px,11vw,160px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:#eceae6;color:var(--ink);box-shadow:0 0 0 1.5px #dcd8d1;transition:background .7s,box-shadow .7s,color .7s,width .7s}
.v42-ba-hub>div{grid-area:1/1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;transition:opacity .5s}
.v42-ba-hub b{font-size:clamp(15px,1.4vw,21px);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.v42-ba-hub small{font-size:11.5px;line-height:1.25;opacity:.75}
.v42-ba-hub .b{opacity:0}
.v42-ba[data-s="1"] .v42-ba-hub{width:clamp(130px,13vw,180px);background:radial-gradient(circle at 35% 30%,#2c3136,#161a1e 62%,#0f1215);color:#fff;box-shadow:0 0 0 2px var(--acc),0 0 0 12px rgba(255,98,31,.12),0 0 60px rgba(255,98,31,.45)}
.v42-ba[data-s="1"] .v42-ba-hub .a{opacity:0}.v42-ba[data-s="1"] .v42-ba-hub .b{opacity:1}
.v42-ba[data-s="1"] .v42-ba-hub small{color:var(--acc);opacity:1}
.v42-ba-r{z-index:4;width:30px;height:38px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px #ddd8d0,0 6px 12px -6px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:4px;padding:8px 6px}
.v42-ba-r u{display:block;height:3px;border-radius:2px;background:#d8d3cb}.v42-ba-r u:nth-child(2){width:70%}.v42-ba-r u:nth-child(3){width:85%;background:#f3b79b}
.v42-ba-one{z-index:4;background:var(--acc);color:#fff;border-radius:14px;padding:10px 16px;display:flex;align-items:baseline;gap:8px;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(255,98,31,.7);opacity:0}
.v42-ba-one b{font-size:15px}.v42-ba-one span{font-size:13px;opacity:.9}
.v42-ba-f{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v42-ba-f li{padding:14px 16px;border-radius:14px;background:var(--ground);font-size:15px;font-weight:600;line-height:1.35;position:relative;padding-left:40px;transition:background .5s}
.v42-ba-f li::before{content:"✕";position:absolute;left:15px;top:14px;font-size:13px;color:#e2493b;transition:color .5s}
.v42-ba[data-s="1"] .v42-ba-f li{background:rgba(57,217,138,.12)}
.v42-ba[data-s="1"] .v42-ba-f li::before{content:"✓";color:#1f6b47}
.v42-ba-f .b,.v42-ba[data-s="1"] .v42-ba-f .a{display:none}.v42-ba[data-s="1"] .v42-ba-f .b{display:inline}
@media (max-width:640px){.v42-ba-st{height:560px}.v42-ba-c{max-width:44%;padding:9px 11px}.v42-ba-c span{font-size:11.5px}.v42-ba-f{grid-template-columns:minmax(0,1fr)}.v42-ba-one{white-space:normal;max-width:80%}}
@media (prefers-reduced-motion:reduce){.v42-ba-svg .ln{animation:none!important}}


/* ---- v3.2.43: весь сайт ---- */
/* шапка: телефон и кнопка не вплотную */
.h-r{gap:clamp(14px,1.5vw,24px)}
/* «Система»: выпадающие меню тёмные, как шапка */
body[data-pg="system"] .hdr .dd{background:#20262b;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.5)}
body[data-pg="system"] .hdr .dd a{color:#fff!important}
body[data-pg="system"] .hdr .dd a:hover{background:rgba(255,255,255,.08)}
body[data-pg="system"] .hdr .dd a small,body[data-pg="system"] .hdr .dd .dd-h{color:#8f9aa3}
body[data-pg="system"] .hdr .dd.dd-sv .dd-sys{background:rgba(255,98,31,.14);color:#fff}
body[data-pg="system"] .hdr .dd.dd-sv .dd-sys em{color:#c9cfd4}
body[data-pg="system"] .hdr .dd.dd-sv .dd-all{border-top-color:rgba(255,255,255,.1)}
/* пары «кнопка + ссылка» внутри блоков — такой же зазор, как на первом экране */
.row>.pill.acc~.pill[onclick^="go("],.row>.pill.acc~.pill:not(.acc)[onclick^="toId("],.row>.pill.ink~.pill[onclick^="go("]{margin-left:clamp(6px,1vw,16px)}
/* подпись над заголовком — стандартный отступ везде (в т.ч. «Как проходит работа/разработка», «Аудиты») */
.stack-sm>.eyebrow+h2{margin-top:var(--space-sm)!important}
/* плашка на карточке-предложении — отдельной строкой под цифрой, ничего не перекрывает */
.offer.is-gift .of-tag{position:static;align-self:flex-start;margin-top:-4px;transform:rotate(-2deg)}
/* круг «ИИ»: тёмный, с оранжевым светящимся кольцом (как «Сайт» и «Главный продукт») */
#p-ai .ai-core,#ai-net .bx-net-c{background:radial-gradient(circle at 35% 30%,#2c3136,#161a1e 62%,#0f1215)!important;color:#fff!important;box-shadow:0 0 0 2px var(--acc),0 0 0 12px rgba(255,98,31,.12),0 0 70px rgba(255,98,31,.5),inset 0 0 36px rgba(255,98,31,.22)!important;animation:spOrbGlow 3.2s ease-in-out infinite}
#p-ai .ai-core b,#ai-net .bx-net-c b{color:#fff!important}
#p-ai .ai-core small,#ai-net .bx-net-c small{color:var(--acc)!important;opacity:1}
#p-ai .ai-core .ai-core-r{border-color:rgba(255,98,31,.6)}
@media (prefers-reduced-motion:reduce){#p-ai .ai-core,#ai-net .bx-net-c{animation:none}}
/* счётчик вкладок, который не влез в строку */
.v42-tc.v43-hid{display:none}


/* ---- v3.2.43: страницы сайтов ---- */
.v43-tap{display:none}
@media (hover:none),(pointer:coarse){.v43-hov{display:none}.v43-tap{display:inline}}
/* лендинг, «Как проходит работа», шаг 5: без оранжевого кружка поверх «Новая заявка» */
.lpw-cur{display:none!important}
/* лендинг, «Стоимость» */
.lp-price.v43-lpp{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-price>.v43-lpp-h{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,48px);align-items:center;background:var(--ink);color:#fff;padding:clamp(22px,3.2vw,48px);position:relative;overflow:hidden;isolation:isolate}
.v43-lpp-h::before{content:"";position:absolute;left:-10%;bottom:-60%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,98,31,.25),transparent 65%);z-index:-1}
.v43-lpp-l{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.v43-lpp-h .eyebrow{color:#fff}
.v43-lpp-h .soft{color:#b5bcc2;margin:0;max-width:30em}
.v43-lpp-n{margin:0;display:flex;align-items:baseline;gap:10px}
.v43-lpp-n small{font-size:20px;color:#b5bcc2}
.v43-lpp-n b{font-size:clamp(60px,7vw,110px);font-weight:500;letter-spacing:-.06em;line-height:.9;color:var(--acc);text-shadow:0 0 50px rgba(255,98,31,.35)}
.v43-lpp-n span{font-size:clamp(28px,2.6vw,40px);color:var(--acc)}
.v43-lpp-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v43-g{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:16px}
.v43-g p{margin:0;display:flex;align-items:flex-start;gap:12px}
.v43-g p>b{font-size:clamp(40px,4vw,58px);font-weight:500;letter-spacing:-.05em;line-height:.9;color:var(--acc)}
.v43-g p>span{display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.4;color:#aeb8c1}
.v43-g p strong{color:#fff;font-size:15px}
.v43-g .lnk-sup{color:#fff;display:inline-block;padding:3px 0}
.v43-g3-v{display:flex;gap:8px;height:78px}
.v43-g3-v span{flex:1;border-radius:10px;position:relative;background:linear-gradient(rgba(255,255,255,.14) 0 22%,transparent 22%),linear-gradient(90deg,rgba(255,255,255,.22) 0 60%,transparent 60%) 10px 32px/70% 7px no-repeat,linear-gradient(90deg,rgba(255,255,255,.16) 0 40%,transparent 40%) 10px 47px/70% 7px no-repeat,rgba(255,255,255,.06);animation:hmTsP 5s ease-in-out infinite}
.v43-g3-v span.ok{animation-name:hmTsOk}
.v43-g3-v span.ok::after{content:"✓";position:absolute;right:-6px;top:-6px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-size:12px;display:grid;place-items:center;transform:scale(0);animation:hmTsC 5s ease-in-out infinite}
.v43-g30-v{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;height:78px;align-content:center}
.v43-g30-v i{aspect-ratio:1;border-radius:4px;background:rgba(255,255,255,.1);animation:v43Day 7s linear infinite;animation-delay:calc(var(--i)*.12s)}
@keyframes v43Day{0%{background:rgba(255,255,255,.1)}4%,62%{background:var(--acc)}75%,100%{background:rgba(255,255,255,.1)}}
.lp-price.v43-lpp>.lp-price-b,.lp-price.v43-lpp>.lp-price-c{padding:clamp(20px,2.4vw,32px)}
.v43-chips{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
.v43-chips li{border:0!important;padding:9px 14px 9px 30px!important;border-radius:99px;background:var(--ground);position:relative;font-size:14px}
.v43-chips li::before{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--acc)}
.v43-plat li{display:grid!important;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:center}
.v43-plat li::before{content:attr(data-a);grid-row:span 2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700;font-size:15px}
.v43-plat li b,.v43-plat li span{grid-column:2}
@media (max-width:1024px){.lp-price>.v43-lpp-h{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.lp-price.v43-lpp{grid-template-columns:minmax(0,1fr)}.v43-lpp-g{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.v43-g3-v span,.v43-g3-v span.ok::after,.v43-g30-v i{animation:none}.v43-g3-v span.ok::after{transform:scale(1)}.v43-g30-v i{background:var(--acc)}}


/* ---- v3.2.43: «Аналитика и консультации» ---- */
.an .an-h1{line-height:.9!important}
/* «Форматы и цены»: бесплатный разбор до договора — отдельной плашкой */
.an-pd-f.v43-pdf{display:flex;flex-direction:column;gap:14px}
.v43-free{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:clamp(18px,2.2vw,26px) clamp(18px,2.6vw,30px);position:relative;overflow:hidden;isolation:isolate}
.v43-free::after{content:"";position:absolute;right:-8%;top:-80%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,98,31,.3),transparent 65%);z-index:-1}
.v43-free-ic{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--acc);color:#fff;font-size:22px;font-weight:700;letter-spacing:-.02em;box-shadow:0 0 0 8px rgba(255,98,31,.18);animation:v43Ping 2.6s ease-out infinite}
@keyframes v43Ping{0%{box-shadow:0 0 0 0 rgba(255,98,31,.45)}70%,100%{box-shadow:0 0 0 16px rgba(255,98,31,0)}}
.v43-free small{display:block;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--acc);margin-bottom:6px}
.v43-free div>b{display:block;font-size:clamp(17px,1.5vw,21px);line-height:1.3;font-weight:600;letter-spacing:-.01em}
.v43-free div>span{display:block;margin-top:6px;font-size:14px;color:#aeb8c1}
@media (max-width:560px){.v43-free{grid-template-columns:minmax(0,1fr)}.v43-free-ic{width:56px;height:56px;font-size:18px}}
/* «Аудиты»: воздух между заголовком, таблицей и строками */
.v4a-t{margin-top:clamp(28px,3.2vw,44px)!important;gap:10px!important}
.v4a-h{padding-bottom:4px!important}
.an-sh.v43-flash{animation:v43Flash 1.8s ease}
@keyframes v43Flash{0%,100%{box-shadow:0 0 0 0 rgba(255,98,31,0)}20%,60%{box-shadow:0 0 0 3px var(--acc),0 20px 40px -20px rgba(255,98,31,.6)}}
/* «Глубина исследования»: описание ближе к заголовку, схема ниже; подпись — под карточкой со шкалой */
.an-dp-p>.shead{margin-bottom:12px!important}
.an-dp-p>.an-sp{margin-bottom:clamp(28px,3vw,44px)!important}
.an-dp-c .v43-cap{margin:16px 0 0}
@media (min-width:861px){.an-dp-p>.an-demo{display:none}}
@media (max-width:860px){.an-dp-c .v43-cap{display:none}}
/* «Итоговый документ»: кнопка ниже и пульсирует, пока документ не собран */
#an-mm-b{margin-top:clamp(18px,2vw,28px)}
#an-mm-b.v43-pulse{animation:v43Ping 2s ease-out infinite}
@media (prefers-reduced-motion:reduce){#an-mm-b.v43-pulse,.v43-free-ic{animation:none}}
/* ---- «Айдентика» и «Администрирование»: воздух перед второй фразой заголовка ---- */
.idn-h1 .w:has(.muted-word),.sup-h1 .w:has(.muted-word){display:block;margin-top:.22em}


/* ---- v3.2.43: «Администрирование сайта» — живые карточки 01–03 ---- */
.sup-th.v43-sth>div{padding:0;overflow:hidden;gap:8px}
.v43-st>b,.v43-st>h3,.v43-st>p{margin-left:22px;margin-right:22px}
.v43-st>p{margin-bottom:22px!important}
.v43-st-v{position:relative;height:112px;background:var(--ink);margin-bottom:10px;overflow:hidden;display:grid;place-items:center}
.v43-st1 svg{position:absolute;left:0;right:0;top:18px;width:100%;height:64px}
.v43-st1 .bl{stroke:rgba(255,255,255,.08);stroke-width:1;fill:none}
.v43-st1 .ln{fill:none;stroke:#39d98a;stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:30 70;animation:v43Pulse 2.8s linear infinite;filter:drop-shadow(0 0 6px rgba(57,217,138,.6))}
@keyframes v43Pulse{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.v43-st-k{position:absolute;left:16px;bottom:12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c9cfd4}
.v43-st-k i{width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 0 rgba(57,217,138,.6);animation:v43Live 1.8s infinite}
@keyframes v43Live{70%,100%{box-shadow:0 0 0 8px rgba(57,217,138,0)}}
.v43-st2 .c,.v43-st2 .one{position:absolute;left:50%;top:50%;padding:7px 12px;border-radius:99px;font-size:12.5px;font-weight:600;white-space:nowrap;transform:translate(-50%,-50%)}
.v43-st2 .c{background:rgba(255,255,255,.1);color:#fff;animation:v43Merge 6s var(--ease) infinite}
.v43-st2 .c1{--sx:-120px;--sy:-24px}.v43-st2 .c2{--sx:6px;--sy:-30px}.v43-st2 .c3{--sx:-40px;--sy:26px}
@keyframes v43Merge{0%,30%{transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy)));opacity:1}55%,100%{transform:translate(-50%,-50%) scale(.6);opacity:0}}
.v43-st2 .one{background:var(--acc);color:#fff;opacity:0;animation:v43One 6s var(--ease) infinite;box-shadow:0 10px 24px -10px rgba(255,98,31,.8)}
@keyframes v43One{0%,45%{opacity:0;transform:translate(-50%,-50%) scale(.6)}58%,92%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.v43-st3 ul{list-style:none;margin:0;padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.v43-st3 li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#c9cfd4}
.v43-st3 li i{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff;animation:v43Chk 6s infinite;animation-delay:calc(var(--i)*.6s)}
.v43-st3 li i::after{content:"✓";opacity:0;animation:v43ChkT 6s infinite;animation-delay:calc(var(--i)*.6s)}
@keyframes v43Chk{0%,8%{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}14%,80%{background:#39d98a;box-shadow:none}92%,100%{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}}
@keyframes v43ChkT{0%,8%{opacity:0}14%,80%{opacity:1}92%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.v43-st1 .ln,.v43-st-k i,.v43-st2 .c,.v43-st2 .one,.v43-st3 li i,.v43-st3 li i::after{animation:none}.v43-st2 .c{opacity:0}.v43-st2 .one{opacity:1}.v43-st3 li i{background:#39d98a;box-shadow:none}.v43-st3 li i::after{opacity:1}}
/* ---- «Битрикс24», «Экономический эффект»: переключатель из двух равных половин ---- */
.bx-ec-sw{display:grid!important;grid-template-columns:1fr 1fr;width:max-content}
.bx-ec-sw button{text-align:center;padding:10px 20px}
/* ---- «ИИ»: воздух перед бегущей строкой; «Начать с пилота» — подпись и фраза на разных строках ---- */
#p-ai .ai-rt-t+.ai-tick{margin-top:clamp(28px,3.2vw,48px)!important}
.v4p-x>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.v4p-x>div:first-child .eyebrow{margin:0}
/* ---- «Система», «Как работает месяц»: главная мысль — акцентом ---- */
.v43-sy-acc{margin:clamp(18px,2vw,26px) 0 0;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;background:linear-gradient(90deg,rgba(255,98,31,.24),rgba(255,98,31,.05));box-shadow:inset 3px 0 0 var(--acc);font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.3;color:#fff}
.v43-sy-acc i{flex:none;width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-style:normal;font-size:15px}