/* НИСФ 2026 · продающий лендинг. Светлая основа + тёмные плиты-витрины в цветах форума (синий #132049, оранжевый градиент логотипа) */
:root{
  --bg:#ECEEF3;--ink:#0D1530;--navy:#132049;--navy2:#0A1029;--mut:#5A6380;--line:rgba(13,21,48,.10);
  --o1:#FF5A1F;--o2:#FF9A3D;--og:linear-gradient(100deg,#FF5A1F 0%,#FF7A2F 45%,#FFA24A 100%);
  --blue:#5B6CFF;--green:#16B26A;--gold:#FFC531;--r:36px;--rs:22px;
  --fd:'Montserrat',system-ui,sans-serif;--fb:'Montserrat',system-ui,-apple-system,sans-serif; /* как на nibforum.ru */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--fb);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{padding:0 18px}
.plate{position:relative;max-width:1440px;margin:18px auto;border-radius:var(--r);background:#fff;padding:clamp(28px,5vw,76px);overflow:hidden;isolation:isolate}
.plate.dark{background:radial-gradient(120% 140% at 15% 0%,#24398a 0%,#132049 42%,#0A1029 100%);color:#E9ECF6}
.plate.dark::before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,40,.42),rgba(255,106,40,0) 68%);z-index:-1;pointer-events:none}
.plate.dark::after,.noise::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.13;mix-blend-mode:overlay;z-index:0;
  background-image: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='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.plate.ink{background:#0B0F1F;color:#E9ECF6}
.plate.orange{background:var(--og);color:#fff}
.plate.blue2::before{right:auto;left:-200px;top:auto;bottom:-260px;background:radial-gradient(circle,rgba(91,108,255,.45),rgba(91,108,255,0) 68%)}
.plate>*{position:relative;z-index:1}

/* типографика */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--o1)}
.dark .eyebrow,.ink .eyebrow{color:var(--o2)}
.eyebrow::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
h1,h2,h3,.disp{font-family:var(--fd);font-weight:700;letter-spacing:-.02em;line-height:1.02}
h1{font-size:clamp(36px,5.6vw,86px)}
h2{font-size:clamp(30px,4.6vw,64px);margin:16px 0 0}
h3{font-size:clamp(20px,1.8vw,26px);line-height:1.15}
.lead{font-size:clamp(17px,1.5vw,21px);color:var(--mut);max-width:760px;margin-top:20px}
.dark .lead,.ink .lead{color:#AEB6D3}
.grad{background:var(--og);-webkit-background-clip:text;background-clip:text;color:transparent}
.nowrap{white-space:nowrap}
.mut{color:var(--mut)}.dark .mut,.ink .mut{color:#9AA3C4}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,52px)}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:62px;padding:0 30px;border-radius:999px;font:600 17px/1 var(--fb);white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.btn:hover{transform:translateY(-2px)}
.btn-o{background:var(--og);color:#fff;box-shadow:0 14px 36px -10px rgba(255,90,31,.65)}
.btn-o:hover{box-shadow:0 20px 44px -10px rgba(255,90,31,.8)}
.btn-k{background:var(--ink);color:#fff}
.btn-w{background:#fff;color:var(--ink)}
.btn-line{border:1.5px solid rgba(255,255,255,.45);color:#fff}
.btn-line:hover{background:#fff;color:var(--ink)}
.btn-line.dk{border-color:rgba(13,21,48,.25);color:var(--ink)}
.btn-line.dk:hover{background:var(--ink);color:#fff}
.btn svg{width:20px;height:20px}
.btn-sm{height:46px;padding:0 20px;font-size:15px}
.btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.micro{font-size:14px;color:var(--mut);margin-top:14px}
.dark .micro,.ink .micro{color:#97A0C2}

/* шапка */
.hdr{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;width:min(1404px,calc(100% - 24px));display:flex;align-items:center;gap:18px;padding:8px 8px 8px 16px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px -18px rgba(13,21,48,.45)}
.hdr .logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.hdr .logo img{height:42px;width:auto}
.hdr .logo b{font:700 13px/1.15 var(--fd);letter-spacing:-.01em}
.hdr .logo b em{display:block;font:500 12px/1.2 var(--fb);color:var(--mut);font-style:normal;letter-spacing:0}
.hdr nav{display:flex;gap:4px;margin-left:auto}
.hdr nav a{padding:10px 14px;border-radius:999px;font-size:15px;font-weight:500}
.hdr nav a:hover{background:var(--bg)}
.hdr .tel{font-weight:600;font-size:15px;padding:0 6px;white-space:nowrap}
.hdr .btn{height:48px;padding:0 22px;font-size:15px}
.sticker{display:inline-block;transform:rotate(-2deg);background:var(--ink);color:#fff;border:2px solid #fff;outline:1.5px solid var(--ink);border-radius:10px;padding:5px 10px;font:700 12px/1 var(--fd);letter-spacing:.02em}

/* hero */
.hero{min-height:min(980px,100svh);padding-top:clamp(120px,14vh,170px);display:flex;flex-direction:column;justify-content:flex-end;background:#0A1029;color:#fff}
.hero::before{display:none}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero .shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,16,41,.55) 0%,rgba(10,16,41,.25) 30%,rgba(10,16,41,.78) 68%,#0A1029 100%),linear-gradient(90deg,rgba(10,16,41,.85) 0%,rgba(10,16,41,.25) 60%,rgba(10,16,41,.1) 100%)}
.hero .top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:auto;padding-bottom:36px}
.chip{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:15px;font-weight:500;color:#fff;white-space:nowrap}
.chip i{width:8px;height:8px;border-radius:50%;background:#33E08C;box-shadow:0 0 0 4px rgba(51,224,140,.25);animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(51,224,140,0)}}
.chip.o{background:var(--og);border:0}
.cd b{font:700 16px/1 var(--fd);font-variant-numeric:tabular-nums;letter-spacing:0}
.hero .eyebrow{margin-bottom:14px;line-height:1.35}
.hero h1{max-width:1120px;text-wrap:balance}
.hero .lead{color:#D5DAEE;max-width:780px}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 34px}
.badge{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.badge .ic{width:40px;height:40px;border-radius:12px;background:var(--og);display:grid;place-items:center;flex-shrink:0}
.badge .ic svg{width:22px;height:22px;color:#fff}
.badge b{font:700 17px/1.1 var(--fd);display:block}
.badge span{font-size:13.5px;color:#C6CCE4;line-height:1.25;display:block}
/* развилка на главной */
.fork{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1100px}
.fork a{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 26px 24px;border-radius:26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .2s,transform .2s,border-color .2s;overflow:hidden}
.fork a:hover{background:rgba(255,255,255,.18);transform:translateY(-3px);border-color:rgba(255,154,61,.7)}
.fork a.main{background:linear-gradient(135deg,rgba(255,90,31,.92),rgba(255,154,61,.85));border-color:transparent}
.fork a.main:hover{background:linear-gradient(135deg,#FF5A1F,#FFA24A)}
.fork small{font:600 12px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.fork b{font:700 clamp(21px,2vw,28px)/1.1 var(--fd)}
.fork span{font-size:15px;opacity:.9;line-height:1.4}
.fork em{font-style:normal;margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:8px;font-weight:600}
.fork em svg{width:20px;height:20px;transition:transform .2s}
.fork a:hover em svg{transform:translateX(5px)}
.fork-more{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;font-size:15px;color:#C6CCE4}
.fork-more a{border-bottom:1px solid rgba(255,255,255,.3)}
.fork-more a:hover{color:#fff;border-color:#fff}

/* лента */
.marq{position:relative;max-width:1440px;margin:18px auto;border-radius:var(--r);background:#fff;padding:26px 0;overflow:hidden}
.marq p{text-align:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:600;margin-bottom:16px;padding:0 20px}
.marq .track{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marq ul{display:flex;gap:14px;width:max-content;list-style:none;animation:slide 60s linear infinite}
.marq.rev ul{animation-direction:reverse;animation-duration:70s}
.marq li{display:flex;align-items:center;gap:10px;height:54px;padding:0 22px;border-radius:999px;background:var(--bg);font:700 17px/1 var(--fd);letter-spacing:-.01em;white-space:nowrap;color:var(--navy)}
.marq li i{width:10px;height:10px;border-radius:3px;background:var(--og);transform:rotate(45deg)}
@keyframes slide{to{transform:translateX(-50%)}}
.marq:hover ul{animation-play-state:paused}

/* цифры */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:28px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.stat b{display:block;font:700 clamp(46px,5.4vw,84px)/1 var(--fd);letter-spacing:-.04em}
.stat span{display:block;margin-top:12px;color:#B6BEDB;font-size:16px;line-height:1.35}
.stat:nth-child(1) b{color:#FF8A3D}.stat:nth-child(2) b{color:#7D8BFF}.stat:nth-child(3) b{color:#33E08C}.stat:nth-child(4) b{color:var(--gold)}

/* сетка карточек */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}
.card{position:relative;border-radius:var(--rs);background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:14px;min-height:240px}
.dark .card,.ink .card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.card h3{font-size:clamp(19px,1.6vw,23px)}
.card p{font-size:15.5px;color:var(--mut);line-height:1.5}
.dark .card p,.ink .card p{color:#AEB6D3}
.card .ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-top:auto;color:#fff}
.card .ic svg{width:28px;height:28px}
.card .num{position:absolute;top:22px;right:22px;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 20px/1 var(--fd)}
.dark .card .num{background:#fff;color:var(--ink)}
.c-o{background:var(--og)}.c-b{background:var(--blue)}.c-g{background:var(--green)}.c-y{background:var(--gold);color:var(--ink)!important}.c-v{background:#B46BFF}.c-t{background:#00B7C2}.c-r{background:#FF5C5C}.c-n{background:var(--navy)}

/* сплит и мокапы */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.split.rev{grid-template-columns:1fr 1.05fr}
.split.rev>:first-child{order:2}
.phone{width:min(340px,100%);margin:0 auto;border-radius:48px;padding:11px;background:linear-gradient(160deg,#3a3d47,#15161b);box-shadow:0 50px 90px -30px rgba(0,0,0,.65),inset 0 0 0 1.5px rgba(255,255,255,.12);transform:rotate(-3deg)}
.phone .scr{position:relative;border-radius:38px;min-height:640px;padding:54px 16px 18px;background:linear-gradient(180deg,#F4F6FB,#E6E9F3);color:var(--ink);overflow:hidden}
.phone .scr::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:104px;height:28px;border-radius:16px;background:#0b0b0d}
.ph-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mut);margin-bottom:12px}
.ph-top b{font:700 18px/1.1 var(--fd);color:var(--ink)}
.ph-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:11px;margin-bottom:9px;box-shadow:0 4px 14px -8px rgba(13,21,48,.35)}
.ph-row .t{font:700 15px/1 var(--fd);color:var(--navy)}
.ph-row .w b{display:block;font-size:13.5px;line-height:1.2}
.ph-row .w span{display:block;font-size:12px;color:var(--mut);line-height:1.25;margin-top:2px}
.ph-row .ok{width:26px;height:26px;border-radius:50%;background:#E3F7EC;color:var(--green);display:grid;place-items:center}
.ph-row .ok svg{width:15px;height:15px}
.ph-row.hl{background:var(--navy);color:#fff}.ph-row.hl .t{color:#FF9A3D}.ph-row.hl span{color:#AEB6D3}
.ph-note{margin-top:12px;border-radius:16px;background:var(--og);color:#fff;padding:14px;font-size:13.5px;line-height:1.35}
.ph-note b{font:700 16px/1.1 var(--fd);display:block;margin-bottom:4px}
.tag-ex{position:absolute;top:58px;right:16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);background:#fff;border-radius:999px;padding:5px 9px}
.browser{border-radius:18px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 50px 90px -34px rgba(0,0,0,.6);transform:perspective(1600px) rotateY(-6deg) rotateX(2deg)}
.br-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#EFF1F6;border-bottom:1px solid #E1E4EC}
.br-bar span{width:11px;height:11px;border-radius:50%;background:#d5d5d5}
.br-bar span:nth-child(1){background:#ff5f57}.br-bar span:nth-child(2){background:#febc2e}.br-bar span:nth-child(3){background:#28c840}
.br-url{flex:1;margin-left:10px;background:#fff;border-radius:8px;font-size:12px;padding:6px 12px;color:#8a90a5}
.br-body{display:grid;grid-template-columns:60px 1fr;min-height:400px}
.br-side{background:#F5F6FA;border-right:1px solid #ECEEF4;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:14px}
.br-side i{width:30px;height:30px;border-radius:9px;background:#E3E6EF}.br-side i:first-child{background:var(--og)}
.br-main{padding:20px 22px}
.br-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.br-h b{font:700 18px/1.1 var(--fd)}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.chips span{font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;background:#EEF0F6}
.chips span.on{background:var(--navy);color:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;font-weight:600;color:#8a90a5;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;padding:0 8px 8px}
.tbl td{padding:10px 8px;border-top:1px solid #EEF0F5;vertical-align:middle}
.tbl td b{font-weight:600}
.pill{display:inline-block;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px;white-space:nowrap}
.p-g{background:#E3F7EC;color:#0f8a52}.p-o{background:#FFEBDD;color:#D2541A}.p-b{background:#E7EAFF;color:#3C4BD6}.p-y{background:#FFF4CC;color:#8a6a00}
.bar{height:7px;border-radius:9px;background:#EEF0F6;overflow:hidden;min-width:60px}
.bar i{display:block;height:100%;border-radius:9px;background:var(--og)}

/* пиксель-арт */
.pix{width:100%;height:auto;margin-top:34px}

/* боль */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.pain{border-radius:var(--rs);padding:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);position:relative}
.pain b{font:700 20px/1.15 var(--fd);display:flex;align-items:center;gap:12px;margin-bottom:10px}
.pain b .x{width:34px;height:34px;border-radius:10px;background:rgba(255,92,92,.18);color:#FF7B7B;display:grid;place-items:center;flex-shrink:0}
.pain p{color:#AEB6D3;font-size:15.5px}
.pain .wait{margin-top:14px;font:700 14px/1 var(--fd);color:#FF7B7B}
.verdict{margin-top:26px;border-radius:var(--rs);padding:28px 30px;background:var(--og);color:#fff;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.verdict b{font:700 clamp(21px,2.2vw,30px)/1.15 var(--fd);flex:1;min-width:260px}

/* шаги гостиной */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{position:relative;border-radius:var(--rs);background:var(--bg);padding:26px 26px 24px;min-height:220px;display:flex;flex-direction:column;gap:10px}
.step .num{position:absolute;top:20px;right:20px;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 20px/1 var(--fd)}
.step h3{font-size:20px;padding-right:62px;min-height:52px}
.step p{font-size:15px;color:var(--mut)}
.step .when{margin-top:auto;font-size:13px;font-weight:600;color:var(--o1);letter-spacing:.02em}
.price-math{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-radius:var(--rs);padding:24px 28px;background:var(--navy);color:#fff;margin-top:16px}
.price-math .eq{font:700 clamp(26px,3.2vw,44px)/1 var(--fd);letter-spacing:-.03em}
.price-math .eq em{font-style:normal;color:#FF9A3D}
.price-math p{color:#AEB6D3;font-size:15px;flex:1;min-width:240px}
.check{list-style:none;display:grid;gap:10px;margin-top:18px}
.check li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.check li svg{width:22px;height:22px;flex-shrink:0;color:var(--green);margin-top:1px}
.dark .check li,.ink .check li{color:#D3D8EC}

/* калькулятор */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.calc .in{border-radius:var(--rs);background:var(--bg);padding:28px;display:grid;gap:22px}
.calc label{display:grid;gap:10px;font-weight:600;font-size:15px}
.calc label output{font:700 26px/1 var(--fd);color:var(--navy)}
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:9px;background:linear-gradient(90deg,#FF5A1F var(--p,30%),#D9DCE6 var(--p,30%));outline:none}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid var(--o1);box-shadow:0 4px 12px rgba(255,90,31,.4);cursor:pointer}
.calc input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--o1);cursor:pointer}
.calc .out{border-radius:var(--rs);background:var(--navy);color:#fff;padding:28px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.calc .out::before{content:"";position:absolute;width:380px;height:380px;right:-140px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,40,.45),transparent 68%)}
.calc .out>*{position:relative}
.calc .out small{color:#AEB6D3;font-size:14px}
.calc .out .big{font:700 clamp(38px,4.6vw,64px)/1 var(--fd);letter-spacing:-.03em}
.calc .out .x{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;background:rgba(51,224,140,.16);color:#5BEBA3;font-weight:700;font-size:15px}
.calc .out .btn{margin-top:auto;align-self:flex-start}

/* люди */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tabs button{height:44px;padding:0 18px;border-radius:999px;background:var(--bg);font-weight:600;font-size:15px;transition:background .15s,color .15s}
.tabs button.on{background:var(--ink);color:#fff}
.tabs button span{opacity:.55;margin-left:6px}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.person{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:14px;border-radius:20px;background:var(--bg);min-height:104px}
.person .ph{width:72px;height:72px;border-radius:18px;overflow:hidden;background:var(--navy);display:grid;place-items:center;color:#fff;font:700 22px/1 var(--fd)}
.person .ph img{width:100%;height:100%;object-fit:cover}
.person .ph i,.who .faces i{font-style:normal}
.person b{display:block;font-size:15.5px;line-height:1.2}
.person span{display:block;font-size:13px;color:var(--mut);line-height:1.3;margin-top:3px}
.person em{display:inline-block;margin-top:6px;font-style:normal;font-size:12.5px;font-weight:700;color:var(--navy);background:#fff;border-radius:8px;padding:3px 8px}
.people.hide-extra .person:nth-child(n+13){display:none}
.more-row{text-align:center;margin-top:20px}
.spk{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.spk figure{border-radius:20px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.spk img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 25%;filter:saturate(.95)}
.spk3{grid-template-columns:repeat(3,1fr)}
.logos-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.logos-row img{height:40px;max-width:120px;object-fit:contain;background:#fff;border-radius:10px;padding:7px 10px;box-shadow:0 1px 0 rgba(13,21,48,.08)}
.spk figcaption{padding:12px 14px 14px}
.spk b{display:block;font-size:15px;line-height:1.2}
.spk span{display:block;font-size:12.5px;color:#9AA3C4;line-height:1.3;margin-top:4px}
.spk .mod{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF9A3D}

/* программа */
.tl{display:grid;gap:14px}
.sess{display:grid;grid-template-columns:150px 1fr;gap:0;border-radius:var(--rs);background:var(--bg);overflow:hidden}
.sess .time{padding:24px;background:var(--navy);color:#fff;display:flex;flex-direction:column;gap:6px}
.sess .time b{font:700 26px/1 var(--fd)}
.sess .time span{font-size:13px;color:#AEB6D3}
.sess .body{display:grid;grid-template-columns:1fr 280px;gap:0}
.sess .txt{padding:24px 26px}
.sess .txt h3{font-size:clamp(19px,1.7vw,24px)}
.sess .txt .sub{color:var(--mut);font-size:15px;margin-top:6px}
.sess .img{background-size:cover;background-position:center;min-height:180px}
.sess details{margin-top:12px}
.sess summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--o1);list-style:none;display:inline-flex;gap:8px;align-items:center}
.sess summary::-webkit-details-marker{display:none}
.sess summary svg{width:18px;height:18px;transition:transform .2s}
.sess details[open] summary svg{transform:rotate(180deg)}
.sess ul{margin:12px 0 0 0;list-style:none;display:grid;gap:7px}
.sess li{font-size:15px;display:flex;gap:10px}
.sess li::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--og);margin-top:9px;flex-shrink:0;transform:rotate(45deg)}
.who{display:flex;align-items:center;margin-top:14px;gap:12px;flex-wrap:wrap}
.who .faces{display:flex}
.who .faces img,.who .faces i{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--bg);margin-left:-9px;object-fit:cover;background:var(--navy);display:grid;place-items:center;color:#fff;font:700 12px/1 var(--fd);font-style:normal}
.who .faces img:first-child{margin-left:0}
.who small{font-size:13.5px;color:var(--mut)}
.hint{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 12px;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--navy)}
.hint svg{width:16px;height:16px;color:var(--o1)}
.evening{display:grid;grid-template-columns:150px 1fr;border-radius:var(--rs);overflow:hidden;background:var(--og);color:#fff}
.evening .time{padding:24px;background:rgba(0,0,0,.14);display:flex;flex-direction:column;gap:6px}
.evening .time b{font:700 26px/1 var(--fd)}
.evening .txt{padding:24px 26px}
.evening h3{font-size:clamp(19px,1.7vw,24px)}
.evening p{opacity:.92;margin-top:6px;font-size:15.5px}

/* тарифы */
.tariffs{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:16px;align-items:stretch}
.tar{position:relative;border-radius:28px;background:var(--bg);padding:30px 28px 28px;display:flex;flex-direction:column;gap:16px;border:1.5px solid transparent}
.tar .lan{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:76px;height:22px;border-radius:0 0 14px 14px;background:var(--ink)}
.tar .lan::after{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:26px;height:7px;border-radius:9px;background:var(--bg)}
.tar small{font:600 12.5px/1 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:12px}
.tar h3{font-size:30px}
.tar .nm{font-size:15px;color:var(--mut);margin-top:-6px}
.tar .price{font:700 clamp(36px,3.3vw,50px)/1 var(--fd);letter-spacing:-.03em;white-space:nowrap}
.tar .price sub{display:block;margin-top:10px;font:600 15px/1.2 var(--fb);color:var(--o1);letter-spacing:0}
.tar .for{font-size:15px;padding:12px 14px;border-radius:14px;background:#fff}
.tar ul{list-style:none;display:grid;gap:10px;font-size:15.5px}
.tar li{display:flex;gap:10px;align-items:flex-start}
.tar li svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--green)}
.tar li.plus b{color:var(--o1)}
.tar .btn{margin-top:auto;width:100%}
.tar .sub{font-size:13px;color:var(--mut);text-align:center;margin-top:-6px}
.tar.hero{min-height:0;padding-top:30px;background:var(--navy);color:#fff;transform:translateY(-14px);box-shadow:0 40px 80px -30px rgba(19,32,73,.7);border-color:rgba(255,154,61,.65)}
.tar.hero .lan::after{background:var(--navy)}
.tar.hero .lan{background:var(--og)}
.tar.hero small,.tar.hero .nm,.tar.hero .sub,.tar.hero .price sub{color:#AEB6D3}
.tar.hero .for{background:rgba(255,255,255,.08)}
.tar.hero li.plus b{color:#FF9A3D}
.tar .flag{position:absolute;top:22px;right:20px;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px;background:var(--og);color:#fff}
.tar.vip{background:#0B0F1F;color:#fff}
.tar.vip .lan{background:var(--gold)}.tar.vip .lan::after{background:#0B0F1F}
.tar.vip small,.tar.vip .nm,.tar.vip .sub,.tar.vip .price sub{color:#9AA3C4}
.tar.vip .for{background:rgba(255,255,255,.07)}
.tar.vip li svg{color:var(--gold)}
.seats{display:flex;gap:5px;margin-top:-4px}
.seats i{flex:1;height:10px;border-radius:4px;background:var(--gold)}
.seats i.sold{background:rgba(255,255,255,.15)}
.seats-t{font-size:13.5px;color:#C9CEE3;font-weight:600}
.partner-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px;border-radius:24px;padding:22px 26px;background:var(--bg)}
.partner-row b{font:700 19px/1.2 var(--fd)}
.partner-row p{font-size:15px;color:var(--mut);flex:1;min-width:240px}

/* VIP */
.vip-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center}
.vip-img{position:relative;border-radius:28px;overflow:hidden;min-height:440px;background:#111 center/cover}
.vip-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,15,31,.85))}
.vip-img .ov{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.vip-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.vip-list li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:15px;line-height:1.35}
.vip-list li svg{width:24px;height:24px;flex-shrink:0;color:var(--gold)}
.vip-list li b{display:block;font-size:15.5px;margin-bottom:2px}
.vip-list li span{color:#AEB6D3;font-size:14px}

.buyout{margin-top:22px;border-radius:22px;padding:22px;background:linear-gradient(135deg,rgba(255,197,49,.16),rgba(255,90,31,.14));border:1.5px solid rgba(255,197,49,.55);display:grid;gap:10px}
.buyout .bo-tag{justify-self:start;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0B0F1F;background:var(--gold);border-radius:999px;padding:6px 11px}
.buyout b{font:700 clamp(19px,1.9vw,25px)/1.2 var(--fd);color:#fff}
.buyout p{color:#C9CEE3;font-size:15px}.buyout .btn{justify-self:start}
/* гарантия */
.guar{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.seal{width:clamp(150px,16vw,210px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#FF5A1F,#FFA24A,#FF5A1F);display:grid;place-items:center;position:relative;animation:spin 18s linear infinite}
.seal::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.seal div{position:relative;text-align:center;animation:spin 18s linear infinite reverse}
.seal b{display:block;font:700 clamp(46px,5vw,66px)/1 var(--fd);color:var(--o1)}
.seal span{display:block;font:700 12px/1.2 var(--fd);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
@keyframes spin{to{transform:rotate(360deg)}}
.bonus{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.bonus .card{min-height:200px;background:#fff}
.bonus .card .tagb{align-self:flex-start;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#E3F7EC;color:#0f8a52}

/* галерея */
.gal{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:12px}
.gal figure{border-radius:20px;overflow:hidden;background:#222}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal figure:hover img{transform:scale(1.05)}
.gal .a{grid-column:span 3;grid-row:span 2}.gal .b{grid-column:span 3;grid-row:span 2}.gal .c{grid-column:span 2;grid-row:span 1}
.video-card{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;background:#000 center/cover;cursor:pointer}
.video-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(10,16,41,.2),rgba(10,16,41,.65))}
.video-card .play{position:absolute;inset:0;margin:auto;width:96px;height:96px;border-radius:50%;background:var(--og);display:grid;place-items:center;z-index:2;box-shadow:0 0 0 14px rgba(255,90,31,.25);transition:transform .2s}
.video-card:hover .play{transform:scale(1.08)}
.video-card .play svg{width:36px;height:36px;color:#fff;margin-left:5px}
.video-card .cap{position:absolute;left:22px;bottom:20px;z-index:2;color:#fff;font:700 clamp(18px,2vw,26px)/1.15 var(--fd)}
.video-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.proof{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}
.proof .card{background:rgba(255,255,255,.06)}

/* развилка-сплит на главной */
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1440px;margin:18px auto}
.two .plate{margin:0;display:flex;flex-direction:column;gap:18px;min-height:640px}
.two h2{font-size:clamp(28px,3.4vw,48px)}
.two .mock{margin-top:auto}

/* FAQ */
.faq{display:grid;gap:10px;max-width:980px}
.faq details{border-radius:20px;background:var(--bg);padding:0 24px;transition:background .2s}
.faq details[open]{background:#fff;box-shadow:0 0 0 1.5px var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 0;font:600 17.5px/1.35 var(--fb)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:transform .2s}
.faq summary i svg{width:18px;height:18px}
.faq details[open] summary i{transform:rotate(45deg);background:var(--og)}
.faq details p{padding:0 0 22px;color:var(--mut);font-size:16px;max-width:820px}

/* форма */
.formbox{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(24px,4vw,60px);align-items:start}
.form{display:grid;gap:12px;background:#fff;color:var(--ink);border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.form h3{font-size:22px;margin-bottom:4px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{display:grid;gap:6px}
.fld label{font-size:13.5px;font-weight:600;color:#3B4361}
.fld input,.fld select{height:56px;border-radius:16px;border:1.5px solid #DCE0EA;background:#F7F8FB;padding:0 16px;font:500 16px/1 var(--fb);color:var(--ink);outline:none;width:100%;transition:border-color .15s,background .15s;-webkit-appearance:none;appearance:none}
.fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%235A6380' stroke-width='2'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.fld input:focus,.fld select:focus{border-color:var(--o1);background:#fff}
.fld .hint2{font-size:12.5px;color:#8A91AA}
.fld .err{font-size:12.5px;color:#E5484D;display:none}
.fld.bad input,.fld.bad select{border-color:#E5484D;background:#FFF6F6}
.fld.bad .err{display:block}.fld.bad .hint2{display:none}
.tsel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tsel label{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:14px;border:1.5px solid #DCE0EA;cursor:pointer;font-size:13px;color:var(--mut);transition:border-color .15s,background .15s}
.tsel label b{font:700 15px/1.1 var(--fd);color:var(--ink)}
.tsel input{position:absolute;opacity:0;pointer-events:none}
.tsel label:has(input:checked){border-color:var(--o1);background:#FFF4EC}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--mut);line-height:1.4;cursor:pointer}
.agree input{width:20px;height:20px;flex-shrink:0;accent-color:var(--o1);margin-top:1px}
.agree a{text-decoration:underline}
.agree.bad{color:#E5484D}
.form .btn{width:100%;height:64px;font-size:18px}
.form .btn[disabled]{opacity:.6;pointer-events:none}
.form .ferr{display:none;padding:12px 14px;border-radius:14px;background:#FFF0F0;color:#C62F33;font-size:14px}
.form .ferr.on{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.done{display:none;text-align:left;gap:14px}
.done.on{display:grid}
.done .okb{width:64px;height:64px;border-radius:20px;background:#E3F7EC;color:var(--green);display:grid;place-items:center}
.done .okb svg{width:34px;height:34px}
.done h3{font-size:24px}
.done p{color:var(--mut);font-size:15.5px}
.paybtns{display:grid;gap:10px;margin-top:6px}
.paybtns .btn{height:60px;font-size:16.5px}
.inn{display:none;gap:10px}
.inn.on{display:grid}
.res{display:none;padding:16px;border-radius:16px;background:#F3F5FA;font-size:15px}
.res.on{display:block}
.res a{color:var(--o1);font-weight:700;text-decoration:underline}

/* модалка */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(8,12,30,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal.on{display:flex;animation:fade .2s}
.modal .form{width:min(560px,100%);max-height:calc(100svh - 32px);overflow:auto;position:relative}
.modal .form>h3{padding-right:46px}
.modal .x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;background:var(--bg);display:grid;place-items:center;z-index:2}
.modal .x svg{width:18px;height:18px}
@keyframes fade{from{opacity:0}}
.exit .form{width:min(520px,100%);text-align:left}
.exit .form .no{font-size:14px;color:var(--mut);text-decoration:underline;justify-self:center;margin-top:4px}

/* липкая кнопка */
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:rgba(13,21,48,.94);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px -14px rgba(0,0,0,.6);transform:translateY(130%);transition:transform .3s}
.sticky.on{transform:none}
.sticky b{font:700 15px/1.15 var(--fd);flex:1}
.sticky b em{display:block;font:500 12px/1.2 var(--fb);font-style:normal;color:#AEB6D3}
.sticky .btn{height:50px;padding:0 20px;font-size:15px}

/* финал и футер */
.final{text-align:left}
.final h2{max-width:1000px}
.foot{max-width:1440px;margin:18px auto 24px;border-radius:var(--r);background:#0B0F1F;color:#AEB6D3;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;font-size:14.5px}
.foot b{color:#fff;display:block;margin-bottom:8px;font-size:15px}
.foot a:hover{color:#fff}
.foot .logos{display:flex;gap:18px;align-items:center;margin-bottom:16px}
.foot .logos img{height:56px;width:auto}
.foot .copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.foot ul{list-style:none;display:grid;gap:7px}

/* появление */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.marq ul,.seal,.seal div{animation:none}}

/* адаптив */
@media (max-width:1180px){
  .hdr nav{display:none}
  .people{grid-template-columns:repeat(3,1fr)}
  .spk{grid-template-columns:repeat(4,1fr)}
  .sess .body{grid-template-columns:1fr}.sess .img{min-height:150px;order:-1}
  .bonus{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .split,.split.rev,.vip-hero,.formbox,.calc,.proof,.two{grid-template-columns:1fr}
  .split.rev>:first-child{order:0}
  .tariffs{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .tar.hero{transform:none;order:-1}
  .stats{grid-template-columns:repeat(2,1fr)}
  .g3,.g4,.g5,.steps,.pains{grid-template-columns:repeat(2,1fr)}
  .people{grid-template-columns:repeat(2,1fr)}
  .foot{grid-template-columns:1fr 1fr}
  .browser{transform:none}
  .two .plate{min-height:0}
  .sticky{display:flex}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 10px}
  .plate{margin:10px auto;border-radius:28px;padding:30px 18px}
  .marq{margin:10px auto;border-radius:28px}
  .two{gap:10px;margin:10px auto}
  .hdr{top:8px;padding:6px 6px 6px 12px;gap:8px;width:calc(100% - 16px)}
  .hdr .logo img{height:34px}.hdr .logo b{display:none}
  .hdr .tel{display:none}
  .hdr .btn{height:42px;padding:0 16px;font-size:14px;margin-left:auto}
  h1{font-size:clamp(30px,8.6vw,44px)}
  h2{font-size:clamp(26px,7.4vw,36px)}
  .hero{min-height:auto;padding-top:84px;padding-bottom:28px}
  .hero .top{gap:8px;padding-bottom:24px}
  .chip{height:36px;font-size:13px;padding:0 12px}
  .badges{gap:8px;margin:20px 0 24px}
  .badge{padding:9px 12px 9px 9px;border-radius:14px;width:100%}
  .badge .ic{width:34px;height:34px;border-radius:10px}
  .fork{grid-template-columns:1fr;gap:10px}
  .fork a{padding:20px}
  .g2,.g3,.g4,.g5,.steps,.pains,.people,.bonus,.vip-list,.f2{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;gap:10px}.stat b{font-size:40px}.stat span{font-size:14px}
  .pix{display:none}
  .spk,.spk3{grid-template-columns:repeat(2,1fr)}
  .spk img{aspect-ratio:4/3} /* ниже и шире: лицо целиком, текст помещается */
  .logos-row img{height:34px;max-width:100px}
  .stat{padding:16px}
  .card,.step{min-height:0;padding:22px}
  .sess,.evening{grid-template-columns:1fr}
  .sess .time,.evening .time{flex-direction:row;align-items:baseline;gap:12px;padding:16px 20px}
  .sess .time b,.evening .time b{font-size:22px}
  .sess .txt,.evening .txt{padding:18px 20px}
  .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}
  .gal .a,.gal .b{grid-column:span 2;grid-row:span 2}.gal .c{grid-column:span 1}
  .guar{grid-template-columns:1fr;justify-items:start}
  .phone{transform:none}
  .phone .scr{min-height:0}
  .browser .br-side{display:none}.br-body{grid-template-columns:1fr;min-height:0}
  .tbl .hm{display:none}
  .tsel{grid-template-columns:repeat(3,1fr);gap:6px}.tsel label{padding:9px 8px;font-size:11.5px}.tsel label b{font-size:13px}
  .modal{padding:8px;align-items:flex-end}.modal .form{max-height:calc(100svh - 16px);padding:20px 16px}
  .btn{height:56px;padding:0 22px;font-size:16px}
  .btns .btn{width:100%}
  .foot{grid-template-columns:1fr;margin:10px auto 90px}
  .faq summary{font-size:16px;padding:18px 0}
  .faq details{padding:0 18px}
  .vip-img{min-height:300px}
  .price-math{padding:20px}
  .verdict{padding:22px}
}

/* A/B-обёртки не ломают раскладку */
[data-ab],[data-ab]>[data-v]{display:contents}