:root{--bg:#06101b;--bg2:#0b1826;--panel:#0f2232;--panel2:#132b3d;--ink:#f5fbff;--text:#d7e4ee;--muted:#8fa6b8;--cyan:#27d7ff;--teal:#43f0c0;--orange:#ff8a24;--gold:#ffc35a;--line:rgba(91,203,255,.22);--line2:rgba(255,138,36,.32);--shadow:0 28px 90px rgba(0,0,0,.38);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(39,215,255,.18),transparent 32%),radial-gradient(circle at 80% 18%,rgba(255,138,36,.14),transparent 28%),linear-gradient(180deg,#050b13,#07111d 42%,#091827);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 82%)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}p{margin-top:0;color:var(--text)}h1,h2,h3{margin-top:0;line-height:1.05;letter-spacing:-.02em}h1{font-size:clamp(42px,5.6vw,84px);margin-bottom:24px}h2{font-size:clamp(30px,4vw,58px)}h3{font-size:clamp(21px,2vw,30px)}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:16px clamp(18px,4vw,58px);background:rgba(5,12,20,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{font-weight:950;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;color:#fff}.brand b{color:var(--orange)}.nav{display:flex;justify-content:center;gap:24px;font-weight:900}.nav a{color:var(--muted)}.nav a.active,.nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.tg{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:950}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font-weight:950;border:1px solid var(--line);cursor:pointer}.btn-accent{background:linear-gradient(135deg,var(--orange),var(--gold));color:#130c04;border-color:rgba(255,195,90,.8);box-shadow:0 12px 34px rgba(255,138,36,.25)}.btn-ghost,.btn-soft{background:rgba(11,24,38,.72);color:#fff}.btn-link{border-color:transparent;color:var(--cyan);padding-left:4px}.wide{width:100%}.menu-button{display:none}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:42px;align-items:center;min-height:calc(100vh - 78px);padding:clamp(48px,7vw,92px) clamp(18px,5vw,70px)}.eyebrow,.kicker{color:var(--orange);text-transform:uppercase;font-weight:950;letter-spacing:.08em;font-size:13px}.lead{font-size:clamp(19px,2vw,25px);color:#eaf6ff;max-width:850px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0}.hero-metrics div,.proof-strip article,.plan-card,.content-image,.longread-card,.faq article,.steps article,.compare-grid article,.longread-visual{background:linear-gradient(145deg,rgba(15,34,50,.9),rgba(10,24,36,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-metrics div{padding:18px}.hero-metrics dt{font-size:30px;font-weight:950;color:var(--gold)}.hero-metrics dd{margin:0;color:var(--muted)}.hero-visual,.content-image{margin:0;overflow:hidden;padding:8px;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(255,138,36,.18),rgba(39,215,255,.12));box-shadow:var(--shadow)}.hero-visual img,.content-image img{width:100%;height:100%;object-fit:cover;border-radius:15px}.section{padding:clamp(56px,7vw,104px) clamp(18px,5vw,70px)}.section-head{max-width:1020px;margin:0 auto 34px;text-align:center}.section-head p{color:var(--muted)}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:26px;padding-bottom:26px}.proof-strip article{padding:22px}.proof-strip strong{display:block;color:#fff;font-size:20px}.proof-strip span{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.dark-panel{background:linear-gradient(135deg,rgba(9,24,37,.92),rgba(14,39,56,.78));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{padding:24px;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;inset:auto -40px -60px auto;width:170px;height:170px;background:radial-gradient(circle,rgba(39,215,255,.22),transparent 65%)}.plan-card.featured{border-color:var(--line2);background:linear-gradient(145deg,rgba(67,240,192,.14),rgba(255,138,36,.16)),var(--panel)}.plan-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(39,215,255,.22),rgba(255,138,36,.3));border:1px solid var(--line2);margin-bottom:14px}.plan-icon span{font-weight:950;color:#fff}.price{margin:18px 0}.price strong{font-size:40px;color:#fff}.price del{margin-left:10px;color:#8ca1b4}.plan-card ul{padding-left:20px;color:var(--text)}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-grid figure{margin:0;background:rgba(15,34,50,.72);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.visual-grid img{width:100%;aspect-ratio:1.45/1;object-fit:cover}.visual-grid figcaption{padding:14px 16px;color:#fff;font-weight:900}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{border:1px solid var(--line2);background:rgba(255,138,36,.1);color:#ffd59e;border-radius:999px;padding:8px 13px;font-weight:900}.compare-grid,.steps-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid,.faq-grid{grid-template-columns:repeat(4,1fr)}.compare-grid article,.steps article,.faq article{padding:24px}.accent-card{border-color:var(--line2)!important;background:linear-gradient(145deg,rgba(255,138,36,.2),rgba(39,215,255,.1))!important}.steps span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--teal));color:#041017;font-weight:950;font-size:24px;margin-bottom:14px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(255,138,36,.18),rgba(39,215,255,.18));border-top:1px solid var(--line2);border-bottom:1px solid var(--line)}.cta-band h2{margin-bottom:0}.longread{background:linear-gradient(180deg,rgba(4,10,16,.2),rgba(5,12,20,.82))}.longread-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto}.longread-card{padding:24px}.longread-card h3{color:#fff}.longread-visual{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.75fr);gap:24px;align-items:center;padding:12px}.longread-visual img{width:100%;max-height:470px;object-fit:cover;border-radius:14px}.longread-visual div{padding:20px}.footer{display:grid;grid-template-columns:1fr auto;gap:24px;background:#040910;border-top:1px solid var(--line);padding:40px clamp(18px,5vw,70px)}.footer nav{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted)}.footer small{grid-column:1/-1;color:#6f8495}.page-hero{padding:clamp(72px,9vw,128px) clamp(18px,5vw,70px) 46px;max-width:1240px;margin:auto}.page-hero p{font-size:20px;color:var(--muted)}.about-hero{display:grid;grid-template-columns:1fr .75fr;gap:28px;align-items:center}.qa{display:grid;gap:18px;max-width:1180px;margin:auto}.qa article,.order-form,.cabinet-side,.cabinet-main,.manual article,.blog-card{background:linear-gradient(145deg,rgba(15,34,50,.9),rgba(10,24,36,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.manual{display:grid;gap:22px;max-width:1220px;margin:auto}.manual article{display:grid;grid-template-columns:64px minmax(0,.8fr) minmax(320px,1fr);gap:22px;align-items:start}.manual span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--teal));color:#041017;font-weight:950;font-size:24px}.manual figure{margin:0;background:#fff;border-radius:14px;padding:8px}.manual img{border-radius:10px;filter:none!important;transform:none!important;opacity:1!important}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.blog-card{display:grid;grid-template-columns:260px 1fr;gap:20px}.blog-card img{height:100%;min-height:230px;object-fit:cover;border-radius:14px}.form-page{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;padding:clamp(74px,8vw,120px) clamp(18px,5vw,70px)}.order-form{display:grid;gap:16px}.order-form label{display:grid;gap:7px;font-weight:900}.order-form input,.order-form textarea,.order-form select{width:100%;border:1px solid var(--line);border-radius:14px;background:#071523;color:var(--ink);padding:14px 16px;font:inherit}.form-note{color:var(--muted);font-size:13px}.cabinet{display:grid;grid-template-columns:310px 1fr;gap:24px;padding:clamp(74px,8vw,110px) clamp(18px,5vw,70px)}.metric-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-grid{grid-template-columns:repeat(2,1fr);margin-top:18px}.metric-grid article,.dashboard-grid article{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:20px}.metric-grid small{color:var(--muted)}.metric-grid strong{display:block;font-size:26px;color:var(--gold)}.dash-head{display:flex;justify-content:space-between;gap:18px}.dash-head span{align-self:start;background:rgba(67,240,192,.14);color:#9dffe5;border-radius:999px;padding:8px 14px;font-weight:950}.bar-chart{height:170px;display:flex;align-items:end;gap:12px}.bar-chart span{flex:1;height:var(--h);background:linear-gradient(var(--cyan),var(--teal));border-radius:10px 10px 0 0}.text-page{max-width:900px;margin:auto}@media(max-width:1100px){.hero,.split,.about-hero,.form-page,.cabinet{grid-template-columns:1fr}.plans-grid,.visual-grid,.compare-grid,.steps-grid,.faq-grid,.proof-strip,.longread-grid{grid-template-columns:repeat(2,1fr)}.longread-visual{grid-template-columns:1fr}}@media(max-width:760px){.site-header{grid-template-columns:auto auto}.menu-button{display:inline-flex;justify-self:end;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:950}.nav{display:none;grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.nav.open{display:flex}.header-actions{grid-column:1/-1;flex-wrap:wrap}.hero{min-height:auto}.hero-metrics,.plans-grid,.visual-grid,.compare-grid,.steps-grid,.faq-grid,.proof-strip,.longread-grid,.blog-grid,.metric-grid,.dashboard-grid{grid-template-columns:1fr}.manual article,.blog-card{grid-template-columns:1fr}.cta-band{display:block}.footer{grid-template-columns:1fr}.header-actions .btn{flex:1}}@media(max-width:520px){h1{font-size:40px}.section,.hero{padding-left:16px;padding-right:16px}.btn{width:100%}}

/* v4 cinematic rebuild */
.cinematic-header{perspective:1200px;padding:14px clamp(16px,2.5vw,36px);gap:14px}
.brand-3d{text-shadow:0 10px 28px rgba(39,215,255,.22)}
.nav-3d{transform-style:preserve-3d;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:999px;padding:7px;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.22)}
.nav-3d a{position:relative;padding:9px 12px;border-radius:999px;transform:translateZ(0);transition:transform .25s ease,background .25s ease,color .25s ease;white-space:nowrap}
.cinematic-header .header-actions{gap:8px}
.cinematic-header .btn{padding-left:16px;padding-right:16px}
.header-actions .btn{white-space:nowrap}
.nav-3d a:hover,.nav-3d a.active{background:linear-gradient(135deg,rgba(39,215,255,.18),rgba(255,138,36,.18));transform:translateY(-2px) translateZ(18px)}
.cinema-hero,.instruction-hero,.pricing-hero,.magazine-hero{position:relative;overflow:hidden}
.cinema-hero:after,.instruction-hero:after,.pricing-hero:after,.magazine-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 42%,rgba(39,215,255,.08) 48%,transparent 56%);animation:scanBeam 7s linear infinite}
@keyframes scanBeam{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
.vr-orbit{position:absolute;right:8%;bottom:8%;width:170px;height:170px;transform-style:preserve-3d;animation:orbitTilt 12s linear infinite;pointer-events:none}
.content-image .vr-orbit,.pricing-hero .vr-orbit{right:22px;bottom:20px}
.vr-orbit i{position:absolute;inset:20px;border:1px solid rgba(39,215,255,.55);border-radius:50%;box-shadow:0 0 28px rgba(39,215,255,.28)}
.vr-orbit i:nth-child(1){transform:rotateX(68deg)}
.vr-orbit i:nth-child(2){transform:rotateY(68deg)}
.vr-orbit i:nth-child(3){transform:rotateZ(45deg) rotateX(68deg);border-color:rgba(255,138,36,.55)}
.vr-orbit span{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px var(--orange);transform:translate(-50%,-50%)}
@keyframes orbitTilt{to{transform:rotateY(360deg) rotateX(18deg)}}
.story-longread{background:linear-gradient(180deg,rgba(5,12,20,.25),rgba(5,12,20,.9))}
.story-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.story-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:linear-gradient(145deg,rgba(15,34,50,.92),rgba(8,20,32,.88));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.story-row.reverse figure{order:-1}
.story-row figure{margin:0;overflow:hidden;border-radius:18px;border:1px solid var(--line2)}
.story-row img{width:100%;height:100%;max-height:430px;object-fit:cover}
.story-card,.story-panel{border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(145deg,rgba(15,34,50,.86),rgba(8,20,32,.78));box-shadow:var(--shadow)}
.story-card{grid-column:span 4}
.story-panel{grid-column:span 8;background:linear-gradient(135deg,rgba(255,138,36,.14),rgba(39,215,255,.12))}
.tariff-glyph{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(39,215,255,.22),rgba(255,138,36,.28));border:1px solid var(--line2);box-shadow:inset 0 0 28px rgba(39,215,255,.12)}
.tariff-glyph b{font-size:24px;color:#fff}
.manual-cinema article{grid-template-columns:70px minmax(260px,.72fr) minmax(420px,1.1fr);background:linear-gradient(145deg,rgba(10,24,36,.92),rgba(15,34,50,.82))}
.manual-shot{background:#fff!important;border:1px solid rgba(255,255,255,.18)!important;padding:10px!important;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.manual-shot img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transform:none!important;background:#fff!important}
.interview{max-width:1180px;margin:auto;display:grid;gap:22px}
.interview article{width:min(820px,100%);background:linear-gradient(145deg,rgba(15,34,50,.92),rgba(8,20,32,.82));border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
.interview article.right{justify-self:end;border-color:var(--line2)}
.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mag-card{background:linear-gradient(145deg,rgba(15,34,50,.9),rgba(8,20,32,.82));border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.mag-card.large{grid-column:span 2;display:grid;grid-template-columns:1.08fr .92fr}
.mag-card img{width:100%;height:260px;object-fit:cover}
.mag-card.large img{height:100%}
.mag-card div{padding:24px}
@media(max-width:1100px){.story-card,.story-panel{grid-column:span 6}.magazine-grid{grid-template-columns:repeat(2,1fr)}.mag-card.large{grid-column:1/-1}}
@media(max-width:760px){.nav-3d{border-radius:18px}.story-row,.manual-cinema article,.mag-card.large{grid-template-columns:1fr}.story-row.reverse figure{order:0}.story-card,.story-panel{grid-column:1/-1}.magazine-grid{grid-template-columns:1fr}.vr-orbit{display:none}}

/* v6 motion and layout polish */
.site-header{animation:headerDrop .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes headerDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
.brand{position:relative;isolation:isolate}
.brand:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent);transform:scaleX(.25);opacity:.65;animation:brandLine 3.8s ease-in-out infinite}
@keyframes brandLine{50%{transform:scaleX(1);opacity:1}}
.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.btn:before{content:"";position:absolute;inset:-40% -80%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.45),transparent 60%);transform:translateX(-55%);animation:buttonSheen 4.6s ease-in-out infinite;pointer-events:none}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 46px rgba(39,215,255,.16)}
.btn-accent{animation:accentPulse 3.2s ease-in-out infinite}
@keyframes buttonSheen{0%,35%{transform:translateX(-65%)}55%,100%{transform:translateX(65%)}}
@keyframes accentPulse{50%{box-shadow:0 14px 42px rgba(255,138,36,.42)}}
.nav-3d{position:relative;overflow:hidden}
.nav-3d:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,20%) 50%,rgba(39,215,255,.16),transparent 34%);animation:navGlow 6s ease-in-out infinite;pointer-events:none}
@keyframes navGlow{0%,100%{--mx:18%}50%{--mx:82%}}
.hero-copy,.hero-visual,.proof-strip article,.plan-card,.story-row,.story-card,.story-panel,.faq article,.mag-card,.manual article,.cabinet-side,.cabinet-main,.order-form{animation:softReveal .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes softReveal{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero-visual,.content-image,.mag-card img,.story-row figure{position:relative;animation:floatPanel 6.5s ease-in-out infinite}
@keyframes floatPanel{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-visual:after,.content-image:after,.manual-shot:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(39,215,255,.16),transparent 58%);transform:translateX(-100%);animation:imageScan 5.5s ease-in-out infinite}
@keyframes imageScan{0%,40%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
.plan-card,.metric-grid article,.dashboard-grid article{transition:transform .28s ease,border-color .28s ease,background .28s ease}
.plan-card:hover,.metric-grid article:hover,.dashboard-grid article:hover{transform:translateY(-6px);border-color:rgba(255,138,36,.6)}
.tariff-glyph,.plan-icon,.manual span,.steps span{animation:glyphPulse 3.4s ease-in-out infinite}
@keyframes glyphPulse{50%{filter:drop-shadow(0 0 18px rgba(67,240,192,.55));transform:scale(1.04)}}
.hero-metrics div,.proof-strip article{position:relative;overflow:hidden}
.hero-metrics div:after,.proof-strip article:after,.cabinet-main:after{content:"";position:absolute;inset:auto 18px 0;height:2px;background:linear-gradient(90deg,var(--orange),var(--cyan),var(--teal));animation:meterFlow 4s linear infinite}
@keyframes meterFlow{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
.story-row img,.content-image img,.hero-visual img{transition:transform 1.2s ease,filter 1.2s ease}
.story-row:hover img,.content-image:hover img,.hero-visual:hover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.04)}
.cabinet{grid-template-columns:minmax(260px,310px) minmax(0,1fr);align-items:stretch}
.cabinet-side,.cabinet-main{min-width:0;overflow:hidden}
.cabinet-side h1{font-size:clamp(34px,4.2vw,58px);line-height:1;word-break:normal;overflow-wrap:anywhere;margin-bottom:22px}
.cabinet-empty h2,.cabinet-main h2{font-size:clamp(32px,4vw,56px)}
.cabinet .wide{max-width:100%}
.dashboard-grid p,.dashboard-grid li,.cabinet-main p{overflow-wrap:anywhere}
.manual-shot{position:relative;overflow:hidden}
.manual-shot img{width:100%;height:auto;object-fit:contain;border-radius:8px!important}
@media(max-width:980px){.cabinet{grid-template-columns:1fr}.cabinet-side h1{font-size:44px}.metric-grid,.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.metric-grid,.dashboard-grid{grid-template-columns:1fr}.cabinet-side h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* v7 final visual fixes */
.cabinet-side h1{font-size:clamp(30px,3vw,42px)!important;white-space:nowrap;overflow:visible;letter-spacing:-.04em}
.cabinet-side h1 span,.cabinet-side h1 b{display:inline!important;white-space:nowrap}
.cabinet{padding-top:clamp(54px,6vw,86px)}
.cabinet-main,.cabinet-side{backdrop-filter:blur(10px)}
.manual article{animation:none!important;opacity:1!important;transform:none!important}
.manual-shot,.manual-shot img{animation:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important}
.manual-shot:after{display:none!important}
.manual-shot{background:#fff!important}
.manual-shot img{background:#fff!important}
.site-header .nav a[href="blog.html"] span:empty:before{content:"Статьи"}

/* v8 map motion art direction */
:root{--headline1:#e8f8ff;--headline2:#4ef2d0;--headline3:#ff9a36}
body{position:relative;overflow-x:hidden;background:
  radial-gradient(circle at 18% 12%,rgba(39,215,255,.22),transparent 30%),
  radial-gradient(circle at 82% 18%,rgba(255,138,36,.16),transparent 28%),
  linear-gradient(180deg,#040a12 0%,#071421 44%,#06101b 100%)!important}
body:before{opacity:.95;animation:mapGridDrift 28s linear infinite;background-image:
  linear-gradient(rgba(75,219,255,.07) 1px,transparent 1px),
  linear-gradient(90deg,rgba(75,219,255,.07) 1px,transparent 1px),
  radial-gradient(circle at 12% 18%,rgba(67,240,192,.55) 0 2px,transparent 3px),
  radial-gradient(circle at 72% 28%,rgba(255,138,36,.55) 0 2px,transparent 3px),
  radial-gradient(circle at 42% 68%,rgba(39,215,255,.5) 0 2px,transparent 3px),
  radial-gradient(circle at 88% 76%,rgba(67,240,192,.48) 0 2px,transparent 3px)!important;
  background-size:54px 54px,54px 54px,420px 360px,520px 410px,480px 390px,560px 460px!important;
  mask-image:linear-gradient(#000 0 92%,transparent)!important}
body:after{content:"";position:fixed;inset:-12%;z-index:-1;pointer-events:none;opacity:.78;background:
  radial-gradient(ellipse at 20% 35%,rgba(39,215,255,.16),transparent 38%),
  radial-gradient(ellipse at 80% 64%,rgba(255,138,36,.13),transparent 36%),
  conic-gradient(from 20deg at 22% 28%,transparent 0 16%,rgba(39,215,255,.18) 17%,transparent 19% 48%,rgba(67,240,192,.16) 50%,transparent 53%),
  conic-gradient(from 160deg at 74% 62%,transparent 0 22%,rgba(255,138,36,.16) 24%,transparent 26% 60%,rgba(39,215,255,.16) 62%,transparent 65%);
  filter:blur(.2px);animation:routeSweep 18s ease-in-out infinite alternate}
main{position:relative;z-index:1}
main:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.54;background:
  linear-gradient(115deg,transparent 0 18%,rgba(39,215,255,.28) 18.5%,transparent 19.2% 48%,rgba(67,240,192,.24) 49%,transparent 49.7%),
  linear-gradient(28deg,transparent 0 38%,rgba(255,138,36,.2) 38.5%,transparent 39.2% 70%,rgba(39,215,255,.18) 71%,transparent 71.7%);
  background-size:760px 460px,920px 520px;animation:routeLines 11s linear infinite}
main:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.72;background:
  radial-gradient(circle at 18% 24%,rgba(67,240,192,.9) 0 3px,transparent 5px),
  radial-gradient(circle at 36% 68%,rgba(39,215,255,.9) 0 3px,transparent 5px),
  radial-gradient(circle at 64% 42%,rgba(255,138,36,.9) 0 3px,transparent 5px),
  radial-gradient(circle at 82% 74%,rgba(67,240,192,.9) 0 3px,transparent 5px);
  animation:mapPins 3.6s ease-in-out infinite}
@keyframes mapGridDrift{to{background-position:54px 54px,54px 54px,80px 45px,-70px 55px,60px -45px,-80px -60px}}
@keyframes routeSweep{0%{transform:translate3d(-2%,0,0) rotate(.001deg) scale(1)}100%{transform:translate3d(2%,-1.5%,0) rotate(2deg) scale(1.04)}}
@keyframes routeLines{to{background-position:760px 0,-920px 0}}
@keyframes mapPins{0%,100%{filter:drop-shadow(0 0 4px rgba(67,240,192,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 18px rgba(39,215,255,.9));transform:scale(1.018)}}
h1,h2,h3{color:var(--headline1);text-wrap:balance}
h1{font-size:clamp(34px,3.6vw,52px)!important;line-height:1.08!important;letter-spacing:-.025em!important;background:linear-gradient(110deg,#fff 0%,#dff8ff 34%,var(--headline2) 68%,var(--headline3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 14px 42px rgba(39,215,255,.12)}
h2{font-size:clamp(24px,2.55vw,36px)!important;line-height:1.14!important;background:linear-gradient(110deg,#f7fcff 0%,#7fffe4 72%,#ffb158 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
h3{font-size:clamp(19px,1.65vw,25px)!important;line-height:1.2!important;color:#dffaff}
.hero{min-height:auto!important;padding-top:clamp(54px,6vw,82px)!important;padding-bottom:clamp(50px,6vw,82px)!important}
.page-hero{padding-top:clamp(58px,7vw,92px)!important}
.lead{font-size:clamp(17px,1.45vw,21px)!important}
.section-head{max-width:880px}
.section-head p,.page-hero p{font-size:clamp(16px,1.35vw,19px)!important}
.cinematic-header{background:linear-gradient(135deg,rgba(5,12,20,.88),rgba(9,27,40,.78))!important;box-shadow:0 20px 90px rgba(0,0,0,.36),inset 0 -1px 0 rgba(39,215,255,.22)}
.nav-3d{isolation:isolate;min-height:54px;padding:8px 12px!important;gap:10px!important;background:
  linear-gradient(145deg,rgba(9,24,36,.92),rgba(12,35,52,.72))!important;
  border:1px solid rgba(84,220,255,.32)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -18px 38px rgba(39,215,255,.05)!important;
  transform:perspective(900px) rotateX(5deg)}
.nav-3d:after{content:"";position:absolute;left:24px;right:24px;top:50%;height:2px;z-index:-1;background:linear-gradient(90deg,transparent,var(--cyan),var(--teal),var(--orange),transparent);box-shadow:0 0 18px rgba(39,215,255,.65);animation:navRoute 4.8s linear infinite}
.nav-3d a{display:inline-grid;place-items:center;min-width:92px;min-height:38px;padding:8px 13px!important;border:1px solid transparent;background:rgba(4,13,22,.76);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);color:#b7c9d8!important}
.nav-3d a:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);position:absolute;top:-5px;left:50%;transform:translateX(-50%) scale(.75);opacity:.75;animation:pinBlink 2.8s ease-in-out infinite}
.nav-3d a.active,.nav-3d a:hover{color:#fff!important;border-color:rgba(255,138,36,.44);background:linear-gradient(145deg,rgba(39,215,255,.18),rgba(255,138,36,.2))!important;transform:translateY(-3px) translateZ(22px) rotateX(-4deg)!important}
.nav-3d a.active:before,.nav-3d a:hover:before{background:var(--orange);box-shadow:0 0 20px var(--orange);transform:translateX(-50%) scale(1.15)}
@keyframes navRoute{to{filter:hue-rotate(35deg);background-position:260px 0}}
@keyframes pinBlink{50%{opacity:1;filter:brightness(1.6)}}
.btn{border-color:rgba(89,219,255,.34)!important;background-image:linear-gradient(145deg,rgba(11,24,38,.88),rgba(18,47,67,.72));box-shadow:0 10px 36px rgba(39,215,255,.12),inset 0 0 0 1px rgba(255,255,255,.04)}
.btn-accent{background-image:linear-gradient(135deg,#ff8725,#ffc65c 55%,#43f0c0)!important;box-shadow:0 16px 48px rgba(255,138,36,.34),0 0 34px rgba(67,240,192,.12)!important}
.btn:hover{border-color:rgba(255,138,36,.62)!important;box-shadow:0 18px 54px rgba(39,215,255,.2),0 0 28px rgba(255,138,36,.16)}
.hero-visual,.content-image,.story-row figure,.manual-shot,.mag-card{box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(39,215,255,.2),0 0 44px rgba(39,215,255,.1)!important}
.proof-strip article,.plan-card,.story-card,.story-panel,.faq article,.cabinet-side,.cabinet-main,.order-form,.manual article{background:linear-gradient(145deg,rgba(8,21,34,.82),rgba(14,38,55,.72))!important;backdrop-filter:blur(14px);position:relative;overflow:hidden}
.proof-strip article:before,.plan-card:after,.story-card:before,.story-panel:before,.faq article:before,.cabinet-side:before,.cabinet-main:before,.order-form:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent,rgba(39,215,255,.08),transparent);transform:translateX(-110%);animation:cardSweep 7s ease-in-out infinite}
@keyframes cardSweep{0%,42%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@media(max-width:760px){h1{font-size:clamp(31px,9vw,42px)!important}.nav-3d{transform:none;border-radius:20px!important}.nav-3d:after{display:none}.nav-3d a{min-width:0;width:100%}}


/* v9 image-bound premium scene animation */
body:after,
main:before,
main:after{display:none!important}
body:before{animation:none!important;opacity:.3!important}
.premium-scene{position:relative;isolation:isolate;overflow:hidden}
.premium-scene img{position:relative;z-index:1}
.premium-scene .vr-orbit{display:none!important}
.premium-scene__overlay{position:absolute;z-index:2;inset:8px;border-radius:15px;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.premium-scene__overlay:before{content:"";position:absolute;inset:-2%;opacity:.72;background:
  radial-gradient(circle at 8% 12%,rgba(255,184,86,.8) 0 1px,transparent 2px),
  radial-gradient(circle at 18% 33%,rgba(255,184,86,.6) 0 1px,transparent 2px),
  radial-gradient(circle at 31% 18%,rgba(74,235,255,.7) 0 1px,transparent 2px),
  radial-gradient(circle at 48% 28%,rgba(255,184,86,.7) 0 1px,transparent 2px),
  radial-gradient(circle at 62% 20%,rgba(74,235,255,.6) 0 1px,transparent 2px),
  radial-gradient(circle at 75% 44%,rgba(255,184,86,.72) 0 1px,transparent 2px),
  radial-gradient(circle at 88% 30%,rgba(255,184,86,.58) 0 1px,transparent 2px),
  radial-gradient(circle at 92% 68%,rgba(74,235,255,.64) 0 1px,transparent 2px),
  radial-gradient(circle at 38% 76%,rgba(255,184,86,.72) 0 1px,transparent 2px),
  radial-gradient(circle at 56% 66%,rgba(74,235,255,.62) 0 1px,transparent 2px);
  background-size:148px 112px,190px 150px,230px 170px,180px 138px,260px 190px,210px 160px,250px 210px,170px 150px,220px 180px,200px 145px;
  animation:sceneLights 2.2s steps(3,end) infinite}
.premium-scene__overlay:after{content:"";position:absolute;inset:-10%;opacity:.22;background:
  linear-gradient(rgba(68,226,255,.22) 1px,transparent 1px),
  linear-gradient(90deg,rgba(68,226,255,.18) 1px,transparent 1px);
  background-size:44px 44px;transform:perspective(900px) rotateX(58deg) scale(1.4);animation:sceneGrid 18s linear infinite}
.premium-scene__routes{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.route,.impulse{fill:none;stroke-linecap:round;stroke-linejoin:round}
.route{stroke:url(#routeCyan);stroke-width:3.2;opacity:.72;stroke-dasharray:12 12;animation:routeBase 8s linear infinite}
.route:nth-child(even){stroke:url(#routeGold);animation-duration:10s}
.impulse{stroke:#fff;stroke-width:7;opacity:.95;stroke-dasharray:1 92;stroke-dashoffset:0;animation:routeImpulse 2.8s linear infinite;filter:drop-shadow(0 0 12px #42ffe2)}
.impulse-b{animation-delay:.22s}.impulse-c{animation-delay:.44s}.impulse-d{animation-delay:.66s}.impulse-e{animation-delay:.88s}.impulse-f{animation-delay:1.1s}.impulse-g{animation-delay:1.32s}.impulse-h{animation-delay:1.54s}
.central-dot{fill:#ffd178;filter:drop-shadow(0 0 16px #ff9a2f);transform-box:fill-box;transform-origin:center;animation:centralPulse 1.45s ease-in-out infinite}
.central-wave{fill:none;stroke:#ffd178;stroke-width:4;opacity:.8;transform-box:fill-box;transform-origin:center;animation:centralWave 2.4s ease-out infinite}
.wave-two{animation-delay:1.2s}
.map-pin{position:absolute;z-index:4;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#49ffce;box-shadow:0 0 15px #49ffce,0 0 34px rgba(73,255,206,.72);animation:pinBreath 2.4s ease-in-out infinite}
.map-pin:before,.map-pin:after{content:"";position:absolute;inset:-12px;border:2px solid rgba(73,255,206,.72);border-radius:50%;animation:pinWave 2.3s ease-out infinite}
.map-pin:after{animation-delay:1.15s;border-color:rgba(42,194,255,.6)}
.pin-1{left:24.7%;top:43.5%}.pin-2{left:34.6%;top:25.8%;animation-delay:.2s}.pin-3{left:42.4%;top:31.5%;animation-delay:.4s}.pin-4{left:50.1%;top:48%;animation-delay:.6s}.pin-5{left:59.2%;top:39.5%;animation-delay:.8s}.pin-6{left:67.2%;top:47.6%;animation-delay:1s}.pin-7{left:73.2%;top:57.4%;animation-delay:1.2s}.pin-8{left:83%;top:25.2%;animation-delay:1.4s}.pin-9{left:21.7%;top:31.5%;animation-delay:1.6s}.pin-10{left:39.7%;top:57.8%;animation-delay:1.8s}.pin-11{left:69.5%;top:33.8%;animation-delay:2s}.pin-12{left:55.8%;top:68.2%;animation-delay:2.2s}
.scene-card,.scene-panel{position:absolute;z-index:5;border-radius:8px;overflow:hidden;transform-origin:center;background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.42) 46%,transparent 58%);background-size:240% 100%;animation:cardGlow 4.4s ease-in-out infinite,cardFloat 6s ease-in-out infinite;box-shadow:0 0 22px rgba(67,240,192,.16)}
.scene-card{bottom:12.5%;width:7.3%;height:12.7%}
.card-a{left:21.1%;animation-delay:.05s}.card-b{left:29.3%;animation-delay:.25s}.card-c{left:37.7%;animation-delay:.45s}.card-d{left:46%;animation-delay:.65s}.card-e{left:54.4%;animation-delay:.85s}.card-f{left:62.7%;animation-delay:1.05s}.card-g{left:71.1%;animation-delay:1.25s}
.scene-panel{animation-name:panelGraph,cardGlow;width:12%;height:16%}
.panel-a{left:1%;top:2.5%;animation-delay:.1s}.panel-b{left:1.5%;top:23.5%;animation-delay:.4s}.panel-c{left:81.5%;top:2.5%;animation-delay:.7s}.panel-d{left:81.3%;top:19%;animation-delay:1s}.panel-e{left:81%;top:43%;animation-delay:1.3s}
.scene-donut{position:absolute;z-index:6;width:7.2%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#45ffd1,#2bbdff,#8a5cff,#45ffd1);mask:radial-gradient(circle,transparent 42%,#000 44%);animation:donutSpin 9s linear infinite;filter:drop-shadow(0 0 14px rgba(73,255,206,.4));opacity:.55}
.donut-a{left:2.2%;top:25.5%}.donut-b{right:6.3%;bottom:26.4%;animation-duration:12s}
@keyframes sceneLights{0%,100%{opacity:.45;filter:brightness(.8)}50%{opacity:.88;filter:brightness(1.55)}}
@keyframes sceneGrid{to{background-position:44px 44px,44px 44px;transform:perspective(900px) rotateX(58deg) scale(1.4) translateY(22px)}}
@keyframes routeBase{to{stroke-dashoffset:-240}}
@keyframes routeImpulse{to{stroke-dashoffset:-620}}
@keyframes centralPulse{50%{transform:scale(1.55);filter:drop-shadow(0 0 30px #ff9a2f)}}
@keyframes centralWave{0%{transform:scale(.4);opacity:.9}100%{transform:scale(4.8);opacity:0}}
@keyframes pinBreath{50%{transform:scale(1.14);filter:brightness(1.7)}}
@keyframes pinWave{0%{transform:scale(.25);opacity:.8}100%{transform:scale(2.6);opacity:0}}
@keyframes cardGlow{0%,35%{background-position:160% 0;opacity:.18}55%{background-position:-40% 0;opacity:.62}100%{background-position:-80% 0;opacity:.2}}
@keyframes cardFloat{50%{transform:translateY(-3px) rotate(.45deg)}}
@keyframes panelGraph{0%,100%{clip-path:polygon(0 74%,16% 66%,30% 72%,48% 52%,66% 59%,84% 34%,100% 20%,100% 100%,0 100%)}50%{clip-path:polygon(0 64%,16% 54%,30% 60%,48% 42%,66% 45%,84% 24%,100% 10%,100% 100%,0 100%)}}
@keyframes donutSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.premium-scene__overlay{inset:6px}.route{stroke-width:4}.impulse{stroke-width:8}.scene-card,.scene-panel{display:none}}

/* v10 article structure and semantic navigation */
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:28px!important;padding-bottom:0!important;color:var(--muted);font-size:13px}
.breadcrumbs a{color:var(--cyan)}
.breadcrumbs span[aria-current="page"]{max-width:min(680px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-toc{margin:26px 0 36px;padding:22px 24px;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(145deg,rgba(8,21,34,.88),rgba(14,38,55,.72))}
.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:12px 0 0;padding-left:22px}
.article-toc a{color:#dffaff;text-decoration-color:rgba(39,215,255,.45);text-underline-offset:4px}
.text-page section[id]{scroll-margin-top:120px}
.related-content .longread-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.related-content .longread-card{grid-column:auto}
.related-content h3 a{color:inherit}
@media(max-width:760px){.article-toc ol,.related-content .longread-grid{grid-template-columns:1fr}.breadcrumbs span[aria-current="page"]{white-space:normal}.article-toc{padding:18px}}

/* Reserve image geometry before decoding to reduce layout shifts. */
img{height:auto}

@media(max-width:1100px) and (min-width:761px){.blog-grid{grid-template-columns:1fr}.blog-card{grid-template-columns:260px minmax(0,1fr)}}