:root{
  --bg:#060d1a;--bg2:#0b1628;--surf:rgba(255,255,255,.04);--line:rgba(140,200,255,.12);
  --tx:#e6eef8;--mut:#8ea3bd;--acc:#3fd0e8;--acc2:#5b8cff;--acc3:#a26bff;--acc4:#ff4fd8;--acc5:#7dffb3;--grad:linear-gradient(90deg,#3fd0e8,#5b8cff 35%,#a26bff 65%,#ff4fd8);
  --r:18px;--fd:'Unbounded',sans-serif;--fb:'Manrope',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--tx);font:16px/1.65 var(--fb);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
#bg{position:fixed;inset:0;z-index:-1;width:100%;height:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
::selection{background:var(--acc);color:#001}

.topbar{font-size:13px;color:var(--mut);border-bottom:1px solid var(--line)}
.topbar-in{display:flex;justify-content:space-between;gap:12px;padding:8px 24px;flex-wrap:wrap}
.city{display:flex;align-items:center;gap:6px}
.phones{display:flex;gap:20px;flex-wrap:wrap}
.phones a:hover{color:var(--acc)}

.hdr{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.4);background:rgba(6,13,26,.7);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.brand{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font:700 22px var(--fd);letter-spacing:.06em;background:linear-gradient(90deg,#fff,var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-name.sm{font-size:18px}
.brand-tag{font-size:11px;color:var(--mut);letter-spacing:.04em}
.nav{display:flex;gap:4px;align-items:center}
.nav>a,.dd>a{padding:8px 11px;border-radius:10px;font-size:14px;font-weight:500;color:#c5d3e4;transition:.25s;display:block;white-space:nowrap}
.nav a:hover,.nav a.on{color:#fff;background:rgba(63,208,232,.1)}
.nav a.on{color:var(--acc)}
.dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 8px);left:0;width:340px;padding:8px;border-radius:14px;background:rgba(11,22,40,.96);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:.25s}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block;padding:10px 12px;border-radius:10px;font-size:14px;color:#c5d3e4}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:7px;align-items:center}
.burger span{width:24px;height:2px;background:#fff;transition:.3s}
.burger[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

main{min-height:60vh}
.page{animation:pg .6s cubic-bezier(.2,.7,.2,1)}
@keyframes pg{from{opacity:0;transform:translateY(14px)}}

/* hero */
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-img{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.18) translate(-1.5%,-1%)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,26,.2) 0%,rgba(6,13,26,.55) 50%,var(--bg) 100%)}
.hero-c{position:relative;z-index:2;padding:80px 24px 70px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:20px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--acc)}
h1,h2,h3{font-family:var(--fd);font-weight:600;line-height:1.15;letter-spacing:-.01em}
.hero h1{font-size:clamp(34px,6vw,76px);max-width:15ch}
.hero h1 span{background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}

.sec{padding-top:80px;padding-bottom:80px}
.lead{font-size:clamp(18px,1.6vw,22px);line-height:1.6;color:#d3dfee;max-width:62ch}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surf);border:1px solid var(--line);transition:transform .4s,border-color .4s;display:flex;flex-direction:column;transform-style:preserve-3d}
.card:hover{border-color:rgba(63,208,232,.45)}
.card .ci{aspect-ratio:4/3;overflow:hidden}
.card .ci img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.card:hover .ci img{transform:scale(1.07)}
.card .cb{padding:22px 22px 26px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex:1}
.card h3{font-size:17px;line-height:1.35}
.arr{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.card:hover .arr{background:var(--acc);color:#001;border-color:var(--acc);transform:rotate(-45deg)}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(63,208,232,.12),transparent 40%);pointer-events:none;z-index:1}

.qr{display:flex;gap:22px;align-items:center;padding:28px 30px;border-radius:var(--r);background:linear-gradient(120deg,rgba(63,208,232,.12),rgba(91,140,255,.08));border:1px solid rgba(63,208,232,.3)}
.qr-ic{flex:none;width:64px;height:64px;border-radius:14px;background:rgba(63,208,232,.15);display:grid;place-items:center;color:var(--acc)}
.qr p{font-size:17px}

/* inner pages */
.ph{padding-top:70px;padding-bottom:40px;position:relative}
.crumbs{font-size:13px;color:var(--mut);margin-bottom:18px}
.crumbs a:hover{color:var(--acc)}
.ph h1{font-size:clamp(26px,4vw,48px);max-width:24ch}
.grid2{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:start}
.prose p{margin-bottom:18px;color:#cfdbea}
.prose ul{list-style:none;margin:0 0 22px}
.prose li{padding:10px 0 10px 26px;position:relative;border-bottom:1px solid var(--line)}
.prose li::before{content:"";position:absolute;left:4px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}
.prose h3{font-size:18px;margin:34px 0 14px;color:#fff}
.hl{color:var(--acc);font-weight:700}
.side-img{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);position:sticky;top:110px}
.side-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.stack{display:grid;gap:18px;position:sticky;top:110px}
.stack .side-img{position:static}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.stat{padding:18px;border-radius:14px;background:var(--surf);border:1px solid var(--line)}
.stat b{display:block;font:600 24px var(--fd);color:var(--acc)}
.stat span{font-size:13px;color:var(--mut)}

.tbl-w{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--surf);margin:16px 0 30px}
table{width:100%;border-collapse:collapse;font-size:15px}
th{font-weight:600;text-align:left;font-size:13px;color:var(--mut);letter-spacing:.02em;padding:16px 18px;background:rgba(63,208,232,.06);border-bottom:1px solid var(--line);vertical-align:bottom}
td{padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
tbody tr{transition:background .2s}
tbody tr:hover{background:rgba(63,208,232,.05)}
td.num{font-variant-numeric:tabular-nums;font-weight:600}
.price{color:var(--acc);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.sub{list-style:none;display:grid;grid-template-columns:auto auto;gap:4px 24px;margin-top:8px;font-size:14px;color:var(--mut)}

.note{padding:24px 28px;border-radius:var(--r);background:var(--surf);border:1px solid var(--line);margin-bottom:28px}
.note h3{margin:0 0 10px;font-size:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;background:linear-gradient(90deg,var(--acc),var(--acc2));color:#00121a;font-weight:700;border:0;cursor:pointer;font-family:inherit;font-size:15px;transition:transform .2s,box-shadow .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(63,208,232,.35)}

.clients{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.client{padding:24px 20px;border-radius:14px;background:var(--surf);border:1px solid var(--line);display:flex;align-items:center;gap:14px;min-height:92px;transition:.3s}
.client:hover{border-color:rgba(63,208,232,.4);transform:translateY(-3px)}
.mono{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:600 15px var(--fd);background:linear-gradient(135deg,rgba(63,208,232,.25),rgba(91,140,255,.2));color:#fff}
.client span{font-size:14px;font-weight:600;line-height:1.35}

.steps{display:grid;gap:16px;counter-reset:s}
.step{display:flex;gap:22px;padding:26px 28px;border-radius:var(--r);background:var(--surf);border:1px solid var(--line)}
.step::before{counter-increment:s;content:"0" counter(s);font:600 26px var(--fd);color:var(--acc);flex:none;width:48px}
.step p{color:#cfdbea}

form{display:grid;gap:16px}
label{font-size:14px;color:var(--mut);display:grid;gap:7px}
label i{color:var(--acc);font-style:normal}
input,textarea{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--tx);font:inherit;transition:.25s}
input:focus,textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(63,208,232,.15)}
textarea{min-height:140px;resize:vertical}
.cap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cap-code{font:600 22px var(--fd);letter-spacing:.3em;padding:10px 18px;border-radius:10px;background:repeating-linear-gradient(45deg,rgba(63,208,232,.12) 0 6px,rgba(91,140,255,.08) 6px 12px);user-select:none;font-style:italic}
.linkbtn{background:none;border:0;color:var(--acc);cursor:pointer;font:inherit;font-size:14px;text-decoration:underline}
.small{font-size:13px;color:var(--mut)}
.ok{padding:16px;border-radius:12px;background:rgba(63,208,232,.12);color:var(--acc);display:none}

.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{padding:28px;border-radius:var(--r);background:var(--surf);border:1px solid var(--line)}
.cc small{display:block;color:var(--mut);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.cc a,.cc p{font-size:17px;font-weight:600;display:block}
.cc a:hover{color:var(--acc)}

.ftr{border-top:1px solid var(--line);padding:50px 0 34px;margin-top:40px;background:rgba(6,13,26,.6)}
.ftr-in{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}
.ftr p{color:var(--mut);font-size:13px}
.ftr-links{display:grid;gap:8px;font-size:14px;color:#c5d3e4}
.ftr-links a:hover{color:var(--acc)}
.copy{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line)}

.rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

@media (max-width:1100px){
  .hdr{backdrop-filter:none;background:rgba(6,13,26,.97)}
  .burger{display:flex}
  .nav{position:fixed;top:0;right:0;height:100vh;width:min(360px,88vw);flex-direction:column;align-items:stretch;padding:90px 20px 20px;background:#0b1628;border-left:1px solid var(--line);transform:translateX(100%);visibility:hidden;transition:transform .4s,visibility .4s;overflow-y:auto;z-index:-1}
  .nav.open{transform:none;visibility:visible}
  .nav>a,.dd>a{font-size:16px;padding:12px}
  .dd-menu{position:static;opacity:1;visibility:visible;transform:none;width:auto;background:none;border:0;box-shadow:none;padding:0 0 0 12px}
  .dd-menu a{font-size:14px;color:var(--mut)}
}
@media (max-width:860px){
  .cards,.contact{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr;gap:30px}
  .side-img,.stack{position:static}
  .clients{grid-template-columns:1fr 1fr}
  .ftr-in{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:520px){
  .note .btn{float:none!important;margin:0 0 18px!important}
  .clients{grid-template-columns:1fr}
  .topbar-in{font-size:12px}.phones{gap:12px}
  .sec{padding-top:56px;padding-bottom:56px}
  .stat b{font-size:18px}
  .qr{flex-direction:column;align-items:flex-start}
  th,td{padding:11px 12px}
}

#glow{position:fixed;left:0;top:0;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(63,208,232,.07),transparent 60%);pointer-events:none;z-index:0;opacity:0;transition:opacity .6s}
#prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:linear-gradient(90deg,var(--acc),var(--acc2));transform-origin:0 50%;transform:scaleX(0)}
#totop{position:fixed;right:22px;bottom:22px;z-index:60;width:48px;height:48px;border-radius:50%;border:1px solid rgba(63,208,232,.4);background:rgba(11,22,40,.85);backdrop-filter:blur(8px);color:var(--acc);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s}
#totop.show{opacity:1;transform:none;pointer-events:auto}
#totop:hover{background:var(--acc);color:#001}
.hdr-in{transition:height .3s}
.hdr.sc .hdr-in{height:62px}
.hdr.sc{box-shadow:0 10px 30px rgba(0,0,0,.35)}
main,.ftr{position:relative;z-index:1}
.client.has-logo{flex-direction:column;align-items:flex-start;gap:12px}
.client .logo{width:100%;height:72px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:10px;overflow:hidden}
.client .logo img{max-height:52px;max-width:100%;object-fit:contain;filter:grayscale(.3);transition:filter .3s,transform .3s}
.client:hover .logo img{filter:none;transform:scale(1.05)}
.hero h1{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both .1s}
.hero .eyebrow{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(30px)}}
.hero-c::after{content:"";display:block;width:1px;height:56px;margin-top:40px;background:linear-gradient(var(--acc),transparent);animation:drip 2.2s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn:hover::after{transform:translateX(120%)}
.ph h1{background:linear-gradient(90deg,#fff 40%,#9fdff0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tbl-w tbody tr{position:relative}
.tbl-w tbody td:first-child{box-shadow:inset 0 0 0 0 var(--acc);transition:box-shadow .25s}
.tbl-w tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 0 var(--acc)}
@media (max-width:520px){#totop{right:14px;bottom:14px}}
.ph h1{overflow-wrap:anywhere;hyphens:auto}
@media (max-width:520px){.ph h1{font-size:21px;line-height:1.25}}

.client .logo.dark{background:#0d1d33}
.client:not(.has-logo){align-self:stretch}

/* ===== v3: colorful tech layer ===== */
body{background:#050a16}
.aurora{position:fixed;inset:-20%;z-index:-2;pointer-events:none;filter:blur(90px) saturate(1.3);opacity:.55}
.aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:float 26s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:46vw;height:46vw;left:5%;top:0;background:#1a6dff}
.aurora i:nth-child(2){width:38vw;height:38vw;right:5%;top:10%;background:#8b3dff;animation-duration:32s;animation-delay:-8s}
.aurora i:nth-child(3){width:34vw;height:34vw;left:30%;bottom:0;background:#00c2d9;animation-duration:22s;animation-delay:-4s}
.aurora i:nth-child(4){width:24vw;height:24vw;right:20%;bottom:10%;background:#ff3fc8;opacity:.6;animation-duration:36s}
@keyframes float{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,-4vh) scale(1.15)}100%{transform:translate(-5vw,5vh) scale(.92)}}
.gridbg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(91,140,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(91,140,255,.07) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%)}
.brand-name{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shift 8s linear infinite}
@keyframes shift{to{background-position:200% 0}}
.hero h1 span,.ph h1{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shift 10s linear infinite}
.hero::after{background:linear-gradient(180deg,rgba(5,10,22,.1) 0%,rgba(30,10,60,.35) 45%,#050a16 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.hero-scan{position:absolute;left:0;right:0;height:120px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(63,208,232,.12),transparent);animation:scan 6s linear infinite}
@keyframes scan{from{top:-120px}to{top:100%}}
.eyebrow{color:#7dffb3;text-shadow:0 0 12px rgba(125,255,179,.5)}
.eyebrow::before{background:linear-gradient(90deg,#7dffb3,#3fd0e8)}
/* animated gradient borders */
.card,.stat,.qr,.note,.cc,.step,.tbl-w,.client{position:relative;isolation:isolate}
.card::after,.stat::after,.qr::after,.cc::after,.step::after,.client::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),#3fd0e8,#5b8cff,#a26bff,#ff4fd8,#3fd0e8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .4s;pointer-events:none;z-index:2;animation:spin 6s linear infinite}
.card:hover::after,.stat:hover::after,.qr:hover::after,.cc:hover::after,.step:hover::after,.client:hover::after{opacity:1}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin{to{--ang:360deg}}
.card:hover{box-shadow:0 20px 60px -20px rgba(162,107,255,.55),0 0 40px -10px rgba(63,208,232,.4)}
.card .cb{background:linear-gradient(180deg,transparent,rgba(91,140,255,.06))}
.cards .card:nth-child(1) .arr{color:#3fd0e8}.cards .card:nth-child(2) .arr{color:#a26bff}.cards .card:nth-child(3) .arr{color:#ff4fd8}
.card:hover .arr{background:var(--grad);color:#fff;border-color:transparent}
.card .ci{position:relative}
.card .ci::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(63,208,232,.25),transparent 40%,rgba(255,79,216,.25));mix-blend-mode:screen;opacity:.6;transition:opacity .4s}
.card:hover .ci::after{opacity:1}
/* HUD corners */

.side-img::before,.side-img::after{content:"";position:absolute;width:26px;height:26px;z-index:3;pointer-events:none}
.side-img::before{left:10px;top:10px;border-left:2px solid #7dffb3;border-top:2px solid #7dffb3}
.side-img::after{right:10px;bottom:10px;border-right:2px solid #ff4fd8;border-bottom:2px solid #ff4fd8}
.side-img img{transition:transform 1s,filter .6s;filter:saturate(1.25) contrast(1.05)}
.side-img:hover img{transform:scale(1.04);filter:saturate(1.5) hue-rotate(-12deg)}
.stat b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:26px}
.stats .stat:nth-child(2) b{background:linear-gradient(90deg,#a26bff,#ff4fd8);-webkit-background-clip:text;background-clip:text}
.stats .stat:nth-child(3) b{background:linear-gradient(90deg,#7dffb3,#3fd0e8);-webkit-background-clip:text;background-clip:text}
.qr{background:linear-gradient(120deg,rgba(63,208,232,.14),rgba(162,107,255,.14) 50%,rgba(255,79,216,.1));border-color:transparent}
.qr-ic{background:var(--grad);color:#fff;box-shadow:0 0 30px rgba(162,107,255,.5);animation:pulse 3s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 50px rgba(63,208,232,.7)}}
.btn{background:var(--grad);background-size:200% 100%;color:#fff;animation:shift 6s linear infinite;box-shadow:0 8px 30px -8px rgba(162,107,255,.7)}
.step::before{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps .step:nth-child(2)::before{background:linear-gradient(90deg,#a26bff,#ff4fd8);-webkit-background-clip:text;background-clip:text}
.steps .step:nth-child(3)::before{background:linear-gradient(90deg,#7dffb3,#3fd0e8);-webkit-background-clip:text;background-clip:text}
.prose li::before{background:var(--grad);box-shadow:0 0 12px #a26bff}
.prose li:nth-child(3n+2)::before{box-shadow:0 0 12px #ff4fd8}.prose li:nth-child(3n)::before{box-shadow:0 0 12px #7dffb3}
.hl{background:linear-gradient(90deg,#3fd0e8,#7dffb3);-webkit-background-clip:text;background-clip:text;color:transparent}
th{background:linear-gradient(90deg,rgba(63,208,232,.12),rgba(162,107,255,.12),rgba(255,79,216,.08));color:#cfe3ff}
.price{background:linear-gradient(90deg,#7dffb3,#3fd0e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav a.on{background:linear-gradient(90deg,rgba(63,208,232,.18),rgba(162,107,255,.18));color:#fff;box-shadow:inset 0 -2px 0 #a26bff}
#prog{background:var(--grad);height:3px;box-shadow:0 0 12px #a26bff}
.mono{background:var(--grad);box-shadow:0 0 20px -4px rgba(162,107,255,.7)}
.ftr{background:linear-gradient(180deg,transparent,rgba(60,20,110,.25))}
.ftr::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--grad);opacity:.7}
.chip{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--fb);letter-spacing:.08em;padding:6px 12px;border-radius:999px;border:1px solid rgba(125,255,179,.35);color:#7dffb3;background:rgba(125,255,179,.06);margin-bottom:18px}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#7dffb3;box-shadow:0 0 10px #7dffb3;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.glitch:hover{animation:glitch .35s steps(2) 2}
@keyframes glitch{0%{text-shadow:2px 0 #ff4fd8,-2px 0 #3fd0e8}50%{text-shadow:-2px 0 #ff4fd8,2px 0 #3fd0e8;transform:translateX(1px)}100%{text-shadow:none}}
#glow{background:radial-gradient(circle,rgba(162,107,255,.10),rgba(63,208,232,.05) 35%,transparent 60%)}
@media (prefers-reduced-motion:reduce){.aurora i,.hero-scan{animation:none}}
.grid2>*{min-width:0}
@media (max-width:520px){.stat{padding:14px 12px}.stat b{font-size:18px}}

/* ===== v4: LIGHT THEME ===== */
:root{--bg:#f6f8fd;--bg2:#ffffff;--surf:rgba(255,255,255,.78);--line:rgba(60,80,160,.13);--tx:#121a33;--mut:#5b6785;--acc:#0aa6c2;--acc2:#3d6bff;--acc3:#7b45f0;--acc4:#e0359f;--acc5:#11b874;--grad:linear-gradient(90deg,#0aa6c2,#3d6bff 35%,#7b45f0 65%,#e0359f)}
body{background:#f4f6fc;color:var(--tx)}
::selection{background:#c9d6ff;color:#121a33}
.aurora{opacity:.42;filter:blur(110px) saturate(1.2)}
.aurora i{mix-blend-mode:multiply}
.aurora i:nth-child(1){background:#9fc0ff}.aurora i:nth-child(2){background:#d4b8ff}.aurora i:nth-child(3){background:#a6ecf5}.aurora i:nth-child(4){background:#ffc2ea;opacity:.8}
.gridbg{background-image:linear-gradient(rgba(61,107,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,107,255,.07) 1px,transparent 1px)}
#glow{background:radial-gradient(circle,rgba(123,69,240,.08),rgba(10,166,194,.05) 35%,transparent 60%)}
.topbar{color:var(--mut);background:rgba(255,255,255,.55)}
.phones a:hover{color:var(--acc2)}
.hdr{background:rgba(255,255,255,.78);border-bottom-color:var(--line)}
.hdr.sc{box-shadow:0 10px 30px -12px rgba(40,60,140,.25)}
.brand-tag{color:var(--mut)}
.nav>a,.dd>a{color:#33405f}
.nav a:hover{color:#121a33;background:rgba(61,107,255,.08)}
.nav a.on{background:linear-gradient(90deg,rgba(10,166,194,.12),rgba(123,69,240,.12));color:#2a2f8f;box-shadow:inset 0 -2px 0 #7b45f0}
.dd-menu{background:#fff;box-shadow:0 20px 50px -10px rgba(40,60,140,.25)}
.dd-menu a{color:#33405f}
.burger span{background:#121a33}
/* hero stays a vivid photo band */
.hero{border-bottom:0;margin:0 auto;}
.hero::after{background:linear-gradient(180deg,rgba(8,16,48,.05) 0%,rgba(28,14,80,.45) 55%,rgba(12,18,52,.8) 100%)}
.hero h1{color:#fff}
.hero h1 span{background:linear-gradient(90deg,#5fe3ff,#8fb0ff 35%,#c6a2ff 65%,#ff8ce0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
.hero .eyebrow{color:#9dffcf}
/* text */
.lead{color:#26304d}
.prose p{color:#36405c}
.prose h3,.note h3{color:#121a33}
.prose li{border-bottom-color:var(--line)}
.ph h1{background:linear-gradient(90deg,#121a33 30%,#3d6bff 70%,#7b45f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.crumbs{color:var(--mut)}
.eyebrow{color:#0e9a62;text-shadow:none}
.eyebrow::before{background:linear-gradient(90deg,#11b874,#0aa6c2)}
.hl,.price{background:linear-gradient(90deg,#0a8fb0,#11a86b);-webkit-background-clip:text;background-clip:text;color:transparent}
/* surfaces */
.card,.stat,.note,.cc,.step,.client,.tbl-w{background:rgba(255,255,255,.82);border-color:var(--line);box-shadow:0 10px 30px -18px rgba(40,60,140,.35);backdrop-filter:blur(8px)}
.card::after,.stat::after,.qr::after,.cc::after,.step::after,.client::after{opacity:.45}
.card:hover{box-shadow:0 24px 60px -24px rgba(123,69,240,.45),0 0 40px -16px rgba(10,166,194,.4)}
.card .cb{background:linear-gradient(180deg,#fff,rgba(240,244,255,.9))}
.card h3{color:#121a33}
.arr{border-color:var(--line);background:#fff}
.card .ci::after{opacity:.35}
.qr{background:linear-gradient(120deg,rgba(10,166,194,.12),rgba(123,69,240,.12) 50%,rgba(224,53,159,.1));color:#1f2945}
.stat span{color:var(--mut)}
.step p{color:#36405c}
th{background:linear-gradient(90deg,rgba(10,166,194,.1),rgba(123,69,240,.1),rgba(224,53,159,.07));color:#2b3456;border-bottom-color:var(--line)}
td{border-bottom-color:var(--line);color:#1f2945}
tbody tr:hover{background:rgba(61,107,255,.05)}
.sub{color:var(--mut)}
.client span{color:#1f2945}
.client .logo{background:#fff;box-shadow:inset 0 0 0 1px rgba(60,80,160,.08)}
.client .logo.dark{background:#16213f}
.mono{color:#fff}
.cc small{color:var(--mut)}
.cc a,.cc p{color:#121a33}
.cc a:hover{color:var(--acc2)}
label{color:var(--mut)}
input,textarea{background:#fff;border-color:rgba(60,80,160,.2);color:#121a33}
input:focus,textarea:focus{border-color:var(--acc2);box-shadow:0 0 0 4px rgba(61,107,255,.15)}
.cap-code{background:repeating-linear-gradient(45deg,rgba(10,166,194,.14) 0 6px,rgba(123,69,240,.1) 6px 12px);color:#2a2f8f}
.linkbtn{color:var(--acc2)}
.ok{background:rgba(61,107,255,.1);color:#2a3fb0}
.side-img{border-color:var(--line);box-shadow:0 20px 50px -25px rgba(40,60,140,.45)}
.side-img::before{border-color:#11b874}.side-img::after{border-color:#e0359f}
.ftr{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(225,215,255,.55));border-top-color:var(--line)}
.ftr p{color:var(--mut)}
.ftr-links{color:#33405f}
.copy{border-top-color:var(--line)}
#totop{background:rgba(255,255,255,.9);color:var(--acc2);border-color:rgba(61,107,255,.35);box-shadow:0 10px 25px -10px rgba(40,60,140,.4)}
#totop:hover{background:var(--acc2);color:#fff}
.small{color:var(--mut)}
@media (max-width:1100px){.hdr{background:rgba(255,255,255,.97)}.nav{background:#fff}.dd-menu a{color:var(--mut)}}
/* light hero */
.hero::after{background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.55) 40%,rgba(255,255,255,0) 75%),linear-gradient(180deg,rgba(255,255,255,0) 60%,#f4f6fc 100%)}
.hero::before{display:none}
.hero h1{color:#121a33}
.hero h1 span{background:var(--grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
.hero .eyebrow{color:#0e9a62}
.hero-scan{background:linear-gradient(180deg,transparent,rgba(61,107,255,.08),transparent)}
@media (max-width:860px){.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.75) 60%,#f4f6fc 100%)}}
@media (max-width:860px){.side-img{position:relative!important;top:auto}}
.hero-c::after{display:none}
.hero h1 span{animation:none;background:linear-gradient(90deg,#3d6bff,#7b45f0 60%,#c13bb0);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.04em}
/* ===== company logo ===== */
.brand{flex-direction:row;align-items:center;gap:14px}
.brand-logo{display:block;height:50px;width:auto;padding:5px 12px;border-radius:14px;
 background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(10,166,194,.55),rgba(61,107,255,.45),rgba(123,69,240,.45)) border-box;
 border:1px solid transparent;box-shadow:0 6px 20px -8px rgba(61,107,255,.45),0 0 0 4px rgba(10,166,194,.06);
 transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.brand:hover .brand-logo{transform:translateY(-1px) scale(1.03);box-shadow:0 10px 28px -8px rgba(61,107,255,.6),0 0 0 5px rgba(10,166,194,.1)}
.brand-tag{line-height:1.35;padding-left:14px;border-left:1px solid rgba(61,107,255,.25)}
.brand-logo.sm{height:58px;margin-bottom:10px}
@media (max-width:1240px){.brand-tag{display:none}}
@media (max-width:860px){.brand-logo{height:40px;padding:4px 9px;border-radius:11px}}
/* ===== SINCE 1994 stamp ===== */
.stamp{position:absolute;z-index:3;right:clamp(20px,7vw,120px);bottom:clamp(40px,9vh,90px);width:clamp(140px,15vw,220px);pointer-events:none}
.stamp::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(255,255,255,0));z-index:-1}
.stamp img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(61,107,255,.25)) saturate(1.15);
 animation:stampIn .9s cubic-bezier(.3,1.6,.5,1) .6s both, stampFloat 6s ease-in-out 1.6s infinite}
@keyframes stampIn{0%{opacity:0;transform:scale(2.4) rotate(-18deg)}60%{opacity:1;transform:scale(.92) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes stampFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.5deg)}}
@media (max-width:860px){.stamp{right:18px;top:24px;bottom:auto;width:118px}}
@media (prefers-reduced-motion:reduce){.stamp img{animation:none}}
@media (min-width:861px){.brand-logo{height:60px;padding:6px 14px}}
/* price list: ГСО 7117-94 sub rows aligned with other prices */
table tr.grp td{border-bottom:0}
table tr.subrow td{padding-top:6px;padding-bottom:6px;border-bottom:0}
table tr.subrow td:nth-child(3){padding-left:34px;color:var(--mut);font-size:14px;position:relative}
table tr.subrow td:nth-child(3)::before{content:"";position:absolute;left:18px;top:50%;width:8px;height:1px;background:rgba(61,107,255,.4)}
table tr.subrow.last td{padding-bottom:16px;border-bottom:1px solid var(--line)}
table tr.subrow td:nth-child(3)::before{top:calc(6px + .72em)}
.tbl-w td:nth-child(2),.tbl-w td.price{white-space:nowrap}
@media (max-width:600px){
 .tbl-w table{font-size:13px}
 .tbl-w th,.tbl-w td{padding:10px 7px}
 .tbl-w th{font-size:11px}
 .tbl-w tr.subrow td{padding-top:5px;padding-bottom:5px}
 .tbl-w tr.subrow td:nth-child(3){padding-left:20px;font-size:13px}
 .tbl-w tr.subrow td:nth-child(3)::before{left:7px}
 .tbl-w tr.subrow.last td{padding-bottom:12px}
}
@media (max-width:600px){.tbl-w th,.tbl-w td{padding-left:5px;padding-right:5px}.tbl-w th:first-child,.tbl-w td:first-child{padding-left:8px}}
.tbl-w td:nth-child(2){white-space:normal}
.tbl-w:has(td.price) td:nth-child(2){white-space:nowrap}
@media (max-width:600px){.tbl-w:not(:has(td.price)) td,.tbl-w:not(:has(td.price)) th{font-size:12px;word-break:break-word;hyphens:auto}}