/* modules/portal/public/css/landing.css — публичный лендинг, «линия E» (утверждена владельцем 20.10.2026).
 * Эталон разметки/стилей/логики: docs/design/landing-mockups/line-e-approved.dc.html (стили перенесены оттуда: корень .E → body.lp).
 * Тексты — lib/landing-content.js, разметка — views/landing.ejs, поведение — public/js/landing.js.
 * CSP портала: font-src 'self' (шрифты — собственные файлы из /cp/assets/fonts), без внешних ресурсов.
 * Анимации — чистый CSS; animation-timeline: view() — прогрессивное улучшение (без поддержки контент виден сразу).
 */
/* Шрифты макета: собственные копии (SIL OFL, см. public/fonts/README.txt); Geologica — переменный (вес 400–800) */
@font-face{font-family:'Geologica';font-style:normal;font-weight:400 800;font-display:swap;src:url(/cp/assets/fonts/geologica-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Geologica';font-style:normal;font-weight:400 800;font-display:swap;src:url(/cp/assets/fonts/geologica-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Geologica';font-style:normal;font-weight:400 800;font-display:swap;src:url(/cp/assets/fonts/geologica-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/cp/assets/fonts/plexmono-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/cp/assets/fonts/plexmono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/cp/assets/fonts/plexmono-500-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/cp/assets/fonts/plexmono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
body.lp{margin:0;--navy:#11151F;--navy2:#1A1F2B;--org:#FF6A00;--org2:#FF8A3D;--lt:#F3F5F9;--mut:#9AA7BB;--line:#262E40;--ink:#EEF2F8;position:relative;overflow-x:clip;background:var(--navy);color:var(--ink);font:400 17px/1.6 'Geologica',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.lp *,.lp *::before,.lp *::after{box-sizing:border-box}
.lp a{color:inherit;text-decoration:none}
.lp button:not(.cc__btn){font:inherit;color:inherit;cursor:pointer}
.lp h1,.lp h2,.lp h3,.lp h4,.lp p{margin:0}
.lp .wrap{max-width:1280px;margin:0 auto;padding:0 44px;position:relative}
.lp .mono{font-family:'IBM Plex Mono',ui-monospace,Consolas,monospace}
.lp :focus-visible{outline:3px solid #FFB454;outline-offset:3px}
.lp .band.org :focus-visible{outline-color:var(--navy2)}
.lp .band.lt :focus-visible{outline-color:#B84A00}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes spin{to{transform:rotate(360deg)}}

/* кнопки */
.lp .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;border:1.5px solid transparent;white-space:nowrap;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .25s,border-color .25s,color .25s}
.lp .btn.lg{height:60px;padding:0 34px;font-size:17.5px}
.lp .btn.pri{background:linear-gradient(135deg,#FF8A00,#FF5A1F);color:var(--navy2);box-shadow:0 12px 32px -12px rgba(255,106,0,.85)}
.lp .btn.pri:hover{box-shadow:0 22px 46px -12px rgba(255,106,0,.95)}
.lp .btn.pri::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.62),transparent);transform:skewX(-20deg);animation:shine 4.6s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%,55%{left:-70%}88%,100%{left:140%}}
.lp .btn .ar{display:inline-block;transition:transform .25s}
.lp .btn:hover .ar{transform:translateX(5px)}
.lp .btn.ghost{border-color:#3a4560;color:var(--ink);background:transparent}
.lp .btn.ghost:hover{border-color:#7787a6;background:rgba(255,255,255,.07);transform:translateY(-3px)}
.lp .btn.dark{background:var(--navy2);color:#fff;box-shadow:0 14px 34px -14px rgba(17,21,31,.8)}
.lp .btn.dark:hover{background:#000;box-shadow:0 24px 46px -14px rgba(17,21,31,.95)}
.lp .btn.dark::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-20deg);animation:shine 4.6s ease-in-out 1.2s infinite;pointer-events:none}
.lp .btn.ghostd{border-color:var(--navy2);color:var(--navy2);background:transparent}
.lp .btn.ghostd:hover{background:var(--navy2);color:#fff;transform:translateY(-3px)}

/* шапка */
.lp .nav{display:flex;align-items:center;justify-content:space-between;height:88px;position:relative;z-index:5}
.lp .brand img{height:30px;width:auto}
.lp .links{display:flex;gap:30px;font-size:15.5px;color:var(--mut)}
.lp .links a{position:relative;padding:6px 0;transition:color .2s}
.lp .links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--org);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.lp .links a:hover{color:#fff}
.lp .links a:hover::after{transform:scaleX(1)}
.lp .btns{display:flex;gap:10px}

/* первый экран */
.lp .hero{--T:12s;position:relative;padding:12px 0 120px;overflow:clip;isolation:isolate}
.lp .hero::before{content:"";position:absolute;z-index:-1;right:-170px;top:-150px;width:840px;height:840px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,106,0,.36),transparent);animation:drift 16s ease-in-out infinite}
.lp .hero::after{content:"";position:absolute;z-index:-1;left:-230px;bottom:-290px;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,rgba(70,100,220,.22),transparent);animation:drift 22s ease-in-out infinite reverse}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(36px,26px) scale(1.08)}}
.lp .hero .wrap{z-index:2}
.lp .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,.68fr);gap:36px;align-items:center}
.lp .hl{position:relative;z-index:3}
.lp .kick{display:inline-flex;align-items:center;gap:10px;font:500 12.5px 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--org2)}
.lp .pdot{width:9px;height:9px;border-radius:50%;background:var(--org);animation:pdot 2s ease-out infinite;flex:none}
@keyframes pdot{0%{box-shadow:0 0 0 0 rgba(255,106,0,.65)}70%,100%{box-shadow:0 0 0 12px rgba(255,106,0,0)}}
.lp .h1{--fs:clamp(46px,7.1vw,100px);font-size:var(--fs);line-height:.96;letter-spacing:-.045em;font-weight:800;margin:22px 0 28px}
.lp .h1 > .ln{display:block;animation:lineIn 1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i) * .16s + .1s)}
@keyframes lineIn{from{opacity:0;transform:translateY(.45em);filter:blur(10px)}}
.lp .h1 .in{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap}
.lp .top{color:var(--org);font-weight:800}
.lp .odo{--ih:calc(var(--fs) * .74);--b:calc(var(--fs) * .035);position:relative;display:inline-flex;align-items:center;margin-left:.08em;transform:translateY(.02em)}
.lp .odo-win{display:block;height:calc(var(--ih) + var(--b) * 2);width:calc(var(--fs) * 1.02);border:var(--b) solid var(--org);border-radius:calc(var(--fs) * .22);background:linear-gradient(180deg,#1C2639,#121826);animation:odoGlow var(--T) ease-in-out infinite}
.lp .odo-vp{display:block;height:var(--ih);overflow:hidden;border-radius:calc(var(--fs) * .17);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 76%,transparent 100%)}
.lp .odo-col{display:block;transform:translateY(calc(var(--ih) * -11));animation:odo var(--T) cubic-bezier(.65,0,.25,1) infinite}
.lp .odo-col i{display:block;height:var(--ih);line-height:var(--ih);font-style:normal;font-weight:800;font-size:calc(var(--fs) * .68);letter-spacing:-.04em;text-align:center;color:var(--org)}
.lp .odo-col i::before{content:attr(data-n)}
.lp .odo-cap{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);font:500 11.5px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#8391A8;white-space:nowrap}
.lp .odo-cap::before{content:attr(data-a) "\A" attr(data-b);white-space:pre}
@keyframes odoGlow{0%,64%{box-shadow:0 14px 40px -18px rgba(255,106,0,.55)}69%,90%{box-shadow:0 0 0 7px rgba(255,106,0,.18),0 0 64px 6px rgba(255,106,0,.55)}94%,100%{box-shadow:0 14px 40px -18px rgba(255,106,0,.55)}}
@keyframes odo{0%{transform:translateY(0)}5%{transform:translateY(0)}8.25%{transform:translateY(calc(var(--ih) * -1))}10.9%{transform:translateY(calc(var(--ih) * -1))}14.15%{transform:translateY(calc(var(--ih) * -2))}16.8%{transform:translateY(calc(var(--ih) * -2))}20.05%{transform:translateY(calc(var(--ih) * -3))}22.7%{transform:translateY(calc(var(--ih) * -3))}25.95%{transform:translateY(calc(var(--ih) * -4))}28.6%{transform:translateY(calc(var(--ih) * -4))}31.85%{transform:translateY(calc(var(--ih) * -5))}34.5%{transform:translateY(calc(var(--ih) * -5))}37.74%{transform:translateY(calc(var(--ih) * -6))}40.4%{transform:translateY(calc(var(--ih) * -6))}43.65%{transform:translateY(calc(var(--ih) * -7))}46.3%{transform:translateY(calc(var(--ih) * -7))}49.55%{transform:translateY(calc(var(--ih) * -8))}52.2%{transform:translateY(calc(var(--ih) * -8))}55.45%{transform:translateY(calc(var(--ih) * -9))}58.1%{transform:translateY(calc(var(--ih) * -9))}61.34%{transform:translateY(calc(var(--ih) * -10))}64%{transform:translateY(calc(var(--ih) * -10))}67.25%{transform:translateY(calc(var(--ih) * -11))}90%{transform:translateY(calc(var(--ih) * -11))}94%,100%{transform:translateY(calc(var(--ih) * -12))}}
.lp .lead{font-size:19.5px;line-height:1.65;color:#B9C4D6;max-width:610px}
.lp .lead mark{background:linear-gradient(90deg,rgba(255,106,0,.45),rgba(255,106,0,.45)) no-repeat 0 94%/100% .42em;color:#fff;padding:0 .08em;animation:mk 1.2s cubic-bezier(.2,.8,.2,1) .9s backwards}
@keyframes mk{from{background-size:0 .42em}}
.lp .cta{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 30px}
.lp .secret{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 14px;border:1px dashed #44516e;border-radius:999px;font:500 13.5px/1.45 'IBM Plex Mono',monospace;color:#C9D3E3;background:rgba(255,255,255,.03)}
.lp .secret svg{flex:none}
.lp .ldr path{fill:none;stroke:var(--org2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;animation:draw 5s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:100}32%,78%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}

/* правая часть первого экрана */
.lp .hr{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}
.lp .rg{position:absolute;border-radius:50%;pointer-events:none}
.lp .rg.r1{width:560px;height:560px;border:2px dashed rgba(255,138,61,.42);animation:spin 52s linear infinite}
.lp .rg.r1::after{content:"";position:absolute;top:-9px;left:50%;margin-left:-9px;width:18px;height:18px;border-radius:50%;background:var(--org);box-shadow:0 0 24px 5px rgba(255,106,0,.8)}
.lp .rg.r2{width:390px;height:390px;border:3px solid rgba(255,106,0,.5);animation:ringFloat 9s ease-in-out infinite}
.lp .rg.r3{width:150px;height:150px;border:2px solid rgba(255,138,61,.75);right:-10px;top:10px;animation:ringFloat 7s ease-in-out -2s infinite reverse}
.lp .rg.r4{width:62px;height:62px;border:2px solid rgba(255,255,255,.28);left:6px;top:60px;animation:ringFloat 6s ease-in-out -1s infinite}
@keyframes ringFloat{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(16px,-24px) rotate(10deg)}}
.lp .lad{--sp:106px;position:relative;z-index:2;width:318px;height:506px;animation:ladFloat 9s ease-in-out infinite}
@keyframes ladFloat{0%,100%{transform:rotate(2.5deg) translateY(0)}50%{transform:rotate(1deg) translateY(-14px)}}
.lp .lc{position:absolute;left:0;right:0;top:0;height:94px;border-radius:22px;padding:17px 18px;display:flex;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation-duration:var(--T);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.6,0,.2,1)}
.lp .lc .fv{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:block}
.lp .lc .tx{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}
.lp .lc .tx i{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.2)}
.lp .lc .tx i:nth-child(1){width:64%;height:12px;background:rgba(255,255,255,.4)}
.lp .lc .tx i:nth-child(2){width:88%}
.lp .lc .tx i:nth-child(3){width:52%}
.lp .lc.a{animation-name:cA;transform:translateY(var(--sp))}
.lp .lc.b{animation-name:cB;transform:translateY(calc(var(--sp) * 2))}
.lp .lc.c{animation-name:cC;transform:translateY(calc(var(--sp) * 3))}
.lp .lc.d{animation-name:cD;transform:translateY(calc(var(--sp) * 4))}
.lp .lc.me{z-index:3;background:rgba(255,106,0,.2);border-color:var(--org);transform:translateY(0);animation:cM var(--T) cubic-bezier(.6,0,.2,1) infinite,meGlow var(--T) ease-in-out infinite}
.lp .lc.me .fv{background:var(--org)}
.lp .lc.me .tx i{background:rgba(255,200,160,.45)}
.lp .lc.me .tx i:nth-child(1){background:rgba(255,226,205,.8)}
.lp .mtag{position:absolute;right:16px;top:12px;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#FFB27A}
.lp .up{position:absolute;right:16px;bottom:12px;width:22px;height:22px;color:var(--org);animation:upBob 1.4s ease-in-out infinite}
@keyframes upBob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
@keyframes meGlow{0%,64%{box-shadow:0 0 30px -8px rgba(255,106,0,.55)}70%,90%{box-shadow:0 0 70px 2px rgba(255,106,0,.8)}94%,100%{box-shadow:0 0 30px -8px rgba(255,106,0,.55)}}
@keyframes cA{0%,61%{transform:translateY(0);opacity:1}67%,90%{transform:translateY(var(--sp));opacity:1}92%{transform:translateY(var(--sp));opacity:0}92.1%{transform:translateY(0);opacity:0}97%,100%{transform:translateY(0);opacity:1}}
@keyframes cB{0%,42%{transform:translateY(var(--sp));opacity:1}48%,90%{transform:translateY(calc(var(--sp) * 2));opacity:1}92%{transform:translateY(calc(var(--sp) * 2));opacity:0}92.1%{transform:translateY(var(--sp));opacity:0}97%,100%{transform:translateY(var(--sp));opacity:1}}
@keyframes cC{0%,27%{transform:translateY(calc(var(--sp) * 2));opacity:1}33%,90%{transform:translateY(calc(var(--sp) * 3));opacity:1}92%{transform:translateY(calc(var(--sp) * 3));opacity:0}92.1%{transform:translateY(calc(var(--sp) * 2));opacity:0}97%,100%{transform:translateY(calc(var(--sp) * 2));opacity:1}}
@keyframes cD{0%,12%{transform:translateY(calc(var(--sp) * 3));opacity:1}18%,90%{transform:translateY(calc(var(--sp) * 4));opacity:1}92%{transform:translateY(calc(var(--sp) * 4));opacity:0}92.1%{transform:translateY(calc(var(--sp) * 3));opacity:0}97%,100%{transform:translateY(calc(var(--sp) * 3));opacity:1}}
@keyframes cM{0%,12%{transform:translateY(calc(var(--sp) * 4));opacity:1}18%,27%{transform:translateY(calc(var(--sp) * 3))}33%,42%{transform:translateY(calc(var(--sp) * 2))}48%,61%{transform:translateY(var(--sp))}67%,90%{transform:translateY(0);opacity:1}92%{transform:translateY(0);opacity:0}92.1%{transform:translateY(calc(var(--sp) * 4));opacity:0}97%,100%{transform:translateY(calc(var(--sp) * 4));opacity:1}}
.lp .ladcap{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;font:500 11.5px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8391A8}
.lp .badge{position:absolute;left:-18px;bottom:46px;z-index:4;width:150px;height:150px;border-radius:50%;background:var(--org);color:var(--navy2);display:grid;place-items:center;box-shadow:0 22px 50px -16px rgba(255,106,0,.75);animation:badgeBob 6s ease-in-out infinite}
@keyframes badgeBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}
.lp .badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 24s linear infinite}
.lp .badge text{font:500 11.5px 'IBM Plex Mono',monospace;fill:#1A1F2B}
.lp .badge b{font-size:min(46px,calc(180px / var(--len,3)));line-height:1;font-weight:800;letter-spacing:-.05em}

/* общие блоки */
.lp .band{position:relative;padding:112px 0;overflow:clip}
.lp .band.org{background:radial-gradient(900px 520px at 88% -6%,#FF9A52,transparent 70%),var(--org);color:var(--navy2)}
.lp .band.lt{background:var(--lt);color:var(--navy2)}
.lp .band.nv{background:var(--navy);color:var(--ink)}
.lp .band.org .kick{color:var(--navy2);opacity:.85}
.lp .band.lt .kick{color:#B84A00}
.lp .h2{font-size:clamp(40px,6vw,86px);line-height:.98;letter-spacing:-.045em;font-weight:800;margin:18px 0 24px;max-width:1060px}
.lp .h2.md{font-size:clamp(34px,5.1vw,72px);max-width:1192px}
.lp .sub{font-size:20px;line-height:1.6;max-width:680px;opacity:.92}
@supports (animation-timeline: view()){
  .lp .rv{animation:rv linear backwards;animation-timeline:view();animation-range:entry calc(var(--r,0) * 6%) entry calc(42% + var(--r,0) * 6%)}
  .lp .par{animation:par linear both;animation-timeline:view()}
  .lp .parr{animation:parr linear both;animation-timeline:view()}
}
@keyframes rv{from{opacity:0;transform:translateY(36px)}}
@keyframes par{from{translate:0 90px}to{translate:0 -90px}}
@keyframes parr{from{rotate:-50deg}to{rotate:50deg}}

/* зачем это нужно */
.lp .bgring{position:absolute;border-radius:50%;pointer-events:none}
.lp .bgring.g1{width:720px;height:720px;right:-250px;top:-210px;border:2px solid rgba(26,31,43,.18)}
.lp .bgring.g2{width:520px;height:520px;right:-130px;top:-110px;border:2px dashed rgba(26,31,43,.22)}
.lp .chain{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px minmax(0,1fr);gap:18px;align-items:stretch;margin-top:60px;position:relative}
.lp .ccard{position:relative;border-radius:40px;background:var(--navy);color:#fff;padding:34px 32px 38px;min-height:430px;display:flex;flex-direction:column;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.lp .ccard:hover{transform:translateY(-10px);box-shadow:0 40px 70px -34px rgba(17,21,31,.9)}
.lp .ccard .cn{position:absolute;right:18px;top:14px;--sc:#FF8A3D;font:800 112px/1 'Geologica',sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--sc);opacity:.32;user-select:none}
.lp .ico{width:116px;height:116px;margin:8px 0 34px;position:relative;flex:none}
.lp .ico path,.lp .ico circle{fill:none;stroke:var(--org);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;animation:draw 6s ease-in-out infinite;animation-delay:calc(var(--r) * .6s)}
.lp .ccard h3{font-size:42px;line-height:1.02;letter-spacing:-.04em;font-weight:800;margin:0 0 14px;position:relative}
.lp .ccard p{font-size:17px;color:#B9C4D6;max-width:330px;position:relative}
.lp .arw{position:relative;align-self:center;width:76px;height:76px;border-radius:50%;background:var(--navy);display:grid;place-items:center;color:var(--org);animation:arwP 1.9s ease-in-out infinite}
.lp .arw::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--navy);animation:arwR 1.9s ease-out infinite}
.lp .arw svg{animation:arwX 1.9s ease-in-out infinite}
.lp .arw.b2,.lp .arw.b2::after,.lp .arw.b2 svg{animation-delay:.55s}
@keyframes arwP{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes arwR{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.55);opacity:0}}
@keyframes arwX{0%,100%{transform:translateX(-2px)}50%{transform:translateX(5px)}}

/* наш секрет: колода */
.lp .deck-h{position:relative}
.lp .deck-h .h2{max-width:1192px}
.lp .arrows{display:flex;gap:10px;position:absolute;right:0;bottom:4px}
.lp .arr{width:62px;height:62px;border-radius:50%;border:1.5px solid #cdd3e0;background:#fff;color:var(--navy2);display:grid;place-items:center;transition:background .25s,border-color .25s,transform .25s,color .25s}
.lp .arr:hover{background:var(--navy2);color:#fff;border-color:var(--navy2);transform:scale(1.08)}
.lp .deckw{position:relative;margin-top:48px}
.lp .dstack{position:relative;padding-bottom:34px}
.lp .pile{position:absolute;left:4%;right:4%;bottom:16px;height:84%;border-radius:40px;transition:background .9s;box-shadow:0 20px 50px -30px rgba(17,21,31,.4)}
.lp .pile.p2{left:8%;right:8%;bottom:0}
.lp .deck{position:relative;z-index:1;border-radius:40px;overflow:clip;box-shadow:0 40px 90px -40px rgba(17,21,31,.6)}
.lp .dtrack{display:grid}
.lp .slide{--fg:#fff;--ac:#FF6A00;grid-area:1/1;min-height:580px;clip-path:circle(0% at 76% 50%);z-index:1;padding:62px 70px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:36px;align-items:center;position:relative;overflow:clip;color:var(--fg)}
.lp .slide.was{z-index:2;clip-path:circle(150% at 76% 50%)}
.lp .slide.on{z-index:3;clip-path:circle(150% at 76% 50%);transition:clip-path 1.05s cubic-bezier(.7,0,.2,1)}
.lp .slide.k0{background:var(--navy)}
.lp .slide.k1{background:var(--org);--fg:#1A1F2B;--ac:#FFFFFF}
.lp .slide.k2{background:#fff;--fg:#1A1F2B;--ac:#FF6A00}
.lp .slide.k3{background:linear-gradient(135deg,#11151F 40%,#1B2540);--fg:#fff;--ac:#FF6A00}
.lp .slide .num{position:absolute;right:30px;bottom:-62px;--sc:#fff;font:800 400px/.8 'Geologica',sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2.5px var(--sc);opacity:.18;user-select:none;pointer-events:none}
.lp .slide.k1 .num,.lp .slide.k2 .num{--sc:#1A1F2B}
.lp .slide.k2 .num{opacity:.14}
.lp .stxt{position:relative;z-index:2}
.lp .kk{font:500 12.5px 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.lp .slide h3{font-size:clamp(34px,4.3vw,58px);line-height:1;letter-spacing:-.045em;font-weight:800;margin:16px 0 20px}
.lp .slide p{font-size:20px;line-height:1.6;max-width:520px;opacity:.92}
.lp .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.lp .chip{padding:7px 15px;border-radius:999px;font:500 13px 'IBM Plex Mono',monospace;border:1.5px solid currentColor;opacity:.9}
.lp .slide.on .stxt > *{animation:rise .9s cubic-bezier(.2,.8,.2,1) backwards}
.lp .slide.on .stxt > :nth-child(1){animation-delay:.2s}
.lp .slide.on .stxt > :nth-child(2){animation-delay:.3s}
.lp .slide.on .stxt > :nth-child(3){animation-delay:.4s}
.lp .slide.on .stxt > :nth-child(4){animation-delay:.5s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}}
.lp .prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;position:relative;z-index:2}
.lp .segb{background:none;border:0;padding:0;text-align:left;display:block}
.lp .seg{display:block;height:8px;border-radius:4px;background:#d2d8e6;position:relative;overflow:hidden}
.lp .seg::after{content:"";position:absolute;inset:0;width:0;background:var(--navy2);border-radius:4px}
.lp .seg.done::after{width:100%}
.lp .seg.on::after{animation:fillx 7s linear forwards}
.lp .seg.on.hold::after{animation-play-state:paused}
@keyframes fillx{to{width:100%}}
.lp .segl{display:block;margin-top:10px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#5b667c;transition:color .3s}
.lp .segn{display:none;margin-top:10px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#5b667c;transition:color .3s}
.lp .segb:hover .segl,.lp .segb.cur .segl,.lp .segb:hover .segn,.lp .segb.cur .segn{color:var(--navy2)}

/* четыре рисунка */
.lp .slide:not(.on):not(.was) .sart *,.lp .slide:not(.on):not(.was) .sart *::before,.lp .slide:not(.on):not(.was) .sart *::after{animation-play-state:paused}
.lp .sart{position:relative;z-index:1;width:min(100%,400px);aspect-ratio:1;justify-self:center;color:var(--fg)}
.lp .sart i{position:absolute;border-radius:50%;display:block}
.lp .a1 .d1{inset:0;border:2px dashed currentColor;opacity:.5;animation:spin 48s linear infinite}
.lp .a1 .d2{inset:8%;background:repeating-conic-gradient(currentColor 0 1.4deg,transparent 1.4deg 7.5deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px));mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px));opacity:.8;animation:spin 34s linear infinite reverse}
.lp .a1 .sw{inset:8%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,106,0,.5) 100%);-webkit-mask:radial-gradient(farthest-side,transparent 30%,#000 31%);mask:radial-gradient(farthest-side,transparent 30%,#000 31%);animation:spin 6s linear infinite}
.lp .a1 .d3{inset:25%;border:7px solid transparent;border-top-color:var(--ac);border-right-color:var(--ac);animation:spin 7s linear infinite}
.lp .a1 .d4{inset:35%;border:2px solid currentColor;border-left-color:transparent;opacity:.75;animation:spin 16s linear infinite reverse}
.lp .a1 .core{inset:42%;background:var(--ac);display:grid;place-items:center;animation:corePulse 2.6s ease-in-out infinite}
.lp .a1 .core svg{width:62%;height:62%}
.lp .a1 .core path{stroke-dasharray:100;animation:draw 5s ease-in-out infinite}
@keyframes corePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,106,0,.5)}50%{transform:scale(1.08);box-shadow:0 0 0 16px rgba(255,106,0,0)}}
.lp .a2 .b1,.lp .a2 .b2,.lp .a2 .b3,.lp .a2 .b4{animation:breathe 5.6s ease-in-out infinite}
.lp .a2 .b1{inset:0;background:rgba(26,31,43,.10)}
.lp .a2 .b2{inset:13%;background:rgba(26,31,43,.14);animation-delay:-1.1s}
.lp .a2 .b3{inset:26%;background:rgba(26,31,43,.22);animation-delay:-2.2s}
.lp .a2 .b4{inset:39%;background:rgba(26,31,43,.42);animation-delay:-3.3s}
@keyframes breathe{0%,100%{transform:scale(.9)}50%{transform:scale(1.07)}}
.lp .a2 .ha{inset:43%;background:var(--fg);animation:beat 2.8s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.2)}60%{transform:scale(1)}}
.lp .a2 .hb,.lp .a2 .hc{inset:0;border:3px solid var(--fg);opacity:0;animation:ripple 4.2s ease-out infinite}
.lp .a2 .hc{animation-delay:-2.1s}
@keyframes ripple{0%{transform:scale(.2);opacity:.85}100%{transform:scale(1.04);opacity:0}}
.lp .a3 .grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.lp .a3 .cell{position:relative;border-radius:9px;background:#E3E8F2;animation:cellOn 4.8s linear infinite;animation-delay:var(--d)}
.lp .a3 .cell.sealed{background:var(--fg);animation:none}
@keyframes cellOn{0%{background:#E3E8F2;transform:scale(1)}4%{background:#FF6A00;transform:scale(.78)}14%{background:#FFC9A0;transform:scale(1)}36%,100%{background:#E3E8F2;transform:scale(1)}}
.lp .a3 .scan{position:absolute;top:-3%;bottom:-3%;width:14px;left:0;border-radius:7px;background:linear-gradient(90deg,transparent,rgba(255,106,0,.95),transparent);box-shadow:0 0 24px 6px rgba(255,106,0,.45);animation:scanX 4.8s linear infinite}
@keyframes scanX{0%{left:-3%}100%{left:100%}}
.lp .a4 .face{inset:7%;background:conic-gradient(from 0deg,#FFB454 0 50%,#2B3656 50% 100%);animation:spin 48s linear infinite}
.lp .a4 .face::after{content:"";position:absolute;inset:7%;border-radius:50%;background:#131A2B}
.lp .a4 .tk{inset:14%;background:repeating-conic-gradient(rgba(255,255,255,.78) 0 .8deg,transparent .8deg 30deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px));mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14px))}
.lp .a4 .dw{inset:0;transform:rotate(calc(var(--a) * 1deg))}
.lp .a4 .dd{position:absolute;left:50%;top:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#fff;opacity:.3;animation:dotChase 4.8s linear infinite;animation-delay:var(--dl)}
@keyframes dotChase{0%{transform:scale(1);opacity:.3;background:#fff}5%{transform:scale(1.9);opacity:1;background:#FF6A00}22%,100%{transform:scale(1);opacity:.3;background:#fff}}
.lp .a4 .hand{position:absolute;left:50%;bottom:50%;border-radius:5px;transform-origin:50% 100%;display:block}
.lp .a4 .mh{width:6px;height:35%;margin-left:-3px;background:#fff;animation:spin 12s linear infinite}
.lp .a4 .hh{width:9px;height:25%;margin-left:-4.5px;background:var(--ac);animation:spin 144s linear infinite}
.lp .a4 .pv{left:50%;top:50%;width:22px;height:22px;margin:-11px;background:var(--ac);border:4px solid #131A2B;border-radius:50%}

/* планировщик */
.lp .band.nv::before{content:"";position:absolute;left:-260px;bottom:-300px;width:760px;height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,106,0,.2),transparent);animation:drift 18s ease-in-out infinite;pointer-events:none}
.lp .plan{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;margin-top:58px;align-items:center;position:relative}
.lp .ctrls{display:flex;flex-direction:column;gap:32px}
.lp .ctl label{display:flex;justify-content:space-between;align-items:baseline;font-size:16.5px;color:#C9D3E3;margin-bottom:14px}
.lp .ctl label b{font:500 24px 'IBM Plex Mono',monospace;color:#fff}
.lp .ctl input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--org) var(--p),#2a3348 var(--p));outline:none;cursor:pointer;margin:0}
.lp .ctl input[type=range]:focus-visible{outline:3px solid #FFB454;outline-offset:6px}
.lp .ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--org);border:5px solid var(--navy);box-shadow:0 0 0 2px var(--org);cursor:pointer;transition:transform .2s}
.lp .ctl input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.14)}
.lp .ctl input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--org);border:5px solid var(--navy);cursor:pointer}
.lp .outs{position:relative;border-radius:34px;background:linear-gradient(180deg,#171e2e,#121826);padding:36px;overflow:hidden}
.lp .outs::before{content:"";position:absolute;inset:0;border-radius:34px;padding:1.5px;background:conic-gradient(from var(--ang),#262E40 0 60%,var(--org) 82%,#262E40 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 7s linear infinite;pointer-events:none}
@keyframes beam{to{--ang:360deg}}
.lp .big{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lp .big > div > span{display:block;font-size:14px;color:#9AA7BB}
.lp .big > div > b{display:block;font-size:66px;line-height:1.02;font-weight:800;letter-spacing:-.045em;margin-top:6px}
.lp .big > div > b em{font-style:normal;color:var(--org)}
.lp .meter{margin-top:34px}
.lp .mtrack{position:relative;height:26px;border-radius:13px;background:#232c42;margin-top:30px}
.lp .mfill{position:absolute;left:0;top:0;bottom:0;border-radius:13px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.22) 0 9px,transparent 9px 18px),linear-gradient(90deg,#FF8A00,#FF5A1F);background-size:36px 100%,100% 100%;animation:belt 1.2s linear infinite;transition:width .55s cubic-bezier(.2,.8,.2,1);min-width:4px}
@keyframes belt{to{background-position:36px 0,0 0}}
.lp .mover{position:absolute;top:0;bottom:0;border-radius:0 13px 13px 0;background:repeating-linear-gradient(135deg,rgba(255,138,61,0) 0 6px,rgba(255,138,61,.6) 6px 9px);border:1.5px dashed rgba(255,138,61,.85);transition:left .55s cubic-bezier(.2,.8,.2,1),width .55s cubic-bezier(.2,.8,.2,1)}
.lp .mmark{position:absolute;top:-10px;bottom:-10px;width:3px;margin-left:-1.5px;background:#fff;border-radius:2px;transition:left .55s cubic-bezier(.2,.8,.2,1)}
.lp .mmark.off{display:none}
.lp .mmark em{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);font:500 12px 'IBM Plex Mono',monospace;font-style:normal;color:#fff;white-space:nowrap;letter-spacing:.04em}
.lp .mleg{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;font-size:14.5px;color:#C9D3E3}
.lp .mleg > span{display:inline-flex;align-items:center;gap:8px}
.lp .mleg i{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,#FF8A00,#FF5A1F);display:block}
.lp .mleg i.lg2{background:repeating-linear-gradient(135deg,rgba(255,138,61,.2) 0 3px,rgba(255,138,61,.9) 3px 5px);border:1px dashed rgba(255,138,61,.85)}
.lp .mleg b{font:500 15px 'IBM Plex Mono',monospace;color:#fff}
.lp .mleg .dim{opacity:.62}
.lp .flag{margin-top:22px;padding:15px 18px;border-radius:16px;font-size:15.5px;line-height:1.5;display:flex;gap:12px;align-items:flex-start}
.lp .flag.ok{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.22);color:#E2E9F4;animation:flagA .5s cubic-bezier(.2,.8,.2,1)}
.lp .flag.over{background:rgba(255,106,0,.13);border:1px solid rgba(255,138,61,.65);color:#FFB887;animation:flagB .5s cubic-bezier(.2,.8,.2,1)}
@keyframes flagA{from{opacity:.2;transform:translateY(8px)}}
@keyframes flagB{from{opacity:.2;transform:translateY(8px)}}
.lp .note{margin-top:18px;font-size:12.5px;line-height:1.6;color:#8B99AE}

/* кабинет */
.lp .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:54px;position:relative}
.lp .steps::before{content:"";position:absolute;left:8%;right:8%;top:42px;height:2px;background:repeating-linear-gradient(90deg,#B84A00 0 10px,transparent 10px 20px);background-size:20px 2px;animation:dash 1.1s linear infinite;opacity:.5}
@keyframes dash{to{background-position:20px 0}}
.lp .st{position:relative;background:#fff;border:1.5px solid #dde2ee;border-radius:28px;padding:26px 28px 28px}
.lp .st b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--org);color:var(--navy2);font-size:14px;font-weight:600;margin-bottom:18px;position:relative;z-index:1;box-shadow:0 0 0 8px var(--lt)}
.lp .st h4{font-size:23px;line-height:1.15;letter-spacing:-.03em;font-weight:800;margin-bottom:8px}
.lp .st p{font-size:16px;color:#46506a}
.lp .cabw{margin-top:62px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.58fr);gap:44px;align-items:center}
.lp .stackw{perspective:2200px}
.lp .stack{--so:34px;position:relative;display:block;width:calc(100% - 100px);padding:0;border:0;background:none;aspect-ratio:16/10;transform-style:preserve-3d}
.lp .stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:16px;border:1px solid #d3d9e6;background:#fff;box-shadow:0 30px 70px -30px rgba(17,21,31,.55);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s}
.lp .stack img.msk{-webkit-mask-image:linear-gradient(#000 68%,transparent 88%);mask-image:linear-gradient(#000 68%,transparent 88%)}
.lp .cabt h3{font-size:36px;line-height:1.06;letter-spacing:-.04em;font-weight:800}
.lp .cabt p{margin-top:14px;font-size:18px;color:#34405a;animation:fade .5s}
.lp .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.lp .tab{padding:9px 17px;border-radius:999px;border:1.5px solid #cdd3e0;background:#fff;font-size:14.5px;font-weight:500;color:var(--navy2);transition:background .25s,color .25s,border-color .25s,transform .25s}
.lp .tab:hover{border-color:var(--navy2);transform:translateY(-2px)}
.lp .tab.on{background:var(--navy2);color:#fff;border-color:var(--navy2)}
.lp .demo{margin-top:22px;font:500 12.5px/1.6 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#5b667c}
.lp .feat{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp .feat li{padding:7px 14px;border-radius:12px;background:#E5E9F2;font-size:14px;color:#2a3450}
@keyframes fade{from{opacity:0;transform:translateY(-6px)}}

/* оплата */
.lp .bgt{position:absolute;right:-1%;top:10px;--sc:#1A1F2B;font:800 clamp(220px,30vw,430px)/.9 'Geologica',sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px var(--sc);opacity:.16;pointer-events:none;user-select:none}
.lp .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:58px;position:relative}
.lp .tile{position:relative;border-radius:34px;background:var(--navy2);color:#fff;padding:28px 28px 30px;min-height:320px;display:flex;flex-direction:column;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;animation:tileFloat 6s ease-in-out infinite;animation-delay:calc(var(--r) * -1.4s);box-shadow:0 26px 50px -30px rgba(17,21,31,.8)}
@keyframes tileFloat{50%{translate:0 -8px}}
.lp .tile:hover{transform:perspective(900px) rotateX(7deg) rotateY(-9deg) translateY(-10px);box-shadow:0 44px 70px -30px rgba(17,21,31,.95)}
.lp .t2:hover{transform:perspective(900px) rotateX(7deg) rotateY(9deg) translateY(-10px)}
.lp .t3:hover{transform:perspective(900px) rotateX(-7deg) rotateY(-9deg) translateY(-10px)}
.lp .t4:hover{transform:perspective(900px) rotateX(-7deg) rotateY(9deg) translateY(-10px)}
.lp .th{display:flex;align-items:center;justify-content:space-between;font:500 12.5px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#AEBBD0}
.lp .sd{width:14px;height:14px;border-radius:50%;border:2px solid #6c7a96;display:block}
.lp .sd.on{background:var(--org);border-color:var(--org);animation:pdot 2s ease-out infinite}
.lp .tv{display:block;margin-top:auto;font-size:118px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#F3F6FB}
.lp .tv.hot{background:linear-gradient(100deg,#FF8A00 0%,#FFD0A0 42%,#FF5A1F 62%,#FF8A00 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmerT 4.5s linear infinite}
@keyframes shimmerT{to{background-position:-220% 0}}
.lp .tile p{margin-top:8px;font-size:15.5px;color:#B4C0D2}
.lp .fine{margin-top:28px;font-size:16px;max-width:700px;font-weight:500}

/* ── Кабинет: «чек» за статистику ── */
.lp .cabh{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center}
.lp .rc-wrap{position:relative;max-width:430px;width:100%;margin:0 auto;rotate:1.2deg;filter:drop-shadow(0 34px 26px rgba(26,31,43,.3))}
.lp .slot{position:relative;z-index:3;height:26px;margin:0 -12px;border-radius:13px;background:linear-gradient(#212838,#0D1119);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.lp .slot::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:4px;border-radius:2px;background:#000}
.lp .led{position:absolute;right:22px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--org);box-shadow:0 0 10px var(--org);animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.lp .receipt{--z:16px;position:relative;z-index:1;margin-top:-12px;padding:42px 30px calc(30px + var(--z));background:#fff;color:var(--navy2);-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--z)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) var(--z) repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - var(--z)) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--z) var(--z) repeat-x}
.lp .rc-h{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--navy2);font:500 11.5px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#556074}
.lp .rc-r{display:flex;align-items:baseline;gap:10px;padding:13px 0;font:500 16.5px/1.25 'IBM Plex Mono',monospace}
.lp .rc-r .dots{flex:1;min-width:20px;border-bottom:2px dotted #9AA4B8;transform:translateY(-4px)}
.lp .rc-r b{font-weight:500;font-size:19px}
.lp .rc-sep{border-top:2px dashed #AEB6C7;margin:6px 0 10px}
.lp .rc-tot{text-transform:uppercase;letter-spacing:.06em;font-size:14.5px;align-items:center}
.lp .rc-tot b{font:800 56px/1 'Geologica',sans-serif;letter-spacing:-.05em;color:var(--org)}
.lp .rc-note{font-size:13.5px;line-height:1.45;color:var(--navy2);font-weight:500;padding:6px 0 0}
.lp .receipt .bc{display:block;width:100%;margin-top:18px;height:30px;background:repeating-linear-gradient(90deg,var(--navy2) 0 2px,transparent 2px 5px,var(--navy2) 5px 6px,transparent 6px 9px,var(--navy2) 9px 12px,transparent 12px 14px,var(--navy2) 14px 15px,transparent 15px 19px)}
.lp .rc-wrap.in .receipt{animation:feed 15s cubic-bezier(.3,.7,.2,1) infinite}
@keyframes feed{0%{clip-path:inset(0 0 100% 0);transform:translateY(-46px)}9%,88%{clip-path:inset(0 0 0 0);transform:none}94%{clip-path:inset(0 0 0 0);transform:translateY(12px) rotate(.8deg);opacity:1}100%{clip-path:inset(0 0 0 0);transform:translateY(64px) rotate(2.2deg);opacity:0}}
.lp .rc-wrap.in .rc-r{animation:print 15s infinite backwards;animation-delay:calc(.6s + var(--k) * .55s)}
@keyframes print{0%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(16,end)}6%,100%{clip-path:inset(0 0 0 0)}}
.lp .feat li.free{background:var(--org);color:var(--navy2);font-weight:600}
.lp .steps{margin-top:78px}

/* ── Цена ── */
.lp .pr-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.lp .pr-card{position:relative;border-radius:40px;background:var(--navy);color:#fff;padding:40px 40px 38px;overflow:hidden;display:flex;flex-direction:column;min-height:400px;box-shadow:0 40px 70px -40px rgba(17,21,31,.9)}
.lp .pr-ring{position:absolute;right:-130px;top:-130px;width:400px;height:400px;border-radius:50%;border:2px dashed rgba(255,138,61,.45);animation:spin 50s linear infinite}
.lp .pr-ring::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;width:16px;height:16px;border-radius:50%;background:var(--org);box-shadow:0 0 22px 4px rgba(255,106,0,.75)}
.lp .pr-k{font:500 12.5px 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--org2);position:relative}
.lp .pr-n{display:flex;align-items:baseline;gap:10px;margin-top:auto;line-height:.9;position:relative}
.lp .pr-n b{font-size:clamp(120px,13vw,190px);font-weight:800;letter-spacing:-.07em;background:linear-gradient(100deg,#FF8A00 0%,#FFD0A0 42%,#FF5A1F 62%,#FF8A00 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmerT 4.5s linear infinite}
.lp .pr-n em{font-style:normal;font-size:clamp(48px,5vw,76px);font-weight:800;color:var(--org)}
.lp .pr-u{margin-top:12px;font-size:19px;color:#B9C4D6;position:relative}
.lp .cabh .h2{font-size:clamp(34px,4.5vw,64px);max-width:none}
@media (max-width:980px){
  .lp .cabh{grid-template-columns:1fr;gap:44px}
  .lp .rc-wrap{max-width:390px}
  .lp .steps{margin-top:60px}
  .lp .pr-split{grid-template-columns:1fr;gap:36px}
  .lp .pr-card{min-height:300px;padding:30px 26px 28px}
}
@media (max-width:560px){
  .lp .rc-r{font-size:14.5px}
  .lp .rc-r b{font-size:17px}
  .lp .rc-tot b{font-size:46px}
  .lp .receipt{padding-left:22px;padding-right:22px}
}

/* финал и подвал */
.lp .final{text-align:center;padding:128px 0}
.lp .final .wrap{z-index:2}
.lp .final h2{font-size:clamp(44px,7.4vw,108px);line-height:.96;letter-spacing:-.05em;font-weight:800;margin:20px auto 26px;max-width:1120px}
.lp .final p.lead2{font-size:21px;max-width:600px;margin:0 auto;opacity:.92}
.lp .final .cta{justify-content:center;margin:42px 0 0}
.lp .final .fr{position:absolute;border-radius:50%;pointer-events:none;border:2px solid rgba(26,31,43,.22)}
.lp .final .fr.f1{width:640px;height:640px;left:-220px;bottom:-300px;border-style:dashed;animation:spin 60s linear infinite}
.lp .final .fr.f2{width:380px;height:380px;right:-120px;top:-120px;animation:ringFloat 10s ease-in-out infinite}
.lp .final .fr.f3{width:120px;height:120px;right:14%;bottom:60px;border-color:rgba(26,31,43,.35);animation:ringFloat 7s ease-in-out -3s infinite reverse}
.lp .final .bgt{--bs:clamp(230px,36vw,540px);font-size:var(--bs);left:0;right:0;top:50%;margin-top:calc(var(--bs) * -.5);text-align:center;opacity:.2;line-height:1}
.lp .foot{background:var(--navy);padding:60px 0 64px;color:var(--mut);font-size:14.5px}
.lp .fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.lp .fcols b{display:block;color:#fff;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.lp .fcols a{display:block;margin-bottom:9px;transition:color .2s}
.lp .fcols a:hover{color:#fff}
.lp .fcols img{height:28px;width:auto;margin-bottom:16px}
.lp .fcols p{max-width:300px}
.lp .copy{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:13.5px;color:#8B99AE}

@media (max-width:1180px){
  .lp .hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr)}
  .lp .lad{width:300px}
  .lp .badge{width:124px;height:124px;left:-26px}
  .lp .badge b{font-size:min(38px,calc(148px / var(--len,3)))}
  .lp .chain{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr)}
  .lp .arw{width:56px;height:56px}
  .lp .ccard h3{font-size:34px}
  .lp .ccard .cn{font-size:78px;top:12px;right:14px}
  .lp .ico{width:96px;height:96px}
}
@media (max-width:980px){
  .lp .wrap{padding:0 20px}
  .lp .links,.lp .btns .ghost{display:none}
  .lp .nav{height:72px}
  .lp .hero{padding-bottom:56px}
  .lp .hero-grid,.lp .plan,.lp .cabw,.lp .slide{grid-template-columns:1fr;gap:30px}
  .lp .arrows{position:static;margin-top:22px}
  .lp .h1{--fs:clamp(38px,10.6vw,86px)}
  .lp .hr{min-height:0;margin-top:10px;padding:10px 0 40px}
  .lp .lad{width:min(300px,86%);height:420px;--sp:86px;transform:none;animation:none}
  .lp .lc{height:76px;padding:12px 14px}
  .lp .lc .fv{width:28px;height:28px}
  .lp .rg.r1{width:380px;height:380px}
  .lp .rg.r2{width:280px;height:280px}
  .lp .badge{width:104px;height:104px;left:2px;bottom:36px}
  .lp .badge b{font-size:min(32px,calc(125px / var(--len,3)))}
  .lp .badge text{font-size:11px}
  .lp .band{padding:84px 0}
  .lp .h2{font-size:clamp(34px,10vw,64px)}
  .lp .sub{font-size:18px}
  .lp .chain{grid-template-columns:1fr;gap:12px;margin-top:44px}
  .lp .ccard{min-height:0}
  .lp .ccard .ico{margin-bottom:6px}
  .lp .arw{justify-self:center}
  .lp .arw svg{rotate:90deg}
  .lp .deck{height:auto}
  .lp .slide{min-height:0;clip-path:circle(0% at 50% 62%)}
  .lp .slide.was{clip-path:circle(150% at 50% 62%)}
  .lp .slide.on{clip-path:circle(150% at 50% 62%)}
  .lp .slide{padding:38px 26px;align-items:start;align-content:start}
  .lp .slide h3{font-size:clamp(30px,8.4vw,44px)}
  .lp .slide p{font-size:17.5px}
  .lp .slide .num{font-size:190px;right:10px;bottom:-24px}
  .lp .sart{width:min(100%,250px)}
  .lp .prog{gap:8px}
  .lp .segl{font-size:10.5px;letter-spacing:.04em}
  .lp .big > div > b{font-size:44px}
  .lp .outs{padding:24px}
  .lp .steps{grid-template-columns:1fr}
  .lp .steps::before{display:none}
  .lp .stack{--so:14px;width:calc(100% - 42px)}
  .lp .cabw{gap:34px;margin-top:44px}
  .lp .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lp .tile{min-height:236px;padding:20px 18px 22px;border-radius:26px}
  .lp .tv{font-size:76px}
  .lp .final{padding:100px 0}
  .lp .final .bgt{opacity:.1}
  .lp .fcols{grid-template-columns:1fr 1fr}
  .lp .ghost{height:70%}
}
@media (max-width:560px){
  .lp .lead{font-size:17.5px}
  .lp .btn.lg{height:56px;padding:0 24px;font-size:16.5px}
  .lp .cta .btn{flex:1 1 100%}
  .lp .secret{font-size:12.5px;border-radius:22px}
  .lp .odo-cap{font-size:9.5px;left:calc(100% + 10px)}
  .lp .arr{width:52px;height:52px}
  .lp .segl{display:none}
  .lp .segn{display:block}
  .lp .tiles{gap:10px}
}
@media (prefers-reduced-motion: reduce){
  .lp *,.lp *::before,.lp *::after{animation-duration:.001ms !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;transition-delay:0s !important}
}

/* FAQ — секция скрыта флагом faq.enabled в landing-content.js; стили оставлены, чтобы возвращение было правкой одного флага */
/* вопросы */
.lp .faqg{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:start}
.lp .faqh{position:sticky;top:30px}
.lp .faqh .btn{margin-top:30px}
.lp .faq{display:flex;flex-direction:column;gap:12px}
.lp .fq{border:1.5px solid #d6dbe8;border-radius:26px;background:#fff;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.lp .fq.open{border-color:var(--navy2);box-shadow:0 22px 44px -28px rgba(17,21,31,.55)}
.lp .fqb{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 28px;background:none;border:0;text-align:left;font-size:20px;font-weight:600;color:var(--navy2)}
.lp .fqn{font:500 13px 'IBM Plex Mono',monospace;color:#B84A00;letter-spacing:.08em}
.lp .pl{width:36px;height:36px;border-radius:50%;background:var(--lt);position:relative;flex:none;transition:background .25s,transform .4s}
.lp .fq.open .pl{background:var(--org);transform:rotate(180deg)}
.lp .pl::before,.lp .pl::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;background:var(--navy2);transform:translate(-50%,-50%)}
.lp .pl::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.lp .fq.open .pl::after{transform:translate(-50%,-50%) rotate(0)}
.lp .anw{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.lp .fq.open .anw{grid-template-rows:1fr}
.lp .an{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .45s}
.lp .fq.open .an{visibility:visible;transition-delay:0s}
.lp .an p{padding:0 28px 28px 78px;color:#3b465f;font-size:17.5px;max-width:860px}
@media (max-width:980px){
  .lp .faqg{grid-template-columns:1fr;gap:30px}
  .lp .faqh{position:static}
  .lp .fqb{font-size:17.5px;padding:20px 18px;gap:12px}
  .lp .an p{padding:0 18px 22px 18px}
}