:root{--g:#0E9F6E;--g2:#057A55;--gl:#E8F8F1;--ink:#0F172A;--mut:#56607A;--line:#E5EAF0;--bg:#fff;--soft:#F6FAF8;--or:#FF7A1A;--r:16px;--sh:0 10px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}a{color:var(--g2);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(34px,5vw,56px);font-weight:800}h2{font-size:clamp(26px,3.2vw,38px);font-weight:800}h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.sec{padding:72px 0}.soft{background:var(--soft)}.mut{color:var(--mut)}.center{text-align:center}
.lead{font-size:19px;color:var(--mut);max-width:680px}.center .lead{margin-left:auto;margin-right:auto}
/* bar + header */
.bar{background:var(--ink);color:#fff;font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap}.bar div{display:inline-block;padding:9px 0;animation:mq 32s linear infinite}.bar span{margin:0 22px}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
header.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;height:68px}.logo{font-weight:800;font-size:21px;letter-spacing:-.03em;color:var(--ink);display:flex;align-items:center;gap:9px}.logo:hover{text-decoration:none}
.logo i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--g),#34D399);display:grid;place-items:center;box-shadow:0 6px 14px rgba(14,159,110,.35);transform:rotate(-8deg)}
.logo b{color:var(--g)}.nav nav{display:flex;gap:4px;margin-left:auto}.nav nav a{color:var(--ink);font-weight:600;font-size:15px;padding:9px 12px;border-radius:10px}.nav nav a:hover{background:var(--gl);text-decoration:none}
.cartbtn{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px}.cartbtn:hover{text-decoration:none;background:#1E293B}
.cartbtn em{font-style:normal;background:var(--or);border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:12px;padding:0 6px}
.burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;min-width:44px;min-height:44px}
/* buttons, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--g);color:#fff;font-weight:700;padding:14px 24px;border-radius:12px;border:0;cursor:pointer;font-size:16px;font-family:inherit;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 20px rgba(14,159,110,.28);min-height:48px}
.btn:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 12px 26px rgba(14,159,110,.36)}.btn.alt{background:#fff;color:var(--ink);border:2px solid var(--line);box-shadow:none}.btn.dark{background:var(--ink);box-shadow:none}.btn.sm{padding:10px 16px;font-size:14px;min-height:44px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--gl);color:var(--g2);font-weight:700;font-size:12px;padding:5px 10px;border-radius:999px}.chip.or{background:#FFF1E6;color:#B4500B}.chip.gr{background:#EEF2F7;color:#334155}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,#D1FAE5 0,transparent 60%),linear-gradient(180deg,#F6FAF8,#fff)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero h1 span{color:var(--g)}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}.ticks{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.ticks li{display:flex;gap:10px}.ticks li:before{content:"✓";color:var(--g);font-weight:800}
.stage{position:relative;height:460px;perspective:1100px}#mol{position:absolute;inset:0;width:100%;height:100%}
.vial3d{position:absolute;left:50%;top:50%;width:190px;height:340px;margin:-170px 0 0 -95px;transform-style:preserve-3d;animation:float 6s ease-in-out infinite;transition:transform .2s}
@keyframes float{0%,100%{translate:0 -8px}50%{translate:0 10px}}
.vial3d .cap{position:absolute;left:55px;top:0;width:80px;height:38px;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#065F46,#10B981 45%,#6EE7B7 55%,#047857)}
.vial3d .neck{position:absolute;left:48px;top:36px;width:94px;height:18px;border-radius:5px;background:linear-gradient(90deg,#CBD5E1,#fff 50%,#94A3B8)}
.vial3d .glass{position:absolute;left:0;top:52px;width:190px;height:288px;border-radius:26px;background:linear-gradient(90deg,rgba(203,213,225,.75),rgba(255,255,255,.95) 38%,rgba(255,255,255,.7) 60%,rgba(148,163,184,.75));box-shadow:0 40px 60px rgba(15,23,42,.22),inset 0 0 0 2px rgba(255,255,255,.8);overflow:hidden}
.vial3d .liq{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(90deg,rgba(16,185,129,.35),rgba(167,243,208,.55) 45%,rgba(16,185,129,.4));animation:slosh 5s ease-in-out infinite}
@keyframes slosh{0%,100%{height:42%}50%{height:45%}}
.vial3d .lab{position:absolute;left:14px;right:14px;top:70px;background:#fff;border-radius:10px;padding:14px 10px;text-align:center;box-shadow:0 4px 14px rgba(15,23,42,.12);transform:translateZ(30px)}
.vial3d .lab b{display:block;font-size:22px;font-weight:800}.vial3d .lab small{display:block;color:var(--g2);font-weight:700;font-size:11px;letter-spacing:.06em}.vial3d .lab u{display:block;text-decoration:none;font-size:9px;color:var(--mut);margin-top:6px}
.badge3d{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--sh);font-weight:800;font-size:14px;animation:float 7s ease-in-out infinite}.badge3d small{display:block;font-weight:600;color:var(--mut);font-size:11px}
.b1{left:2%;top:14%}.b2{right:0;top:30%;animation-delay:-2s}.b3{left:6%;bottom:10%;animation-delay:-4s}
/* grids, cards */
.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:transform .25s,box-shadow .25s;transform-style:preserve-3d}.card:hover{box-shadow:var(--sh)}
.pc{display:flex;flex-direction:column;gap:10px;position:relative}.pc .im{background:linear-gradient(160deg,#F0FDF7,#F8FAFC);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.pc .im img{width:78%;height:78%;object-fit:contain;transition:transform .4s}.pc:hover .im img{transform:scale(1.07) rotate(-3deg)}
.pc h3{margin:0;font-size:18px}.pc h3 a{color:var(--ink)}.pc .pr{font-size:22px;font-weight:800}.pc .pr small{font-size:13px;color:var(--mut);font-weight:600}.pc .row{display:flex;gap:8px;flex-wrap:wrap}.pc .tag{position:absolute;top:14px;left:14px;z-index:2}
.stars{color:#F59E0B;letter-spacing:1px;font-size:15px}.stars small{color:var(--mut);font-weight:600;letter-spacing:0;margin-left:6px}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trust div{display:flex;gap:12px;align-items:center;font-weight:700;font-size:14px}.trust b{font-size:26px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;text-align:center}.stats b{display:block;font-size:44px;font-weight:800;color:var(--g);letter-spacing:-.03em}.stats span{color:var(--mut);font-weight:600;font-size:14px}
.rank{display:grid;grid-template-columns:56px 150px 1fr auto;gap:20px;align-items:center}.rank .no{font-size:34px;font-weight:800;color:var(--g)}.rank .im{background:var(--soft);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center}.rank .im img{width:80%}
.spec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.spec div{background:var(--soft);border-radius:10px;padding:8px 10px;font-size:13px}.spec small{display:block;color:var(--mut);font-size:11px;font-weight:600}
/* tables */
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#334155}tr:last-child td{border-bottom:0}td.win{background:#F0FDF7;font-weight:700}
/* body morph */
.morph{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.figure3d{perspective:900px;height:420px;display:grid;place-items:center;background:radial-gradient(closest-side,#D1FAE5,transparent);border-radius:24px}
.figure3d svg{height:380px;animation:spin 9s ease-in-out infinite;transform-style:preserve-3d}@keyframes spin{0%,100%{transform:rotateY(-22deg)}50%{transform:rotateY(22deg)}}
.big{font-size:72px;font-weight:800;color:var(--g);letter-spacing:-.04em;line-height:1}input[type=range]{width:100%;accent-color:var(--g);height:44px}
.chart{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}.chart path.ln{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200}.in .chart path.ln,.chart.in path.ln{animation:draw 2.2s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}
.bars{display:grid;gap:12px}.bars div{display:grid;grid-template-columns:170px 1fr 60px;gap:12px;align-items:center;font-weight:700;font-size:14px}.bars i{display:block;height:18px;border-radius:9px;background:linear-gradient(90deg,var(--g),#6EE7B7);width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.in .bars i{width:var(--w)}.bars i.gy{background:#CBD5E1}
/* article */
.crumbs{font-size:13px;color:var(--mut);padding:18px 0 0}.crumbs a{color:var(--mut)}.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.art article h2{margin-top:1.6em;font-size:28px}.art article h3{margin-top:1.3em}.art article ul{padding-left:20px}.art article li{margin:.35em 0}
.toc{position:sticky;top:92px;background:var(--soft);border-radius:var(--r);padding:20px;font-size:14px}.toc b{display:block;margin-bottom:8px}.toc a{display:block;padding:5px 0;color:var(--ink)}
.rev{display:flex;gap:12px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:18px 0;font-size:14px}.av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--g),#34D399);color:#fff;font-weight:800;display:grid;place-items:center;flex:none}.av.lg{width:96px;height:96px;font-size:32px}
.note{background:#FFF7ED;border:1px solid #FED7AA;border-radius:14px;padding:14px 18px;font-size:14px;color:#7C2D12;margin:18px 0}.ok{background:#F0FDF7;border:1px solid #A7F3D0;color:#064E3B}
details{border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:#fff;margin-bottom:10px}summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}summary:after{content:"+";font-size:22px;color:var(--g);line-height:1}details[open] summary:after{content:"–"}details p{margin:10px 0 0;color:var(--mut)}
/* product page */
.pp{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.gal{background:linear-gradient(160deg,#F0FDF7,#F8FAFC);border-radius:24px;aspect-ratio:1/1;display:grid;place-items:center;perspective:900px;position:sticky;top:92px}.gal img{width:70%;transition:transform .15s}
.vars{display:flex;gap:8px;flex-wrap:wrap}.vars button{border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer;font-family:inherit;min-height:48px;font-size:15px}.vars button.on{border-color:var(--g);background:var(--gl)}
.price{font-size:38px;font-weight:800;letter-spacing:-.03em}.lock{display:flex;gap:10px;align-items:center;background:#FFF7ED;border:1px dashed #FDBA74;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}
.score{display:grid;gap:10px}.score div{display:grid;grid-template-columns:150px 1fr 40px;gap:10px;align-items:center;font-size:14px;font-weight:600}.score i{height:10px;border-radius:5px;background:var(--line);position:relative;overflow:hidden}.score i:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--g);border-radius:5px}
/* cart + forms */
.cartrow{display:grid;grid-template-columns:70px 1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cartrow img{width:70px;height:70px;object-fit:contain;background:var(--soft);border-radius:10px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px}.qty button{border:0;background:none;width:40px;height:44px;font-size:18px;cursor:pointer}.qty span{min-width:26px;text-align:center;font-weight:700}
.sum{background:var(--soft);border-radius:var(--r);padding:22px}.sum div{display:flex;justify-content:space-between;padding:6px 0}.sum .tot{font-size:22px;font-weight:800;border-top:1px solid var(--line);margin-top:8px;padding-top:14px}
form.reg{display:grid;gap:14px;max-width:460px}label{font-weight:700;font-size:14px;display:grid;gap:6px}input[type=text],input[type=email],textarea,select{font:inherit;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;width:100%}input:focus,textarea:focus{outline:2px solid var(--g);border-color:var(--g)}label.ck{display:flex;gap:10px;font-weight:500;align-items:flex-start}label.ck input{margin-top:4px;width:18px;height:18px}
.vids{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.vids video{border-radius:16px;aspect-ratio:9/16;object-fit:cover;background:#000;width:100%}
/* footer */
footer{background:var(--ink);color:#CBD5E1;padding:56px 0 28px;font-size:14px}footer a{color:#CBD5E1}footer h4{color:#fff;margin:0 0 12px;font-size:15px}footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}footer .legal{border-top:1px solid #1E293B;margin-top:34px;padding-top:20px;font-size:12px;color:#94A3B8}
.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:14px 18px;border-radius:14px;font-weight:700;box-shadow:var(--sh);transform:translateY(120%);transition:transform .3s;z-index:99}.toast.on{transform:none}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.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:920px){.hero .wrap,.morph,.pp,.art{grid-template-columns:1fr}.g3,.g4,.trust,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vids{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{height:400px}.rank{grid-template-columns:40px 90px 1fr}.rank .go{grid-column:1/-1}.toc,.gal{position:static}footer .cols{grid-template-columns:1fr 1fr}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.burger{display:block;margin-left:auto}.sec{padding:52px 0}.spec{grid-template-columns:repeat(2,minmax(0,1fr))}.bars div{grid-template-columns:110px 1fr 50px}}
@media(max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}.cartrow{grid-template-columns:56px 1fr auto}.cartrow .lt{grid-column:2/-1}}

/* v2: real product photo hero */
.vial3d.real{width:340px;height:420px;margin:-210px 0 0 -170px}
.vial3d.real .cap,.vial3d.real .neck,.vial3d.real .glass,.vial3d.real .lab{display:none}
.vial3d.real .realvial{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 34px rgba(15,23,42,.28)) drop-shadow(0 0 40px rgba(16,185,129,.25));transform:translateZ(40px)}
.vial3d.real .shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);background-size:260% 100%;animation:sweep 4.5s ease-in-out infinite;mix-blend-mode:soft-light;pointer-events:none;-webkit-mask:radial-gradient(closest-side,#000 70%,transparent);mask:radial-gradient(closest-side,#000 70%,transparent)}
@keyframes sweep{0%,55%{background-position:120% 0}100%{background-position:-60% 0}}
.vial3d.nofoto{width:190px;height:340px;margin:-170px 0 0 -95px}.vial3d.nofoto .realvial,.vial3d.nofoto .shine{display:none}.vial3d.nofoto .cap,.vial3d.nofoto .neck,.vial3d.nofoto .glass,.vial3d.nofoto .lab{display:block}
.pedestal{position:absolute;left:50%;bottom:18px;width:330px;height:70px;margin-left:-165px;border-radius:50%;background:radial-gradient(closest-side,rgba(16,185,129,.35),rgba(16,185,129,.08) 60%,transparent);box-shadow:0 0 0 1px rgba(16,185,129,.25) inset}
.pedestal:after{content:"";position:absolute;inset:8px 26px;border-radius:50%;border:2px dashed rgba(14,159,110,.45);animation:rot 14s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}
/* v2: curve explorer */
.kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:22px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 6px 18px rgba(15,23,42,.05)}.kpi b{font-size:26px;font-weight:800;letter-spacing:-.02em}.kpi small{color:var(--mut);font-weight:600;font-size:13px}.kpi.main{background:linear-gradient(135deg,#ECFDF5,#fff);border-color:#A7F3D0}.kpi .big{font-size:52px}
label.rl{display:flex;justify-content:space-between}.rl span{color:var(--mut);font-weight:600}
input[type=range]#wk{-webkit-appearance:none;appearance:none;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--g) var(--p,50%),#E2E8F0 var(--p,50%));outline-offset:6px;margin:10px 0 4px}
input[type=range]#wk::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:4px solid var(--g);box-shadow:0 6px 14px rgba(14,159,110,.4);cursor:grab}
input[type=range]#wk::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--g);box-shadow:0 6px 14px rgba(14,159,110,.4);cursor:grab}
.marks{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);font-weight:700;padding:0 6px}
.viz{perspective:1100px;display:grid;place-items:center;min-height:500px}.vizin{position:relative;width:min(460px,84vw);aspect-ratio:1/1;transform-style:preserve-3d;transition:transform .2s;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#ECFDF5 62%,transparent 63%)}
.viz .ring{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(-20px);filter:drop-shadow(0 20px 30px rgba(14,159,110,.18))}#arc{transition:stroke-dashoffset .25s}
.viz .body{position:absolute;left:21%;top:13%;width:58%;height:76%;transform:translateZ(46px);filter:drop-shadow(0 24px 22px rgba(6,95,70,.28))}
.fl{position:absolute;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;box-shadow:var(--sh);transform:translateZ(80px);white-space:nowrap}.fl b{color:var(--g2)}.f1{left:-2%;top:16%}.f2{right:-4%;top:44%}.f3{left:2%;bottom:14%;color:var(--mut);font-weight:600}
/* v2: video deck */
.vids.deck{perspective:1400px}.vids.deck video{box-shadow:0 18px 40px rgba(15,23,42,.18);transition:transform .35s,box-shadow .35s;border:4px solid #fff}
.vids.deck video:nth-child(1){transform:rotateY(14deg) translateZ(-30px)}.vids.deck video:nth-child(2){transform:rotateY(7deg) translateZ(-10px)}.vids.deck video:nth-child(4){transform:rotateY(-7deg) translateZ(-10px)}.vids.deck video:nth-child(5){transform:rotateY(-14deg) translateZ(-30px)}
.vids.deck video:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 26px 50px rgba(14,159,110,.3);z-index:2}
@media(max-width:920px){.kpis{grid-template-columns:1fr 1fr}.kpi.main{grid-column:1/-1}.vids.deck video{transform:none!important}.viz{min-height:0;padding:20px 0}.fl{font-size:12px}.f1{left:0}.f2{right:0}.vial3d.real{width:280px;height:350px;margin:-175px 0 0 -140px}}

/* v3 */
.sprog{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--g),#34D399,var(--or));z-index:100}
.burst{position:fixed;font-size:22px;pointer-events:none;z-index:120;animation:burst .85s ease-out forwards}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) scale(1.5) rotate(25deg);opacity:0}}
.orbit{position:relative;width:min(420px,84vw);aspect-ratio:1/1;margin:0 auto;border-radius:50%;border:2px dashed #A7F3D0;background:radial-gradient(closest-side,#ECFDF5,transparent 75%)}
.orbit .core{position:absolute;inset:32%;border-radius:50%;background:linear-gradient(135deg,var(--g),#34D399);color:#fff;font-weight:800;font-size:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(14,159,110,.4);animation:pulse 3s ease-in-out infinite}.orbit .core small{font-size:11px;font-weight:600;opacity:.9}
@keyframes pulse{50%{transform:scale(1.06)}}
.orb{position:absolute;inset:0;animation:rot 18s linear infinite}.o2{animation-delay:-6s}.o3{animation-delay:-12s}
.orb span{position:absolute;left:50%;top:-34px;margin-left:-52px;width:104px;background:#fff;border-radius:16px;padding:10px 6px;text-align:center;box-shadow:var(--sh);font-size:24px;display:flex;flex-direction:column;animation:rot 18s linear infinite reverse;transition:opacity .4s,filter .4s}
.o2 span{animation-delay:-6s}.o3 span{animation-delay:-12s}.orb span b{font-size:14px}.orb span small{font-size:11px;color:var(--mut);font-weight:600}.orb.off span{opacity:.3;filter:grayscale(1)}
.quiz{margin-top:26px;padding:28px}.qbar{height:8px;border-radius:4px;background:var(--line);overflow:hidden;margin-bottom:22px}.qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),#34D399);transition:width .4s}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opts button{border:2px solid var(--line);background:#fff;border-radius:14px;padding:18px 12px;font:inherit;font-weight:700;cursor:pointer;min-height:64px;transition:transform .15s,border-color .15s,background .15s}.opts button:hover{transform:translateY(-3px);border-color:var(--g);background:var(--gl)}
.q:not([hidden]){animation:qin .35s ease}@keyframes qin{from{opacity:0;transform:translateX(24px)}}
.qr{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.qr img{background:var(--soft);border-radius:14px;padding:10px;aspect-ratio:1/1;object-fit:contain}
.prow{display:grid;grid-template-columns:230px 1fr 130px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.prow:last-child{border:0}.prow small{display:block;color:var(--mut);font-size:12px;font-weight:600}.pbar{height:22px;border-radius:11px;background:var(--line);overflow:hidden}.pbar i{display:block;height:100%;width:0;border-radius:11px;background:linear-gradient(90deg,var(--g),#6EE7B7);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.pbar i.gy{background:#94A3B8}.pout b{font-size:22px;display:block}
.fmt .fe{font-size:52px;animation:float 5s ease-in-out infinite}.fmt .card:nth-child(2) .fe{animation-delay:-1.6s}.fmt .card:nth-child(3) .fe{animation-delay:-3.2s}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.steps div{background:var(--soft);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px}.steps b{width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;flex:none}
@media(max-width:920px){.opts,.steps{grid-template-columns:1fr}.prow{grid-template-columns:1fr}.qr{grid-template-columns:100px 1fr}.nav nav a{padding:12px}}

/* v4: product photo blended into the scene (no white box) */
.stage{perspective:none}
.vial3d.real:not(.nofoto){mix-blend-mode:multiply;transform:perspective(1100px)}
.vial3d.real .realvial{filter:contrast(1.08) brightness(1.05) saturate(1.05);transform:none;-webkit-mask-image:radial-gradient(ellipse 46% 56% at 50% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 46% 56% at 50% 50%,#000 68%,transparent 100%)}
.vial3d.real .shine{display:none}
.vial3d.real{width:400px;height:480px;margin:-250px 0 0 -200px}
.stage:before{content:"";position:absolute;left:50%;top:50%;width:360px;height:360px;margin:-190px 0 0 -180px;border-radius:50%;background:radial-gradient(closest-side,rgba(52,211,153,.30),rgba(52,211,153,.10) 55%,transparent);animation:pulse 5s ease-in-out infinite}
.pedestal{bottom:26px;background:radial-gradient(closest-side,rgba(15,23,42,.22),rgba(16,185,129,.10) 60%,transparent)}
@media(max-width:920px){.vial3d.real{width:320px;height:390px;margin:-205px 0 0 -160px}}
.pedestal:after{animation:none}
.pc .im img,.gal img,.rank .im img,.qr img,.cartrow img{mix-blend-mode:multiply}

/* v5: typography */
:root{--disp:"Sora","Plus Jakarta Sans",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{font-family:var(--body);font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}
h1,h2,h3,.logo,.btn,.big,.price,.stats b,.kpi b,.rank .no,.pc .pr,.badge3d,.cartbtn,.nav nav a,.chip,th,.orbit .core,.opts button,.vars button,summary,.sum .tot{font-family:var(--disp)}
button,input,select,textarea{font-family:inherit}svg text{font-family:var(--disp)}
h1{font-weight:800;letter-spacing:-.035em}h2{font-weight:700;letter-spacing:-.03em}h3{font-weight:700;letter-spacing:-.015em}
.lead{font-size:18px;line-height:1.65}p,li,td{font-size:16px}.art article p,.art article li{font-size:17px;line-height:1.75}
.nav nav a{font-weight:600;font-size:14.5px}.btn{font-weight:700;letter-spacing:-.01em}.chip{letter-spacing:.01em}
.price,.pc .pr,.kpi b,.big,td,.sum b{font-variant-numeric:tabular-nums}
th{font-weight:700}.meta{font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--g2)}
/* v5: blog covers */
.cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;container-type:inline-size;border-radius:14px;padding:6cqw 6cqw;color:#12204A;background:#E6F7F0;text-decoration:none;font-family:var(--disp)}
a:hover .cover,.cover:hover{text-decoration:none}.cover>span{display:block;position:relative;z-index:2;max-width:56%}
.clogo{font-weight:800;font-size:3.1cqw;letter-spacing:-.02em;display:flex!important;align-items:center;gap:1.2cqw}.clogo i{width:4.4cqw;height:4.4cqw;border-radius:1.2cqw;background:linear-gradient(135deg,#0E9F6E,#34D399);display:inline-block}.clogo b{color:#0E9F6E}
.ceye{font-size:2.4cqw;font-weight:800;letter-spacing:.08em;margin-top:2.6cqw;color:#0E9F6E}
.ctitle{font-size:7.4cqw;font-weight:800;line-height:1;letter-spacing:-.03em;text-transform:uppercase;margin-top:1.2cqw}
.csub{font-size:3.1cqw;font-weight:600;margin-top:1.6cqw;opacity:.85}
.cover>.cpill{position:absolute;left:6cqw;bottom:5.5cqw;max-width:none;background:#fff;color:#12204A;border-radius:99px;padding:1.3cqw 2.6cqw;font-size:2.1cqw;font-weight:800;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.cover>.ccirc{position:absolute;z-index:1;right:-9%;top:50%;width:56%;max-width:none;aspect-ratio:1/1;transform:translateY(-50%);border-radius:50%;background:#34D399;transition:transform .5s}
.ccirc:before{content:"";position:absolute;inset:8%;border-radius:50%;background:#fff}.ccirc img{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;transform:rotate(22deg);mix-blend-mode:multiply;transition:transform .5s}
.bc:hover .ccirc img,.feat:hover .ccirc img{transform:rotate(8deg) scale(1.08)}
.cv-mint{background:#E6F7F0}.cv-mint .ccirc{background:#34D399}
.cv-navy{background:#111C44;color:#fff}.cv-navy .ccirc{background:#F0667A}.cv-navy .ceye{color:#6EE7B7}.cv-navy .clogo{color:#fff}.cv-navy>.cpill{background:#6EE7B7}
.cv-rose{background:#FBE9EE}.cv-rose .ccirc{background:#F07A95}.cv-rose .ceye{color:#D9466B}
.cv-peach{background:#FDEEDF}.cv-peach .ccirc{background:#F59E4B}.cv-peach .ceye{color:#C2610C}
.cv-sky{background:#E3F2FB}.cv-sky .ccirc{background:#5AB8E6}.cv-sky .ceye{color:#1D7FB5}
.cv-lilac{background:#EEEAFB}.cv-lilac .ccirc{background:#7C6FE0}.cv-lilac .ceye{color:#5B4BD1}
.bc{padding:0;overflow:hidden}.bc .cover{border-radius:0}.bcb{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}.bcb h3{margin:0;font-size:19px;line-height:1.3}.bcb h3 a{color:var(--ink)}.shopl{border-top:1px solid var(--line);padding-top:12px;font-weight:700;font-family:var(--disp);font-size:14px;color:#1E3A8A}
.feat{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin-bottom:26px}.feat .cover{border-radius:0;height:100%;aspect-ratio:auto;min-height:320px}.featb{padding:36px;display:flex;flex-direction:column;gap:12px;justify-content:center}.featb h2{font-size:clamp(24px,2.6vw,34px);text-transform:uppercase;margin:0;line-height:1.1}.featb h2 a{color:#1E3A8A}
.strip{display:flex;align-items:center;gap:14px;background:var(--soft);border-radius:14px;padding:12px 14px;margin-top:8px}.strip img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:10px;mix-blend-mode:multiply}.strip div{flex:1}.strip small{display:block;color:var(--mut)}.strip b{font-family:var(--disp)}
.art article>.cover{margin:6px 0 4px}
@media(max-width:920px){.feat{grid-template-columns:1fr}.feat .cover{min-height:0;aspect-ratio:16/9}.featb{padding:24px}}
.ctitle{font-size:8.6cqw}.ceye{font-size:2.9cqw}.csub{font-size:3.5cqw}.clogo{font-size:3.5cqw}.cover>.cpill{font-size:2.5cqw}

/* v6: richer palette */
:root{--ind:#4F46E5;--vio:#7C3AED;--sky:#0EA5E9;--pink:#EC4899;--gold:#F59E0B;--navy:#0B1437;--grad:linear-gradient(120deg,#0E9F6E 0%,#0EA5E9 50%,#6366F1 100%)}
.hero{background:radial-gradient(900px 480px at 88% -8%,#C7F9E5 0,transparent 60%),radial-gradient(700px 420px at 4% 108%,#E0E7FF 0,transparent 60%),radial-gradient(520px 320px at 62% 112%,#FCE7F3 0,transparent 62%),linear-gradient(180deg,#F7FBFF,#fff)}
.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{background:linear-gradient(120deg,#0E9F6E,#0BB5A0);box-shadow:0 10px 24px rgba(14,159,110,.32)}.btn.alt{background:#fff}.btn.dark{background:linear-gradient(120deg,#0B1437,#27307A)}
.bar{background:linear-gradient(90deg,#0B1437,#1E1B4B 50%,#0B1437)}
header.top{border-bottom:0;box-shadow:0 1px 0 var(--line),0 8px 24px rgba(11,20,55,.04)}header.top:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--grad);opacity:.7}
.logo i{background:var(--grad)}.logo b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cartbtn{background:linear-gradient(120deg,#0B1437,#27307A)}
.trust div b{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;flex:none}
.trust div:nth-child(1) b{background:#DCFCE7}.trust div:nth-child(2) b{background:#DBEAFE}.trust div:nth-child(3) b{background:#FEF3C7}.trust div:nth-child(4) b{background:#EDE9FE}
/* premium dark band for stats */
.sec.soft:has(.stats){background:radial-gradient(700px 300px at 12% 0,rgba(16,185,129,.28),transparent 60%),radial-gradient(700px 300px at 88% 100%,rgba(99,102,241,.35),transparent 60%),var(--navy);color:#fff}
.sec.soft:has(.stats) .stats b{background:linear-gradient(120deg,#6EE7B7,#7DD3FC);-webkit-background-clip:text;background-clip:text;color:transparent}.sec.soft:has(.stats) .stats span{color:#C7D2FE}
.sec.soft:has(.stats) .stats>div{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 14px;background:rgba(255,255,255,.04);backdrop-filter:blur(4px)}
/* tinted tiles */
.grid.g4>.card,.grid.g3>a.card{border:0;position:relative;overflow:hidden}
.grid.g4>.card:nth-child(4n+1),.grid.g3>a.card:nth-child(6n+1){background:linear-gradient(160deg,#ECFDF5,#fff 70%);box-shadow:inset 0 0 0 1px #BBF7D0}
.grid.g4>.card:nth-child(4n+2),.grid.g3>a.card:nth-child(6n+2){background:linear-gradient(160deg,#EFF6FF,#fff 70%);box-shadow:inset 0 0 0 1px #BFDBFE}
.grid.g4>.card:nth-child(4n+3),.grid.g3>a.card:nth-child(6n+3){background:linear-gradient(160deg,#FFF7ED,#fff 70%);box-shadow:inset 0 0 0 1px #FED7AA}
.grid.g4>.card:nth-child(4n+4),.grid.g3>a.card:nth-child(6n+4){background:linear-gradient(160deg,#F5F3FF,#fff 70%);box-shadow:inset 0 0 0 1px #DDD6FE}
.grid.g3>a.card:nth-child(6n+5){background:linear-gradient(160deg,#FDF2F8,#fff 70%);box-shadow:inset 0 0 0 1px #FBCFE8}
.grid.g3>a.card:nth-child(6n+6){background:linear-gradient(160deg,#F0F9FF,#fff 70%);box-shadow:inset 0 0 0 1px #BAE6FD}
.grid.g4>.card:hover,.grid.g3>a.card:hover{box-shadow:0 18px 40px rgba(11,20,55,.12);text-decoration:none}
.pc{border:1px solid #E6EAF2;box-shadow:0 2px 0 #EEF2F7}.pc:hover{box-shadow:0 24px 50px rgba(11,20,55,.14);border-color:#C7D2FE}
.pc .im{background:linear-gradient(160deg,#EEF7FF,#F3F0FF)}.pc[data-c=triple] .im{background:linear-gradient(160deg,#E9FBF3,#EAF4FF)}
.chip{background:#E7F9F1}.chip.or{background:linear-gradient(120deg,#FFEDD5,#FCE7F3);color:#9A3412}
.soft{background:linear-gradient(180deg,#F5FAFF,#F7F5FF)}
td.win{background:linear-gradient(90deg,#ECFDF5,#F0F9FF)}th{background:#F3F6FC}
.kpi.main{background:linear-gradient(135deg,#ECFDF5,#EFF6FF)}.kpi .big,.big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.orbit .core{background:var(--grad)}.qbar i,.sprog{background:var(--grad)}.steps b{background:var(--grad)}
footer{background:radial-gradient(800px 300px at 90% 0,rgba(99,102,241,.25),transparent 60%),radial-gradient(700px 300px at 0 100%,rgba(16,185,129,.18),transparent 60%),#0B1437;border-top:3px solid transparent;border-image:var(--grad) 1}
.av{background:var(--grad)}.rev{background:linear-gradient(120deg,#F0FDF7,#F0F7FF)}
.feat,.bc{box-shadow:0 10px 30px rgba(11,20,55,.06)}
/* v6: editorial verdict carousel */
.verd.vdark{background:radial-gradient(700px 320px at 85% 0,rgba(99,102,241,.4),transparent 60%),radial-gradient(700px 320px at 10% 100%,rgba(16,185,129,.3),transparent 60%),var(--navy);color:#fff}
.verd h2{margin-bottom:10px}.vavg{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.vavg b{font-family:var(--disp);font-size:44px;font-weight:800;letter-spacing:-.03em}.vavg .stars{font-size:22px}.vavg span:last-child{opacity:.75;font-weight:600}
.vwrap{position:relative;margin-top:34px}.vrow{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 18px}.vrow::-webkit-scrollbar{display:none}
.vc{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#fff;color:var(--ink);border-radius:20px;padding:26px 24px 18px;display:flex;flex-direction:column;gap:10px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.18);border:1px solid var(--line)}
.vs{display:flex;gap:10px;align-items:center;justify-content:center}.vs b{font-family:var(--disp);font-size:22px}.vs .stars{font-size:19px}
.vt{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ind)}.vc p{margin:0;font-size:16px;line-height:1.55;flex:1}
.vby{display:flex;flex-direction:column;gap:4px;align-items:center}.vby b{font-family:var(--disp)}.vby span{display:inline-flex;gap:6px;align-items:center;color:var(--g2);font-weight:600;font-size:14px}
.vp{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:6px;color:var(--ink);font-family:var(--disp);font-weight:700;text-align:left}.vp img{width:46px;height:46px;object-fit:contain;mix-blend-mode:multiply}
.varr{position:absolute;top:50%;transform:translateY(-60%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:var(--sh);color:var(--ink)}.varr[data-dir="-1"]{left:-14px}.varr[data-dir="1"]{right:-14px}.varr:hover{background:var(--gl)}
.vnote{text-align:center;font-size:13px;opacity:.8;margin:6px 0 0}.vdark .vnote a{color:#A7F3D0}
.verd:not(.vdark){background:linear-gradient(180deg,#FFFBEB,#FEF3C7)}
@media(max-width:920px){.vc{flex-basis:84%}.varr{display:none}}

/* v7: article sidebar with product card */
.art{grid-template-columns:minmax(0,1fr) 320px}.side{position:sticky;top:92px;display:grid;gap:16px;align-self:start}.side .toc{position:static}
.scard{padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 34px rgba(11,20,55,.10)}.scard .im{display:grid;place-items:center;aspect-ratio:1/1;border-radius:14px;background:linear-gradient(160deg,#E9FBF3,#EAF4FF)}.scard .im img{width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(14deg);transition:transform .4s}.scard:hover .im img{transform:rotate(4deg) scale(1.06)}
.sn{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--ink)}.scard .vars button{padding:8px 12px;min-height:44px;font-size:13px}.srow{display:flex;justify-content:space-between;align-items:center;gap:10px}.scard .price{font-size:26px;display:block}.scard .permg{color:var(--g2);font-weight:600}
.sgreen{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#0E9F6E,#0BB5A0);color:#fff;border-radius:16px;padding:20px}.sgreen:hover{text-decoration:none;filter:brightness(1.05)}.sgreen b{font-family:var(--disp);font-size:18px;text-transform:uppercase;letter-spacing:.02em}.sgreen span{opacity:.95;font-size:15px}.sgreen u{font-weight:700}
.art article>.meta{display:block;margin-bottom:10px}
/* v7: registration promo */
.regbtn{font-family:var(--disp);font-weight:700;font-size:13.5px;padding:10px 14px;border-radius:999px;background:linear-gradient(120deg,#FFEDD5,#FCE7F3);color:#9A3412;white-space:nowrap}.regbtn.in{background:#E7F9F1;color:var(--g2)}.regbtn:hover{text-decoration:none;filter:brightness(.97)}
.regband{background:linear-gradient(120deg,#0E9F6E,#0EA5E9 55%,#6366F1);color:#fff;padding:26px 0}.regband .wrap{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.regband b{display:block;font-family:var(--disp);font-size:22px}.regband span{opacity:.95}.regband .btn{background:#fff;color:#0B1437;box-shadow:none}
/* v7: responsive - desktop / tablet / phone */
.nav{gap:14px}.nav nav{gap:0}
@media(max-width:1180px){.nav nav a{padding:9px 8px;font-size:13.5px}.regbtn{font-size:12.5px;padding:9px 11px}.logo{font-size:19px}}
@media(max-width:1060px){
 .nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(11,20,55,.08)}.nav nav.open{display:flex}.nav nav a{padding:13px 8px;font-size:16px}.burger{display:block;margin-left:auto;order:3}.cartbtn{order:2}.regbtn{margin-left:auto;order:1}.burger{margin-left:0}
 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.stats,.trust{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero .wrap{grid-template-columns:1fr 1fr;gap:20px}.vc{flex-basis:calc((100% - 20px)/2)}
 .art{grid-template-columns:minmax(0,1fr) 280px;gap:28px}
 .vids{grid-template-columns:repeat(3,minmax(0,1fr))}.vids.deck video{transform:none!important}
 footer .cols{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
 .hero .wrap,.morph,.pp,.art,.feat{grid-template-columns:1fr}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .side{position:static;grid-template-columns:1fr 1fr;align-items:start}.side .toc{grid-column:1/-1}.gal{position:static}
 .stage{height:420px}.vc{flex-basis:84%}.varr{display:none}.sec{padding:52px 0}
 .rank{grid-template-columns:40px 90px 1fr}.rank .go{grid-column:1/-1}.spec{grid-template-columns:repeat(2,minmax(0,1fr))}
 .opts{grid-template-columns:1fr}.prow{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.kpi.main{grid-column:1/-1}
 #cartview>.grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .wrap{padding:0 16px}h1{font-size:34px}h2{font-size:26px}.lead{font-size:16.5px}
 .g2,.g3,.g4,.side{grid-template-columns:1fr}.stats,.trust{grid-template-columns:1fr 1fr;gap:10px}.stats b{font-size:32px}.trust div{flex-direction:column;text-align:center;font-size:13px}
 .regbtn{display:none}.regbtn.in{display:none}.logo{font-size:17px}.logo i{width:30px;height:30px}.cartbtn{margin-left:auto;padding:9px 13px}
 .cta .btn{width:100%}.stage{height:360px}.vial3d.real{width:270px;height:330px;margin:-175px 0 0 -135px}.badge3d{font-size:12px;padding:8px 10px}.b2{right:-4px}.b1,.b3{left:-4px}
 .vids{grid-template-columns:repeat(2,minmax(0,1fr))}.cartrow{grid-template-columns:56px 1fr auto}.cartrow .lt{grid-column:2/-1}
 footer .cols{grid-template-columns:1fr}.regband .wrap{flex-direction:column;align-items:flex-start}.regband .btn{width:100%}
 .bars div{grid-template-columns:104px 1fr 54px;font-size:13px}.featb{padding:20px}.strip{flex-wrap:wrap}.qr{grid-template-columns:90px 1fr}
 .steps{grid-template-columns:1fr}.fl{font-size:11px;padding:6px 10px}.vizin{width:min(320px,80vw)}.kpi .big{font-size:40px}
 table{font-size:14px;min-width:540px}th,td{padding:10px 12px}
}
html,body{overflow-x:hidden}

/* v8: illustrations, photo banners, mobile grid fix */
.ill{margin:6px 0 18px 28px;float:right;width:44%;max-width:340px}.ill img{width:100%;height:auto;border-radius:22px;box-shadow:0 18px 40px rgba(11,20,55,.12);transition:transform .5s}.ill:hover img{transform:translateY(-6px) rotate(-1.5deg)}
.ill.wide{float:none;width:100%;max-width:520px;margin:0 auto 22px}.art article h2{clear:both}.art article:after{content:"";display:block;clear:both}
.illrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:30px 0 -8px}.illrow img{width:100%;border-radius:22px;box-shadow:0 14px 34px rgba(11,20,55,.10);transition:transform .4s}.illrow img:hover{transform:translateY(-8px)}
.pban{position:relative;overflow:hidden;border-radius:24px;padding:34px 38px;margin:26px 0 8px;min-height:230px;display:flex;align-items:center;color:#12204A}.pban>div{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;max-width:56%;align-items:flex-start}.pban b{font-family:var(--disp);font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1}.pban>div>span:not(.meta){font-size:17px;font-weight:600;opacity:.85}
.pban>.ccirc{position:absolute;z-index:1;right:-3%;top:50%;height:150%;aspect-ratio:1/1;transform:translateY(-50%);border-radius:50%}
.sec{overflow-x:clip}
@media(max-width:1060px){.illrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.hero .wrap,.morph,.pp,.art,.feat{grid-template-columns:minmax(0,1fr)}.ill{float:none;width:100%;max-width:420px;margin:0 auto 18px}.pban{padding:24px;min-height:190px}.pban>.ccirc{height:120%;right:-18%}}
@media(max-width:560px){.pban>div{max-width:64%}.pban>.ccirc{right:-34%}.illrow{gap:12px}}
@media(max-width:560px){.orbit{width:min(280px,66vw);margin:30px auto}.orb span{width:88px;margin-left:-44px;font-size:20px;top:-28px}}
/* v9 fixes */
.card{transform-style:flat}.nav nav a{white-space:nowrap}
@media(max-width:1180px){.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(11,20,55,.08)}.nav nav.open{display:flex}.nav nav a{padding:13px 8px;font-size:16px}.burger{display:block;margin-left:0;order:3}.cartbtn{order:2}.regbtn{margin-left:auto;order:1}}
@media(max-width:560px){.cartbtn{margin-left:auto}}
.vids{grid-template-columns:repeat(6,minmax(0,1fr))}.vids.deck video:nth-child(4){transform:none}.vids.deck video:nth-child(5){transform:rotateY(-7deg) translateZ(-10px)}.vids.deck video:nth-child(6){transform:rotateY(-14deg) translateZ(-30px)}.vids.deck video:nth-child(4):hover,.vids.deck video:nth-child(5):hover,.vids.deck video:nth-child(6):hover{transform:translateY(-8px) scale(1.04)}
@media(max-width:1060px){.vids{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.vids{grid-template-columns:repeat(2,minmax(0,1fr))}}