/* Гера — лендинг. Русский царский стимпанк: изумруд, латунь, слоновая кость. */
@font-face{font-family:"Poiret One";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PoiretOne-400-normal.woff2?v=11) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/AlegreyaSans-400-normal.woff2?v=10) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/AlegreyaSans-500-normal.woff2?v=10) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-style:normal;font-weight:600 700;font-display:swap;src:url(fonts/AlegreyaSans-700-normal.woff2?v=10) format("woff2")}

:root{
  --ink:#050A08; --bg:#08110E; --bg2:#0D1A15; --malachite:#1C3A2F; --line:rgba(201,164,92,.24); --hair:rgba(239,230,210,.08);
  --gold:#C9A45C; --gold-hi:#E6CF98; --gold-lo:#8E6F35;
  --volt:#47D9BA; --volt-a:rgba(0,194,155,.35); --arc:#C0FFFF;
  --bolt:#2FD9B4; --bolt-hi:#C0FFFF; --bolt-a:rgba(0,194,155,.45); --plasma:#03644F;
  --ivory:#EFE6D2; --muted:#A3AEA5; --soft:#93A097;
  --serif:"Poiret One",Georgia,"Times New Roman",serif; --caps:"Poiret One",Georgia,"Times New Roman",serif; --mono:"Poiret One",Georgia,"Times New Roman",serif; --sans:"Alegreya Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1240px; --r:22px; --ease:cubic-bezier(.32,.72,0,1);
  --meander:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath d='M0 11H10V1H2V7H6V4' fill='none' stroke='%23C9A45C' stroke-width='1.1'/%3E%3Cpath d='M12 11H22V1H14V7H18V4' fill='none' stroke='%23C9A45C' stroke-width='1.1'/%3E%3Cpath d='M10 11H12M22 11H24' stroke='%23C9A45C' stroke-width='1.1'/%3E%3C/svg%3E");
  --grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M64 0H0V64' fill='none' stroke='%235FE3D0' stroke-opacity='.07'/%3E%3Ccircle cx='0' cy='0' r='1.4' fill='%235FE3D0' fill-opacity='.25'/%3E%3C/svg%3E");
}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
main:focus{outline:none}
body{margin:0;background:var(--bg);color:var(--ivory);font:400 18px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-weight:400;font-synthesis:none}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--ink);padding:8px 14px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px}

/* lamps — little glowing indicators */
.lamp{flex:none;width:8px;height:8px;border-radius:50%;background:var(--volt);box-shadow:0 0 0 3px rgba(0,194,155,.14),0 0 12px 2px var(--volt-a);animation:lamp 2.6s var(--ease) infinite}
.lamp--sm{width:6px;height:6px;display:inline-block;margin-right:6px;vertical-align:middle}
@keyframes lamp{50%{opacity:.55}}

/* typography */
.eyebrow{font:400 16px/1 var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--volt));box-shadow:0 0 8px var(--volt)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(0,194,155,.28);background:rgba(8,17,14,.55);font:400 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#CFEDE6}
.h2{font:400 clamp(36px,4.4vw,60px)/1.04 var(--serif);letter-spacing:.01em;margin-top:18px}
.h2 em,.hero__title em{font-style:normal;font-synthesis:none;color:var(--gold-hi);background:linear-gradient(180deg,var(--gold-hi) 20%,var(--gold) 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{color:var(--muted);font-size:19px;max-width:580px;margin-top:20px}

/* buttons */
.btn{word-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;border-radius:999px;font:600 15px/1 var(--sans);letter-spacing:.02em;text-decoration:none;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease);white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn--gold{color:#16120A;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#A9853F);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 30px -10px rgba(201,164,92,.55),0 0 0 1px rgba(230,207,152,.3)}
.btn--gold:active{transform:scale(.98)}
@media (hover:hover){.btn--gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 44px -12px rgba(201,164,92,.75),0 0 0 4px rgba(0,194,155,.12)}}
@media (hover:hover){.btn--gold:hover:active{transform:scale(.98)}}
.btn__ic{display:grid;place-items:center;width:30px;height:30px;margin-right:-14px;border-radius:50%;background:rgba(22,18,10,.14);font-size:15px;transition:transform .5s var(--ease)}
@media (hover:hover){.btn:hover .btn__ic{transform:translate(2px,-2px) scale(1.06)}}
.btn--line{color:var(--gold-hi);border:1px solid var(--gold);background:rgba(8,17,14,.4)}
@media (hover:hover){.btn--line:hover{background:var(--gold);color:var(--ink)}}
.btn--ghost{color:var(--ivory);border:1px solid rgba(239,230,210,.22);background:rgba(8,17,14,.35)}
@media (hover:hover){.btn--ghost:hover{border-color:var(--volt);color:var(--arc);box-shadow:0 0 24px -6px var(--volt-a)}}
.btn--sm{min-height:44px;padding:0 18px;font-size:14px}
.btn--lg{min-height:60px;padding:0 36px;font-size:16px}

/* header — floating island */
.top{position:fixed;inset:14px 0 auto;z-index:50;padding:0 20px;pointer-events:none}
.top__in{pointer-events:auto;max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:28px;height:64px;padding:0 10px 0 12px;border-radius:999px;border:1px solid rgba(201,164,92,.12);background:rgba(6,12,10,.6);transition:background .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease)}
.top--solid .top__in{background:rgba(6,12,10,.9);border-color:rgba(201,164,92,.22);box-shadow:0 20px 50px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}
.brand__av{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--gold),0 0 0 4px rgba(8,17,14,.9),0 0 0 5px rgba(201,164,92,.45),0 0 18px rgba(0,194,155,.25)}
.brand__name{font:400 20px/1 var(--caps);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-hi)}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font-size:14px;color:var(--muted);text-decoration:none;transition:color .3s var(--ease);padding:12px 0}
@media (hover:hover){.nav a:hover{color:var(--arc)}}

.mnav{display:none;position:relative}
.mnav summary{list-style:none;display:grid;place-content:center;gap:5px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,164,92,.35);cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary i{display:block;width:18px;height:1.5px;background:var(--gold-hi);transition:transform .4s var(--ease),opacity .3s var(--ease)}
.mnav[open] summary i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.mnav[open] summary i:nth-child(2){opacity:0}
.mnav[open] summary i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mnav__list{position:absolute;right:0;top:56px;display:grid;min-width:220px;padding:8px;border-radius:20px;background:rgba(6,12,10,.96);border:1px solid rgba(201,164,92,.25);box-shadow:0 30px 60px -20px rgba(0,0,0,.9);animation:faq .35s var(--ease)}
.mnav__list a{padding:13px 16px;border-radius:12px;text-decoration:none;color:var(--ivory);font-size:15px}
@media (hover:hover){.mnav__list a:hover,.mnav__list a:active{background:rgba(0,194,155,.08);color:var(--arc)}}

/* hero */
.hero{position:relative;min-height:min(100vh,960px);min-height:min(100dvh,960px);display:flex;align-items:center;overflow:hidden;background:var(--ink);isolation:isolate}
.hero__pic img{position:absolute;top:-4%;left:16%;width:84%;height:104%;object-fit:cover;object-position:72% 30%}
.hero__pic::before{content:"";position:absolute;inset:0 auto 0 16%;width:14%;z-index:1;background:linear-gradient(90deg,var(--ink),rgba(5,10,8,0))}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:
  linear-gradient(90deg,rgba(5,10,8,.95) 0%,rgba(5,10,8,.8) 28%,rgba(5,10,8,.3) 44%,rgba(5,10,8,0) 56%),
  linear-gradient(0deg,var(--bg) 0%,rgba(8,17,14,0) 24%),
  linear-gradient(180deg,rgba(5,10,8,.65) 0%,rgba(5,10,8,0) 18%)}
.hero__sparks{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
/* бесконечные анимации стоят, пока блок вне экрана (класс ставит app.js) */
.idle,.idle *,.idle::before,.idle::after,.idle *::before,.idle *::after{animation-play-state:paused!important}
.hero__in{position:relative;z-index:3;width:100%;padding-top:120px;padding-bottom:100px}
.hero__title{font:400 clamp(52px,5.9vw,88px)/.98 var(--serif);letter-spacing:0;margin-top:26px;text-shadow:0 0 60px rgba(0,194,155,.08)}
.hero__title{text-wrap:balance}.hero__title em{display:inline-block;padding-bottom:.08em;filter:drop-shadow(0 0 22px rgba(230,207,152,.25))}
.hero__lead{max-width:430px;margin-top:28px;font-size:20px;color:#CFD3C8}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero__facts{list-style:none;padding:0;margin:40px 0 0;max-width:480px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px;color:var(--muted)}
.hero__facts li{display:flex;align-items:center;gap:10px}
.hero__facts li::before{content:"";width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--volt);background:rgba(0,194,155,.25);box-shadow:0 0 8px var(--volt-a)}
.rise{opacity:0;transform:translateY(18px);animation:rise 1s var(--ease) forwards;animation-delay:calc(var(--d)*.12s + .15s)}
@keyframes rise{to{opacity:1;transform:none}}

/* gauges band */
.gauges{position:relative;border-block:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.gauges::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--volt) 30%,var(--gold-hi) 50%,var(--volt) 70%,transparent);opacity:.7;animation:scan 6s var(--ease) infinite alternate}
@keyframes scan{from{opacity:.25}to{opacity:.8}}
.gauges__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.gauge{display:flex;align-items:center;gap:18px;padding:30px 24px;border-left:1px solid var(--line)}
.gauge:first-child{border-left:0;padding-left:0}
.gauge .g-old svg{flex:none;width:56px;height:56px;transform:rotate(-90deg)}
.gauge .g-old circle{fill:none;stroke:rgba(201,164,92,.18);stroke-width:3}
.gauge .g-old circle.g{stroke:var(--volt);stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:calc(170 - 170*var(--p));filter:drop-shadow(0 0 4px var(--volt));transition:stroke-dashoffset 1.6s var(--ease)}
.js .gauges:not(.in) circle.g{stroke-dashoffset:170}
.gauge p{font-size:14.5px;color:var(--muted);line-height:1.4}
.gauge b,.plan__price,.h2,.flow h3{font-variant-numeric:lining-nums}
.eyebrow,.pill,.brand__name,.gauge b,.flow__n,.fx__tab small,.fx__kicker,.integr__track li,.role__k,.timeline time,.vault .lbl,.step__n,.plan h3,.plan__price,.h2,.hero__title,.flow h3,.fx__head h3,.role h3,.timeline h3,.rules h3,.step h3{font-synthesis:none}
.gauge b .n{font:400 1.05em/1 var(--mono);letter-spacing:.02em}
.gauge b{display:block;font:400 19px/1.15 var(--caps);letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);margin-bottom:2px}

/* sections */
.section{padding:140px 0;position:relative}
.sec-head{margin-bottom:64px}
.sec-head--c{text-align:center}
.sec-head--c .eyebrow{justify-content:center}
.sec-head--c .eyebrow::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--volt),transparent);box-shadow:0 0 8px var(--volt)}
.sec-head--c .lead{margin-inline:auto}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* how it works */
.how{background:radial-gradient(50% 60% at 80% 40%,rgba(0,194,155,.07),transparent 70%)}
.how::before,.day::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--grid) 0 0/64px 64px;-webkit-mask:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 100%);mask:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 100%)}
.how>.wrap,.day>.wrap{position:relative}
.how__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:start}
.how .sec-head{margin-bottom:48px}
.flow{list-style:none;margin:0;padding:0 0 0 64px;position:relative;display:grid;gap:30px}
.flow::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(201,164,92,.15),rgba(201,164,92,.5),rgba(201,164,92,.15))}
.flow::after{content:"";position:absolute;left:19px;top:0;width:6px;height:90px;border-radius:6px;background:linear-gradient(180deg,transparent,var(--volt),var(--arc));box-shadow:0 0 14px 2px var(--volt-a);animation:pulse-down 4.5s var(--ease) infinite}
@keyframes pulse-down{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(var(--flow-h,700px));opacity:0}}
.flow li{position:relative}
.flow__n{z-index:1}
.flow__n{position:absolute;left:-64px;top:-2px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:400 16px/1 var(--mono);color:var(--gold-hi);background:var(--bg);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 5px rgba(201,164,92,.35)}
.flow__gate .flow__n{border-color:var(--volt);color:var(--arc);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 5px var(--volt-a),0 0 22px var(--volt-a)}
.flow h3{font:400 25px/1.15 var(--serif)}
.flow p{margin-top:6px;color:var(--muted);font-size:16.5px}
.flow i{font-style:normal;color:var(--arc)}
.how__demo{position:sticky;top:110px}
.phone{position:relative;max-width:420px;margin-left:auto;width:100%;border-radius:30px;padding:8px;background:linear-gradient(160deg,#3a2f17,#C9A45C 18%,#5b4721 40%,#E6CF98 62%,#6b5326 85%);box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(0,194,155,.25),0 0 0 1px rgba(0,0,0,.5)}
.phone::after{content:"";position:absolute;inset:-1px;border-radius:31px;pointer-events:none;background:conic-gradient(from var(--ang),transparent 0 78%,rgba(192,255,255,.9) 86%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:2px;animation:spin 6s linear infinite}
@keyframes spin{to{--ang:360deg}}
.phone__bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px 22px 0 0;background:#0D1814;border-bottom:1px solid rgba(201,164,92,.2)}
.phone__bar img{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 1px var(--gold)}
.phone__bar b{display:block;font-size:15px}
.phone__bar small{color:var(--soft);font-size:13px}
.phone__body{display:flex;flex-direction:column;gap:12px;padding:20px 16px 22px;border-radius:0 0 22px 22px;background:#09130F url(img/texture.webp?v=10) center/360px;background-image:image-set(url(img/texture.avif?v=10) type("image/avif"),url(img/texture.webp?v=10) type("image/webp"));background-blend-mode:soft-light}
.msg{max-width:90%;padding:12px 14px;border-radius:16px;font-size:14.5px;line-height:1.5}
.msg p+p{margin-top:6px}
.msg--me{align-self:flex-end;background:#24473A;border-bottom-right-radius:4px}
.msg--me small{display:block;margin-top:6px;font-size:12.5px;color:#B9C7BE}
.voice{display:flex;align-items:center;gap:10px;font-size:12px;color:#CFE0D6}
.voice i{width:120px;max-width:50%;flex:none;height:18px;background:repeating-linear-gradient(90deg,#9BE8D9 0 2px,transparent 2px 5px);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='18'%3E%3Cpath d='M0 9 Q10 0 20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V18 H0Z' fill='%23000'/%3E%3Crect y='4' width='120' height='10' fill='%23000'/%3E%3C/svg%3E")}
.msg--her{align-self:flex-start;background:#13201B;border:1px solid rgba(201,164,92,.18);border-bottom-left-radius:4px}
.msg--gate{border-color:rgba(0,194,155,.45);box-shadow:0 0 30px -12px var(--volt-a)}
.msg--gate .msg__h{color:var(--arc)}
.msg__btns{display:flex;gap:8px;margin-top:10px}
.msg__btns span{flex:1;text-align:center;padding:8px;border-radius:10px;border:1px solid rgba(201,164,92,.4);color:var(--gold-hi);font-size:13px;font-weight:600}
.msg__btns span:first-child{background:rgba(0,194,155,.12);border-color:rgba(0,194,155,.5);color:var(--arc)}
.msg--card{border-color:rgba(201,164,92,.45);background:linear-gradient(180deg,#17251F,#111C18)}
.msg__h{font:400 19px/1.2 var(--serif);letter-spacing:.02em;font-synthesis:none;color:var(--gold-hi);margin-bottom:4px}
.msg--card small{display:block;margin-top:8px;font-size:13px;color:var(--muted)}

/* features — tabs */
.features{background:radial-gradient(60% 40% at 50% 0%,rgba(0,194,155,.06),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg))}
.fx{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.fx__tabs{position:sticky;top:110px;display:grid;gap:6px;padding:8px;border-radius:var(--r);border:1px solid var(--hair);background:rgba(255,255,255,.02)}
.fx__tab{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:14px;text-decoration:none;color:var(--muted);font-size:15px;line-height:1.25;border:1px solid transparent;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.fx__tab span:nth-child(2){flex:1}
.fx__tab small{font:400 14px/1 var(--mono);letter-spacing:.06em;color:var(--soft)}
.fx__tab .lamp{background:var(--soft);box-shadow:none;animation:none}
.fx__tab:active{background:rgba(0,194,155,.08)}
.nav a:active{color:var(--volt)}
@media (hover:hover){.fx__tab:hover{color:var(--ivory);background:rgba(255,255,255,.03)}}
.fx__tab[aria-selected="true"]{color:var(--ivory);background:linear-gradient(90deg,rgba(0,194,155,.1),rgba(201,164,92,.05));border-color:rgba(0,194,155,.3)}
.fx__tab[aria-selected="true"] .lamp{background:var(--volt);box-shadow:0 0 0 3px rgba(0,194,155,.14),0 0 12px 2px var(--volt-a);animation:lamp 2.6s var(--ease) infinite}
.fx__tab[aria-selected="true"] small{color:var(--volt)}
.fx__panels{display:grid;gap:28px}
.fx__panel{position:relative;padding:8px;border-radius:calc(var(--r) + 8px);background:linear-gradient(160deg,rgba(201,164,92,.28),rgba(201,164,92,.05) 35%,rgba(0,194,155,.16));scroll-margin-top:110px}
.fx__panel>*{position:relative}
.fx__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:30px;border-radius:var(--r) var(--r) 0 0;background:linear-gradient(180deg,#0E1B16,#0A1411);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.fx__img{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(201,164,92,.25);transform-style:preserve-3d;transition:transform .8s var(--ease)}
.fx__img img{width:100%;height:100%;object-fit:cover}
.fx__img::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none}
.fx__kicker{font:400 13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--volt)}
.fx__head h3{font:400 clamp(34px,3.4vw,46px)/1.05 var(--serif);margin-top:14px}
.fx__sum{margin-top:14px;color:var(--muted);font-size:18px}
.fx__list{list-style:none;margin:0;padding:8px 30px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-radius:0 0 var(--r) var(--r);background:#0A1411}
.fx__list li{padding:22px 0 22px 26px;border-top:1px solid var(--hair);position:relative}
.fx__list li::before{content:"";position:absolute;left:2px;top:31px;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold);background:rgba(201,164,92,.2)}
.fx__list h4{font:600 16.5px/1.3 var(--sans);color:var(--ivory)}
.fx__list p{margin-top:6px;color:var(--muted);font-size:16px;line-height:1.55}
.tag{display:inline-block;vertical-align:2px;margin-left:6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,194,155,.4);color:var(--volt);font:600 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.js .fx__panel[hidden]{display:none}
.js .fx__panels .fx__panel.on{animation:panel .7s var(--ease)}
@keyframes panel{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.fx__note{margin-top:28px;color:var(--soft);font-size:15px;text-align:center;max-width:780px;margin-inline:auto}

/* integrations marquee */
.integr{position:relative;overflow:hidden;border-block:1px solid var(--line);background:var(--ink);padding:22px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.integr__row{display:flex;width:max-content;animation:marquee 48s linear infinite}
.integr__track{list-style:none;margin:0;padding:0;display:flex;gap:14px;padding-right:14px}
.integr__track li{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid var(--hair);background:rgba(255,255,255,.02);font:400 15px/1 var(--caps);letter-spacing:.12em;text-transform:uppercase;color:#C9CFC4;white-space:nowrap}
.integr__track li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(201,164,92,.6)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* roles */
.roles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.role{padding:7px;border-radius:calc(var(--r) + 7px);background:linear-gradient(170deg,rgba(201,164,92,.3),rgba(201,164,92,.04) 45%,rgba(0,194,155,.14));transition:transform .7s var(--ease)}
.role__core{height:100%;padding:34px 30px 32px;border-radius:var(--r);background:linear-gradient(180deg,#0F1D18,#0A1411);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.role__k{font:400 13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--volt)}
.role h3{font:400 29px/1.1 var(--serif);margin-top:14px}
.role ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.role li{position:relative;padding-left:22px;color:var(--muted);font-size:16px;line-height:1.5}
.role li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:1px;background:var(--volt);box-shadow:0 0 6px var(--volt)}
.role b{color:var(--ivory);font-weight:600}

/* day */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:33px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.5) 8%,rgba(201,164,92,.5) 92%,transparent)}
.timeline::after{content:"";position:absolute;left:0;top:32px;height:3px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,transparent,var(--volt) 10%,var(--arc));box-shadow:0 0 12px var(--volt);transition:transform 2.4s var(--ease)}
.timeline.in::after,html:not(.js) .timeline::after{transform:scaleX(1)}
.timeline li{position:relative;padding:0 22px 0 0}
.timeline time{display:block;font:400 24px/1 var(--mono);letter-spacing:.04em;color:var(--gold-hi)}
.timeline li::before{content:"";position:absolute;left:1px;top:27px;width:13px;height:13px;transform:rotate(45deg);border:1px solid var(--volt);background:var(--bg);box-shadow:0 0 10px var(--volt-a);z-index:1}
.timeline h3{font:400 24px/1.15 var(--serif);margin-top:46px}
.timeline p{margin-top:10px;color:var(--muted);font-size:16px}

/* trust */
.trust{background:radial-gradient(50% 60% at 50% 50%,rgba(28,58,47,.45),transparent 75%)}
.trust__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:48px;align-items:center}
.trust .sec-head{margin:0}
.vault svg{width:100%;max-width:380px;margin:0 auto;display:block;overflow:visible}
.vault .ring{fill:none;stroke:var(--gold);stroke-opacity:.55;stroke-width:1.2}
.vault .ring--dash{stroke:var(--volt);stroke-opacity:.6;stroke-dasharray:4 10;filter:drop-shadow(0 0 4px var(--volt))}
.vault .tick{stroke:var(--gold);stroke-width:2;stroke-opacity:.7}
.vault .dot{fill:var(--volt);filter:drop-shadow(0 0 6px var(--volt))}
.vault .core{fill:#0D1A15;stroke:var(--gold-hi);stroke-width:1.5;filter:drop-shadow(0 0 18px rgba(0,194,155,.45))}
.vault .lock{fill:none;stroke:var(--arc);stroke-width:2.2;stroke-linejoin:round}
.vault .lbl{fill:var(--gold);font:400 14px var(--caps);letter-spacing:.24em;text-anchor:middle}
.vault__r1,.vault__r2,.vault__r3{transform-origin:200px 200px;transform-box:view-box}
.vault__r1{animation:rot 60s linear infinite}
.vault__r2{animation:rot 28s linear infinite reverse}
.vault__r3{animation:rot 40s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.rules{list-style:none;margin:0;padding:0;display:grid;gap:0}
.rules li{padding:22px 0 22px 44px;border-top:1px solid var(--line);position:relative}
.rules li:last-child{border-bottom:1px solid var(--line)}
.rules li::before{content:"";position:absolute;left:4px;top:30px;width:14px;height:14px;transform:rotate(45deg);border:1px solid var(--volt);box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 7px var(--volt),0 0 12px var(--volt-a)}
.rules h3{font:400 23px/1.15 var(--serif)}
.rules p{margin-top:6px;color:var(--muted);font-size:16px}

/* steps */
.steps{background:var(--bg2);border-block:1px solid var(--line)}
.steps__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.step{padding:36px 32px 38px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,rgba(15,29,24,.9),rgba(8,17,14,.7));position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.step__n{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font:400 22px/1 var(--caps);color:var(--gold-hi);border:1px solid var(--gold);box-shadow:inset 0 0 0 4px var(--bg2),inset 0 0 0 5px rgba(201,164,92,.4),0 0 24px -4px var(--volt-a)}
.step h3{font:400 28px/1.1 var(--serif);margin-top:24px}
.step p{margin-top:10px;color:var(--muted);font-size:15.5px}

/* pricing */
.pricing{background:radial-gradient(60% 50% at 50% 55%,rgba(28,58,47,.5),rgba(28,58,47,0) 100%)}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{position:relative;min-width:0;overflow-wrap:break-word;display:flex;flex-direction:column;padding:40px 26px 30px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,#0F1C17,#0A1411)}
.plan h3{font:400 28px/1 var(--caps);letter-spacing:.12em;text-transform:uppercase}
.plan__for{color:var(--soft);font-size:14px;margin-top:8px}
.plan__price{white-space:nowrap;font:400 clamp(30px,2.7vw,38px)/1 var(--mono);letter-spacing:.02em;margin-top:28px;color:var(--ivory)}
.plan__price small{font:400 15px var(--sans);color:var(--soft);margin-left:6px}
.plan__sparks{margin-top:10px;color:var(--gold);font-size:15px;font-weight:600}
.plan ul{list-style:none;padding:24px 0 0;margin:24px 0 32px;border-top:1px solid var(--line);display:grid;gap:12px;flex:1}
.plan li{position:relative;padding-left:24px;font-size:15.5px;color:#CFD3C8}
.plan li::before{content:"";position:absolute;left:1px;top:.6em;width:7px;height:7px;transform:rotate(45deg);background:var(--gold)}
.plan .btn{width:100%}
.plan--main{border-color:transparent;background:linear-gradient(180deg,#183127,#0E1C17);box-shadow:0 30px 80px -30px rgba(0,194,155,.3);transform:translateY(-12px)}
.plan--main::after{content:"";position:absolute;inset:-1px;border-radius:calc(var(--r) + 1px);pointer-events:none;padding:1px;background:conic-gradient(from var(--ang),var(--gold) 0,var(--gold-hi) 20%,var(--volt) 30%,var(--gold) 45%,var(--gold-lo) 70%,var(--gold) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:spin 8s linear infinite}
.js .plan--main.reveal{transform:translateY(12px)}.js .plan--main.reveal.in{transform:translateY(-12px)}
.plan__badge{position:absolute;top:-14px;right:24px;padding:6px 14px;border-radius:999px;background:var(--gold);color:var(--ink);font:600 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;z-index:1}
.plans__note{text-align:center;color:var(--soft);font-size:15px;margin-top:36px}

/* faq */
.faq__in{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq .sec-head{margin:0}
.faq__list details{border-top:1px solid var(--line)}
.faq__list details:last-child{border-bottom:1px solid var(--line)}
.faq__list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:400 24px/1.2 var(--serif);font-synthesis:none;transition:color .3s var(--ease)}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"";flex:none;width:12px;height:12px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg) translate(-3px,-3px);transition:transform .4s var(--ease)}
.faq__list details[open] summary::after{transform:rotate(-135deg);border-color:var(--volt)}
@media (hover:hover){.faq__list summary:hover{color:var(--gold-hi)}}
.faq__list summary:active{color:var(--gold)}
.faq__list details[open] p{animation:faq .45s var(--ease)}
@keyframes faq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.faq__list details p{padding:0 40px 26px 0;color:var(--muted);font-size:16px}

/* final */
.final{text-align:center;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background:url(img/texture.webp?v=10) center/560px;background-image:image-set(url(img/texture.avif?v=10) type("image/avif"),url(img/texture.webp?v=10) type("image/webp"));opacity:.3;-webkit-mask:radial-gradient(60% 70% at 50% 50%,#000 20%,transparent 75%);mask:radial-gradient(60% 70% at 50% 50%,#000 20%,transparent 75%)}
.final__in{position:relative;display:flex;flex-direction:column;align-items:center}
.final__av-wrap{position:relative;border-radius:50%;padding:12px}
.final__av-wrap::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--ang),transparent 0 60%,var(--volt) 75%,var(--arc) 80%,transparent 88%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:spin 5s linear infinite}
.final__av{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--gold),0 0 0 8px var(--bg),0 0 0 9px rgba(201,164,92,.4),0 30px 90px -20px rgba(0,194,155,.35)}
.final .h2{margin-top:36px}
.final .lead{margin:22px auto 36px}

/* footer */
.foot{border-top:1px solid var(--line);padding:34px 0;background:var(--ink)}
.foot__in{display:flex;align-items:center;gap:24px;justify-content:space-between;font-size:14px;color:var(--soft)}
.foot__in .brand__av{width:32px;height:32px}
.foot__in .brand__name{font-size:16px}
.foot__in a:last-child{color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}

/* ============ ЭНЕРГИЯ: разряды, свечение, переливы (ниже hero) ============ */
.defs{position:absolute;width:0;height:0;overflow:hidden}
/* искра — светящаяся молния вместо эмодзи */
.zap{display:inline-block;width:1.05em;height:1.15em;vertical-align:-.2em;margin:0 .08em;font-style:normal;filter:drop-shadow(0 0 2px rgba(191,241,255,.9)) drop-shadow(0 0 7px rgba(95,170,255,.75));animation:zap 3.2s steps(1) infinite}
.zap svg{display:block;width:100%;height:100%;overflow:visible}
.zap__br{opacity:0;animation:zapbr 3.2s steps(1) infinite}
@keyframes zap{0%,100%{opacity:1}61%{opacity:.55}63%{opacity:1}66%{opacity:.7}68%{opacity:1}}
@keyframes zapbr{0%,60%{opacity:0}61%,69%{opacity:1}70%{opacity:0}}

/* сияющий заголовок: перелив золота с голубой искрой */
.h2 em{background:linear-gradient(100deg,var(--gold) 0%,var(--gold-hi) 28%,#FFF8E6 40%,var(--bolt-hi) 47%,var(--gold-hi) 56%,var(--gold) 80%,var(--gold-hi) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:sheen 7s var(--ease) infinite;filter:drop-shadow(0 0 18px rgba(230,207,152,.22))}
@keyframes sheen{0%{background-position:100% 0}55%,100%{background-position:0 0}}
.eyebrow{text-shadow:0 0 14px rgba(201,164,92,.35)}

/* фон секций: плазменные ореолы */
.how{background:radial-gradient(42% 50% at 85% 35%,rgba(0,194,155,.2),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(3,100,79,.12),transparent 70%)}
.features{background:radial-gradient(55% 35% at 50% 0%,rgba(0,194,155,.22),transparent 70%),radial-gradient(35% 30% at 0% 60%,rgba(0,194,155,.08),transparent 70%),radial-gradient(35% 30% at 100% 80%,rgba(3,100,79,.08),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg2) 50%,var(--bg))}
.roles{background:radial-gradient(50% 50% at 50% 60%,rgba(0,194,155,.12),transparent 70%),radial-gradient(30% 40% at 90% 20%,rgba(3,100,79,.1),transparent 70%)}
.trust{background:radial-gradient(45% 55% at 50% 50%,rgba(0,194,155,.2),transparent 70%),radial-gradient(50% 60% at 50% 50%,rgba(28,58,47,.5),transparent 75%)}
.pricing{background:radial-gradient(55% 45% at 50% 55%,rgba(0,194,155,.18),transparent 75%),radial-gradient(60% 50% at 50% 55%,rgba(28,58,47,.55),rgba(28,58,47,0) 100%)}
.final{background:radial-gradient(40% 50% at 50% 40%,rgba(0,194,155,.14),transparent 70%)}

/* энергетический луч по верхней кромке секций */
.section::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(0,194,155,0) 30%,var(--bolt-hi) 48%,#fff 50%,var(--bolt) 52%,rgba(0,194,155,0) 70%,transparent 100%) no-repeat,linear-gradient(90deg,transparent,rgba(0,194,155,.25) 20%,rgba(201,164,92,.3) 50%,rgba(0,194,155,.25) 80%,transparent);background-size:40% 100%,100% 1px;background-position:-60% 0,0 0;filter:drop-shadow(0 0 6px var(--bolt));animation:beam 7s var(--ease) infinite}
@keyframes beam{0%{background-position:-60% 0,0 0}60%,100%{background-position:160% 0,0 0}}
.final::after,.how::after{display:none}

/* показатели: кольца-катушки с молнией */
.gauges{background:radial-gradient(60% 120% at 50% 0%,rgba(0,194,155,.1),transparent 70%),linear-gradient(180deg,var(--bg2),var(--bg))}
.gauge__ic{position:relative;flex:none;width:60px;height:60px;display:grid;place-items:center}
.gauge__ic::before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,155,.35),rgba(0,194,155,0) 70%);animation:breath 3.4s var(--ease) infinite}
.g-old>svg:first-child{position:absolute;inset:0;width:60px;height:60px;transform:rotate(-90deg)}
.gauge .g-old circle.g{stroke:var(--bolt);filter:drop-shadow(0 0 3px var(--bolt-hi)) drop-shadow(0 0 8px var(--bolt))}
.gauge .gauge__z{position:relative;width:26px;height:26px;transform:none;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px var(--bolt));animation:zap 3.6s steps(1) infinite}
.gauge:nth-child(2) .gauge__z,.gauge:nth-child(2) .gauge__ic::before{animation-delay:-.9s}
.gauge:nth-child(3) .gauge__z,.gauge:nth-child(3) .gauge__ic::before{animation-delay:-1.8s}
.gauge:nth-child(4) .gauge__z,.gauge:nth-child(4) .gauge__ic::before{animation-delay:-2.7s}
@keyframes breath{50%{transform:scale(1.25);opacity:.55}}
.gauge b{text-shadow:0 0 18px rgba(0,194,155,.25)}

/* кнопки: блик-перелив */
.btn--gold,.btn--volt{position:relative;overflow:hidden;isolation:isolate}
.btn--gold::after,.btn--volt::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg) translateX(0);animation:glint 5.5s var(--ease) infinite}
@keyframes glint{0%,62%{transform:skewX(-20deg) translateX(0)}82%,100%{transform:skewX(-20deg) translateX(480%)}}
.btn--gold{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 34px -8px rgba(201,164,92,.6),0 0 0 1px rgba(230,207,152,.35),0 0 26px -6px rgba(0,194,155,.35)}
.btn--volt{color:#06121A;background:linear-gradient(180deg,#E2FFF7,#7FE8CF 45%,#19B58F);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 34px -8px rgba(0,170,130,.7),0 0 0 1px rgba(192,255,255,.5)}
@media (hover:hover){.btn--volt:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 44px -10px rgba(0,170,130,.9),0 0 0 4px rgba(0,194,155,.18)}}
@media (hover:hover){.btn--line:hover{box-shadow:0 0 26px -4px rgba(201,164,92,.6)}}

/* карточки: подсветка за курсором + живая кромка */
.role,.step,.plan,.fx__panel,.rules li,.msg--file{--mx:50%;--my:0%}
.role__core,.step,.plan{position:relative;isolation:isolate}
.role__core::before,.step::before,.plan::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(0,194,155,.14),transparent 45%);opacity:.6;transition:opacity .6s var(--ease)}
/* hover убран: элемент не кликабельный (аудит 20.10 п.12) */
.role{position:relative;transition:transform .7s var(--ease),box-shadow .7s var(--ease);box-shadow:0 30px 70px -40px rgba(0,0,0,.9),0 0 50px -30px rgba(0,194,155,.4)}
.role::after,.step::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:conic-gradient(from var(--ang),transparent 0 70%,rgba(192,255,255,.95) 80%,rgba(0,194,155,.6) 84%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:spin 9s linear infinite}
.role:nth-child(2)::after{animation-delay:-3s}.role:nth-child(3)::after{animation-delay:-6s}
.step:nth-child(2)::after{animation-delay:-3s}.step:nth-child(3)::after{animation-delay:-6s}
/* hover убран: элемент не кликабельный (аудит 20.10 п.12) */
/* hover убран: элемент не кликабельный (аудит 20.10 п.12) */
.role h3,.step h3{text-shadow:0 0 24px rgba(0,194,155,.18)}
.role li::before{background:var(--bolt);box-shadow:0 0 8px var(--bolt),0 0 2px #fff}
.step{transition:transform .7s var(--ease),box-shadow .7s var(--ease);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 60px -36px rgba(0,194,155,.6)}
.step__n{background:radial-gradient(circle,rgba(0,194,155,.22),transparent 70%);text-shadow:0 0 12px rgba(230,207,152,.6);box-shadow:inset 0 0 0 4px var(--bg2),inset 0 0 0 5px rgba(201,164,92,.45),0 0 30px -2px var(--bolt-a)}

/* функции */
.fx__panel{box-shadow:0 40px 100px -50px rgba(0,0,0,.9),0 0 80px -40px rgba(0,194,155,.45)}
.fx__panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:conic-gradient(from var(--ang),transparent 0 72%,rgba(192,255,255,.9) 82%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:spin 10s linear infinite}
.fx__head{background:radial-gradient(60% 90% at 25% 50%,rgba(0,194,155,.12),transparent 70%),linear-gradient(180deg,#0E1B16,#0A1411)}
.fx__img{box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(201,164,92,.35),0 0 50px -10px rgba(0,194,155,.4)}
.fx__img::after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 55%) no-repeat,linear-gradient(120deg,rgba(255,255,255,.08),transparent 40%);background-size:250% 100%,100% 100%;background-position:150% 0,0 0;animation:glass 6s var(--ease) infinite}
@keyframes glass{0%,55%{background-position:150% 0,0 0}85%,100%{background-position:-60% 0,0 0}}
.fx__head h3{text-shadow:0 0 30px rgba(0,194,155,.25)}
.fx__tab[aria-selected="true"]{background:linear-gradient(90deg,rgba(0,194,155,.16),rgba(201,164,92,.06));border-color:rgba(0,194,155,.45);box-shadow:0 0 26px -10px var(--bolt),inset 0 1px 0 rgba(255,255,255,.06)}
.fx__tab[aria-selected="true"] .lamp{background:var(--bolt-hi);box-shadow:0 0 0 3px rgba(0,194,155,.18),0 0 14px 3px var(--bolt-a)}
.fx__list li{transition:background .5s var(--ease)}
.fx__list li::before{border-color:var(--bolt);background:rgba(0,194,155,.25);box-shadow:0 0 8px var(--bolt-a)}
.fx__list li.hit::before{left:-3px;top:23px;width:18px;height:22px;transform:none;border:0;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.2' y1='0' x2='.8' y2='1'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.4' stop-color='%23BFF1FF'/%3E%3Cstop offset='1' stop-color='%235C8BFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M15.2 1 5.2 13.4h5.7L8.2 23l10.6-13.6h-6.1L15.2 1z' fill='url(%23a)'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 3px #CFF3FF) drop-shadow(0 0 8px rgba(95,170,255,.8))}
.fx__list li.hit h4{color:#fff;text-shadow:0 0 18px rgba(0,194,155,.45)}
/* hover убран: элемент не кликабельный (аудит 20.10 п.12) */
.tag{border-color:rgba(0,194,155,.5);color:var(--bolt-hi);box-shadow:0 0 12px -4px var(--bolt)}

/* бегущая строка */
.integr{background:radial-gradient(50% 200% at 50% 50%,rgba(0,194,155,.08),transparent 70%),var(--ink)}
.integr__track li{border-color:rgba(0,194,155,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.integr__track li::before{background:var(--bolt-hi);box-shadow:0 0 6px #fff,0 0 12px var(--bolt)}

/* таймлайн дня: искра бежит по проводу */
.timeline::after{background:linear-gradient(90deg,transparent,var(--bolt) 10%,var(--bolt-hi));box-shadow:0 0 12px var(--bolt),0 0 3px #fff}
.timeline li::before{border-color:var(--bolt);box-shadow:0 0 12px var(--bolt),inset 0 0 6px var(--bolt-a)}
.timeline time{text-shadow:0 0 18px rgba(230,207,152,.45)}
.timeline li:first-child::after{content:"";position:absolute;left:0;top:26px;width:16px;height:16px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,var(--bolt-hi) 30%,rgba(0,194,155,0) 70%);box-shadow:0 0 18px 6px rgba(0,194,155,.5);opacity:0;z-index:2}
.timeline.in li:first-child::after{animation:run-x 5s var(--ease) 2.4s infinite}
@keyframes run-x{0%{transform:translateX(0);opacity:0}8%{opacity:1}85%{opacity:1}100%{transform:translateX(var(--tl-w,1100px));opacity:0}}

/* сейф-катушка: разряды */
.vault .ring{stroke-opacity:.7}
.vault .ring--dash{stroke:var(--bolt)}
.vault .dot{fill:var(--bolt-hi);filter:drop-shadow(0 0 6px var(--bolt))}
.vault .core{filter:drop-shadow(0 0 24px rgba(0,194,155,.65))}
.vault__arc{fill:none;stroke:var(--bolt-hi);stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px var(--bolt));opacity:0;animation:arc 2.8s steps(1) infinite}
@keyframes arc{0%,100%{opacity:0}12%{opacity:1}16%{opacity:.2}20%{opacity:.95}26%{opacity:0}57%{opacity:.8}60%{opacity:0}}
.vault__zap{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px var(--bolt))}
.rules li{transition:background .5s var(--ease)}
.rules li::before{border-color:var(--bolt);box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 7px var(--bolt),0 0 14px var(--bolt)}
/* hover убран: элемент не кликабельный (аудит 20.10 п.12) */

/* схема работы */
.flow::after{background:linear-gradient(180deg,transparent,var(--bolt),#fff);box-shadow:0 0 16px 3px var(--bolt-a)}
.flow__n{text-shadow:0 0 10px rgba(230,207,152,.5)}
.flow__gate .flow__n{border-color:var(--bolt);color:#fff;box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 5px var(--bolt-a),0 0 26px var(--bolt)}
.phone{box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 100px -20px rgba(0,194,155,.4),0 0 0 1px rgba(0,0,0,.5)}
.msg--gate{border-color:rgba(0,194,155,.55);box-shadow:0 0 34px -10px var(--bolt-a)}
.msg--file{display:flex;align-items:center;gap:12px;border-color:rgba(0,194,155,.35)}
.msg--file small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.file__ic{flex:none;display:grid;place-items:center;width:42px;height:50px;border-radius:8px;font:700 11px/1 var(--sans);letter-spacing:.06em;color:#06121A;background:linear-gradient(160deg,#E2FFF7,#3FCFAA);box-shadow:0 0 18px -2px var(--bolt-a)}
.msg--card small{margin-top:0}

/* тарифы */
.plan{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -40px rgba(0,0,0,.9);transition:transform .7s var(--ease),box-shadow .7s var(--ease),border-color .5s var(--ease)}
/* hover убран: элемент не кликабельный (аудит 20.10 п.12) */
.plan__price{text-shadow:0 0 24px rgba(239,230,210,.18)}
.plan__sparks{display:flex;align-items:center;gap:6px;color:var(--bolt-hi);text-shadow:0 0 12px rgba(0,194,155,.45)}
.plan__sparks .zap{font-size:1.15em;margin:0}
.plan--main{box-shadow:0 30px 90px -20px rgba(0,194,155,.35),0 0 0 1px rgba(201,164,92,.2)}
.plan--main .plan__price{color:#fff}
.plan--free{border-color:rgba(0,194,155,.35);background:radial-gradient(120% 60% at 50% 0%,rgba(0,194,155,.18),transparent 70%),linear-gradient(180deg,#0E1C22,#0A1416)}
.plan--free::after{content:"";position:absolute;inset:-1px;border-radius:calc(var(--r) + 1px);pointer-events:none;padding:1px;background:conic-gradient(from var(--ang),rgba(0,194,155,.3) 0,#fff 12%,var(--bolt) 22%,rgba(3,100,79,.6) 45%,rgba(0,194,155,.3) 70%,rgba(0,194,155,.3) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:spin 7s linear infinite}
.plan--free li::before{background:var(--bolt);box-shadow:0 0 8px var(--bolt)}
.plan__badge--free{background:linear-gradient(180deg,#E2FFF7,#5FE3C4);color:#06121A;box-shadow:0 0 20px -2px var(--bolt)}
.plan__badge{box-shadow:0 0 20px -4px rgba(230,207,152,.8)}

/* финал и faq */
.final__av{box-shadow:0 0 0 1px var(--gold),0 0 0 8px var(--bg),0 0 0 9px rgba(201,164,92,.4),0 0 90px -10px rgba(0,194,155,.6)}
.final__av-wrap::after{content:"";position:absolute;inset:-30px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,194,155,.22),transparent 65%);animation:breath 4s var(--ease) infinite;z-index:-1}
.faq__list details[open]{background:linear-gradient(90deg,rgba(0,194,155,.06),transparent 70%)}
.faq__list details[open] summary{color:var(--bolt-hi);text-shadow:0 0 18px rgba(0,194,155,.35)}

/* разряд под заголовками секций */
.sec-head .h2::after,.final .h2::after{content:"";display:block;width:220px;max-width:70%;height:18px;margin-top:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 18'%3E%3Cpath d='M0 9h40l6-6 7 12 6-10 5 7 8-5 6 4h40l5-7 7 11 6-9 6 6 7-3h21l6-5 6 8 5-5h33' fill='none' stroke='%23CFF3FF' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") left center/100% 100% no-repeat;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #6FCBFF);animation:flick 4s steps(1) infinite;-webkit-mask:linear-gradient(90deg,#000 60%,transparent);mask:linear-gradient(90deg,#000 60%,transparent)}
.sec-head--c .h2::after,.final .h2::after{margin-inline:auto;-webkit-mask:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
@keyframes flick{0%,100%{opacity:.9}40%{opacity:.5}42%{opacity:1}45%{opacity:.35}47%{opacity:1}}

/* подписи-разделители: один голубой акцент, крупнее */
.role__k,.fx__kicker{color:var(--bolt-hi);font-size:14px;text-shadow:0 0 12px rgba(0,194,155,.4)}
.eyebrow::before,.sec-head--c .eyebrow::after{box-shadow:0 0 8px var(--bolt)}
@media (hover:hover){.btn--volt:hover:active{transform:scale(.98)}}
.btn--volt:focus-visible{outline-color:var(--ivory)}
.top__short{display:none}
@media (max-width:420px){.top__long{display:none}.top__short{display:inline}.top__in{gap:8px}.brand__name{letter-spacing:.2em}}
/* мобайл: кромки статичные, луч без фильтра — меньше перерисовок */
@media (max-width:860px){
  .role::after,.step::after,.fx__panel::before,.plan--free::after,.plan--main::after,.phone::after{animation:none;--ang:200deg}
  .section::after{filter:none}
  .h2 em{filter:none}
}

/* появление: мягкий фокус */
.js .reveal{filter:blur(6px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}
.js .reveal.in{filter:none}
@media (max-width:860px){.js .reveal{filter:none}}

/* responsive */
@media (max-width:1180px){
  .nav{display:none}
  .top__in .btn{margin-left:auto}
  .mnav{display:block}
  .hero__lead{max-width:370px}
  .hero__pic img{left:30%;width:70%;object-position:66% 30%}
  .hero__pic::before{left:30%}
  .hero::after{background:linear-gradient(90deg,rgba(5,10,8,.96) 0%,rgba(5,10,8,.86) 34%,rgba(5,10,8,.3) 54%,rgba(5,10,8,0) 66%),linear-gradient(0deg,var(--bg) 0%,rgba(8,17,14,0) 22%)}
  .gauges__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gauge:nth-child(3){border-left:0;padding-left:0}
  .gauge:nth-child(n+3){border-top:1px solid var(--line)}
  .how__in{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:48px}
  .fx{grid-template-columns:minmax(0,1fr)}
  .fx__tabs{position:sticky;top:80px;z-index:5;-webkit-mask:linear-gradient(90deg,#000 85%,transparent);mask:linear-gradient(90deg,#000 85%,transparent);display:flex;overflow-x:auto;scrollbar-width:none;background:rgba(6,12,10,.92);gap:4px}
  .fx__tabs::-webkit-scrollbar{display:none}
  .fx__tab{flex:none;white-space:nowrap}
  .fx__tab small{display:none}
  .trust__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .trust .sec-head{grid-column:1/-1}
  .timeline{grid-template-columns:minmax(0,1fr);gap:34px;padding-left:34px}
  .timeline::before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(201,164,92,.5) 4%,rgba(201,164,92,.5) 96%,transparent)}
  .timeline::after{left:5px;top:0;width:3px;height:100%;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,transparent,var(--volt) 10%,var(--arc))}
  .timeline.in::after,html:not(.js) .timeline::after{transform:scaleY(1)}
  .timeline li::before{left:-34px;top:6px}
  .timeline h3{margin-top:10px}
  .timeline li:first-child::after{display:none}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan--main,.js .plan--main.reveal.in{transform:none}
}
@media (max-width:860px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .top{inset:10px 0 auto;padding:0 10px}
  .top__in{height:58px;gap:12px}
  .brand__av{width:34px;height:34px}
  .brand__name{font-size:17px}
  .hero{min-height:0;display:block;background:var(--bg)}
  .hero__pic{display:block;position:relative}
  .hero__pic::before{display:none}
  .hero__pic img{position:relative;inset:auto;left:0;width:100%;height:auto;aspect-ratio:4/5;object-position:center top}
  .hero::after{display:none}
  .hero__pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(8,17,14,.92) 14%,rgba(8,17,14,.6) 26%,rgba(8,17,14,.2) 40%,rgba(8,17,14,0) 54%),linear-gradient(180deg,rgba(5,10,8,.7) 0%,rgba(5,10,8,0) 16%)}
  .hero__sparks{height:125vw}
  .hero__in{margin-top:-24vw;padding-top:0;padding-bottom:64px}
  .hero__title{font-size:clamp(46px,12.5vw,72px);margin-top:18px}
  .hero__lead{font-size:18px;margin-top:20px}
  .hero__cta{margin-top:28px}
  .hero__cta .btn{width:100%}
  .hero__facts{flex-direction:column;gap:10px;margin-top:28px}
  .pill{font-size:12px;letter-spacing:.04em;padding:8px 12px 8px 10px;gap:8px}
  .gauges__in{grid-template-columns:minmax(0,1fr)}
  .gauge,.gauge:first-child,.gauge:nth-child(3){border-left:0;padding:18px 0;border-top:1px solid var(--line)}
  .gauge:first-child{border-top:0}
  .section{padding:88px 0}
  .sec-head{margin-bottom:40px}
  .h2{font-size:clamp(34px,9.6vw,46px)}
  .lead{font-size:17.5px}
  .how__in,.trust__in,.faq__in{grid-template-columns:minmax(0,1fr);gap:44px}
  .how__in>*,.trust__in>*,.faq__in>*{min-width:0}
  .how__demo{position:static}
  .phone{margin:0 auto}
  .flow{padding-left:56px;gap:26px}
  .flow__n{left:-56px;width:40px;height:40px}
  .flow::before{left:19px}.flow::after{left:17px}
  .flow h3{font-size:23px}
  .fx__tabs{top:68px;margin:0 -20px;border-radius:0;border-inline:0;padding:8px 20px}
  .fx__panel{padding:5px;border-radius:calc(var(--r) + 5px)}
  .fx__head{grid-template-columns:minmax(0,1fr);gap:22px;padding:18px}
  .fx__list{grid-template-columns:minmax(0,1fr);padding:4px 18px 18px}
  .fx__list li{padding:18px 0 18px 24px}
  .fx__list li::before{top:27px}
  .roles__grid,.steps__row,.plans{grid-template-columns:minmax(0,1fr)}
  .role__core{padding:28px 22px}
  .vault svg{max-width:280px}
  .plan{padding:32px 22px 26px}
  .h2,.faq__list summary,.hero__title{overflow-wrap:anywhere}
  .plan--main,.plan--main.reveal.in{transform:none}
  .js .plan--main.reveal{transform:translateY(24px)}
  .js .plan--main.reveal.in{transform:none}
  .plans{gap:28px}
  .faq__list summary{font-size:21px}
  .faq__list details p{padding-right:0}
  .final__av{width:150px;height:150px}
  .btn--lg{width:100%;white-space:normal;text-align:center}
  .foot__in{flex-direction:column;text-align:center;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rise,.js .reveal{opacity:1;transform:none}
  .js .gauges:not(.in) circle.g{stroke-dashoffset:calc(170 - 170*var(--p))}
  .timeline::after{transform:none!important}
  .flow::after,.hero__sparks,.timeline li:first-child::after{display:none}
  .js .reveal{filter:none}
  .integr__row{flex-wrap:wrap;width:auto;justify-content:center}
  .integr__track[aria-hidden]{display:none}
  .integr__track{flex-wrap:wrap;justify-content:center;padding:0 20px}
  .integr{-webkit-mask:none;mask:none}
}
@media (prefers-reduced-motion:reduce) and (min-width:1181px){.js .plan--main.reveal{transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce) and (max-width:1180px){.js .plan--main.reveal{transform:none}}

/* живая лента в телефоне: 9 сценариев, автопроигрывание, табы и свайп */
.demo{max-width:420px;width:100%;margin-left:auto}
.demo .phone{max-width:none}
.demo__cap{display:flex;align-items:center;gap:2px;margin-bottom:12px;font-size:14px;color:var(--soft)}
.demo__tabs{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.demo__tab{position:relative;flex:none;overflow:hidden;min-height:36px;padding:7px 12px;border-radius:999px;border:1px solid var(--hair);background:rgba(255,255,255,.03);color:var(--muted);font:500 13px/1.2 var(--sans);white-space:nowrap;cursor:pointer;transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),transform .2s var(--ease)}
.demo__tab::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,var(--bolt),var(--bolt-hi));box-shadow:0 0 8px var(--bolt);transition:width .5s linear}
@media (hover:hover){.demo__tab:hover{color:var(--ivory);border-color:rgba(0,194,155,.3)}.demo__btn:hover{background:rgba(0,194,155,.14);box-shadow:0 0 18px -4px var(--bolt-a)}}
.demo__tab:active{transform:scale(.97)}
.demo__btn:active{background:rgba(0,194,155,.24);transform:scale(.94)}
.demo__tab[aria-selected="true"]{color:var(--ivory);border-color:rgba(0,194,155,.55);background:linear-gradient(90deg,rgba(0,194,155,.16),rgba(201,164,92,.08));box-shadow:0 0 18px -6px var(--bolt-a)}
.demo__tab:focus-visible,.demo__btn:focus-visible,.demo .phone__body:focus-visible{outline:2px solid var(--bolt-hi);outline-offset:2px}
.demo .phone__body{display:block;height:clamp(320px,calc(100vh - 460px),540px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
.demo .phone__body::-webkit-scrollbar{display:none}
.chat{display:flex;flex-direction:column;gap:12px;min-height:100%}
.chat[hidden]{display:none}
.chat>.msg:first-child{margin-top:auto}
html:not(.js) .chat+.chat{margin-top:28px;padding-top:20px;border-top:1px dashed var(--hair)}
html:not(.js) .demo__tabs,html:not(.js) .demo__ctl{display:none}
.chat .msg.wait{display:none}
.chat .msg.pop{animation:msgIn .45s var(--ease) both}
@keyframes msgIn{from{opacity:0;transform:translateY(10px) scale(.98)}}
.msg--typing{display:flex;gap:5px;padding:14px 16px}
.msg--typing i{width:7px;height:7px;border-radius:50%;background:var(--bolt-hi);opacity:.35;animation:dot 1.1s infinite}
.msg--typing i:nth-child(2){animation-delay:.18s}
.demo--paused .msg--typing i,.idle .msg--typing i{animation-play-state:paused}
.msg--typing i:nth-child(3){animation-delay:.36s}
@keyframes dot{40%{opacity:1;transform:translateY(-3px);box-shadow:0 0 8px var(--bolt)}}
.msg__list{margin:6px 0 0;padding-left:18px}
.msg__list+p{margin-top:8px}
.nowrap{white-space:nowrap}
.msg__list li+li{margin-top:4px}
.msg__list li::marker{color:var(--bolt)}
.msg__list small{display:block;font-size:12px;color:var(--muted)}
.msg__list .late{color:#FFC2A8}
.msg__list .late::marker{color:#FF8F6B}
.msg__quote{margin-top:4px;padding-left:10px;border-left:2px solid var(--bolt-a);color:#D6E4DC;font-style:italic}
.msg--gate small{font-size:12.5px;color:var(--muted)}
.msg__btns span{white-space:nowrap}
.msg--event{display:flex;align-items:center;gap:12px}
.msg--event small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.ev__date{flex:none;display:grid;place-items:center;width:46px;height:52px;border-radius:10px;font:600 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:#2A1F0B;background:linear-gradient(160deg,#F3E2B4,#C9A45C);box-shadow:0 0 18px -4px rgba(230,207,152,.6)}
.ev__date b{display:block;font-size:20px;line-height:1}
.msg--client{width:90%}
.cl__head{display:flex;align-items:center;gap:10px}
.cl__head small{display:block;font-size:12.5px;color:var(--muted)}
.cl__av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:700;color:#06121A;background:linear-gradient(160deg,#E2FFF7,#3FCFAA);box-shadow:0 0 14px -2px var(--bolt-a)}
.cl__rows{margin:10px 0 0;display:grid;gap:6px;font-size:13.5px}
.cl__rows div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding-top:6px;border-top:1px solid var(--hair)}
.cl__rows dt{color:var(--soft)}
.cl__rows dd{margin:0}
.msg--deck,.msg--dash,.msg--site{width:90%}
.deck{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.sl{position:relative;display:flex;align-items:flex-end;gap:4px;aspect-ratio:16/9;padding:8px;border-radius:6px;overflow:hidden;background:linear-gradient(160deg,#16362B,#0B1712);box-shadow:0 0 0 1px rgba(201,164,92,.35)}
.sl--title{flex-direction:column;align-items:flex-start;justify-content:flex-end}
.sl--title b{font:400 15px/1 var(--serif);color:var(--gold-hi)}
.sl--title i{width:60%;height:3px;margin-top:5px;border-radius:2px;background:var(--bolt)}
.sl--bars i{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--bolt-hi),var(--bolt))}
.sl--kpi{flex-direction:column;align-items:flex-start;justify-content:center}
.sl--kpi b{font:700 17px/1 var(--sans);color:var(--bolt-hi);text-shadow:0 0 10px var(--bolt-a)}
.sl--kpi i{width:70%;height:3px;border-radius:2px;background:rgba(239,230,210,.25)}
.sl--kpi i+i{width:45%}
.sl--pie{align-items:center}
.sl--pie i{flex:none;width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--bolt) 0 46%,var(--gold) 46% 74%,#2F5B4C 74%)}
.sl--pie em{flex:1;height:3px;margin-left:4px;border-radius:2px;background:rgba(239,230,210,.25)}
.sl--pie em+em{flex:.6}
.file__ic--ppt{background:linear-gradient(160deg,#FFE7D0,#F08A4B)}
.file__ic--pdf{background:linear-gradient(160deg,#FFE1E1,#E5655B)}
.file__ic--xls{background:linear-gradient(160deg,#E2FFE9,#4FBF7A)}
.msg--file-me{align-self:flex-end;background:#24473A;border:0}
.msg--file-me small{color:#B9C7BE}
.msg--pic{padding:6px;width:54%}
.msg--pic img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.msg--pic small{display:block;padding:6px 6px 2px;font-size:12px;color:var(--muted)}
.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.kpi span{padding:8px;border-radius:10px;background:rgba(0,194,155,.07);border:1px solid rgba(0,194,155,.2)}
.kpi b{display:block;font-size:14px;line-height:1.2;color:var(--ivory)}
.kpi small{display:block;font-size:11.5px;color:var(--muted)}
.kpi em{font-style:normal;color:#7DF0B4}
.bars{display:flex;align-items:flex-end;gap:8px;height:64px;margin:12px 0 8px;padding-bottom:2px;border-bottom:1px solid var(--hair)}
.bars i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--bolt-hi),var(--bolt) 45%,rgba(0,194,155,.25));box-shadow:0 0 12px -2px var(--bolt-a)}
.msg--dash small{font-size:12.5px;color:var(--muted)}
.site{display:block;border-radius:10px;overflow:hidden;background:#F6EFE2;color:#2B2118;box-shadow:0 0 0 1px rgba(201,164,92,.4)}
.site__bar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#E6DCC8}
.site__bar i{width:6px;height:6px;border-radius:50%;background:#B9A988}
.site__bar em{margin-left:6px;font:500 11px/1 var(--sans);font-style:normal;color:#5F523E}
.site__hero{display:block;padding:16px 12px 12px;background:linear-gradient(160deg,#F8EBDD,#E9C9A8)}
.site__hero small{display:block;font-size:11px;color:#8A5A35}
.site__hero b{display:block;margin:4px 0 10px;font:400 20px/1.1 var(--serif);color:#3A2414}
.site__btn{display:inline-block;padding:6px 12px;border-radius:999px;background:#B5562D;color:#FFF4EA;font:600 12px/1 var(--sans)}
.site__row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px 12px}
.site__row i{height:30px;border-radius:6px;background:linear-gradient(160deg,#E8D6C1,#D4B08E)}
.msg--peer{align-self:flex-start;max-width:90%;padding:10px 14px;border-radius:16px;border-bottom-left-radius:4px;background:#14222C;border:1px solid rgba(0,194,155,.25);font-size:14.5px;line-height:1.5}
.msg--peer b{display:block;font-size:12.5px;color:var(--bolt-hi)}
.demo__ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;color:var(--soft);font-size:14px}
.demo__count b{color:var(--ivory)}
.demo__btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,194,155,.35);background:rgba(0,194,155,.06);color:var(--bolt-hi);font:400 22px/1 var(--sans);cursor:pointer;transition:background .3s var(--ease),box-shadow .3s var(--ease),transform .2s var(--ease)}
@media (max-width:860px){
  .demo{margin:0 auto}
  .demo__tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 12px;padding:4px 20px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
  .demo__tabs::-webkit-scrollbar{display:none}
  .demo .phone__body{height:460px}
  .demo__tab{min-height:44px;padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.demo__tab::after{display:none}}
.demo__btn--pause i{position:relative;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.demo__btn--pause[aria-pressed="true"] i{width:0;height:0;border:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.demo__btn[hidden]{display:none}
/* галочка из пака Геры вместо системного ✅ */
.emo{display:inline-block;width:1.15em;height:1.15em;margin:-.15em .04em -.1em;vertical-align:-.2em}
.nobr{white-space:nowrap}