:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#eef4ff;--s:#fff;--tx:#0a1630;--mu:#51658a;--ln:#d3e0f7;--v:#2b7bff;--c:#14cfff;--k:#6c8cff;--m:#22d3e6;--ink:#030a1e;--lg:url(/assets/img/site/logo-light-theme.png)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#040a1c;--s:#0a1530;--tx:#eaf3ff;--mu:#8fa8d6;--ln:#16306a}}
:root[data-theme="dark"]{--bg:#040a1c;--s:#0a1530;--tx:#eaf3ff;--mu:#8fa8d6;--ln:#16306a}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px)}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1rem/1.65 Figtree,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Poppins,Figtree,sans-serif;letter-spacing:-.025em;line-height:1.08;margin:0}
a{color:inherit;text-decoration:none}
.w{max-width:1160px;margin:0 auto;padding:0 22px}section{padding:72px 0}
h2{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800}.lead{color:var(--mu);max-width:60ch;margin:14px 0 36px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;gap:10px;align-items:center;font:800 1.1rem Poppins,sans-serif}
.logo i{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--v),var(--c));display:grid;place-items:center;color:#fff;font-style:normal;font-size:.75rem}
nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;align-items:center}
nav a.l{font-weight:500;color:var(--mu);padding:8px 14px;border-radius:999px;transition:color .2s}nav a.l:hover,nav a.l.on{color:var(--tx)}
.btn{display:inline-flex;gap:8px;align-items:center;padding:13px 26px;border-radius:999px;font:600 1rem Figtree,sans-serif;background:linear-gradient(90deg,var(--v),#4f9bff);color:#fff;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(43,123,255,.4);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(43,123,255,.5)}.btn.g{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}.btn.wh{background:#fff;color:#0a3cb0;box-shadow:0 10px 24px rgba(0,0,0,.25)}
nav .btn{padding:8px 18px;font-size:.9rem}
.tg,.top,.burger{border:1px solid var(--ln);background:var(--s);color:var(--tx);cursor:pointer;display:grid;place-items:center}.tg{width:38px;height:38px;border-radius:50%}.burger{display:none;width:42px;height:42px;border-radius:10px;font-size:1.2rem}
@media(max-width:820px){.burger{display:grid}nav ul{position:absolute;left:0;right:0;top:68px;flex-direction:column;gap:0;background:var(--s);border-bottom:1px solid var(--ln);display:none;padding:8px 22px 16px;align-items:stretch}nav ul.open{display:flex}nav li{padding:12px 0;border-bottom:1px solid var(--ln)}nav li:last-child{border:0}}
.pg{display:none}.pg.on{display:block;animation:pi .55s cubic-bezier(.2,.8,.2,1)}@keyframes pi{from{opacity:0;transform:translateY(14px)}}
/* hero */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:76px 0 92px}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%)}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(520px 440px at 76% 50%,rgba(43,123,255,.5),transparent)}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;position:relative;z-index:1}
h1{font-size:clamp(2.8rem,7vw,5.4rem);font-weight:800}h1 span{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
h1 em{font-style:normal;display:inline-block;transform:translateY(110%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*.09s)}@keyframes up{to{transform:none}}
.hero p{color:#a9c1ec;max-width:46ch;margin:22px 0 30px;animation:fd .9s .9s both}.btns{display:flex;gap:12px;flex-wrap:wrap;animation:fd .9s 1.1s both}@keyframes fd{from{opacity:0;transform:translateY(10px)}}
.stage{height:420px;display:grid;place-items:center;perspective:1000px}
.cube{position:relative;width:190px;height:190px;transform-style:preserve-3d}.cube.s{position:absolute;width:90px;height:90px}
.f{position:absolute;inset:0;display:grid;place-items:center;font:800 1.2rem Poppins,sans-serif;border:1.5px solid rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(43,123,255,.5),rgba(20,207,255,.25))}
.s .f{background:rgba(74,168,255,.35);border-color:#ff9db8;font-size:0}
.mq{background:var(--s);border-bottom:1px solid var(--ln);overflow:hidden;padding:18px 0}.mq div{display:flex;align-items:center;gap:60px;width:max-content;animation:mq 45s linear infinite;font:800 1.15rem Poppins,sans-serif;color:var(--mu)}.mq:hover div{animation-play-state:paused}@keyframes mq{to{transform:translateX(-50%)}}
@media(max-width:860px){.hero .w{grid-template-columns:1fr}.stage{height:320px}}
/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.bc{grid-column:span 6;position:relative;background:var(--s);border:1px solid var(--ln);border-radius:26px;padding:32px;overflow:hidden;min-height:240px}
.bc:nth-child(1),.bc:nth-child(4){grid-column:span 7}.bc:nth-child(2),.bc:nth-child(3){grid-column:span 5}
.bc::before{content:"";position:absolute;inset:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--a) 24%,transparent),transparent 60%);opacity:0;transition:opacity .3s}.bc:hover::before{opacity:1}
.bc>*{position:relative}.bar{width:44px;height:6px;border-radius:3px;background:var(--a);margin-bottom:24px;transition:width .35s}.bc:hover .bar{width:92px}
.bc h3{font-size:1.5rem;margin-bottom:10px}.bc p{color:var(--mu);margin:0;font-size:.97rem}
@media(max-width:820px){.bc,.bc:nth-child(n){grid-column:span 12}}
.more{display:inline-block;margin:26px 26px 0 0;font-weight:600;color:var(--v);border-bottom:2px solid currentColor}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.steps::before{content:"";position:absolute;top:26px;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--v),var(--c),var(--k));transition:width 1.6s cubic-bezier(.3,.7,.2,1)}.steps.in::before{width:100%}
.st{padding-top:66px;position:relative}.st b{position:absolute;top:0;width:54px;height:54px;border-radius:50%;background:var(--bg);border:2px solid var(--v);display:grid;place-items:center;font:800 1.3rem Poppins,sans-serif;opacity:0;transform:scale(.6);transition:.5s calc(var(--i)*.5s)}.steps.in .st b{opacity:1;transform:none}
.st h3{font-size:1.4rem;margin-bottom:8px}.st p{color:var(--mu);margin:0;max-width:34ch}
@media(max-width:700px){.steps{grid-template-columns:1fr}.steps::before{display:none}}
.ar{background:var(--ink);color:#fff;border-radius:32px;padding:56px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;overflow:hidden}.ar p{color:#a9c1ec}.ar h3{margin:20px 0 6px;font-size:1.3rem}
.ly{height:260px;position:relative;perspective:800px;cursor:pointer}.ly div{position:absolute;inset:40px 20px;border-radius:22px;border:1.5px solid rgba(255,255,255,.45);transform:rotateX(58deg) rotateZ(-32deg) translateZ(calc(var(--z)*1px));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ly div:nth-child(1){--z:0;background:rgba(43,123,255,.5)}.ly div:nth-child(2){--z:30;background:rgba(20,207,255,.3)}.ly div:nth-child(3){--z:60;background:rgba(74,168,255,.3)}
.ly:hover div:nth-child(2),.ly:focus div:nth-child(2){--z:80}.ly:hover div:nth-child(3),.ly:focus div:nth-child(3){--z:160}
@media(max-width:820px){.ar{grid-template-columns:1fr;padding:34px 22px}}
.sp3{position:relative;isolation:isolate;color:#eaf3ff;border-radius:36px;padding:clamp(28px,5vw,68px);display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(28px,4.5vw,64px);align-items:center;overflow:hidden;border:1px solid rgba(53,208,255,.2);background:radial-gradient(700px 420px at 88% 8%,rgba(43,123,255,.45),transparent 70%),radial-gradient(520px 380px at 0 100%,rgba(53,208,255,.18),transparent 70%),linear-gradient(160deg,#030a1e,#051a4a 58%,#030a1e);box-shadow:0 30px 80px -30px rgba(43,123,255,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.sp3:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%)}
.sp3 .mono{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace}
.sp3-k{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(53,208,255,.35);background:rgba(53,208,255,.08);color:#35d0ff;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}
.sp3-k svg{width:18px;height:18px}
.sp3-k i{width:7px;height:7px;border-radius:50%;background:#35d0ff;box-shadow:0 0 0 0 rgba(53,208,255,.7);animation:sp3p 2s infinite}
@keyframes sp3p{70%{box-shadow:0 0 0 9px rgba(53,208,255,0)}100%{box-shadow:0 0 0 0 rgba(53,208,255,0)}}
.sp3 h2{margin:22px 0 26px;text-align:left;font-family:Poppins,Figtree,sans-serif;font-weight:800;font-size:clamp(1.4rem,3.1vw,2.6rem);line-height:1.1;letter-spacing:-.03em;color:#fff;white-space:nowrap}
.sp3 h2 em{display:block;white-space:normal;margin-top:.3em;font-style:normal;font-size:.7em;font-weight:700;line-height:1.25;letter-spacing:-.02em;background:linear-gradient(90deg,#35d0ff,#2b8bff 55%,#9be8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(53,208,255,.3))}
.sp3-c{position:relative;border-radius:24px;padding:clamp(20px,3vw,32px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(120,170,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sp3-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.sp3-h b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#2b7bff,#35d0ff);box-shadow:0 8px 22px rgba(43,123,255,.5)}
.sp3-h svg{width:24px;height:24px}
.sp3-h h3{font-family:Poppins,Figtree,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:.02em;color:#fff;text-transform:uppercase}
.sp3-c p{margin:0 0 20px;color:#b4cbf0;line-height:1.75;font-size:1.02rem;max-width:56ch}
.sp3-t{display:flex;flex-wrap:wrap;gap:10px}
.sp3-t span{border:1px solid rgba(53,208,255,.3);background:rgba(4,10,28,.55);border-radius:999px;padding:7px 15px;font-size:.78rem;font-weight:500;color:#9be8ff;letter-spacing:.02em}
.sp3-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.sp3-a .btn svg{width:18px;height:18px;transition:transform .25s}.sp3-a .btn:hover svg{transform:translateX(4px)}
.sp3-a small{color:#8fa8d6;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.sp3-v{position:relative;border-radius:28px;padding:clamp(14px,2.2vw,24px);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(120,170,255,.22);box-shadow:0 24px 60px -24px rgba(0,0,0,.7)}
.sp3-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#b4cbf0}
.sp3-bar span{display:inline-flex;align-items:center;gap:8px}.sp3-bar span:before{content:"";width:8px;height:8px;border-radius:50%;background:#35d0ff;box-shadow:0 0 10px #35d0ff}
.sp3-bar em{font-style:normal;color:#35d0ff;background:rgba(53,208,255,.1);border:1px solid rgba(53,208,255,.28);padding:5px 12px;border-radius:999px}
.sp3-s{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1.63/1;background:#030a1e;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(53,208,255,.18),0 0 50px -12px rgba(43,123,255,.55)}
.sp3-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(1.1) hue-rotate(-8deg)}
.sp3-s:hover img,.sp3-s:focus-visible img{transform:scale(1.09) rotate(-1.2deg);filter:saturate(1.3) hue-rotate(-8deg) brightness(1.08)}
.sp3-s:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(3,10,30,.95),rgba(3,10,30,0) 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
.sp3-s i{position:absolute;width:20px;height:20px;border:2px solid #35d0ff;z-index:2;opacity:.8}.sp3-s i:nth-of-type(1){top:12px;left:12px;border-right:0;border-bottom:0}.sp3-s i:nth-of-type(2){top:12px;right:12px;border-left:0;border-bottom:0}
.sp3-cap{position:absolute;left:18px;right:18px;bottom:14px;z-index:2}
.sp3-cap small{display:block;margin-bottom:4px;color:#35d0ff;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.sp3-cap strong{display:block;font-family:Poppins,Figtree,sans-serif;font-size:clamp(1rem,1.7vw,1.3rem);color:#fff;font-weight:600;letter-spacing:-.01em}
.sp3-m{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.sp3-m div{position:relative;border-radius:14px;padding:14px 8px 13px;text-align:center;background:rgba(4,10,28,.6);border:1px solid rgba(120,170,255,.18);overflow:hidden}
.sp3-m div:before{content:"";position:absolute;left:20%;right:20%;top:0;height:2px;background:linear-gradient(90deg,transparent,#35d0ff,transparent)}
.sp3-m small{display:block;margin-bottom:6px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#8fa8d6}
.sp3-m b{font-family:Poppins,Figtree,sans-serif;font-size:clamp(.98rem,1.8vw,1.3rem);font-weight:700;color:#fff;letter-spacing:-.01em}.sp3-m div:nth-child(2) b{color:#9be8ff}.sp3-m div:last-child b{color:#35d0ff}
@media(max-width:900px){.sp3{grid-template-columns:1fr;border-radius:28px}}
@media(max-width:480px){.sp3-m{gap:8px}.sp3-m small{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.sp3-s img,.sp3-a .btn svg{transition:none}.sp3-k i{animation:none}}
.sp3-p{grid-column:1/-1;margin-top:clamp(4px,1.5vw,16px);padding-top:clamp(26px,3.4vw,44px);border-top:1px solid rgba(120,170,255,.18)}
.sp3-ph{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.sp3-ph span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#35d0ff}
.sp3-ph h3{font-family:Poppins,Figtree,sans-serif;font-weight:700;font-size:clamp(1.15rem,2.2vw,1.6rem);letter-spacing:-.02em;color:#fff}
.sp3-st{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:clamp(30px,4vw,46px) 0 0;padding:0;list-style:none}
.sp3-st>[role=listitem]{position:relative;z-index:1;text-align:center}
.sp3-tube{position:absolute;z-index:0;left:16.666%;right:16.666%;top:20px;height:24px;border-radius:99px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(4,10,28,.85));border:1px solid rgba(120,170,255,.32);box-shadow:inset 0 3px 9px rgba(0,0,0,.75),0 0 0 5px rgba(43,123,255,.07);overflow:hidden}
.sp3-tube:after{content:"";position:absolute;left:10px;right:10px;top:3px;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
.sp3-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#1646c4,#2b7bff,#35d0ff,#2b7bff,#9be8ff,#2b7bff);background-size:220% 100%;box-shadow:0 0 18px rgba(53,208,255,.8)}
.sp3-fill:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.7) 0 2px,transparent 3px) 0 60%/46px 24px,radial-gradient(circle,rgba(255,255,255,.5) 0 1.5px,transparent 2.5px) 20px 25%/62px 24px;animation:sp3b 3.2s linear infinite}
.sp3-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75));filter:blur(3px)}
.sp3-n{position:relative;width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#0a1a45,#030a1e);border:2px solid rgba(120,170,255,.4);box-shadow:inset 0 0 14px rgba(0,0,0,.8)}
.sp3-n:before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#bff2ff,#35d0ff 32%,#2b7bff 68%,#1646c4);transform:scale(0);opacity:0}
.sp3-n:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid #35d0ff;opacity:0}
.sp3-n b{position:relative;z-index:2;font-family:Poppins,Figtree,sans-serif;font-size:1.5rem;font-weight:800;color:#6f8fc9}
.sp3-tx{margin-top:20px}
.sp3-tx small{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#35d0ff;margin-bottom:6px}
.sp3-tx h4{margin:0 0 8px;font-family:Poppins,Figtree,sans-serif;font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em}
.sp3-tx p{margin:0 auto;max-width:30ch;color:#b4cbf0;font-size:.95rem;line-height:1.65}
.sp3-tx{opacity:0;transform:translateY(14px)}
.go .sp3-fill{transform:scaleX(1);transition:transform 4.6s linear;animation:sp3w 2.4s linear infinite}
.go .sp3-n{border-color:#35d0ff;box-shadow:0 0 0 7px rgba(43,123,255,.16),0 0 42px rgba(53,208,255,.7),inset 0 0 14px rgba(0,0,0,.4);transition:border-color .4s var(--d),box-shadow .8s var(--d)}
.go .sp3-n:before{animation:sp3in .9s cubic-bezier(.3,1.5,.5,1) var(--d) forwards,sp3m 6s ease-in-out calc(var(--d) + .9s) infinite}
.go .sp3-n:after{animation:sp3r 2.4s ease-out calc(var(--d) + .3s) infinite}
.go .sp3-n b{color:#fff;text-shadow:0 2px 10px rgba(3,10,30,.6);transition:color .3s calc(var(--d) + .25s)}
.go .sp3-tx{opacity:1;transform:none;transition:opacity .7s calc(var(--d) + .3s),transform .7s calc(var(--d) + .3s)}
@keyframes sp3w{to{background-position:-220% 0}}
@keyframes sp3b{to{background-position:46px 60%,82px 25%}}
@keyframes sp3in{0%{transform:scale(0);opacity:0}60%{opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes sp3m{0%,100%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}25%{border-radius:58% 42% 46% 54%/46% 56% 44% 54%}50%{border-radius:44% 56% 56% 44%/56% 44% 56% 44%}75%{border-radius:52% 48% 40% 60%/42% 52% 48% 58%}}
@keyframes sp3r{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@media(max-width:760px){
.sp3-st{grid-template-columns:1fr;gap:0}
.sp3-st>[role=listitem]{display:grid;grid-template-columns:64px 1fr;gap:0 20px;text-align:left;min-height:138px}
.sp3-st>[role=listitem]:last-child{min-height:0}
.sp3-n{margin:0}.sp3-tx{margin-top:4px}.sp3-tx p{margin:0;max-width:none}
.sp3-tube{left:20px;right:auto;width:24px;top:32px;bottom:auto;height:276px}
.sp3-fill{transform:scaleY(0);transform-origin:center top;background:linear-gradient(180deg,#1646c4,#2b7bff,#35d0ff,#2b7bff,#9be8ff,#2b7bff);background-size:100% 220%}
.go .sp3-fill{transform:scaleY(1);animation:sp3wv 2.4s linear infinite}
.sp3-fill:after{left:0;right:0;top:auto;bottom:0;width:auto;height:26px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.75))}
@keyframes sp3wv{to{background-position:0 -220%}}}
@media(prefers-reduced-motion:reduce){.sp3-fill,.sp3-fill:before,.sp3-n:before,.sp3-n:after{animation:none!important;transition:none!important}.sp3-fill{transform:none!important}.sp3-n:before{transform:scale(1);opacity:1}.sp3-n{border-color:#35d0ff}.sp3-n b{color:#fff}.sp3-tx{opacity:1;transform:none;transition:none}}
.cr-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;border-radius:36px;padding:clamp(26px,5vw,60px);overflow:hidden;color:#eaf3ff;border:1px solid rgba(53,208,255,.2);background:radial-gradient(640px 400px at 90% 0,rgba(43,123,255,.45),transparent 70%),radial-gradient(480px 340px at 0 100%,rgba(53,208,255,.16),transparent 70%),linear-gradient(160deg,#030a1e,#051a4a 58%,#030a1e);box-shadow:0 30px 80px -30px rgba(43,123,255,.55)}
.cr-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%)}
.cr-hero .mono,.cr-h .mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace}
.cr-k{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid rgba(53,208,255,.35);background:rgba(53,208,255,.08);color:#35d0ff;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.cr-k i{width:7px;height:7px;border-radius:50%;background:#35d0ff;animation:sp3p 2s infinite}
.cr-hero h2{margin:22px 0 18px;text-align:left;font-family:Poppins,Figtree,sans-serif;font-weight:800;font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.1;letter-spacing:-.03em;color:#fff}
.cr-hero h2 em{display:block;font-style:normal;background:linear-gradient(90deg,#35d0ff,#2b8bff 55%,#9be8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-hero p{color:#b4cbf0;max-width:54ch;line-height:1.75;margin:0}
.cr-a{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.cr-a .btn{border-color:rgba(53,208,255,.5)}
.cr-fig{border-radius:28px;padding:clamp(10px,2vw,22px);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(120,170,255,.22)}
.cr-art{display:block;width:100%;height:auto}
.cr-bar{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0)}
.pg.on .cr-bar{animation:crb .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.18s + .2s) forwards}
.cr-line{stroke-dashoffset:0}.pg.on .cr-line{animation:crd 1.6s linear infinite}
.cr-man{transform-box:fill-box;transform-origin:center bottom}.pg.on .cr-man{animation:crm 3s ease-in-out infinite}
.cr-chip{transform-box:fill-box}.pg.on .cr-chip{animation:crf 4s ease-in-out calc(var(--i)*-1s) infinite}
@keyframes crb{to{transform:scaleY(1)}}@keyframes crd{to{stroke-dashoffset:-30}}
@keyframes crm{50%{transform:translateY(-6px)}}@keyframes crf{50%{transform:translateY(-9px)}}
.cr-h{margin:clamp(48px,6vw,80px) 0 26px}.cr-h .mono{display:block;margin-bottom:8px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v)}.cr-h h2{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.cr-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cr-c{position:relative;padding:26px 22px;border-radius:24px;background:var(--s);border:1px solid var(--ln);transition:transform .3s,box-shadow .3s,border-color .3s}
.cr-c:hover{transform:translateY(-6px);border-color:#35d0ff;box-shadow:0 22px 50px -22px rgba(43,123,255,.6)}
.cr-c b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:16px;color:#fff;background:linear-gradient(135deg,#2b7bff,#35d0ff);box-shadow:0 8px 20px rgba(43,123,255,.4)}.cr-c b svg{width:24px;height:24px}
.cr-c h3{font-size:1.12rem;font-weight:700;margin-bottom:8px}.cr-c p{margin:0;color:var(--mu);font-size:.95rem;line-height:1.65}
.cr-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cr-l li{padding:16px 20px 16px 48px;border-radius:18px;background:var(--s);border:1px solid var(--ln);font-weight:600;position:relative}
.cr-l li:before{content:"";position:absolute;left:18px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bff2ff,#35d0ff 40%,#2b7bff);box-shadow:0 0 12px rgba(53,208,255,.7)}
.cr-cta{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:clamp(26px,4vw,44px);border-radius:28px;color:#fff;background:linear-gradient(120deg,var(--v),#4f9bff 45%,var(--c))}
.cr-cta h3{font-size:1.6rem;margin-bottom:8px}.cr-cta p{margin:0;max-width:56ch;opacity:.92}
@media(max-width:980px){.cr-hero{grid-template-columns:1fr}.cr-g{grid-template-columns:1fr 1fr}.cr-l{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cr-g,.cr-l{grid-template-columns:1fr}.cr-hero{border-radius:26px}}
@media(prefers-reduced-motion:reduce){.cr-bar{transform:none!important;animation:none!important}.cr-line,.cr-man,.cr-chip{animation:none!important}}
.cm{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:14px;visibility:hidden;transition:visibility 0s .45s}
.cm.open{visibility:visible;transition-delay:0s}
.cm-bd{position:absolute;inset:0;background:radial-gradient(900px circle at 50% 40%,rgba(30,90,220,.35),rgba(2,8,24,.78));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .4s}
.cm.open .cm-bd{opacity:1}
.cm-p{position:relative;width:min(640px,100%);max-height:94vh;overflow:auto;border-radius:28px;padding:clamp(22px,4vw,38px);color:#eaf3ff;border:1px solid rgba(53,208,255,.28);background:radial-gradient(520px 320px at 100% 0,rgba(43,123,255,.4),transparent 70%),linear-gradient(160deg,#04102c,#061a46 60%,#030a1e);box-shadow:0 40px 100px -20px rgba(0,0,0,.8),0 0 60px -10px rgba(43,123,255,.5);opacity:0;transform:translateY(30px) scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.25,1.1)}
.cm.open .cm-p{opacity:1;transform:none}
.cm-p.shk{animation:cmshk .45s}@keyframes cmshk{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.cm-x{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(120,170,255,.3);background:rgba(255,255,255,.06);color:#fff;font-size:1rem;cursor:pointer;transition:transform .3s,background .2s}.cm-x:hover{transform:rotate(90deg);background:rgba(53,208,255,.2)}
.cm-k{display:inline-block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#35d0ff;padding:6px 12px;border-radius:999px;border:1px solid rgba(53,208,255,.35);background:rgba(53,208,255,.08)}
.cm-h h3{margin:14px 0 6px;font-family:Poppins,Figtree,sans-serif;font-weight:800;font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.02em;color:#fff;padding-right:40px}
.cm-h p{margin:0;color:#b4cbf0;font-size:.97rem}
.cm-pr{height:6px;border-radius:99px;background:rgba(255,255,255,.1);margin:22px 0 10px;overflow:hidden}.cm-pr i{display:block;height:100%;width:25%;border-radius:99px;background:linear-gradient(90deg,#2b7bff,#35d0ff);box-shadow:0 0 14px #35d0ff;transition:width .5s cubic-bezier(.3,.8,.2,1)}
.cm-sp{display:flex;justify-content:space-between;gap:6px;margin-bottom:22px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.7rem;letter-spacing:.06em;color:#6f8fc9}.cm-sp span{transition:color .3s}.cm-sp .on{color:#35d0ff}.cm-sp .dn{color:#9be8ff}
.cm-st{display:none}.cm-st.on{display:block;animation:cmin .45s cubic-bezier(.2,.8,.2,1)}.cm-st.bk.on{animation-name:cmbk}
@keyframes cmin{from{opacity:0;transform:translateX(26px)}}@keyframes cmbk{from{opacity:0;transform:translateX(-26px)}}
.cm-t{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cm-o{position:relative;text-align:left;padding:22px 18px;border-radius:20px;border:1px solid rgba(120,170,255,.25);background:rgba(255,255,255,.04);color:#fff;font:inherit;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;overflow:hidden}
.cm-o:hover{transform:translateY(-4px);border-color:#35d0ff}.cm-o[aria-pressed=true]{border-color:#35d0ff;background:linear-gradient(160deg,rgba(43,123,255,.35),rgba(53,208,255,.12));box-shadow:0 0 0 3px rgba(53,208,255,.18),0 18px 40px -16px rgba(43,123,255,.8)}
.cm-o b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,#2b7bff,#35d0ff)}.cm-o b svg{width:24px;height:24px;color:#fff}
.cm-o strong{display:block;font-family:Poppins,Figtree,sans-serif;font-size:1.15rem}.cm-o span{display:block;margin-top:4px;color:#b4cbf0;font-size:.88rem;line-height:1.5}
.cm-o:after{content:"✓";position:absolute;right:14px;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;background:#35d0ff;color:#04102c;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.cm-o[aria-pressed=true]:after{transform:scale(1)}
.cm-r{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cm-f{position:relative;margin-bottom:14px}.cm-f input,.cm-f textarea{width:100%;padding:22px 14px 8px;border-radius:14px;border:1px solid rgba(120,170,255,.28);background:rgba(4,10,28,.6);color:#fff;font:inherit;outline:0;transition:border-color .2s,box-shadow .2s}
.cm-f textarea{resize:vertical;min-height:90px}.cm-f label{position:absolute;left:15px;top:15px;color:#8fa8d6;pointer-events:none;transition:all .18s;font-size:.95rem}
.cm-f input:focus,.cm-f textarea:focus{border-color:#35d0ff;box-shadow:0 0 0 3px rgba(53,208,255,.18)}
.cm-f input:focus+label,.cm-f input:not(:placeholder-shown)+label,.cm-f textarea:focus+label,.cm-f textarea:not(:placeholder-shown)+label{top:6px;font-size:.7rem;color:#35d0ff;letter-spacing:.04em}
.cm-f em{display:none;font-style:normal;color:#ff8da1;font-size:.78rem;margin:4px 4px 0}.cm-f.bad em{display:block}.cm-f.bad input,.cm-f.bad textarea{border-color:#ff6b86}
.cm-l{display:flex;justify-content:space-between;margin:14px 2px 10px;font-weight:600;font-size:.9rem;color:#cfe0ff}.cm-l span{font-weight:500;color:#8fa8d6;font-size:.8rem}
.cm-cs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}
.cm-c{padding:9px 16px;border-radius:18px;text-align:left;line-height:1.35;border:1px solid rgba(120,170,255,.3);background:rgba(255,255,255,.04);color:#cfe0ff;font:500 .88rem Figtree,sans-serif;cursor:pointer;transition:all .2s}.cm-c:hover{border-color:#35d0ff}.cm-c[aria-pressed=true]{background:linear-gradient(90deg,#2b7bff,#35d0ff);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(43,123,255,.45)}
.cm-e{display:none;color:#ff8da1;font-size:.8rem;margin:2px 4px 10px}.cm-e.on{display:block}
.cm-tg{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(120,170,255,.28);background:rgba(4,10,28,.6);margin-bottom:6px;cursor:text}.cm-tg:focus-within{border-color:#35d0ff;box-shadow:0 0 0 3px rgba(53,208,255,.18)}
.cm-tg input{flex:1;min-width:120px;background:none;border:0;outline:0;color:#fff;font:inherit;padding:4px}
.cm-tg span{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:99px;background:rgba(53,208,255,.15);border:1px solid rgba(53,208,255,.4);color:#9be8ff;font-size:.82rem;cursor:pointer;animation:cmpop .3s}.cm-tg span:after{content:"×";opacity:.7}@keyframes cmpop{from{transform:scale(.6);opacity:0}}
.cm-dz{position:relative;display:grid;place-items:center;text-align:center;gap:4px;padding:26px 16px;border-radius:18px;border:2px dashed rgba(53,208,255,.4);background:rgba(53,208,255,.05);cursor:pointer;transition:all .25s;margin-bottom:14px}.cm-dz:hover,.cm-dz.over{border-color:#35d0ff;background:rgba(53,208,255,.12);transform:scale(1.01)}.cm-dz.has{border-style:solid;background:rgba(43,123,255,.18)}
.cm-dz svg{width:34px;height:34px;color:#35d0ff}.cm-dz b{color:#fff}.cm-dz small{color:#8fa8d6}.cm-dz input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cm-sm{display:grid;gap:8px;margin:6px 0 4px;padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(120,170,255,.2);font-size:.88rem}.cm-sm div{display:flex;justify-content:space-between;gap:12px}.cm-sm b{color:#9be8ff;font-weight:600;flex:none}.cm-sm span{text-align:right;color:#dbe8ff;overflow-wrap:anywhere}
.cm-a{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.cm-a .cm-g{background:none;border:1px solid rgba(120,170,255,.35);color:#cfe0ff;box-shadow:none}.cm-a .hid{visibility:hidden}
.cm-er{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(255,107,134,.12);border:1px solid rgba(255,107,134,.4);color:#ffc4cf;font-size:.88rem}.cm-er.on{display:block}.cm-er a{color:#fff;text-decoration:underline}
.cm-d{display:none;text-align:center;padding:20px 6px 6px}.cm.done .cm-d{display:block;animation:cmin .5s}.cm.done form,.cm.done .cm-pr,.cm.done .cm-sp,.cm.done .cm-a,.cm.done .cm-h{display:none}
.cm-d svg{width:96px;height:96px;margin-bottom:10px}.cm-d circle{fill:none;stroke:#35d0ff;stroke-width:4;stroke-dasharray:226;stroke-dashoffset:226}.cm-d path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}.cm.done .cm-d circle{animation:cmdr .7s .1s forwards}.cm.done .cm-d path{animation:cmdr .5s .6s forwards}@keyframes cmdr{to{stroke-dashoffset:0}}
.cm-d h3{font-family:Poppins,Figtree,sans-serif;font-size:1.6rem;margin:6px 0;color:#fff}.cm-d p{color:#b4cbf0;max-width:44ch;margin:0 auto 20px}
.cm-cf{position:absolute;left:50%;top:40%;width:9px;height:14px;border-radius:2px;pointer-events:none;z-index:5;animation:cmcf 1.4s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cmcf{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(max-width:560px){.cm-t,.cm-r{grid-template-columns:1fr}.cm-sp{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.cm-p,.cm-st.on,.cm-d,.cm-cf{animation:none!important;transition:none!important}}
.cr-in{position:relative;isolation:isolate;padding:clamp(24px,4vw,48px);border-radius:36px;color:#eaf3ff;border:1px solid rgba(53,208,255,.22);overflow:hidden;background:radial-gradient(620px 380px at 100% 0,rgba(43,123,255,.42),transparent 70%),radial-gradient(480px 320px at 0 100%,rgba(53,208,255,.14),transparent 70%),linear-gradient(160deg,#030a1e,#051a4a 60%,#030a1e);box-shadow:0 30px 80px -30px rgba(43,123,255,.6)}
.cr-in:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 75% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 75% 20%,#000,transparent 70%)}
.cr-top{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.cr-lead{margin:0 0 20px;color:#b4cbf0;line-height:1.75}
.cr-tabs{position:relative;display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(120,170,255,.22);margin-bottom:18px;max-width:100%;overflow-x:auto}
.cr-tabs button{position:relative;z-index:1;padding:9px 18px;border:0;border-radius:99px;background:none;color:#9fb6e0;font:600 .9rem Figtree,sans-serif;cursor:pointer;white-space:nowrap;transition:color .25s}.cr-tabs button[aria-selected=true]{color:#fff}
.cr-ind{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:100px;border-radius:99px;background:linear-gradient(90deg,#2b7bff,#35d0ff);box-shadow:0 6px 18px rgba(43,123,255,.5);transition:left .4s cubic-bezier(.3,.9,.3,1),width .4s cubic-bezier(.3,.9,.3,1)}
.cr-tp{display:none;min-height:150px}.cr-tp.on{display:block;animation:crtp .45s cubic-bezier(.2,.8,.2,1)}@keyframes crtp{from{opacity:0;transform:translateY(12px)}}
.cr-ck{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cr-ck li{display:flex;gap:12px;align-items:flex-start;color:#dbe8ff;line-height:1.5}
.cr-ck svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#2b7bff,#35d0ff);box-shadow:0 0 12px rgba(53,208,255,.5)}
.cr-hint{margin:0 0 14px;color:#9fb6e0}
.cr-du{display:flex;flex-wrap:wrap;gap:10px}.cr-du button{padding:12px 20px;border-radius:16px;border:1px solid rgba(53,208,255,.4);background:rgba(53,208,255,.08);color:#9be8ff;font:500 .85rem 'JetBrains Mono',ui-monospace,monospace;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.cr-du button:hover{transform:translateY(-4px);background:linear-gradient(90deg,#2b7bff,#35d0ff);color:#fff;box-shadow:0 10px 24px rgba(43,123,255,.55)}
.cr-in .cr-a{margin-top:24px}
.cr-sc{perspective:1000px}
.cr-sci{position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out;border-radius:28px;padding:10px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(120,170,255,.22)}
.cr-sv{display:block;width:100%;height:auto;overflow:visible}
.cr-ring{transform-box:fill-box;transform-origin:center}.pg.on .cr-ring{animation:crsp 40s linear infinite}.pg.on .cr-ring.r2{animation-duration:26s;animation-direction:reverse}
.cr-code .ln{transform-box:fill-box;transform-origin:left center;transform:scaleX(0)}.pg.on .cr-code .ln{animation:crty 5s ease-in-out calc(var(--i)*.45s) infinite}.pg.on .cr-code .cur{animation:crbk 1s steps(2) infinite}
.cr-cap{transform-box:fill-box}.pg.on .cr-cap{animation:crcp 3.2s ease-in-out infinite}
.cr-sp path{transform-box:fill-box;transform-origin:center}.pg.on .cr-sp path{animation:crtw 2.6s ease-in-out calc(var(--i)*.6s) infinite}
@keyframes crsp{to{transform:rotate(360deg)}}@keyframes crty{0%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes crbk{50%{opacity:0}}@keyframes crcp{50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes crtw{0%,100%{transform:scale(.4);opacity:.3}50%{transform:scale(1.2);opacity:1}}
.cr-fc{position:absolute;padding:8px 14px;border-radius:99px;font:500 .8rem 'JetBrains Mono',ui-monospace,monospace;color:#9be8ff;background:rgba(6,18,48,.92);border:1px solid rgba(53,208,255,.55);box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 16px rgba(53,208,255,.25);transform:translateZ(40px)}
.pg.on .cr-fc{animation:crfl 4s ease-in-out infinite}.cr-fc.c1{left:4%;top:12%}.cr-fc.c2{right:3%;top:22%;animation-delay:-1s!important}.cr-fc.c3{right:8%;bottom:26%;animation-delay:-2s!important}.cr-fc.c4{left:6%;bottom:30%;animation-delay:-3s!important}
@keyframes crfl{50%{translate:0 -10px}}
.cr-lv{position:absolute;left:50%;bottom:14px;width:min(76%,300px);translate:-50% 0;padding:12px 16px 14px;border-radius:16px;background:rgba(4,10,28,.88);border:1px solid rgba(120,170,255,.3);transform:translateZ(50px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cr-lv small{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#35d0ff;margin-bottom:6px}.cr-lv div{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#dbe8ff}.cr-lv i{flex:1;height:2px;background:linear-gradient(90deg,#2b7bff,#35d0ff);border-radius:2px}
.cr-lv em{display:block;height:8px;margin-top:10px;border-radius:99px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}.cr-lv em:after{content:"";position:absolute;inset:0;border-radius:99px;background:linear-gradient(90deg,#2b7bff,#35d0ff,#9be8ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #35d0ff}.pg.on .cr-lv em:after{animation:crlv 6s ease-in-out infinite}
@keyframes crlv{0%{transform:scaleX(.05)}70%,90%{transform:scaleX(1)}100%{transform:scaleX(.05)}}
.cr-trk{margin-top:clamp(28px,4vw,44px);padding-top:clamp(22px,3vw,32px);border-top:1px solid rgba(120,170,255,.18)}
.cr-tt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:16px}.cr-tt span{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#35d0ff}.cr-tt small{color:#8fa8d6}
.cr-tks{display:flex;flex-wrap:wrap;gap:10px}
.cr-tk{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;border:1px solid rgba(120,170,255,.3);background:rgba(255,255,255,.05);color:#e3eeff;font:600 .92rem Figtree,sans-serif;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s,border-color .25s,box-shadow .25s}
.cr-tk i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bff2ff,#35d0ff 45%,#2b7bff);box-shadow:0 0 10px rgba(53,208,255,.8);transition:transform .25s}
.cr-tk:hover,.cr-tk:focus-visible{transform:translateY(-4px) scale(1.04);border-color:#35d0ff;background:linear-gradient(90deg,rgba(43,123,255,.55),rgba(53,208,255,.3));box-shadow:0 12px 26px -8px rgba(43,123,255,.8)}.cr-tk:hover i{transform:scale(1.5)}
.cr-tl2{position:relative;list-style:none;margin:clamp(30px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cr-tl2:before{content:"";position:absolute;left:16.6%;right:16.6%;top:25px;height:4px;border-radius:4px;background:linear-gradient(90deg,#2b7bff,#35d0ff);box-shadow:0 0 14px rgba(53,208,255,.7);transform:scaleX(0);transform-origin:left;transition:transform 1.6s linear .3s}
.in .cr-tl2:before{transform:scaleX(1)}
.cr-tl2 li{position:relative;text-align:center;padding:0 10px;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s;transition-delay:calc(var(--n)*.7s + .2s)}.in .cr-tl2 li{opacity:1;transform:none}
.cr-tl2 b{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;font-family:Poppins,Figtree,sans-serif;font-size:1.2rem;font-weight:800;color:#fff;background:radial-gradient(circle at 34% 28%,#bff2ff,#35d0ff 32%,#2b7bff 68%,#1646c4);box-shadow:0 0 0 6px rgba(43,123,255,.18),0 0 28px rgba(53,208,255,.6)}
.cr-tl2 h4{margin:0 0 6px;font-family:Poppins,Figtree,sans-serif;font-size:1.1rem;color:#fff}.cr-tl2 p{margin:0 auto;max-width:30ch;color:#b4cbf0;line-height:1.65;font-size:.95rem}
@media(max-width:900px){.cr-top{grid-template-columns:1fr}.cr-sc{max-width:520px;margin:0 auto;width:100%}}
@media(max-width:700px){.cr-tl2{grid-template-columns:1fr;gap:26px}.cr-tl2:before{display:none}.cr-tl2 li{display:grid;grid-template-columns:52px 1fr;gap:16px;text-align:left}.cr-tl2 b{margin:0}.cr-tl2 p{margin:0;max-width:none}.cr-fc{font-size:.7rem;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.cr-ring,.cr-cap,.cr-fc,.cr-code .ln,.cr-code .cur,.cr-sp path,.cr-lv em:after{animation:none!important}.cr-code .ln{transform:none}.cr-lv em:after{transform:scaleX(.7)}.cr-tl2:before{transition:none;transform:none}.cr-tl2 li{opacity:1;transform:none;transition:none}.cr-sci{transition:none}}
.cta{background:linear-gradient(120deg,var(--v),#4f9bff 45%,var(--c));color:#fff;border-radius:32px;padding:68px 28px;text-align:center}.cta h2{max-width:20ch;margin:0 auto 12px}.cta p{margin:0 0 26px}
.ph{background:var(--ink);color:#fff;padding:72px 0 76px;background-image:radial-gradient(700px 300px at 85% 0%,rgba(43,123,255,.5),transparent)}.ph h2{font-size:clamp(2.2rem,6vw,4rem);max-width:18ch}.ph p{color:#a9c1ec;max-width:62ch;margin:14px 0 0}
.ft{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:36px 0;border-top:1px solid var(--ln)}.ft h3{font-size:1.7rem}.ft p{color:var(--mu);margin:0 0 14px}
.tgs span,.tg2{display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--v) 13%,transparent);color:var(--v);margin:0 6px 6px 0}
@media(max-width:820px){.ft{grid-template-columns:1fr;gap:12px}}
.tools{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.chip{border:1px solid var(--ln);background:var(--s);color:var(--tx);padding:8px 16px;border-radius:999px;font:600 .88rem Figtree,sans-serif;cursor:pointer;transition:.2s}.chip:hover{border-color:var(--v)}.chip.on{background:var(--v);color:#fff;border-color:var(--v)}
.sr{flex:1;min-width:200px;padding:10px 18px;border-radius:999px;border:1px solid var(--ln);background:var(--s);color:var(--tx);font:inherit}
.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.list li a{flex:1;color:inherit}.bc h3 a:hover{text-decoration:underline}.list li{background:var(--s);border:1px solid var(--ln);border-radius:16px;padding:15px 18px;font-weight:500;display:flex;gap:12px;align-items:center;transition:transform .2s,border-color .2s}.list li:hover{border-color:var(--v);transform:translateX(5px)}
.list li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--d);flex:none}.list li.hide,.pc.hide{display:none}
.em{display:none;color:var(--mu)}.em.on{display:block}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.rps{width:100%;max-width:none;margin:0;padding:64px clamp(16px,3vw,44px) 90px;position:relative;z-index:3}.rps .pgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.rps .pb{padding:14px 14px 16px}.rps .pb h3{font-size:.95rem;line-height:1.3}@media(max-width:1200px){.rps .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.rps .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:480px){.rps .pgrid{grid-template-columns:1fr}}.rps h2{margin:0 0 22px;font-size:clamp(1.6rem,3.4vw,2.2rem)}.rps-a{margin-top:28px;text-align:center}@media(max-width:700px){.rps{padding-top:44px;padding-bottom:70px}}
.pc{padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--s);border:1px solid var(--ln);border-radius:22px;overflow:hidden;transition:transform .25s,border-color .25s}.pc:hover{transform:translateY(-5px);border-color:var(--v)}
.pt{height:230px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;font:800 2.2rem Poppins,sans-serif;background:var(--g)}
.pt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.pc.lg .pt img{object-position:center;background:#fff}.pc:hover .pt img{transform:scale(1.07)}
.pb{padding:18px 20px 20px}.pb h3{font-size:1.02rem;margin-bottom:10px;line-height:1.3}.cnt{color:var(--mu);margin:0 0 18px}
dialog{border:0;border-radius:26px;padding:0;max-width:960px;width:calc(100% - 32px);background:var(--s);color:var(--tx);overflow:hidden}dialog::backdrop{background:rgba(5,6,20,.75);backdrop-filter:blur(6px)}dialog[open]{animation:pop .35s cubic-bezier(.2,.8,.2,1)}@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.97)}}
.dg{display:grid;grid-template-columns:1.1fr .9fr;max-height:86vh}.di{background:var(--bg);overflow:auto;max-height:86vh}.di img{width:100%;display:block}.di .pt{height:100%;min-height:360px;font-size:3.4rem}.dc{padding:34px 30px;overflow:auto}.dc h3{font-size:1.7rem;margin:0 40px 12px 0}.dc h4{margin:22px 0 8px;font-size:1rem}.dc ul{margin:0;padding-left:18px;color:var(--mu)}.dc p{color:var(--mu);margin:14px 0 0}
.da{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;align-items:center}.da .btn{padding:10px 20px;font-size:.92rem}.nv{border:1px solid var(--ln);background:var(--s);color:var(--tx);border-radius:999px;padding:9px 16px;font:600 .88rem Figtree,sans-serif;cursor:pointer}.nv:hover{border-color:var(--v)}
.x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:1.1rem;cursor:pointer;z-index:2}
@media(max-width:760px){.dg{grid-template-columns:1fr;overflow:auto}.di{max-height:48vh}.dc{overflow:visible}}
.ong{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:22px}.ong a{padding:16px 18px;background:var(--s);border:1px solid var(--ln);border-radius:16px;font-weight:600;transition:.2s}.ong a:hover{border-color:var(--v);color:var(--v);transform:translateY(-3px)}
.card{background:var(--s);border:1px solid var(--ln);border-radius:24px;padding:28px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.team{text-align:center;transition:transform .25s,border-color .25s}.team:hover{transform:translateY(-6px);border-color:var(--v)}.team h3{font-size:1.2rem}.team p{margin:2px 0 12px;color:var(--mu);font-size:.92rem}
.av{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font:800 1.6rem Poppins,sans-serif;color:#fff;background:var(--g);box-shadow:0 0 0 5px var(--s),0 0 0 7px var(--ln);transition:box-shadow .3s}.team:hover .av{box-shadow:0 0 0 5px var(--s),0 0 0 8px var(--v)}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:820px){.cg{grid-template-columns:1fr}}
.ci{margin-top:18px}.ci small{display:block;font-size:.8rem;font-weight:600;color:var(--mu)}.ci a:hover{color:var(--v)}.cp{margin-left:8px;border:0;background:none;color:var(--v);cursor:pointer;font:600 .8rem Figtree,sans-serif}
.fm label{display:block;font-size:.88rem;font-weight:600;margin:16px 0 6px}.fm input,.fm select,.fm textarea{width:100%;padding:13px 16px;border-radius:14px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);font:inherit}
.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-color:var(--v);box-shadow:0 0 0 4px rgba(43,123,255,.2)}.fm .bad{border-color:#ff4d6d}.err{color:#ff4d6d;font-size:.82rem;min-height:1.2em;margin-top:4px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:620px){.fr{grid-template-columns:1fr}}
.ok{display:none;margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(51,227,176,.14);border:1px solid var(--m)}.ok.on{display:block}
footer{background:var(--ink);color:#a9c1ec;padding:46px 0 30px;font-size:.92rem}.fg{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}footer a{display:block;padding:3px 0}footer a:hover{color:#fff}footer h4{color:#fff;margin:0 0 8px}
#bar{position:fixed;left:0;top:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,var(--v),var(--c),var(--k))}
.top{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;z-index:60;opacity:0;pointer-events:none;transform:translateY(12px);transition:.3s}.top.show{opacity:1;pointer-events:auto;transform:none}
a:focus-visible,button:focus-visible,.ly:focus-visible{outline:3px solid var(--c);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}h1 em{transform:none}.steps::before{width:100%}.st b{opacity:1;transform:none}}
.pc{display:block;color:inherit}.crumb{font-size:.92rem;color:#a9c1ec;margin-bottom:16px}.crumb a:hover{color:#fff;text-decoration:underline}.crumb span{opacity:.6;margin:0 6px}
.pjg{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:start}.pjimg{border-radius:26px;overflow:hidden;border:1px solid var(--ln);background:var(--g);min-height:360px;display:grid;place-items:center;color:#fff;font:800 3.4rem Poppins,sans-serif}.pjimg img{width:100%;display:block}.pjimg.lg img{background:#fff}
.meta{position:sticky;top:90px}.meta dt{font-size:.82rem;font-weight:600;color:var(--mu);margin-top:20px}.meta dt:first-child{margin-top:0}.meta dd{margin:6px 0 0}.meta p{color:var(--mu);margin:0}.meta .btn{margin:8px 8px 0 0;padding:11px 20px;font-size:.92rem}
.pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:48px 0 0}.pn a{border:1px solid var(--ln);background:var(--s);border-radius:999px;padding:10px 20px;font-weight:600;transition:.2s}.pn a:hover{border-color:var(--v);color:var(--v)}
@media(max-width:860px){.pjg{grid-template-columns:1fr}.meta{position:static}}
.logo i{background:none;border-radius:0;font-size:0;width:36px;height:36px;overflow:visible}.logo i svg{width:100%;height:100%;display:block;overflow:visible}.logo i svg .lf{transform:translate(-400px,150px)}.logo i svg.go .lf{animation:lfRise 1.7s cubic-bezier(.45,.05,.25,1) both}@keyframes lfRise{from{transform:translate(0,860px)}to{transform:translate(-400px,150px)}}@media(prefers-reduced-motion:reduce){.logo i svg.go .lf{animation:none}}
.mq img{height:32px;width:auto;display:block;opacity:.75;transition:opacity .3s,transform .3s}.mq span:hover img{opacity:1;transform:scale(1.15)}

header{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}header.hid{transform:translateY(-110%)}header.sm{box-shadow:0 10px 30px rgba(0,0,0,.18)}.nav{transition:height .3s}header.sm .nav{height:56px}
nav ul{position:relative;z-index:0}.ind{position:absolute;left:0;top:50%;height:36px;margin-top:-18px;border-radius:999px;background:color-mix(in srgb,var(--v) 18%,transparent);border:1px solid color-mix(in srgb,var(--v) 40%,transparent);z-index:-1;opacity:0;transition:transform .45s cubic-bezier(.3,1.3,.5,1),width .45s cubic-bezier(.3,1.3,.5,1),opacity .2s;pointer-events:none}
.logo i{transition:filter .4s}.logo:hover i{filter:drop-shadow(0 0 7px rgba(0,170,223,.65))}#tg{transition:transform .5s cubic-bezier(.3,1.3,.5,1),border-color .2s}.burger{transition:transform .35s,background .2s}.burger[aria-expanded="true"]{transform:rotate(90deg);background:var(--v);color:#fff}
@media(min-width:821px){nav ul{gap:6px}}
@media(max-width:820px){nav a.l{padding:6px 0;border-radius:0}.ind{display:none}header.sm nav ul{top:56px}nav ul.open li{animation:fd .4s both}nav ul.open li:nth-child(2){animation-delay:.05s}nav ul.open li:nth-child(3){animation-delay:.1s}nav ul.open li:nth-child(4){animation-delay:.15s}nav ul.open li:nth-child(5){animation-delay:.2s}nav ul.open li:nth-child(6){animation-delay:.25s}}
.hero h1{font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.12;letter-spacing:-.02em}.hero h1 em{animation-delay:calc(var(--i)*.045s)}.hero p{animation-delay:1.2s}.btns{animation-delay:1.4s}
.stage{display:block;position:relative;height:440px;perspective:none}#net{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
.agent{position:absolute;left:0;bottom:6px;width:min(310px,88%);background:rgba(6,16,42,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 16px;font:500 .84rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6d9ff;pointer-events:none}
.ah{display:flex;gap:6px;align-items:center;margin-bottom:8px}.ah i{width:8px;height:8px;border-radius:50%;background:#ff5f7a}.ah i:nth-child(2){background:#ffc857}.ah i:nth-child(3){background:#35d0ff}.ah span{margin-left:8px;color:#8fa8d6;font-size:.75rem}
.at{min-height:1.4em}.caret{display:inline-block;width:7px;height:1em;background:var(--c);vertical-align:-2px;margin-left:2px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.ab{height:3px;border-radius:2px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden}#abar{height:100%;width:0;background:linear-gradient(90deg,var(--v),var(--c),var(--k))}
@media(max-width:860px){.stage{height:360px}}

/* v2: taller nav, vibrant theme, robot, transitions, new pages */
:root{--v:#2b7bff;--c:#00d4ff;--k:#4aa8ff;--m:#35d0ff}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 110px)}
.nav{height:92px}header.sm .nav{height:68px}.logo{font-size:1.3rem}.logo i{width:50px;height:50px}nav a.l{font-size:1.02rem}.ind{height:42px;margin-top:-21px}.meta{top:120px}
header{border-bottom:2px solid;border-image:linear-gradient(90deg,var(--v),var(--c),var(--k),var(--m)) 1}
@media(min-width:821px) and (max-width:1090px){nav a.l{padding:8px;font-size:.9rem}.logo span{display:none}}
@media(max-width:820px){nav ul{top:92px}header.sm nav ul{top:68px}.logo i{width:42px;height:42px}}
body{background-image:radial-gradient(600px 400px at 92% 18%,rgba(74,168,255,.1),transparent),radial-gradient(700px 500px at 4% 62%,rgba(0,212,255,.1),transparent);background-attachment:fixed}
@keyframes gs{50%{background-position:100% 50%}}
.hero{background:linear-gradient(125deg,#030a1e,#06245e 35%,#04153d 70%,#0a1f5c);background-size:300% 300%;animation:gs 16s ease infinite}
.hero::after{background:radial-gradient(520px 440px at 76% 50%,rgba(43,123,255,.6),transparent),radial-gradient(380px 300px at 8% 100%,rgba(74,168,255,.35),transparent),radial-gradient(300px 260px at 55% 0,rgba(0,212,255,.3),transparent)}
.hero h1 em{background:linear-gradient(90deg,#fff,#b9a8ff 40%,#5be6ff 70%,#ff8fc4);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:up .9s cubic-bezier(.2,.8,.2,1) forwards,gs 9s ease infinite;animation-delay:calc(var(--i)*.045s),0s}
section>.w>h2{background:linear-gradient(90deg,var(--v),var(--k),var(--c),var(--v));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 8s linear infinite;display:inline-block}
.btn{background:linear-gradient(90deg,var(--v),var(--k),var(--c));background-size:200% 100%;animation:gs 6s ease infinite}
.bc{border-color:color-mix(in srgb,var(--a) 35%,var(--ln));box-shadow:0 14px 40px -18px var(--a);transition:transform .3s,box-shadow .3s}.bc:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 26px 50px -16px var(--a)}.bar{height:8px}
.cta{background:linear-gradient(120deg,var(--v),var(--k) 45%,var(--c),var(--v));background-size:250% 250%;animation:gs 12s ease infinite}
.ph{position:relative;overflow:hidden;background-image:radial-gradient(700px 300px at 85% 0,rgba(43,123,255,.6),transparent),radial-gradient(500px 260px at 0 100%,rgba(74,168,255,.35),transparent)}.ph .w{position:relative;z-index:1}
footer{border-top:3px solid;border-image:linear-gradient(90deg,var(--v),var(--k),var(--c)) 1}
.pg.on{animation:pi .7s cubic-bezier(.2,.8,.2,1)}@keyframes pi{from{opacity:0;transform:translateY(30px) scale(.985);filter:blur(10px)}}
#wipe{position:fixed;inset:0;z-index:98;pointer-events:none;background:linear-gradient(115deg,var(--v),var(--k),var(--c));transform:translateX(101%)}#wipe.go{animation:wp .8s cubic-bezier(.7,0,.2,1)}@keyframes wp{from{transform:translateX(0)}to{transform:translateX(101%)}}
.rv{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
/* robot */
.stage{height:520px}
.bot{position:absolute;right:4px;bottom:0;width:128px;animation:fl 4s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 12px 30px rgba(43,123,255,.6))}.bot svg{display:block;width:100%}
@keyframes fl{50%{transform:translateY(-12px) rotate(-2deg)}}
.an{animation:pl 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pl{50%{transform:scale(1.5);opacity:.5}}
.ey{transform-box:fill-box;transform-origin:center;animation:bk 4.5s infinite}@keyframes bk{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.bot.ok .ey{fill:#ffc83d}.bot.ok .mo{d:path("M48 68q12 12 24 0")}
.bub{position:absolute;right:22px;bottom:152px;width:210px;padding:12px 14px;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,rgba(43,123,255,.88),rgba(0,212,255,.55));border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);font:600 .85rem Figtree,sans-serif;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bt{transition:opacity .35s,transform .35s;min-height:1.3em}.bt.out{opacity:0;transform:translateY(8px)}
.bd{display:flex;gap:5px;margin-top:8px}.bd i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.25);transition:background .4s}.bd i.on{background:#fff}
@media(max-width:860px){.stage{height:400px}.bot{width:92px}.bub{bottom:116px;width:170px;right:16px}}
/* technologies */
.fi{position:absolute;width:66px;height:66px;padding:10px;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.35);animation:fl 5s ease-in-out infinite;animation-delay:var(--dl)}.fi img{width:100%;height:100%;object-fit:contain}@media(max-width:860px){.fi{display:none}}
.tcd{background:var(--s);border:1px solid color-mix(in srgb,var(--a) 35%,var(--ln));border-radius:28px;padding:28px;margin-bottom:22px;box-shadow:0 18px 44px -26px var(--a);position:relative;overflow:hidden}.tcd::before{content:"";position:absolute;left:0;top:0;height:5px;width:100%;background:linear-gradient(90deg,var(--a),transparent)}
.th{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.th b{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:color-mix(in srgb,var(--a) 20%,transparent)}.th h3{font-size:1.4rem}.th span{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--a)}
.tl{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px}
.tt{text-align:center;font-size:.84rem;font-weight:600;padding:14px 8px;border-radius:18px;border:1px solid var(--ln);transition:transform .3s,border-color .3s,box-shadow .3s}.tcd.in .tt{animation:pop .55s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(var(--j)*.05s)}@keyframes pop{from{opacity:0;transform:scale(.55) translateY(16px)}}
.tt:hover{transform:translateY(-8px) rotate(-3deg) scale(1.05);border-color:var(--a);box-shadow:0 16px 30px -12px var(--a)}
.im{width:68px;height:68px;margin:0 auto 10px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:9px}.im img{max-width:100%;max-height:100%;transition:transform .5s}.tt:hover .im img{transform:scale(1.18) rotate(6deg)}
/* story */
.sg{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}@media(max-width:860px){.sg{grid-template-columns:1fr}}
.ill{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(43,123,255,.5))}.fl2{animation:fl 5s ease-in-out infinite}.fl3{animation:fl 6.5s ease-in-out infinite reverse}.gr{transform-box:fill-box;transform-origin:bottom;animation:gw 2.6s ease-in-out infinite alternate}@keyframes gw{from{transform:scaleY(.35)}}.sp{animation:spin 18s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:30px 0}.stats .card{text-align:center;padding:22px}.stats b{display:block;font:800 2.6rem Poppins,sans-serif;background:linear-gradient(90deg,var(--v),var(--k));-webkit-background-clip:text;background-clip:text;color:transparent}
.sc{text-align:center;transition:transform .35s,box-shadow .35s}.sc:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 24px 50px -22px var(--v)}.sc svg{width:150px;height:125px}.sc h3{font-size:1.3rem;margin:8px 0}.sc p{color:var(--mu);margin:0}
.tm{position:relative;margin:26px 0 0 14px;padding-left:34px;border-left:3px solid transparent;border-image:linear-gradient(var(--v),var(--k),var(--c)) 1}.tm div{position:relative;margin-bottom:34px}.tm div::before{content:"";position:absolute;left:-48px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--bg);border:4px solid var(--k);box-shadow:0 0 0 6px color-mix(in srgb,var(--k) 20%,transparent)}.tm h3{font-size:1.3rem}.tm small{font-weight:700;color:var(--k)}.tm p{margin:4px 0 0;color:var(--mu);max-width:56ch}

/* v3: deep-navy / electric-blue glass scheme */
:root{--v:#2b7bff;--c:#35d0ff;--k:#5aa9ff;--m:#35d0ff}
:root[data-theme="dark"]{--bg:#040a1c;--s:#0a1530;--ln:#16306a}
body{background-image:radial-gradient(900px 600px at 50% -10%,rgba(43,123,255,.22),transparent),radial-gradient(600px 500px at 95% 55%,rgba(53,208,255,.12),transparent),radial-gradient(600px 500px at 0 85%,rgba(43,123,255,.14),transparent),radial-gradient(rgba(120,170,255,.09) 1px,transparent 1px);background-size:auto,auto,auto,26px 26px}
header{border-image:linear-gradient(90deg,transparent,#2b7bff,#35d0ff,#2b7bff,transparent) 1}
:root[data-theme="dark"] header{background:rgba(4,10,28,.72)}
.hero{background:radial-gradient(900px 520px at 50% 0,#0a2f7a 0,transparent 70%),linear-gradient(160deg,#030a1e,#051a4a 55%,#030a1e);background-size:auto,300% 300%}
.hero::after{background:radial-gradient(520px 440px at 76% 52%,rgba(43,123,255,.55),transparent),radial-gradient(320px 260px at 20% 100%,rgba(53,208,255,.22),transparent)}
.hero h1 em{background-image:linear-gradient(90deg,#fff,#cfe4ff 45%,#6fc3ff 75%,#35d0ff)}
section>.w>h2{background-image:linear-gradient(90deg,#2b7bff,#35d0ff,#8fc4ff,#2b7bff)}
.btn,.cta{background-image:linear-gradient(90deg,#1858e8,#2b8bff,#35d0ff)}.btn{box-shadow:0 0 0 1px rgba(120,190,255,.5) inset,0 8px 30px rgba(43,123,255,.65)}.btn:hover{box-shadow:0 0 0 1px rgba(160,215,255,.8) inset,0 12px 44px rgba(53,160,255,.85)}.btn.g{background:rgba(10,30,70,.5);border:1px solid rgba(120,180,255,.4);box-shadow:0 0 24px rgba(43,123,255,.25)}
:root[data-theme="dark"] .bc,:root[data-theme="dark"] .card,:root[data-theme="dark"] .tcd,:root[data-theme="dark"] .pc,:root[data-theme="dark"] .list li,:root[data-theme="dark"] .chip{background:linear-gradient(160deg,rgba(20,45,100,.5),rgba(6,16,44,.55));backdrop-filter:blur(14px);border-color:rgba(90,160,255,.28);box-shadow:0 0 0 1px rgba(120,190,255,.06) inset,0 18px 44px -20px rgba(43,123,255,.55)}
:root[data-theme="dark"] .bc:hover,:root[data-theme="dark"] .tcd:hover,:root[data-theme="dark"] .card:hover{border-color:rgba(110,190,255,.6)}
:root[data-theme="dark"] .tt{background:rgba(20,50,110,.28);border-color:rgba(90,160,255,.25)}
.ph{background-image:radial-gradient(700px 300px at 85% 0,rgba(43,123,255,.55),transparent),radial-gradient(500px 260px at 0 100%,rgba(53,208,255,.2),transparent)}
.agent,.bub{border-color:rgba(110,190,255,.4);box-shadow:0 0 36px rgba(43,123,255,.4)}.bub{background:linear-gradient(135deg,rgba(24,88,232,.85),rgba(53,208,255,.5))}
.bot{filter:drop-shadow(0 0 28px rgba(53,160,255,.75))}
.stage::before{content:"";position:absolute;left:50%;top:44%;width:290px;height:290px;margin:-145px 0 0 -145px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#9be8ff,#1f6bff 38%,#04195a 74%);box-shadow:0 0 90px 24px rgba(43,123,255,.55),inset 0 0 70px rgba(130,225,255,.65);opacity:.5;animation:orb 6s ease-in-out infinite}@keyframes orb{50%{transform:scale(1.08);opacity:.68}}
.stage::after{content:"";position:absolute;left:50%;top:44%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;border:2px solid transparent;border-top-color:#35d0ff;border-right-color:rgba(43,123,255,.6);filter:drop-shadow(0 0 8px #35d0ff);animation:spin 9s linear infinite}
footer{background:#030a1e;border-image:linear-gradient(90deg,transparent,#2b7bff,#35d0ff,transparent) 1}

/* v4: realistic robot, liquid globe, focus labels */
.bot{width:170px}.bub{bottom:226px}
.arm{transform-box:fill-box;transform-origin:50% 0;animation:sw 4s ease-in-out infinite}.arm.r{animation-delay:-2s}@keyframes sw{50%{transform:rotate(6deg)}}
.jet{transform-box:fill-box;transform-origin:50% 0;animation:jt .25s ease-in-out infinite alternate}@keyframes jt{to{transform:scaleY(1.18);opacity:.7}}
.cr{animation:cr 1.6s ease-in-out infinite}@keyframes cr{50%{opacity:.4}}
.stage::before{content:none}
.orb{position:absolute;left:50%;top:44%;width:300px;height:300px;margin:-150px 0 0 -150px;transform:translate(calc(var(--px,0)*1px),calc(var(--py,0)*1px));transition:transform .5s ease-out;pointer-events:none}
.orb svg{width:100%;height:100%;overflow:visible;animation:orb 7s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(43,123,255,.75))}
.wvg{transform:translateY(calc(var(--lv,0)*-12px));transition:transform 1.4s cubic-bezier(.4,0,.2,1)}
.wv{animation:wx 6s linear infinite}.wv.b{animation-duration:9s;animation-direction:reverse}@keyframes wx{to{transform:translateX(-300px)}}
.bb{animation:br 6s linear infinite}@keyframes br{to{transform:translateY(-130px);opacity:0}}
.orb::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #35d0ff;opacity:0}.orb.rp::after{animation:rp 1.2s ease-out}@keyframes rp{from{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.7)}}
@media(max-width:860px){.bot{width:118px}.bub{bottom:160px}.orb{width:230px;height:230px;margin:-115px 0 0 -115px}}

/* v5: headline type, bigger globe, robot left */
.hero h1{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(1.68rem,3.44vw,2.8rem);line-height:1.14;letter-spacing:-.03em}
.hero h1 em.hl{background-image:linear-gradient(90deg,#35d0ff,#2b8bff,#9be8ff,#35d0ff);filter:drop-shadow(0 0 16px rgba(53,208,255,.4))}
.hero p{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-weight:400;font-size:.95rem;line-height:1.8;max-width:58ch;min-height:7.4em;color:#b4cbf0}
.kw{color:#35d0ff;font-weight:500;text-shadow:0 0 14px rgba(53,208,255,.55)}
.tc{display:inline-block;width:8px;height:1.1em;background:#35d0ff;vertical-align:-3px;margin-left:2px;box-shadow:0 0 10px #35d0ff;animation:bl 1s steps(1) infinite}
.stage{height:560px}
.orb{width:min(420px,100%);height:auto;aspect-ratio:1;margin:0;translate:-50% -50%}
.stage::after{width:min(476px,112%);height:auto;aspect-ratio:1;margin:0;translate:-50% -50%}
.bot{left:6px;right:auto}
.bub{left:176px;right:auto;bottom:130px;border-radius:16px 16px 16px 4px}
.agent{left:auto;right:0}
@media(max-width:860px){.stage{height:440px}.orb{width:min(322px,100%);margin:0}.bub{left:126px;bottom:112px;width:170px}.agent{left:126px;right:0;width:auto}.hero p{font-size:.85rem;min-height:9em}}

/* v6: AI in action */
.fxw{position:relative;overflow:hidden;border-radius:32px;padding:3%;background:radial-gradient(700px 400px at 50% 50%,rgba(43,123,255,.3),transparent),radial-gradient(rgba(120,170,255,.1) 1px,transparent 1px) 0 0/22px 22px,#030a1e;border:1px solid rgba(90,160,255,.28);box-shadow:0 30px 80px -30px rgba(43,123,255,.65)}
.fx{position:relative;aspect-ratio:1000/440;max-width:1000px;margin:0 auto;container-type:inline-size;color:#eaf3ff}
.lns{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fw{animation:dsh 1.1s linear infinite}@keyframes dsh{to{stroke-dashoffset:-17}}
.gb{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8fe3ff,#1f6bff 36%,#04195a 72%);box-shadow:0 0 80px 18px rgba(43,123,255,.65),inset 0 0 50px rgba(130,225,255,.65);animation:orb 6s ease-in-out infinite}
.gb::before,.gb::after{content:"";position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(170,240,255,.95),transparent 30%,rgba(60,140,255,.8),transparent 62%,rgba(170,240,255,.7),transparent);filter:blur(4px);mix-blend-mode:screen;animation:spin 5s linear infinite}.gb::after{inset:14%;transform:rotate(60deg);animation-duration:8s;animation-direction:reverse}
.fc{position:absolute;width:29%;min-width:0;padding:1.5cqw 1.7cqw;font-size:1.4cqw;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(20,45,100,.6),rgba(6,16,44,.65));border:1px solid rgba(90,160,255,.32);box-shadow:0 0 0 1px rgba(120,190,255,.08) inset,0 18px 44px -18px rgba(43,123,255,.65);backdrop-filter:blur(12px)}
.ct{display:flex;align-items:center;justify-content:space-between;gap:.6em;font:600 1.2em Poppins,Figtree,sans-serif;margin-bottom:.7em}
.cr2{overflow:hidden;margin-bottom:.6em;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.cq{display:flex;gap:.6em;width:max-content;animation:mqx 16s linear infinite}.cq.rvs{animation-direction:reverse;animation-duration:20s}@keyframes mqx{to{transform:translateX(-50%)}}
.ck,.bz{display:flex;align-items:center;gap:.5em;white-space:nowrap;padding:.4em .9em;border-radius:99em;background:rgba(40,90,200,.35);border:1px solid rgba(120,190,255,.3)}
.ck::before{content:"✓";display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:#2b7bff;font-size:.8em}.bz::before{content:"⚡";color:#35d0ff;font-size:.9em}
.wf{display:flex;flex-direction:column;align-items:center;gap:.3em}.wn{padding:.4em 1em;border-radius:99em;background:rgba(40,90,200,.35);border:1px solid rgba(120,190,255,.3);animation:act 6s ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes act{0%,40%{opacity:1;box-shadow:0 0 18px rgba(53,208,255,.6);border-color:#35d0ff}55%,100%{opacity:.45;box-shadow:none}}
.wa{width:2px;height:1.1em;background:linear-gradient(#35d0ff,transparent);position:relative}.wa::after{content:"";position:absolute;left:-2px;top:0;width:6px;height:6px;border-radius:50%;background:#fff;animation:dn 1.4s ease-in infinite}@keyframes dn{to{top:100%;opacity:0}}
.pr2{display:flex;justify-content:space-between;align-items:center;margin-top:.6em;padding:.45em .5em .45em 1em;border-radius:99em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:.85em;color:#b4cbf0}.pr2 b{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:#2b7bff}
.bdg{font:500 .72em Figtree,sans-serif;padding:.25em .8em;border-radius:99em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#7dffc8}.bdg small{color:#9fb6dc;font-size:.9em}
.chart{display:flex;gap:.6em;height:calc(100% - 3.2em)}.yl{display:flex;flex-direction:column;justify-content:space-between;font-size:.7em;color:#8fa8d6;padding-bottom:1.6em}
.bars{flex:1;display:flex;gap:.8em;height:100%}.bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.bars i{display:block;width:78%;height:calc(var(--h)*78%);border-radius:.4em .4em 0 0;background:linear-gradient(#5fd0ff,#1f6bff);transform-origin:bottom;animation:bg 3.2s ease-in-out infinite;animation-delay:var(--dl,0s);box-shadow:0 0 14px rgba(43,123,255,.6)}@keyframes bg{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}.bars u{text-decoration:none;font-size:.7em;color:#8fa8d6;margin-top:.4em}
@media(max-width:760px){.fx{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;container-type:normal}.lns{display:none}.fc{position:static!important;width:auto!important;height:auto!important;font-size:12px;padding:14px}.gb{position:relative;left:auto;top:auto;translate:none;width:190px;grid-column:1/-1;margin:6px auto 14px;order:-1}.chart{height:110px}}

/* v7: brain section + mobile menu */
.fh{text-align:center;font:800 clamp(1.7rem,3.8vw,2.6rem)/1.15 Poppins,sans-serif;color:#fff;margin:0 0 2.5%;letter-spacing:-.02em;-webkit-text-fill-color:initial}.fh span{display:block;background:linear-gradient(90deg,#2b8bff,#4fc3ff,#2b8bff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s ease infinite}
.bnw{position:absolute;left:50%;top:50%;width:32%;translate:-50% -50%}.br{display:block;width:100%;overflow:visible}
.bn{animation:bf2 6s ease-in-out infinite,bpl 3s ease-in-out infinite}@keyframes bf2{50%{transform:translateY(-8px)}}@keyframes bpl{0%,100%{filter:drop-shadow(0 0 6px rgba(53,208,255,.5))}50%{filter:drop-shadow(0 0 24px rgba(53,208,255,.95))}}
.np use{animation:ns 3s linear infinite;animation-delay:calc(var(--q)*-.7s)}@keyframes ns{to{stroke-dashoffset:-74}}
.bm line{animation:bfl 2.4s ease-in-out infinite;animation-delay:calc(var(--q)*-.25s)}@keyframes bfl{50%{opacity:.2}}
.rp1{transform-box:fill-box;transform-origin:center;animation:rpl 2.8s ease-out infinite}@keyframes rpl{from{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}
.sk{animation:tw 2.4s ease-in-out infinite;animation-delay:var(--q)}@keyframes tw{50%{opacity:.1}}
.fc{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5em;padding:2cqw;font-size:1.4cqw;transition:transform .35s,border-color .35s,box-shadow .35s}.fc:hover{transform:translateY(-6px);border-color:rgba(110,190,255,.7);box-shadow:0 0 0 1px rgba(120,190,255,.2) inset,0 22px 50px -14px rgba(43,123,255,.9)}
.fx.in .fc{animation:cin .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k)*.15s)}@keyframes cin{from{opacity:0;transform:translateY(28px) scale(.96)}}
.fc::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(130,200,255,.16) 50%,transparent 60%);transform:translateX(-130%);animation:sh 6s ease-in-out infinite;animation-delay:calc(var(--k)*1.2s)}@keyframes sh{55%,100%{transform:translateX(130%)}}
.ic{display:grid;place-items:center;width:3.4em;height:3.4em;border-radius:1em;background:linear-gradient(135deg,#1f6bff,#35d0ff);box-shadow:0 0 22px rgba(43,123,255,.7);animation:bobi 3.5s ease-in-out infinite;animation-delay:calc(var(--k)*-.6s)}.ic svg{width:58%;height:58%}@keyframes bobi{50%{transform:translateY(-4px) scale(1.07)}}
.ct2{display:block;font:600 1.35em Poppins,Figtree,sans-serif}.cs{color:#9fb6dc;line-height:1.4}
.ar3{display:inline-block;animation:nx 1.4s ease-in-out infinite}@keyframes nx{50%{transform:translateX(5px)}}
@media(max-width:760px){.bnw{position:relative;left:auto;top:auto;translate:none;width:min(260px,70%);grid-column:1/-1;margin:0 auto 8px;order:-1}.fc{font-size:12px;align-items:flex-start}.fc:hover{transform:none}}
/* mobile menu fix: burger from 1100px down, dropdown overlay */
@media(max-width:1100px){.burger{display:grid;width:48px;height:48px;border-radius:14px}.logo span{display:inline}
nav ul{position:absolute;left:0;right:0;top:100%;z-index:70;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 22px;background:var(--s);border-bottom:2px solid var(--v);box-shadow:0 30px 60px rgba(0,0,0,.45);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto}
nav ul.open{display:flex}header.sm nav ul{top:100%}.ind{display:none}
nav li{padding:0;border-bottom:1px solid var(--ln)}nav li:last-child{border:0;padding-top:14px}nav li:has(>.btn){border:0;padding:16px 0 4px}
nav a.l{display:block;padding:15px 4px;font-size:1.1rem;border-radius:0;color:var(--tx)}nav a.l.on{color:var(--c)}nav .btn{width:100%;justify-content:center;padding:14px;font-size:1rem}
nav ul.open li{animation:fd .4s both}nav ul.open li:nth-child(2){animation-delay:0.10s}nav ul.open li:nth-child(3){animation-delay:0.15s}nav ul.open li:nth-child(4){animation-delay:0.20s}nav ul.open li:nth-child(5){animation-delay:0.25s}nav ul.open li:nth-child(6){animation-delay:0.30s}nav ul.open li:nth-child(7){animation-delay:0.35s}nav ul.open li:nth-child(8){animation-delay:0.40s}nav ul.open li:nth-child(9){animation-delay:0.45s}}
.list li::before{display:none}.list li .li{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;color:var(--d);background:color-mix(in srgb,var(--d) 15%,transparent)}.list li .li svg{width:20px;height:20px}.bi{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:16px;color:var(--a);background:color-mix(in srgb,var(--a) 16%,transparent);border:1px solid color-mix(in srgb,var(--a) 40%,transparent)}.bi svg{width:26px;height:26px}.ft h3 a:hover{text-decoration:underline}.ec{padding-top:6px}.ecs{padding:34px 0 0}.ecs h2{font-size:clamp(1.6rem,3vw,2.2rem);text-align:center;margin:0 0 10px}.ec-sub{text-align:center;color:var(--mu);margin:0 auto 24px;max-width:62ch}.ec-p{color:var(--mu);max-width:80ch;margin:0 auto 12px;line-height:1.7}.ec-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0 0}.ec-chips span{padding:6px 14px;border-radius:999px;font-size:.88rem;font-weight:600;color:#4f9bff;background:rgba(43,123,255,.12);border:1px solid rgba(120,160,255,.25)}.ec-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:22px}.ec-sub+.ec-g{margin-top:0}.ec-c{padding:24px;border-radius:18px;border:1px solid var(--ln,rgba(120,160,255,.3));background:var(--s,rgba(120,160,255,.08));transition:transform .2s,box-shadow .2s}.ec-c:hover{transform:translateY(-4px);box-shadow:0 14px 34px -14px rgba(43,123,255,.55)}.ec-c.b{border-left:4px solid #22d3a0}.ec-c h3{margin:0 0 8px;font-size:1.15rem}.ec-c p{margin:0;color:var(--mu);line-height:1.6}.ec-i{width:46px;height:46px;color:#35d0ff;margin-bottom:12px}.ec-ct{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:20px}.ec-ct a{display:flex;flex-direction:column;gap:2px;min-width:230px;text-align:center;padding:16px 24px;border-radius:16px;font-weight:600;text-decoration:none;color:inherit;border:1px solid var(--ln,rgba(120,160,255,.3));background:var(--s,rgba(120,160,255,.08))}.ec-ct a b{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#35d0ff}.ec-ct a:hover{border-color:#35d0ff}@media(prefers-reduced-motion:reduce){.ec-c{transition:none}.ec-c:hover{transform:none}}nav .dd.mg{align-items:start;width:min(680px,92vw)}.mgc{display:flex;flex-direction:column;gap:2px}nav .dd a.mgi{padding:5px 12px 5px 15px;gap:10px;font-size:.88rem}.mgd{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;color:var(--c);background:linear-gradient(135deg,color-mix(in srgb,var(--v) 24%,transparent),color-mix(in srgb,var(--c) 12%,transparent));border:1px solid color-mix(in srgb,var(--v) 34%,transparent);transition:background .25s,color .25s,transform .25s}.mgd svg{width:12px;height:12px}nav .dd a.mgi:hover .mgd,nav .dd a.mgi:focus-visible .mgd{color:#fff;background:linear-gradient(135deg,var(--v),var(--c));transform:scale(1.1)}nav li.hd:hover>.dd a.mgh,nav li.hd:focus-within>.dd a.mgh,nav li.hd.open>.dd a.mgh{animation-fill-mode:backwards}nav .dd a.mgh{margin-bottom:4px;padding:8px 14px 8px 8px;border-radius:16px;color:var(--tx);font-size:1.02rem;font-weight:700;background:color-mix(in srgb,var(--v) 14%,transparent);border:1px solid color-mix(in srgb,var(--v) 38%,transparent);transform-origin:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,border-color .3s}nav .dd a.mgh .di{width:40px;height:40px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--v),var(--c));box-shadow:0 6px 18px -4px rgba(43,123,255,.8)}nav .dd a.mgh:hover,nav .dd a.mgh:focus-visible{transform:scale(1.045);color:var(--tx);background:color-mix(in srgb,var(--v) 24%,transparent);border-color:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 10px 34px -4px color-mix(in srgb,var(--v) 85%,transparent),0 0 30px -2px color-mix(in srgb,var(--c) 60%,transparent)}nav .dd a.mgh:hover .di,nav .dd a.mgh:focus-visible .di{transform:scale(1.15) rotate(-6deg);box-shadow:0 0 26px 2px color-mix(in srgb,var(--c) 85%,transparent),0 8px 22px -4px rgba(43,123,255,.9)}@media(prefers-reduced-motion:reduce){nav .dd a.mgh,nav .dd a.mgh .di{transition:none}nav .dd a.mgh:hover,nav .dd a.mgh:hover .di{transform:none}}.ec-l{display:block;text-decoration:none;color:inherit;cursor:pointer}.ec-ic{display:block;width:46px;height:46px;color:#35d0ff;margin-bottom:12px}.ec-ic svg{width:100%;height:100%}.ec-b{display:inline-block;margin-top:14px;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;color:#a9c4ff;background:rgba(120,160,255,.14);border:1px solid rgba(120,160,255,.3)}.ec-go{display:inline-block;margin-top:14px;font-weight:700;color:#35d0ff}.ec-note{text-align:center;color:var(--mu);margin:26px 0 0}.ec-note a{text-decoration:underline}.dmp{padding:34px 0 6px}.dmp-f{margin:0;min-width:0;border-radius:26px;overflow:hidden;line-height:0;border:1px solid rgba(80,140,255,.45);box-shadow:0 0 0 1px rgba(53,208,255,.12),0 30px 80px -20px rgba(43,123,255,.65),0 0 70px -10px rgba(43,123,255,.45);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.dmp-f:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 0 0 1px rgba(53,208,255,.35),0 40px 100px -20px rgba(43,123,255,.85),0 0 90px -6px rgba(53,208,255,.55)}.dmp-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}@media(max-width:860px){.dmp-g{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}.dmp-f img{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.dmp-f{transition:none}.dmp-f:hover{transform:none}}.bgw [hidden]{display:none!important}.bgw{padding:6px 0 18px}.bg-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.25fr) minmax(300px,1.1fr);gap:20px;align-items:start}.bg-card,.bg-list{background:var(--s);border:1px solid var(--ln);border-radius:18px}.bg-card{padding:22px;position:relative}.bg-list{overflow:hidden;display:flex;flex-direction:column;max-height:640px}.bg-lh{display:flex;align-items:center;gap:12px;padding:12px 14px;background:color-mix(in srgb,var(--v) 12%,transparent);border-bottom:1px solid var(--ln)}.bg-lh h2{margin:0;font-size:1.2rem}.bg-li{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--v),var(--c));flex:none}.bg-li svg{width:24px;height:24px}#bgList{list-style:none;margin:0;padding:8px;overflow:auto}#bgList button{display:block;width:100%;text-align:left;padding:11px 14px;margin-bottom:3px;border:0;border-left:4px solid transparent;border-radius:10px;background:transparent;color:var(--tx);font:inherit;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}#bgList button:hover{background:color-mix(in srgb,var(--v) 14%,transparent);transform:translateX(3px)}#bgList button.on{background:linear-gradient(135deg,var(--v),var(--c));color:#fff;border-left-color:#fff;box-shadow:0 8px 22px -8px color-mix(in srgb,var(--v) 80%,transparent)}.bg-th{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.bg-th h2{margin:0;font-size:1.5rem}.bg-th .bg-lnk{margin-left:auto}.bg-info{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--v);background:transparent;color:var(--v);font:italic 700 .8rem Georgia,serif;cursor:pointer;line-height:1;padding:0}.bg-lnk{border:0;background:transparent;color:var(--v);font:inherit;font-weight:700;cursor:pointer;padding:4px 2px}.bg-lnk:hover{text-decoration:underline}.bg-desc{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--v) 10%,transparent);color:var(--mu);font-size:.93rem;line-height:1.55}.bg-lb,.bgw label{display:block;font-weight:600;color:var(--mu);font-size:.92rem;margin:0 0 6px}.bgw input[type=text],.bgw input[type=number],.bgw textarea,.bgw select{width:100%;padding:11px 13px;border-radius:12px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);font:inherit;box-sizing:border-box}.bgw textarea{resize:vertical;min-height:150px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1rem}.bgw input[type=color]{width:100%;height:42px;padding:3px;border-radius:12px;border:1px solid var(--ln);background:var(--bg);cursor:pointer;box-sizing:border-box}.bgw input:focus,.bgw textarea:focus,.bgw select:focus,.bgw button:focus-visible{outline:3px solid var(--c);outline-offset:2px}.bg-opt{margin-top:12px}.bg-opt label{display:flex;align-items:center;gap:9px;color:var(--tx);font-weight:600;margin:0 0 10px;cursor:pointer}.bg-opt label select{width:auto;flex:1;max-width:190px}.bgw input[type=checkbox]{width:18px;height:18px;accent-color:var(--v);flex:none}.bg-orow{display:flex;align-items:center;justify-content:space-between;gap:10px}.bg-orow label{margin:0 0 10px}.bg-h{margin:8px 0 0;color:var(--mu);font-size:.88rem;line-height:1.5}.bg-h b{color:var(--tx)}.bg-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.bg-seq{margin:0 0 16px;padding:14px;border-radius:14px;border:1px dashed var(--ln)}.bg-acts{display:flex;align-items:center;gap:14px}.bg-b{padding:10px 20px;border:0;border-radius:999px;background:var(--v);color:#fff;font:inherit;font-weight:800;cursor:pointer}.bg-b:hover{filter:brightness(1.1)}.bg-bar{display:flex;align-items:center;justify-content:space-between;margin:-6px -6px 6px}.bg-ct{font-size:.85rem;font-weight:700;color:var(--mu)}.bg-ic{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--ln);background:transparent;color:var(--mu);display:grid;place-items:center;cursor:pointer;transition:color .2s,background .2s,transform .2s}.bg-ic svg{width:21px;height:21px}.bg-ic:hover:not(:disabled){color:var(--v);background:color-mix(in srgb,var(--v) 12%,transparent);transform:scale(1.08)}.bg-ic:disabled{opacity:.4;cursor:not-allowed}.bg-ic.tip::after{content:attr(data-tip);position:absolute;left:0;top:46px;white-space:nowrap;padding:6px 10px;border-radius:8px;background:var(--tx);color:var(--bg);font-size:.8rem;font-weight:600;z-index:6}.bg-set{position:absolute;left:14px;right:14px;top:62px;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:14px;background:var(--s);border:1px solid var(--ln);box-shadow:0 22px 60px -14px rgba(0,0,0,.5)}.bg-set .bg-ck{display:flex;align-items:center;gap:9px;color:var(--tx);margin:0;cursor:pointer}.bg-full{grid-column:1/-1}.bg-prev{min-height:280px;max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:12px;margin:6px 0}.bg-one{max-width:100%;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--ln)}.bg-one svg{display:block;max-width:100%;height:auto}.bg-err{margin:0;color:#e5484d;font-weight:600;text-align:center;line-height:1.5}.bg-help{text-align:center}.bg-help a{color:var(--v);font-weight:700}.bg-dl{display:flex;margin-top:14px}.bg-dlb{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;border:0;border-radius:999px 0 0 999px;background:var(--v);color:#fff;font:inherit;font-weight:800;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:filter .2s}.bg-dlb svg{width:22px;height:22px}.bg-dlb:hover:not(:disabled){filter:brightness(1.12)}.bg-dlb:disabled{opacity:.5;cursor:not-allowed}.bgw .bg-dl select{width:96px;height:52px;border-radius:0 999px 999px 0;border-left:1px solid rgba(255,255,255,.35);background:var(--v);color:#fff;font-weight:800;text-align:center;cursor:pointer;padding:0 12px}.bgw .bg-dl select option{color:#000}@media(max-width:1060px){.bg-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bg-list{grid-column:1/-1;max-height:250px}}@media(max-width:720px){.bg-grid{grid-template-columns:1fr}.bg-set{grid-template-columns:1fr}.bg-r3{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){#bgList button,.bg-ic{transition:none}#bgList button:hover,.bg-ic:hover{transform:none}}.ft-lm{margin-top:18px;padding:10px 22px;font-size:.95rem;text-decoration:none}.sv .hi{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:var(--c);background:rgba(53,208,255,.12);border:1px solid rgba(53,208,255,.4);margin-bottom:14px}.sv .hi svg{width:28px;height:28px}
.sv .ph h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;max-width:20ch;margin:10px 0 16px;line-height:1.12}.sv .ph .btn{margin-top:22px}
.sv .cols{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;padding:48px 22px 72px}.sv article{max-width:72ch}
.sv article h2{font-size:1.6rem;font-weight:800;margin:40px 0 12px}.sv article p,.sv article li{color:var(--mu)}.sv article li{margin:6px 0}.sv article a{color:var(--v);text-decoration:underline}
.sv details{border:1px solid var(--ln);border-radius:14px;background:var(--s);padding:14px 18px;margin:10px 0}.sv summary{font-weight:600;cursor:pointer}.sv details p{margin:10px 0 0}
.sv aside{position:sticky;top:120px;align-self:start;border:1px solid var(--ln);border-radius:20px;background:var(--s);padding:20px}.sv aside h3{margin:0 0 10px;font-size:1.1rem}
.sv aside a{display:block;padding:8px 0;color:var(--mu);border-bottom:1px solid var(--ln);font-size:.95rem}.sv aside a:hover,.sv aside a.on{color:var(--tx)}.sv aside a.on{font-weight:600}
@media(max-width:860px){.sv .cols{grid-template-columns:1fr}.sv aside{position:static}}.ba{position:absolute;right:max(22px,calc(50% - 538px));top:50%;translate:0 -50%;width:340px;height:300px;pointer-events:none;z-index:0}
.ba::before{content:"";position:absolute;left:50%;top:50%;width:270px;height:270px;margin:-135px 0 0 -135px;border-radius:50%;border:2px dashed rgba(90,170,255,.45);animation:spin 26s linear infinite}
.ba::after{content:"";position:absolute;left:50%;top:50%;width:210px;height:210px;margin:-105px 0 0 -105px;border-radius:50%;background:radial-gradient(circle,rgba(43,123,255,.55),transparent 70%);animation:bp 4s ease-in-out infinite}
@keyframes bp{50%{transform:scale(1.25);opacity:.55}}
.ba b,.ba i{position:absolute;display:grid;place-items:center;border-radius:20px;color:#7fe3ff;background:linear-gradient(160deg,rgba(24,60,140,.7),rgba(6,20,60,.75));border:1px solid rgba(120,190,255,.45);backdrop-filter:blur(8px);box-shadow:0 0 28px rgba(43,123,255,.55)}
.ba b{left:122px;top:102px;width:96px;height:96px;border-radius:28px;color:#fff;z-index:1;box-shadow:0 0 50px rgba(53,208,255,.7);animation:bp2 4s ease-in-out infinite}@keyframes bp2{50%{transform:scale(1.06)}}
.ba b svg{width:46px;height:46px}.ba i{width:54px;height:54px;animation:fl 5s ease-in-out infinite;animation-delay:var(--dl)}.ba i svg{width:26px;height:26px}
@media(max-width:1060px){.ba{display:none}}.im .mo{font:800 1.3rem Poppins,sans-serif;color:#2b7bff;letter-spacing:-.02em}footer .fg{align-items:flex-start;gap:34px 40px}footer .fk h4,footer .fbr h4{font:700 1.05rem Poppins,sans-serif;margin:0 0 12px}
footer .fk>a,footer .fs a{display:flex;align-items:center;gap:10px;padding:5px 0}footer .fk svg{width:17px;height:17px;flex:none;color:#35d0ff;transition:transform .25s}footer .fk>a:hover svg,footer .fs a:hover svg{transform:scale(1.2) rotate(-6deg)}
footer .fs{columns:2;column-gap:30px}footer .fs a{break-inside:avoid}
footer a.cp2{position:relative;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;margin:0 0 12px;border-radius:999px;overflow:hidden;isolation:isolate;color:#fff;box-shadow:0 0 0 1px rgba(110,170,255,.3);transition:transform .25s}footer a.cp2:hover{transform:translateY(-3px)}
.cp2::before{content:"";position:absolute;left:50%;top:50%;width:320%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,transparent 0 68%,#35d0ff 86%,#2b7bff);animation:spin 4s linear infinite;z-index:-2}
.cp2::after{content:"";position:absolute;inset:2px;border-radius:999px;background:#061230;z-index:-1}
.cp2 i{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1858e8,#35d0ff);flex:none}.cp2 i::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #35d0ff;animation:cpr 2s ease-out infinite}@keyframes cpr{from{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}
footer .cp2 i svg{width:20px;height:20px;color:#fff}.cp2 span{font-weight:600;color:#fff;line-height:1.25}.cp2 small{display:block;font-size:.72rem;font-weight:500;color:#8fd8ff}
footer .fk a.ol{margin-top:6px;font-size:.88rem}
.fb{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid rgba(90,160,255,.25)}.fb p{margin:0;opacity:.75}
.soc{display:flex;gap:10px;flex-wrap:wrap}footer .soc a{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(120,190,255,.35);color:#cfe4ff;background:rgba(20,50,120,.25);transition:transform .25s,background .25s,box-shadow .25s}
footer .soc a:hover{color:#fff;background:linear-gradient(135deg,#1858e8,#35d0ff);transform:translateY(-4px);box-shadow:0 10px 26px rgba(43,123,255,.6)}.soc svg{width:20px;height:20px}
.mapw{position:relative;margin-top:18px;border-radius:26px;overflow:hidden;border:1px solid rgba(90,160,255,.4);background:#061230;box-shadow:0 0 0 1px rgba(120,190,255,.08) inset,0 24px 60px -24px rgba(43,123,255,.75)}
.mapw iframe{display:block;width:100%;height:440px;border:0;filter:invert(92%) hue-rotate(185deg) saturate(1.5) brightness(.92) contrast(.92)}:root[data-theme="light"] .mapw iframe{filter:none}
.mapw::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px 6px rgba(4,10,28,.7);border-radius:26px}
.maps2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.maps2 .mapw{margin-top:0}@media(max-width:900px){.maps2{grid-template-columns:1fr}}
.mapc{position:absolute;left:18px;bottom:18px;z-index:2;max-width:300px;padding:16px 18px;border-radius:20px;background:rgba(6,18,48,.82);backdrop-filter:blur(12px);border:1px solid rgba(120,190,255,.4);box-shadow:0 0 30px rgba(43,123,255,.4);color:#eaf3ff}.mapc b{display:block;font:800 1.1rem Poppins,sans-serif}.mapc span{display:block;margin:4px 0 12px;color:#9fb6dc;font-size:.9rem}.mapc .btn{padding:9px 18px;font-size:.88rem}
@media(max-width:620px){.mapc{position:static;max-width:none;border-radius:0}.mapw iframe{height:340px}footer .fs{columns:1}}footer .fg{display:grid;grid-template-columns:minmax(250px,1.1fr) 150px minmax(0,2.4fr);gap:34px 36px}footer .fs{column-gap:22px}@media(max-width:900px){footer .fg{grid-template-columns:1fr 1fr}footer .fg>.fk:nth-child(3){grid-column:1/-1}}@media(max-width:560px){footer .fg{grid-template-columns:1fr}}.bot{z-index:30}.stage{isolation:isolate}
@media(max-width:860px){.ctm .w{text-align:center}.ctm h2{display:block}.ctm .lead{margin-left:auto;margin-right:auto}.ctm .bc .bar,.ctm .bc .bi,.ctm .st b{margin-left:auto;margin-right:auto}.ctm .st{text-align:center}.ctm .st b{left:50%;translate:-50% 0;margin:0}}
/* ===== Full-screen layout for large monitors ===== */
.w{max-width:none;width:100%;padding-left:clamp(22px,4.5vw,140px);padding-right:clamp(22px,4.5vw,140px)}
.sv .cols{padding-left:clamp(22px,4.5vw,140px);padding-right:clamp(22px,4.5vw,140px)}
.sv article{max-width:min(72ch,100%)}
@media(min-width:1500px){html{font-size:112.5%}.stage{min-height:480px}.fx{max-width:1200px}dialog{max-width:1100px}}
@media(min-width:1900px){html{font-size:125%}.stage{min-height:560px}.fx{max-width:1400px}dialog{max-width:1240px}.hero .w{gap:48px}}
@media(min-width:2500px){html{font-size:150%}.stage{min-height:680px}.fx{max-width:1800px}dialog{max-width:1500px}}
@media(min-width:3400px){html{font-size:200%}.stage{min-height:880px}.fx{max-width:2400px}dialog{max-width:2000px}}

/* ===== Glass dropdown sub menus (About Us / Services) ===== */
/* header blur moved to a pseudo-element so the dropdown's own glass can blur the page behind it */
header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
nav li.hd{position:relative}nav .cv{display:none}
nav .dd a{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;color:var(--mu);font-size:.95rem;font-weight:500;line-height:1.25;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .25s}
nav .dd .di{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;color:var(--c);background:linear-gradient(135deg,color-mix(in srgb,var(--v) 24%,transparent),color-mix(in srgb,var(--c) 12%,transparent));border:1px solid color-mix(in srgb,var(--v) 34%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:background .25s,color .25s,transform .3s,box-shadow .25s}
nav .dd .di svg{width:18px;height:18px}
nav .dd a:hover,nav .dd a:focus-visible{color:var(--tx);background:color-mix(in srgb,var(--v) 14%,transparent);border-color:color-mix(in srgb,var(--v) 38%,transparent);transform:translateX(3px);outline:0}
nav .dd a:hover .di,nav .dd a:focus-visible .di{color:#fff;background:linear-gradient(135deg,var(--v),var(--c));box-shadow:0 6px 18px -4px rgba(43,123,255,.8);transform:scale(1.08) rotate(-4deg)}
nav .dd a.on{color:var(--tx);font-weight:600;background:color-mix(in srgb,var(--v) 12%,transparent)}nav .dd a.on .di{color:#fff;background:linear-gradient(135deg,var(--v),var(--c))}
@keyframes ddi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1101px){
nav a.hs::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);transition:transform .25s}
nav li.hd:hover>a.hs::after,nav li.hd:focus-within>a.hs::after,nav li.hd.open>a.hs::after{transform:rotate(225deg) translate(-2px,-2px)}
nav .dd{position:absolute;left:0;top:100%;min-width:230px;padding:10px;border-radius:22px;z-index:80;overflow:hidden;
background:linear-gradient(145deg,color-mix(in srgb,var(--s) 62%,transparent),color-mix(in srgb,var(--s) 38%,transparent));
-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);
border:1px solid color-mix(in srgb,var(--tx) 16%,transparent);
box-shadow:0 30px 70px -14px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05) inset,0 1px 0 rgba(255,255,255,.28) inset,0 0 44px -10px rgba(43,123,255,.35);
opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:top left;transition:opacity .25s,transform .25s,visibility 0s .25s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){nav .dd{background:var(--s)}}
nav .dd::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
nav .dd::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--v),var(--c),transparent);opacity:.8;pointer-events:none}
nav li.hd:hover>.dd,nav li.hd:focus-within>.dd,nav li.hd.open>.dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}
nav li.hd:hover>.dd a,nav li.hd:focus-within>.dd a,nav li.hd.open>.dd a{animation:ddi .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*22ms)}
nav li.hd.nh>.dd{opacity:0!important;visibility:hidden!important}
nav .dd.wide{width:min(620px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}
nav .dd{white-space:nowrap}nav .dd.wide a{white-space:normal}}
@media(max-width:1100px){
nav .cv{display:grid;place-items:center;position:absolute;right:0;top:5px;width:46px;height:46px;border:0;border-radius:12px;background:transparent;color:var(--tx);font-size:1.15rem;cursor:pointer;transition:transform .25s}
nav li.hd.open>.cv{transform:rotate(180deg);color:var(--c)}nav li.hd>a.l{padding-right:54px}
nav .dd,nav .dd.wide{display:none;position:static;margin:2px 0 12px;padding:8px;border-radius:18px;background:color-mix(in srgb,var(--v) 7%,transparent);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
nav li.hd.open>.dd{display:block}
nav .dd a{padding:9px 10px 9px 8px;font-size:1rem}nav .dd a:hover{transform:none}}

/* ===== Glass CTA + animated quote popup ===== */
@property --qa{syntax:'<angle>';inherits:false;initial-value:0deg}
.gst{position:relative;border-radius:32px;isolation:isolate}
.glo{position:absolute;border-radius:50%;pointer-events:none;filter:blur(34px);opacity:.95;z-index:0;will-change:transform}
.glo.a{background:radial-gradient(circle at 35% 35%,#4f9bff,#2b7bff 60%,transparent 72%);animation:qfl1 9s ease-in-out infinite}
.glo.b{background:radial-gradient(circle at 60% 40%,#7fe3ff,#35d0ff 55%,transparent 72%);animation:qfl2 11s ease-in-out infinite}
.glo.c{background:radial-gradient(circle at 50% 50%,#a48bff,#6c4cff 55%,transparent 72%);animation:qfl3 13s ease-in-out infinite}
.gst .glo.a{width:260px;height:260px;left:-1%;top:-12%}
.gst .glo.b{width:290px;height:290px;right:0;bottom:-16%}
.gst .glo.c{width:230px;height:230px;left:42%;top:8%;opacity:.8}
@keyframes qfl1{50%{transform:translate(90px,50px) scale(1.18)}}
@keyframes qfl2{50%{transform:translate(-110px,-40px) scale(.88)}}
@keyframes qfl3{33%{transform:translate(-120px,40px) scale(1.2)}66%{transform:translate(110px,-20px) scale(.85)}}

.gst .cta{position:relative;z-index:1;overflow:hidden;background:
 radial-gradient(520px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.26),transparent 58%),
 linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 42%,rgba(60,130,255,.18));
 background-color:rgba(12,40,120,.30);background-size:auto;animation:none;
 -webkit-backdrop-filter:blur(26px) saturate(1.7);backdrop-filter:blur(26px) saturate(1.7);
 border:1px solid rgba(255,255,255,.3);
 box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(255,255,255,.12),inset 0 0 60px rgba(255,255,255,.07),0 30px 70px -26px rgba(10,60,200,.65);
 transition:box-shadow .4s,border-color .4s}
.gst .cta:hover{border-color:rgba(255,255,255,.5);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.18),inset 0 0 70px rgba(255,255,255,.1),0 36px 80px -24px rgba(40,140,255,.8)}
.gst .cta::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-45%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left 1.1s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.gst .cta:hover::after{left:125%}
.gst .cta>*{position:relative;z-index:1}
.gst .cta h2{text-shadow:0 2px 18px rgba(0,30,110,.45)}
.gst .cta p{color:rgba(255,255,255,.9)}
.gst .cta .btn.wh{background:rgba(255,255,255,.94);color:#0a3cb0;box-shadow:0 10px 30px rgba(0,20,90,.35),inset 0 -2px 0 rgba(10,60,176,.12);animation:none}
.gst .cta .btn.wh:hover{background:#fff;transform:translateY(-3px) scale(1.04)}

/* popup */
html.qlock{overflow:hidden}
.qm{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:14px;visibility:hidden;transition:visibility 0s .55s;perspective:1200px}
.qm.open{visibility:visible;transition-delay:0s}
.qb{position:absolute;inset:0;background:radial-gradient(900px circle at 50% 40%,rgba(30,90,220,.35),rgba(2,8,24,.72));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .5s}
.qm.open .qb{opacity:1}
.qo{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qo .glo{opacity:0;transition:opacity .8s}.qm.open .qo .glo{opacity:.9}
.qo .glo.a{width:420px;height:420px;left:calc(50% - 430px);top:6%}
.qo .glo.b{width:460px;height:460px;left:calc(50% + 10px);top:42%}
.qo .glo.c{width:300px;height:300px;left:calc(50% - 120px);top:-6%}
.qp{position:relative;z-index:2;width:100%;max-width:580px;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;border-radius:30px;padding:34px 32px 28px;color:#eaf3ff;
 background:radial-gradient(480px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.17),transparent 60%),linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 45%,rgba(60,130,255,.12));background-color:rgba(8,22,60,.58);
 -webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);border:1px solid rgba(255,255,255,.28);
 box-shadow:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 0 70px rgba(255,255,255,.05),0 50px 120px -20px rgba(0,10,50,.9),0 0 90px -10px rgba(43,123,255,.5);
 opacity:0;transform:translateY(50px) scale(.92) rotateX(10deg);filter:blur(10px);transition:opacity .45s,transform .7s cubic-bezier(.2,.95,.25,1.15),filter .5s;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.qm.open .qp{opacity:1;transform:none;filter:none}
.qp.shk{animation:qshk .5s cubic-bezier(.36,.07,.19,.97)}
@keyframes qshk{20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
.qx{position:absolute;top:16px;right:16px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:1rem;cursor:pointer;transition:transform .35s,background .25s}
.qx:hover{transform:rotate(90deg) scale(1.08);background:rgba(255,255,255,.22)}
.qk{display:inline-block;padding:5px 13px;border-radius:999px;font:700 .72rem Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7fe3ff;background:rgba(53,208,255,.12);border:1px solid rgba(127,227,255,.35)}
.qh h3{margin:12px 44px 6px 0;font:800 clamp(1.5rem,4vw,1.9rem)/1.15 Poppins,Figtree,sans-serif;background:linear-gradient(90deg,#fff,#b9dcff 60%,#7fe3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qh p{margin:0 0 20px;color:#a9c0e6;font-size:.95rem}
.qs{display:flex;gap:10px;margin-bottom:22px}
.qs span{flex:1;font:600 .78rem Figtree,sans-serif;color:#7c93bd;padding-bottom:9px;position:relative;transition:color .4s}
.qs span::before,.qs span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px}
.qs span::before{background:rgba(255,255,255,.14)}
.qs span::after{background:linear-gradient(90deg,#2b7bff,#35d0ff);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px rgba(53,208,255,.7)}
.qs span.on{color:#fff}.qs span.on::after,.qs span.dn::after{transform:scaleX(1)}.qs span.dn{color:#7fe3ff}
.qst{display:none}.qst.on{display:block}
.qst.on>*{animation:qin .55s cubic-bezier(.2,.9,.25,1) both}.qst.bk.on>*{animation-name:qinb}
.qst.on>*:nth-child(2){animation-delay:.06s}.qst.on>*:nth-child(3){animation-delay:.12s}.qst.on>*:nth-child(4){animation-delay:.18s}.qst.on>*:nth-child(5){animation-delay:.24s}.qst.on>*:nth-child(6){animation-delay:.3s}
@keyframes qin{from{opacity:0;transform:translateX(34px)}}@keyframes qinb{from{opacity:0;transform:translateX(-34px)}}
.qr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.qf{position:relative;margin-bottom:14px}
.qf input,.qf textarea{width:100%;padding:23px 16px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:inherit;outline:0;resize:none;transition:border-color .25s,box-shadow .25s,background .25s}
.qf input:focus,.qf textarea:focus{border-color:#4f9bff;background:rgba(255,255,255,.11);box-shadow:0 0 0 4px rgba(43,123,255,.28),0 0 28px rgba(53,208,255,.25)}
.qf label{position:absolute;left:17px;top:16px;color:#9fb6dc;font-size:.95rem;pointer-events:none;transform-origin:left top;transition:transform .22s,color .22s}
.qf input:focus+label,.qf input:not(:placeholder-shown)+label,.qf textarea:focus+label,.qf textarea:not(:placeholder-shown)+label{transform:translateY(-10px) scale(.76);color:#7fe3ff}
.qf em{display:block;font-style:normal;font-size:.8rem;color:#ff8fa8;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .3s,margin .3s}
.qf.bad em{max-height:24px;opacity:1;margin:5px 4px 0}
.qf.bad input,.qf.bad textarea{border-color:#ff6b8a;box-shadow:0 0 0 4px rgba(255,107,138,.18)}
.ql{display:flex;justify-content:space-between;align-items:center;margin:16px 0 9px;font:700 .85rem Figtree,sans-serif;color:#d6e6ff}.qst>.ql:first-child{margin-top:0}
.qn{font:600 .76rem Figtree,sans-serif;color:#7fe3ff}
.qcs{display:flex;flex-wrap:wrap;gap:8px}
.qc{position:relative;overflow:hidden;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#dbe9ff;font:600 .86rem Figtree,sans-serif;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s,border-color .25s,box-shadow .25s,color .2s}
.qc:hover{transform:translateY(-2px);border-color:rgba(127,227,255,.6);background:rgba(255,255,255,.14)}
.qc:active{transform:scale(.94)}
.qc[aria-pressed=true]{color:#fff;border-color:rgba(160,215,255,.9);background:linear-gradient(90deg,#1858e8,#2b8bff,#35d0ff);box-shadow:0 6px 22px rgba(43,123,255,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.qc[aria-pressed=true]::before{content:"✓ "}
.qc i{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:qrip .65s ease-out forwards;pointer-events:none}
@keyframes qrip{to{transform:scale(2.4);opacity:0}}
.qe{display:none;margin-top:8px;color:#ff8fa8;font-size:.82rem}.qe.on{display:block;animation:qin .3s both}
.qsm{margin-top:14px;padding:6px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.qsm div{display:flex;gap:14px;justify-content:space-between;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.14);font-size:.88rem}.qsm div:last-child{border:0}
.qsm b{color:#7fe3ff;font-weight:700}.qsm span{text-align:right;color:#eaf3ff}
.qa{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.qa .btn{margin-left:auto}
.qg{padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:600 .95rem Figtree,sans-serif;cursor:pointer;transition:background .25s,transform .25s}.qg:hover{background:rgba(255,255,255,.18);transform:translateX(-3px)}
.qm .hid{display:none}
.qd{display:none;text-align:center;padding:18px 0 6px}
.qm.done #qf,.qm.done .qh,.qm.done .qs{display:none}
.qm.done .qd{display:block;animation:qin .6s both}
.qd svg{width:96px;height:96px;margin:0 auto 6px;display:block;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;filter:drop-shadow(0 0 18px rgba(53,208,255,.7))}
.qd circle{stroke:#35d0ff;stroke-dasharray:227;stroke-dashoffset:227}.qd path{stroke:#fff;stroke-dasharray:60;stroke-dashoffset:60}
.qm.done .qd circle{animation:qdr .8s .1s ease forwards}.qm.done .qd path{animation:qdr .5s .7s ease forwards}
@keyframes qdr{to{stroke-dashoffset:0}}
.qd h3{margin:10px 0 8px;font:800 1.6rem Poppins,Figtree,sans-serif}.qd p{margin:0 0 22px;color:#a9c0e6}
.qcf{position:absolute;left:50%;top:45%;width:8px;height:13px;border-radius:2px;z-index:5;pointer-events:none;animation:qcf 1.4s cubic-bezier(.15,.8,.3,1) forwards}
@keyframes qcf{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
@media(max-width:560px){.qp{padding:28px 20px 22px;border-radius:24px}.qr{grid-template-columns:1fr}.qo .glo.a{left:-20%}.qo .glo.b{left:40%}}
@media(prefers-reduced-motion:reduce){.glo,.gst .cta::after,.qc i,.qcf{animation:none!important}.qp,.qb{transition-duration:.01s}.qst.on>*{animation:none}}
.btn:disabled{opacity:.75;cursor:progress}.ok.er{color:#ff8fa8}.ok a,.qe a{color:inherit;text-decoration:underline}
/* AI Assisted Services (Technologies) */
.aib{position:relative;margin:34px 0 26px;padding:40px 28px;border-radius:30px;text-align:center;overflow:hidden;isolation:isolate;border:1px solid rgba(120,170,255,.35);background:linear-gradient(135deg,rgba(43,123,255,.16),rgba(108,76,255,.14) 50%,rgba(53,208,255,.16));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 24px 60px -30px rgba(43,123,255,.7)}
.aib::before,.aib::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;filter:blur(50px);opacity:.55;animation:qfl1 10s ease-in-out infinite}
.aib::before{left:-60px;top:-90px;background:#2b7bff}.aib::after{right:-60px;bottom:-110px;background:#a48bff;animation-name:qfl2}
.aik{display:inline-block;padding:5px 14px;border-radius:999px;font:700 .74rem Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#2b7bff,#8a6cff,#35d0ff);background-size:200% 100%;animation:gs 5s ease infinite;box-shadow:0 6px 20px rgba(108,76,255,.45)}
.aib span.aik,.aib h2,.aib p{position:relative}.aib h2{margin:14px 0 10px;font-size:clamp(1.8rem,4.5vw,2.8rem)}
.aib h2 em{font-style:normal;background:linear-gradient(90deg,#4f9bff,#a48bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.aib p{max-width:62ch;margin:0 auto 18px;color:var(--mu)}
.aist{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.aist span{padding:8px 16px;border-radius:999px;border:1px solid var(--ln);background:color-mix(in srgb,var(--s) 70%,transparent);font:600 .88rem Figtree,sans-serif}.aist b{color:var(--c)}
.ait .im{position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.ait:hover .im{box-shadow:0 12px 28px -8px var(--b),0 0 0 2px color-mix(in srgb,var(--b) 55%,transparent)}
.am{width:100%;height:100%;border-radius:11px;display:grid;place-items:center;color:#fff;font:800 1.15rem Figtree,sans-serif;letter-spacing:-.02em}
.aif{text-align:center;color:var(--mu);margin:6px 0 0;font-size:.92rem}
@media(prefers-reduced-motion:reduce){.aib::before,.aib::after,.aik{animation:none}}
.tmg{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.tmg{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.tmg{grid-template-columns:1fr}}.tm2{min-height:510px;display:flex;flex-direction:column;justify-content:center;padding:30px 18px}.tm2 h3{font-size:1.2rem}.tm2 p{font-size:.95rem}.tm2 .av{width:min(200px,100%);height:auto;aspect-ratio:1;align-self:center;position:relative;overflow:hidden;font-size:2.8rem}
@media(max-width:960px){.tm2{min-height:430px}}@media(max-width:420px){.tm2{min-height:380px}}
@property --ga{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes ga{to{--ga:360deg}}@keyframes pu{70%{box-shadow:0 0 0 10px rgba(51,227,176,0)}100%{box-shadow:0 0 0 0 rgba(51,227,176,0)}}
.tgh{display:flex;align-items:center;gap:18px;margin:68px 0 30px}.tgh:first-child{margin-top:0}
.tgh::before,.tgh::after{content:"";flex:1;height:1px;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .25s}.tgh::before{background:linear-gradient(90deg,transparent,var(--ln));transform-origin:right}.tgh::after{background:linear-gradient(90deg,var(--ln),transparent);transform-origin:left}
.tgh.rv:not(.in)::before,.tgh.rv:not(.in)::after{transform:scaleX(0)}
.tgp{position:relative;display:inline-flex;align-items:center;gap:12px;margin:0;padding:13px 30px;border-radius:999px;background:var(--s);color:var(--tx);font:800 1.1rem/1.1 Poppins,Figtree,sans-serif;letter-spacing:-.01em;text-align:center;transition:transform .9s cubic-bezier(.3,1.4,.5,1) .15s}
.tgh.rv:not(.in) .tgp{transform:scale(.8)}
.tgp::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;background:conic-gradient(from var(--ga),var(--v),var(--c),var(--k),var(--m),var(--v));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:ga 5s linear infinite;pointer-events:none}
.tgp .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--m);animation:pu 2s infinite}.tgp b{flex:none;font:600 .8rem Figtree,sans-serif;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--v) 18%,transparent);color:var(--v)}
@media(max-width:420px){.tgp{padding:11px 20px;font-size:.98rem}}@media(prefers-reduced-motion:reduce){.tgp::before,.tgp .dot{animation:none}}.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.team:hover .av img{transform:scale(1.08)}

.tmg.l3{display:flex;flex-wrap:wrap;justify-content:center}.tmg.l3{max-width:calc(75% - 4.5px);margin-left:auto;margin-right:auto}.tmg.l3>.tm2{flex:0 0 calc((100% - 36px)/3)}@media(max-width:960px){.tmg.l3{max-width:none}.tmg.l3>.tm2{flex-basis:calc((100% - 18px)/2)}}@media(max-width:420px){.tmg.l3>.tm2{flex-basis:100%}}
.tm2{position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--v) 11%,var(--s)),var(--s) 52%,color-mix(in srgb,var(--c) 10%,var(--s)));transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),scale .45s cubic-bezier(.2,.8,.2,1),translate .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s;transition-delay:var(--d,0s),var(--d,0s),0s,0s,0s,0s}
.tm2:hover{scale:1.08;translate:0 -14px;z-index:6;border-color:#4da3ff;box-shadow:0 0 0 1px #4da3ff,0 0 44px 8px rgba(77,163,255,.55),0 28px 70px -12px rgba(77,163,255,.7),inset 0 0 50px rgba(77,163,255,.2)}
.tm2>:not(canvas){position:relative;z-index:1}.tpn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.tm2:hover h3{background:linear-gradient(90deg,#5fb4ff,#8dffbf,#b79bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm2:hover .av{box-shadow:0 0 0 5px var(--s),0 0 0 8px #4da3ff,0 0 38px 10px rgba(77,163,255,.75);transform:scale(1.05)}.tm2:hover .av img{transform:scale(1.32)}.tm2 .av{transition:box-shadow .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.tm2 .av img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.tm2::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,28%),rgba(90,175,255,.42),rgba(77,163,255,.12) 45%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}.tm2:hover::after{opacity:1}

/* AI workflow panel: AI Assisted Solutions page */
.axw{position:relative;overflow:hidden;border-radius:32px;padding:3%;background:radial-gradient(700px 400px at 50% 50%,rgba(43,123,255,.3),transparent),radial-gradient(rgba(120,170,255,.1) 1px,transparent 1px) 0 0/22px 22px,#030a1e;border:1px solid rgba(90,160,255,.28);box-shadow:0 30px 80px -30px rgba(43,123,255,.65)}
.ax{position:relative;aspect-ratio:1000/440;max-width:1000px;margin:0 auto;container-type:inline-size;color:#eaf3ff;font-family:Figtree,sans-serif}
.ax-l{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ax-f{animation:axd 1.1s linear infinite}@keyframes axd{to{stroke-dashoffset:-17}}
.ax-o{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#c4ecff,#3b86ff 42%,#0a2a8a 80%);box-shadow:0 0 90px 20px rgba(43,123,255,.55),inset 0 0 40px rgba(170,230,255,.6);animation:axo 6s ease-in-out infinite}
.ax-o::before,.ax-o::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(200,240,255,.85),transparent 28%,rgba(70,140,255,.7),transparent 60%,rgba(200,240,255,.6),transparent);filter:blur(10px);mix-blend-mode:screen;animation:axs 9s linear infinite}
.ax-o::after{inset:12%;animation-duration:14s;animation-direction:reverse}
@keyframes axs{to{transform:rotate(360deg)}}@keyframes axo{50%{transform:translateY(-6px) scale(1.02)}}
.ax-c{position:absolute;width:29%;height:40.9%;display:flex;flex-direction:column;padding:2.2cqw 2.4cqw;font-size:1.45cqw;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(20,45,100,.6),rgba(6,16,44,.65));border:1px solid rgba(90,160,255,.32);box-shadow:0 0 0 1px rgba(120,190,255,.08) inset,0 18px 44px -18px rgba(43,123,255,.65);backdrop-filter:blur(12px);transition:transform .35s,border-color .35s}
.ax-c:hover{transform:translateY(-6px);border-color:rgba(110,190,255,.7)}
.ax-t{display:flex;align-items:center;justify-content:space-between;gap:.6em;font:700 1.3em Poppins,Figtree,sans-serif;color:#fff;margin-bottom:.75em}
.ax-m{overflow:hidden;margin-bottom:.6em;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent)}
.ax-q{display:flex;width:max-content;animation:axm 18s linear infinite}.ax-q.r{animation-direction:reverse;animation-duration:22s}@keyframes axm{to{transform:translateX(-50%)}}
.ax-k,.ax-z,.ax-n{display:flex;align-items:center;gap:.5em;white-space:nowrap;padding:.4em .9em;border-radius:99em;background:rgba(40,90,200,.35);border:1px solid rgba(120,190,255,.3);margin-right:.6em}
.ax-k::before{content:"\2713";display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:#2b7bff;font-size:.8em}
.ax-z::before{content:"\26A1";color:#35d0ff;font-size:.9em}
.ax-w{display:flex;flex-direction:column;align-items:center;gap:.3em}
.ax-n{margin:0;animation:axa 6s ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes axa{0%,40%{opacity:1;box-shadow:0 0 18px rgba(53,208,255,.6);border-color:#35d0ff}55%,100%{opacity:.45;box-shadow:none;border-color:rgba(120,190,255,.3)}}
.ax-a{width:2px;height:1.1em;background:linear-gradient(#35d0ff,transparent);position:relative}.ax-a::after{content:"";position:absolute;left:-2px;top:0;width:6px;height:6px;border-radius:50%;background:#fff;animation:axn 1.4s ease-in infinite}@keyframes axn{to{top:100%;opacity:0}}
.ax-p{position:absolute;left:2.4cqw;right:2.4cqw;bottom:-1em;display:flex;justify-content:space-between;align-items:center;padding:.45em .5em .45em 1em;border-radius:99em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:.9em;color:#b4cbf0}
.ax-p b{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:#2b7bff;color:#fff}
.ax-g{font:500 .6em Figtree,sans-serif;padding:.3em .9em;border-radius:99em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#9fb6dc;white-space:nowrap}.ax-g b{color:#7dffc8;font-weight:700}
.ax-ch{flex:1;min-height:0;display:flex;gap:.7em}
.ax-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.72em;color:#8fa8d6;padding-bottom:1.7em}
.ax-b{flex:1;display:flex;gap:.8em;height:100%}.ax-b div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.ax-b i{display:block;width:80%;height:calc(var(--h)*78%);border-radius:.4em .4em 0 0;background:linear-gradient(#5fd0ff,#1f6bff);transform-origin:bottom;animation:axb 3.2s ease-in-out infinite;animation-delay:var(--dl,0s);box-shadow:0 0 14px rgba(43,123,255,.6)}
.ax-b u{text-decoration:none;font-size:.72em;color:#8fa8d6;margin-top:.4em}@keyframes axb{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media(max-width:760px){.ax{aspect-ratio:auto;display:grid;grid-template-columns:1fr;gap:14px;container-type:normal}.ax-l{display:none}.ax-c{position:static;width:auto;height:auto;font-size:14px;padding:18px;overflow:hidden}.ax-c:hover{transform:none}.ax-o{position:relative;left:auto;top:auto;translate:none;width:170px;margin:6px auto 12px;order:-1}.ax-ch{flex:none;height:130px}.ax-p{position:static;margin-top:.9em}.axw{padding:16px}}
@media(prefers-reduced-motion:reduce){.ax *,.ax{animation:none!important}}

/* v8: Poppins headings + richer AI workflow section */
h1,h2,h3,h4,h5,h6{font-family:Poppins,Figtree,sans-serif!important}
h1,h2,h3{letter-spacing:-.02em}
.axs{margin-top:88px}.axs .w{text-align:center}.axs h2{display:block}.axs .lead{margin:14px auto 40px;max-width:58ch}
.ax-eb{display:inline-flex;align-items:center;gap:.5em;font:600 .8rem Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.5em 1.1em;margin-bottom:18px;border-radius:99em;color:#2b7bff;background:rgba(43,123,255,.1);border:1px solid rgba(43,123,255,.35)}
.ax-gr{background:linear-gradient(90deg,#2b7bff,#35d0ff,#2b7bff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s ease infinite}
.axw{padding:3.5%;box-shadow:0 40px 100px -30px rgba(43,123,255,.8),0 0 0 1px rgba(120,190,255,.12) inset}
.ax{max-width:1120px}
.ax-c{width:30%;height:43%;font-size:1.7cqw;padding:2cqw 2.2cqw;background:linear-gradient(160deg,rgba(32,70,150,.78),rgba(8,22,60,.82));border-color:rgba(130,200,255,.5);box-shadow:0 0 0 1px rgba(150,210,255,.14) inset,0 20px 50px -16px rgba(43,123,255,.85),0 0 40px -10px rgba(53,208,255,.35)}
.ax-c::before{content:"";position:absolute;left:12%;right:12%;top:0;height:2px;background:linear-gradient(90deg,transparent,#35d0ff,transparent)}
.ax-t{font-size:1.25em;font-weight:700;margin-bottom:.7em}
.ax-k,.ax-z,.ax-n{color:#fff;font-weight:500;background:rgba(55,115,235,.5);border-color:rgba(160,215,255,.6);box-shadow:0 0 14px -4px rgba(53,208,255,.5)}
.ax-n{animation-name:axa2}@keyframes axa2{0%,40%{opacity:1;box-shadow:0 0 22px rgba(53,208,255,.8);border-color:#6fe0ff;background:rgba(40,120,255,.6)}55%,100%{opacity:.75;box-shadow:none;border-color:rgba(160,215,255,.45)}}
.ax-k::before{width:1.5em;height:1.5em;background:#2b7bff;box-shadow:0 0 10px #35d0ff}
.ax-z::before{color:#ffe27a;text-shadow:0 0 8px rgba(255,210,80,.8)}
.ax-y,.ax-b u{color:#c5d8f7}
.ax-g{font-size:.62em;color:#d3e2fa;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}.ax-g b{font-size:1.05em}
.ax-b i{background:linear-gradient(#8fe3ff,#2b7bff);box-shadow:0 0 18px rgba(53,208,255,.75)}
.ax-p{color:#dbe8ff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.ax-o{width:25%;box-shadow:0 0 110px 26px rgba(43,123,255,.6),0 0 0 8px rgba(130,200,255,.1),0 0 0 22px rgba(130,200,255,.05),inset 0 0 40px rgba(170,230,255,.65)}
.ax-o::selection{background:none}
.ax-ai{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;font:800 3.4cqw Poppins,sans-serif;color:#fff;letter-spacing:.04em;text-shadow:0 0 22px rgba(20,80,220,.9),0 2px 6px rgba(0,30,120,.6);pointer-events:none}
.ax-ft{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;text-align:left}
.ax-ft div{padding:18px 20px;border-radius:18px;background:var(--card,rgba(43,123,255,.06));border:1px solid rgba(43,123,255,.25);transition:transform .3s,border-color .3s}
.ax-ft div:hover{transform:translateY(-4px);border-color:#2b7bff}
.ax-ft b{display:block;font:600 1.02rem Poppins,sans-serif;margin-bottom:4px}.ax-ft span{font-size:.92rem;opacity:.75}
@media(max-width:760px){.axs{margin-top:56px}.ax-c{width:auto;height:auto;font-size:15px;padding:18px}.ax-o{width:180px}.ax-ai{display:none}.ax-ft{grid-template-columns:1fr}}

.ax-eb{display:flex;width:max-content;max-width:100%;margin:0 auto 18px}
.ax-p{white-space:nowrap}.ax-p span{overflow:hidden;text-overflow:ellipsis;min-width:0}.ax-p b{flex:none}
.ax-c{height:45%}.ax-c:nth-of-type(n){}
.ax-g{font-size:.54em;padding:.3em .8em}
.ax-w{gap:.2em}
@media(max-width:760px){.ax-c{height:auto}}
.ax-p{bottom:-1.6em}@media(max-width:760px){.ax-p{bottom:auto}}

/* Ideas connect panel: AI Agent Development page */
.ixw{position:relative;overflow:hidden;border-radius:32px;padding:clamp(28px,5vw,56px) clamp(16px,4vw,48px) clamp(26px,4vw,44px);text-align:center;color:#eaf3ff;background:radial-gradient(520px 320px at 50% 46%,rgba(43,123,255,.38),transparent),radial-gradient(rgba(120,170,255,.09) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(180deg,#030a1e,#04132f 60%,#030a1e);border:1px solid rgba(90,160,255,.28);box-shadow:0 40px 100px -30px rgba(43,123,255,.7)}
.ixw h2{color:#fff;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.12;margin:0;max-width:none}
.ixw h2 em{font-style:normal;color:#35a8ff;text-shadow:0 0 28px rgba(53,168,255,.55)}
.ixw .ix-s{color:#b9cdee;font-size:clamp(1rem,1.8vw,1.2rem);margin:14px auto 0;max-width:none}
.ix-ln{width:min(320px,70%);height:2px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#35d0ff,transparent);box-shadow:0 0 14px #35d0ff;position:relative}.ix-ln::after{content:"";position:absolute;left:50%;top:-2px;width:44px;height:6px;translate:-50%;border-radius:9px;background:#fff;box-shadow:0 0 14px #fff}
.ix-v{display:block;width:100%;max-width:980px;height:auto;margin:6px auto 0;overflow:visible}
.ix-hl{animation:ixl 5s ease-in-out infinite}.ix-hr{animation:ixr 5s ease-in-out infinite}@keyframes ixl{50%{transform:translateX(10px)}}@keyframes ixr{50%{transform:translateX(-10px)}}
.ix-gl{transform-box:fill-box;transform-origin:center;animation:ixg 2.6s ease-in-out infinite}@keyframes ixg{50%{transform:scale(1.35);opacity:.7}}
.ix-rg{transform-box:fill-box;transform-origin:center;animation:axs 24s linear infinite}
.ix-st{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}
.ix-st div{padding:6px 18px;border-left:1px solid rgba(150,200,255,.25)}.ix-st div:first-child{border-left:0}
.ix-st i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;border:2px solid #2b9bff;background:rgba(43,123,255,.12);box-shadow:0 0 22px rgba(43,123,255,.55);transition:transform .3s}.ix-st div:hover i{transform:translateY(-4px) scale(1.06)}
.ix-st svg{width:30px;height:30px;stroke:#6fd8ff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ix-st b{display:block;font:600 1rem/1.35 Poppins,sans-serif;color:#fff}
@media(max-width:760px){.ix-st{grid-template-columns:1fr 1fr;row-gap:22px}.ix-st div:nth-child(3){border-left:0}}
@media(prefers-reduced-motion:reduce){.ixw *{animation:none!important}}

.ixw::before{content:"";position:absolute;left:-12%;top:8%;width:46%;height:56%;background:radial-gradient(closest-side,rgba(43,140,255,.55),transparent);filter:blur(14px);pointer-events:none}
.ixw::after{content:"";position:absolute;right:-14%;bottom:-10%;width:50%;height:50%;background:radial-gradient(closest-side,rgba(30,110,255,.35),transparent);filter:blur(16px);pointer-events:none}
.ixw>*:not(.ix-p){position:relative;z-index:1}
.ix-p{position:absolute;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(150,215,255,.95),rgba(60,150,255,.25) 60%,transparent 70%);animation:ixf var(--t,9s) ease-in-out infinite,ixt var(--u,3s) ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes ixf{50%{transform:translate(var(--x,10px),var(--y,-18px))}}@keyframes ixt{50%{opacity:.25}}
.ix-tw{animation:ixt 2.4s ease-in-out infinite;animation-delay:var(--q,0s)}
.ix-wv{animation:ixw 14s linear infinite}@keyframes ixw{to{stroke-dashoffset:-160}}
.ix-fl{animation:ixfl 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes ixfl{50%{opacity:.35;transform:scaleX(.82)}}

/* real-artwork version */
.ix-ph{position:relative;container-type:inline-size;margin:4px calc(-1*clamp(16px,4vw,48px)) 0;-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}
.ix-ph img{display:block;width:100%;height:auto;animation:ixz 12s ease-in-out infinite}@keyframes ixz{50%{transform:scale(1.025)}}
.ix-sp{position:absolute;left:49.69%;top:21.79%;width:0;height:0;pointer-events:none}
.ix-sp i,.ix-sp b{position:absolute;display:block;translate:-50% -50%}
.ix-sp i{width:14cqw;height:14cqw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(120,210,255,.55) 22%,transparent 68%);mix-blend-mode:screen;animation:ixg 2.6s ease-in-out infinite}
.ix-sp b{width:74cqw;height:2px;background:linear-gradient(90deg,transparent,#bfefff,transparent);filter:blur(.6px);box-shadow:0 0 12px #35d0ff;animation:ixfl 4s ease-in-out infinite}
.ix-sp u{position:absolute;display:block;width:27cqw;height:27cqw;translate:-50% -50%;border-radius:50%;border:1px dashed rgba(150,225,255,.5);animation:axs 26s linear infinite}
.ixw>.ix-wave{position:absolute;left:0;bottom:0;width:42%;max-width:500px;z-index:0;pointer-events:none;opacity:.9;-webkit-mask-image:radial-gradient(120% 120% at 0 100%,#000 38%,transparent 72%);mask-image:radial-gradient(120% 120% at 0 100%,#000 38%,transparent 72%)}
@media(max-width:760px){.ix-ph{margin-top:0}}

/* touch sequence: 5s loop = charge (0-55%) > contact flash (58%) > burst */
.ix-ph img{animation:tck 5s ease-in-out infinite}
@keyframes tck{0%,54%{transform:scale(1);filter:none}58%{transform:scale(1.022);filter:brightness(1.28) saturate(1.2)}62%{transform:scale(1.008) translate(1px,-1px)}66%{transform:scale(1.004) translate(-1px,1px)}100%{transform:scale(1);filter:none}}
.tc{position:absolute;left:50.20%;top:21.23%;width:0;height:0;pointer-events:none}
.tc>*{position:absolute;display:block;translate:-50% -50%}
.tc-bloom{width:48cqw;height:48cqw;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(110,200,255,.5) 16%,rgba(43,123,255,.2) 38%,transparent 66%);mix-blend-mode:screen;opacity:.45;scale:.6;animation:tcb 5s ease-in-out infinite}
@keyframes tcb{0%,100%{opacity:.4;scale:.55}45%{opacity:.7;scale:.8}58%{opacity:1;scale:1.3}78%{opacity:.55;scale:.85}}
.tc-core{width:4.2cqw;height:4.2cqw;border-radius:50%;background:radial-gradient(circle,#fff 28%,rgba(175,238,255,.9) 48%,transparent 72%);animation:tcc 5s ease-in-out infinite}
@keyframes tcc{0%,100%{scale:1;opacity:.85}45%{scale:1.4}58%{scale:3;opacity:1}80%{scale:1.2;opacity:.9}}
.tc-in{width:34cqw;height:34cqw;border-radius:50%;border:2px solid rgba(130,225,255,.75);box-shadow:0 0 16px rgba(53,208,255,.6);opacity:0;scale:1;animation:tci 5s cubic-bezier(.6,0,.9,.5) infinite}
@keyframes tci{0%{opacity:0;scale:1}8%{opacity:.85}56%{opacity:1;scale:.1}57.5%,100%{opacity:0;scale:.1}}
.tc-sw{width:12cqw;height:12cqw;border-radius:50%;border:3px solid rgba(200,242,255,.95);box-shadow:0 0 22px #35d0ff,inset 0 0 22px rgba(53,208,255,.6);opacity:0;scale:.1;animation:tcs 5s ease-out infinite}
@keyframes tcs{0%,57%{opacity:0;scale:.1}58%{opacity:1;scale:.25}100%{opacity:0;scale:3.4}}
.tc-ray{width:64cqw;height:64cqw;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(200,242,255,.95) 0 1deg,transparent 1deg 7.5deg);-webkit-mask-image:radial-gradient(circle,#000,transparent 62%);mask-image:radial-gradient(circle,#000,transparent 62%);mix-blend-mode:screen;opacity:0;scale:.4;animation:tcr 5s ease-out infinite}
@keyframes tcr{0%,57%{opacity:0;scale:.4;rotate:0deg}58.5%{opacity:.95;scale:.75}100%{opacity:0;scale:1.2;rotate:40deg}}
.tc-st{width:86cqw;height:3px;background:linear-gradient(90deg,transparent,#dff8ff,transparent);box-shadow:0 0 16px #35d0ff;opacity:.4;scale:.4 1;animation:tcl 5s ease-in-out infinite}
@keyframes tcl{0%,100%{opacity:.4;scale:.4 1}45%{opacity:.7;scale:.7 1}58%{opacity:1;scale:1 2.2}80%{opacity:.5;scale:.6 1}}
.tc-sp{width:.8cqw;height:.8cqw;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #35d0ff;opacity:0;animation:tcp 5s ease-out infinite;animation-delay:var(--w,0s)}
@keyframes tcp{0%,57%{opacity:0;translate:-50% -50%}58.5%{opacity:1}100%{opacity:0;translate:calc(-50% + var(--x)) calc(-50% + var(--y))}}
.tc-arc{width:8cqw;height:3.4cqw;overflow:visible;opacity:0;filter:drop-shadow(0 0 4px #35d0ff);animation:tca 5s linear infinite}
@keyframes tca{0%,44%{opacity:0}48%,57%{opacity:1}64%{opacity:.6}70%,100%{opacity:0}}
.tc-arc path{fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:round}
.tc-arc path:nth-child(2){stroke:#8fe3ff;stroke-width:1;animation:tcf .14s steps(1) infinite}.tc-arc path:nth-child(1){animation:tcf .14s steps(1) infinite reverse}
@keyframes tcf{50%{opacity:0}}
.ix-wave{opacity:.95}

/* v9: living background + tighter pillars */
.ix-ph::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,transparent 42%,rgba(110,200,255,.2) 50%,transparent 58%) 0 0/260% 100%;animation:ixsw 7s linear infinite}
@keyframes ixsw{from{background-position:140% 0}to{background-position:-60% 0}}
.ix-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.tc-r1,.tc-r2{border-radius:50%;animation:axs 30s linear infinite}
.tc-r1{width:21.8cqw;height:21.8cqw;border:1px dashed rgba(175,238,255,.7)}
.tc-r2{width:15cqw;height:15cqw;border:2px dotted rgba(120,215,255,.55);animation-duration:18s;animation-direction:reverse}
.ix-wave{transform-origin:0 100%;animation:ixwv 9s ease-in-out infinite}@keyframes ixwv{50%{transform:scale(1.05,1.1) translateX(8px)}}
.ixw{padding-bottom:clamp(20px,3vw,30px)}
.ix-pl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-12px}
.ix-pi{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:16px;background:linear-gradient(160deg,rgba(40,95,210,.4),rgba(8,22,62,.72));border:1px solid rgba(130,200,255,.38);box-shadow:0 10px 28px -14px rgba(43,123,255,.85),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(8px);transition:transform .3s,border-color .3s,box-shadow .3s}
.ix-pi:hover{transform:translateY(-4px);border-color:#5fd0ff;box-shadow:0 16px 34px -12px rgba(53,208,255,.85),inset 0 1px 0 rgba(255,255,255,.22)}
.ix-pi::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-20deg);animation:ixsn 6s ease-in-out infinite;animation-delay:calc(var(--n)*.8s);pointer-events:none}
@keyframes ixsn{0%,65%{left:-60%}100%{left:140%}}
.ix-ic{position:relative;flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,rgba(43,123,255,.45),rgba(8,22,60,.85));box-shadow:0 0 18px rgba(43,123,255,.6);animation:ixp 3s ease-in-out infinite;animation-delay:calc(var(--n)*.4s)}
@keyframes ixp{50%{box-shadow:0 0 28px rgba(53,208,255,.9)}}
.ix-ic::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#35d0ff,transparent 35%,#2b7bff 65%,transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:axs 5s linear infinite}
.ix-ic svg{width:25px;height:25px;stroke:#8fe6ff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ix-pi small{display:block;font:600 .66rem Poppins,sans-serif;letter-spacing:.16em;color:#35d0ff;margin-bottom:2px}
.ix-pi b{display:block;font:600 .93rem/1.25 Poppins,sans-serif;color:#fff}
@media(max-width:900px){.ix-pi{flex-direction:column;text-align:center;padding:14px 10px;gap:8px}}
@media(max-width:760px){.ix-pl{grid-template-columns:1fr 1fr;gap:10px;margin-top:-4px}}

/* v10: larger pillars with connectors and descriptions */
.ixw{padding-bottom:clamp(24px,3.4vw,36px)}
.ix-pl{grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;gap:0;margin-top:-6px;align-items:stretch}
.ix-pi{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:0;padding:26px 18px 26px;border-radius:22px;min-height:230px}
.ix-pi>span{display:block}
.ix-pi::before{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,transparent,#35d0ff,transparent);opacity:.5;transition:left .35s,right .35s,opacity .35s}
.ix-pi:hover::before{left:4%;right:4%;opacity:1}
.ix-pi:hover .ix-ic{transform:scale(1.08)}
.ix-ic{width:76px;height:76px;margin-bottom:18px;transition:transform .35s}
.ix-ic svg{width:34px;height:34px;stroke-width:1.6}
.ix-ic::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(120,215,255,.45);animation:axs 16s linear infinite reverse}
.ix-pi small{position:absolute;top:12px;right:16px;margin:0;font:700 1.7rem/1 Poppins,sans-serif;letter-spacing:0;color:rgba(130,205,255,.22)}
.ix-pi b{font-size:1.1rem;margin-bottom:8px}
.ix-pi p{margin:0;max-width:none;font-size:.88rem;line-height:1.5;color:#b9cdee}
.ix-cn{align-self:start;display:block;margin-top:63px;height:2px;position:relative;background:repeating-linear-gradient(90deg,#35d0ff 0 5px,transparent 5px 10px) 0 0/10px 2px;animation:ixcn 1s linear infinite}
@keyframes ixcn{to{background-position:10px 0}}
.ix-cn::after{content:"";position:absolute;right:-2px;top:-4px;border-left:7px solid #35d0ff;border-top:5px solid transparent;border-bottom:5px solid transparent}
@media(max-width:900px){.ix-pl{grid-template-columns:1fr 1fr;gap:12px}.ix-cn{display:none}.ix-pi{padding:22px 14px 22px;min-height:0;gap:0}.ix-ic{width:64px;height:64px;margin-bottom:14px}.ix-ic svg{width:30px;height:30px}}
@media(max-width:480px){.ix-pi b{font-size:1rem}.ix-pi p{font-size:.82rem}}

/* Glass services menu */
.sv aside.sm{position:sticky;top:110px;align-self:start;width:100%;margin-left:auto;padding:22px 18px 16px;border:1px solid rgba(255,255,255,.32);border-radius:28px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#7f98e0 0%,#5260c4 28%,#2c3794 56%,#0b0f2c 100%);box-shadow:0 26px 60px -24px rgba(40,70,220,.85),inset 0 1px 0 rgba(255,255,255,.4);transition:width .35s ease,padding .35s ease}
.sm::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 55% at 18% 0%,rgba(255,255,255,.3),transparent 62%);pointer-events:none}
.sm::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%) 0 0/300% 100%;animation:smsh 9s linear infinite}
@keyframes smsh{from{background-position:180% 0}to{background-position:-80% 0}}
.sm>*{position:relative;z-index:1}
.sm-d{display:flex;gap:10px;margin-bottom:18px}
.sm-d>*{width:16px;height:16px;padding:0;border:0;border-radius:50%;display:block;cursor:default;transition:transform .2s,box-shadow .2s}
.sm-r{background:#ff2d2d}.sm-y{background:#ffcc00;cursor:pointer}.sm-g{background:#2fdc4b;cursor:pointer}
.sm-y:hover,.sm-g:hover{transform:scale(1.2);box-shadow:0 0 10px currentColor}
.sv aside.sm h3{margin:0 0 14px;font:700 1.45rem/1.2 Poppins,sans-serif;color:#fff}
.sv aside.sm a{display:flex;align-items:center;gap:16px;padding:10px 12px;border:0;border-radius:14px;color:#fff!important;font-size:.95rem;font-weight:500;transition:background .25s,transform .25s}
.sm svg{flex:none;width:22px;height:22px}.sm .sm-t{line-height:1.3}
.sv aside.sm .sm-l a:hover,.sv aside.sm .sm-ft a:hover{background:rgba(255,255,255,.17);transform:translateX(4px)}
.sv aside.sm .sm-l a.on{background:rgba(255,255,255,.26);box-shadow:inset 3px 0 0 #fff,0 8px 20px -10px rgba(0,0,0,.6);font-weight:600}
.sv aside.sm a.sm-pf{padding:12px 4px;margin:0;border-radius:0;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);transform:none}
.sm-av{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#000;font:800 1.3rem Poppins,sans-serif;color:#7fd0ff;text-shadow:0 0 12px rgba(80,180,255,.8);box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.sm-pf b{display:block;font:600 1.02rem Poppins,sans-serif}.sm-pf small{display:block;font-size:.76rem;opacity:.8;margin-top:2px}
.sm-lb{margin:18px 0 8px;padding-left:4px;font:700 1.05rem Poppins,sans-serif;letter-spacing:.02em}
.sm-l{display:flex;flex-direction:column;gap:2px;max-height:min(430px,56vh);overflow-y:auto;margin:0 -6px;padding:0 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent;-webkit-mask-image:linear-gradient(transparent,#000 8px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(transparent,#000 8px,#000 calc(100% - 24px),transparent)}
.sm-l::-webkit-scrollbar{width:5px}.sm-l::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4);border-radius:9px}
.sm-bd{margin-left:auto;font:700 .6rem Poppins,sans-serif;font-style:normal;padding:3px 8px;border-radius:99em;background:#2f6fe8;box-shadow:0 2px 8px rgba(0,0,0,.45),0 0 0 2px rgba(255,255,255,.55)}
.sm-ft{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.55)}
/* collapsed icon rail */
.sv aside.sm.mini{width:84px;padding:22px 11px 16px}
.mini .sm-d{gap:5px;justify-content:center}.mini .sm-d>*{width:12px;height:12px}
.sv aside.sm.mini h3{font-size:0;text-align:center}.mini h3::before{content:"S";font-size:1.45rem}
.mini .sm-t{display:none}.sv aside.sm.mini a{justify-content:center;gap:0;padding:11px 0;position:relative}
.sv aside.sm.mini a.sm-pf{padding:12px 0}.mini .sm-lb{text-align:center;padding:0;font-size:.8rem}
.mini .sm-bd{position:absolute;top:5px;right:8px;width:9px;height:9px;padding:0;font-size:0;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.sv aside.sm.mini .sm-l a:hover{transform:none}
@media(min-width:861px){.sv .cols:has(>aside.sm){grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:860px){.sv aside.sm{position:static;max-width:460px;margin:0 auto}.sm-l{max-height:360px}}
@media(prefers-reduced-motion:reduce){.sm::after{animation:none}}

/* v11: transparent glass + zoom/glow hover */
.sm{--sm-tx:#0a1630;--sm-ln:rgba(10,22,48,.3);--sm-h1:rgba(255,255,255,.8);--sm-h2:rgba(43,123,255,.2);--sm-hb:rgba(43,123,255,.55);--sm-gl:rgba(43,123,255,.6);--sm-gc:#2b7bff;--sm-act:rgba(43,123,255,.2)}
[data-theme="dark"] .sm{--sm-tx:#fff;--sm-ln:rgba(255,255,255,.5);--sm-h1:rgba(255,255,255,.32);--sm-h2:rgba(120,200,255,.14);--sm-hb:rgba(255,255,255,.5);--sm-gl:rgba(80,200,255,.7);--sm-gc:#8fe6ff;--sm-act:rgba(255,255,255,.22)}
.sv aside.sm{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(220,232,255,.42) 50%,rgba(170,190,255,.3));-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 50px -24px rgba(43,90,200,.55),inset 0 1px 0 #fff,inset 0 0 30px rgba(255,255,255,.25)}
[data-theme="dark"] .sv aside.sm{background:linear-gradient(135deg,rgba(150,175,255,.34),rgba(80,95,210,.2) 40%,rgba(8,12,40,.42));border:1px solid rgba(255,255,255,.3);box-shadow:0 26px 60px -24px rgba(40,70,220,.75),inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 30px rgba(255,255,255,.06)}
.sv aside.sm h3,.sm-lb{color:var(--sm-tx)}
.sv aside.sm a{color:var(--sm-tx)!important}
.sv aside.sm .sm-bd{color:#fff!important}
.sv aside.sm a.sm-pf{border-color:var(--sm-ln)}.sm-ft{border-color:var(--sm-ln)}
.sm-l{scrollbar-color:var(--sm-ln) transparent;margin:0 -12px;padding:6px 12px}.sm-l::-webkit-scrollbar-thumb{background:var(--sm-ln)}
/* zoom + glow hover */
.sv aside.sm .sm-l a,.sv aside.sm .sm-ft a{position:relative;transform-origin:left center;transition:transform .35s cubic-bezier(.2,.9,.3,1.35),background .3s,box-shadow .3s}
.sm a svg{transition:transform .35s cubic-bezier(.2,.9,.3,1.6),filter .3s}
.sv aside.sm .sm-l a:hover,.sv aside.sm .sm-ft a:hover{z-index:3;transform:translateX(6px) scale(1.07);background:linear-gradient(90deg,var(--sm-h1),var(--sm-h2));box-shadow:0 0 0 1px var(--sm-hb),0 0 24px var(--sm-gl),inset 0 0 16px rgba(255,255,255,.2)}
.sm a:hover svg{transform:scale(1.3) rotate(-8deg);filter:drop-shadow(0 0 7px var(--sm-gc))}
.sm a:hover .sm-t{text-shadow:0 0 12px var(--sm-gc)}
.sv aside.sm .sm-l a.on{background:var(--sm-act);box-shadow:inset 3px 0 0 var(--sm-gc),0 0 16px -4px var(--sm-gl);animation:smon 2.8s ease-in-out infinite}
@keyframes smon{50%{box-shadow:inset 3px 0 0 var(--sm-gc),0 0 24px 0 var(--sm-gl)}}
.sv aside.sm .sm-l a.on:hover{animation:none}
.sv aside.sm.mini .sm-l a:hover,.sv aside.sm.mini .sm-ft a:hover{transform:scale(1.14)}
/* light behind the glass so the blur shows */
@media(min-width:861px){.sv .cols:has(>aside.sm){position:relative}
.sv .cols:has(>aside.sm)::before{content:"";position:absolute;top:0;bottom:0;right:0;width:360px;pointer-events:none;background:radial-gradient(230px 230px at calc(100% - 210px) 24vh,rgba(43,123,255,.5),transparent 70%),radial-gradient(210px 210px at calc(100% - 120px) 52vh,rgba(150,90,255,.4),transparent 70%),radial-gradient(200px 200px at calc(100% - 230px) 80vh,rgba(20,207,255,.42),transparent 70%);background-attachment:fixed}
.sv aside.sm{z-index:1}}
@media(prefers-reduced-motion:reduce){.sv aside.sm .sm-l a.on{animation:none}}

.fhs{text-align:center;color:#b9cdee;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.5;margin:-1.2% auto 3%;max-width:none}

/* Site search */
.srch{width:38px;height:38px;border-radius:50%;border:1px solid var(--ln);background:var(--s);color:var(--tx);cursor:pointer;display:grid;place-items:center;transition:border-color .2s,box-shadow .2s,transform .2s}
.srch:hover,.srch:focus-visible{border-color:var(--v);box-shadow:0 0 0 3px rgba(43,123,255,.2);transform:scale(1.08)}
.srch svg{width:18px;height:18px}.srch-m{display:none}
@media(max-width:820px){.srch-m{display:grid;margin-left:auto;margin-right:8px}.srch-li{display:none}}
html.sxlock{overflow:hidden}
.sx{position:fixed;inset:0;z-index:300;display:flex;justify-content:center;align-items:flex-start;padding:9vh 16px 16px;opacity:0;transition:opacity .25s}
.sx[hidden]{display:none}.sx.on{opacity:1}
.sx-bd{position:absolute;inset:0;background:rgba(3,10,30,.58);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sx-p{position:relative;width:min(720px,100%);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--s);color:var(--tx);border:1px solid var(--ln);box-shadow:0 40px 100px -20px rgba(0,0,0,.6),0 0 0 1px rgba(43,123,255,.22);transform:translateY(-14px) scale(.97);transition:transform .3s cubic-bezier(.2,.9,.3,1.2)}
.sx.on .sx-p{transform:none}
.sx-p::before{content:"";position:absolute;left:10%;right:10%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--c),var(--v),transparent)}
.sx-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--ln)}
.sx-in>svg{width:22px;height:22px;flex:none;color:var(--v)}
.sx-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--tx);font:500 1.1rem Figtree,sans-serif}
.sx-in input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.sx-c{border:1px solid var(--ln);background:transparent;color:var(--mu);border-radius:8px;cursor:pointer;font:600 .72rem Figtree,sans-serif;padding:5px 9px;transition:border-color .2s,color .2s}
.sx-c:hover{border-color:var(--v);color:var(--tx)}
.sx-tb{display:flex;gap:6px;padding:10px 16px 0;overflow-x:auto;scrollbar-width:none}
.sx-tb[hidden]{display:none}
.sx-tb button{flex:none;border:1px solid var(--ln);background:transparent;color:var(--mu);border-radius:99em;padding:5px 12px;font:600 .8rem Figtree,sans-serif;cursor:pointer;transition:all .2s}
.sx-tb button:hover{border-color:var(--v);color:var(--tx)}
.sx-tb button.a{background:linear-gradient(90deg,var(--v),var(--c));border-color:transparent;color:#fff}
.sx-tb i{font-style:normal;opacity:.75;margin-left:5px}
.sx-l{overflow-y:auto;padding:10px;flex:1;min-height:80px;scrollbar-width:thin}
.sx-h{font:700 .72rem Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);padding:10px 12px 6px}
.sx-i{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;color:var(--tx);text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s}
.sx-i:hover,.sx-i.a{background:linear-gradient(90deg,rgba(43,123,255,.16),rgba(20,207,255,.05));border-color:rgba(43,123,255,.45);box-shadow:0 0 18px -6px rgba(43,123,255,.6)}
.sx-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v),var(--c));color:#fff;font-size:1rem}
.sx-tx{flex:1;min-width:0}.sx-tx b{display:block;font:600 .98rem/1.3 Poppins,sans-serif}
.sx-tx small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--mu);font-size:.84rem;line-height:1.45;margin-top:2px}
.sx-k{flex:none;align-self:center;font:600 .65rem Figtree,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--v);border:1px solid rgba(43,123,255,.35);border-radius:99em;padding:3px 8px}
.sx mark{background:rgba(255,200,60,.38);color:inherit;border-radius:3px;padding:0 1px}
.sx-ch{display:inline-block;margin:4px 6px 4px 12px;padding:6px 13px;border-radius:99em;border:1px solid var(--ln);background:transparent;color:var(--tx);cursor:pointer;font:500 .86rem Figtree,sans-serif;transition:all .2s}
.sx-ch:hover{border-color:var(--v);box-shadow:0 0 14px -4px rgba(43,123,255,.7);transform:translateY(-1px)}
.sx-em{padding:26px 14px 10px;text-align:center;color:var(--mu)}.sx-em b{display:block;color:var(--tx);font:600 1.05rem Poppins,sans-serif;margin-bottom:6px}
.sx-ft{display:flex;gap:18px;flex-wrap:wrap;padding:10px 18px;border-top:1px solid var(--ln);color:var(--mu);font-size:.78rem}
.sx-ft kbd{display:inline-block;min-width:20px;text-align:center;margin-right:4px;padding:1px 6px;border:1px solid var(--ln);border-bottom-width:2px;border-radius:6px;background:var(--bg);font:600 .72rem Figtree,sans-serif}
.sx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sx-fl{border-radius:10px;animation:sxfl 2.4s ease}
@keyframes sxfl{0%,55%{box-shadow:0 0 0 6px rgba(43,123,255,.45),0 0 30px rgba(20,207,255,.6);background:rgba(43,123,255,.14)}100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:560px){.sx{padding:10px}.sx-k{display:none}.sx-p{max-height:90vh}.sx-ft span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.sx,.sx-p{transition:none}.sx-fl{animation:none}}


.au-hero .w{position:relative}.au-hero .au-f,.au-hero .au-ta{max-width:620px}.au-art{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:400px}.au-art svg{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
@media(prefers-reduced-motion:no-preference){.au-art .rg{animation:aur 1.6s .3s cubic-bezier(.3,.7,.2,1) both}@keyframes aur{from{stroke-dasharray:0 314}}}
@media(max-width:1100px){.au-art{display:none}}
.au-si{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;margin-bottom:10px;font-style:normal;background:color-mix(in srgb,var(--v) 14%,transparent);color:var(--v)}.au-si.p{background:rgba(239,68,68,.14);color:#ef4444}.au-si.w{background:rgba(245,181,42,.18);color:#d99a0b}.au-si svg{width:20px;height:20px}
.au-tabs svg{width:16px;height:16px;vertical-align:-3px;margin-right:7px}
.au-tg{font:600 .72rem Figtree,sans-serif;font-style:normal;margin-left:10px;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--v) 14%,transparent);color:var(--v);vertical-align:2px}

.au-ta[hidden]{display:none}.au-hero .ba{display:none}
.au-hero{padding:64px 0 70px}.au-hero .w{min-height:360px;display:flex;flex-direction:column;justify-content:center}
.au-hero h1{max-width:13ch}.au-hero .w>p:not(.crumb){max-width:52ch}.au-hero .crumb{margin:0 0 12px}.au-hero .qgh-chip{margin-bottom:6px}
.au-hero .au-art{right:0}.au-hero .au-m{margin-top:22px}
.au-ba{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){.au-bar{flex-wrap:wrap}}
/* seo-web-audit */
.au-m{display:flex;gap:8px;margin-top:22px}.au-m button{border:1px solid rgba(255,255,255,.3);background:transparent;color:#cfe0ff;border-radius:999px;padding:7px 16px;font:600 .9rem Figtree,sans-serif;cursor:pointer}.au-m button.on{background:#fff;color:#0a3cb0;border-color:#fff}
.au-ta{display:block;width:100%;max-width:780px;margin-top:14px;min-height:140px;resize:vertical;border:0;border-radius:14px;padding:16px 18px;font:400 .85rem JetBrains Mono,monospace;background:#fff;color:#0a1630}
.au-f{display:flex;max-width:780px;margin-top:14px;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.au-f input{flex:1;min-width:0;border:0;padding:18px 20px;font:500 1rem Figtree,sans-serif;background:#fff;color:#0a1630}
.au-f button{border:0;padding:0 32px;font:700 1rem Poppins,sans-serif;background:linear-gradient(90deg,var(--v),#4f9bff);color:#fff;cursor:pointer;min-height:58px}.au-f button:disabled{opacity:.6;cursor:wait}
.au-st{margin-top:12px;min-height:1.5em;color:#a9c1ec;font-size:.95rem}.au-st a{color:#fff;text-decoration:underline}
.au input:focus-visible,.au button:focus-visible,.au-f input:focus-visible,.au-f button:focus-visible,.au-m button:focus-visible,.au-ta:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.au{padding-top:34px}.au[hidden]{display:none}
.au-top{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}
.au-c{background:var(--s);border:1px solid var(--ln);border-radius:18px;padding:22px}
.au-big{display:flex;align-items:center;gap:22px}.au-big h2{font-size:1.45rem}.au-big small,.au-sr small{color:var(--mu);display:block;margin-top:6px;line-height:1.4}
.au-sub{display:grid;gap:10px;align-content:center}.au-sr{display:flex;align-items:center;gap:16px}.au-sr b{font:700 1.05rem Poppins,sans-serif}
.au-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0 26px}.au-g .au-c{padding:16px 18px}.au-g b{font:800 1.8rem Poppins,sans-serif;display:block;line-height:1.2}.au-g small{color:var(--mu)}
.au-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--ln)}.au-tabs button{background:0;border:0;border-bottom:3px solid transparent;color:var(--mu);padding:12px 14px;font:600 .95rem Figtree,sans-serif;cursor:pointer}.au-tabs button.on{color:var(--v);border-color:var(--v)}
.au-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 6px}.au-bar h2{font-size:1.3rem}
.au-b2{border:1px solid var(--ln);background:var(--s);color:var(--tx);border-radius:10px;padding:9px 16px;font:600 .9rem Figtree,sans-serif;cursor:pointer}.au-b2:hover{border-color:var(--v)}
.au-pn{padding-top:6px}.au-pn h3{font-size:1.1rem;margin:22px 0 8px}
.au-is{display:flex;gap:14px;padding:14px 4px;border-bottom:1px solid var(--ln)}.au-ic{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 .95rem Poppins,sans-serif;color:#fff;font-style:normal}.au-ic.bad{background:#ef4444}.au-ic.warn{background:#d99a0b}.au-ic.ok{background:#16a34a}
.au-is b{display:block}.au-is span,.au-n{color:var(--mu);font-size:.93rem}
.au-t{width:100%;max-width:560px;border-collapse:collapse}.au-t th,.au-t td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ln)}.au-t th{color:var(--mu);font-weight:600}
.au-ser{background:#fff;color:#202124;border-radius:12px;padding:16px 18px;max-width:640px;font-family:Arial,sans-serif;overflow:hidden}.au-ser small{color:#4d5156;font-size:.8rem}.au-ser h3{font:400 1.2rem Arial,sans-serif;color:#1a0dab;margin:2px 0 4px}.au-ser p{margin:0;color:#4d5156;font-size:.9rem;line-height:1.5}
.au-h{padding:6px 0;border-bottom:1px solid var(--ln);overflow-wrap:anywhere}.au-h small{color:var(--mu)}.au-h code{font:500 .8rem JetBrains Mono,monospace;color:var(--v)}
.au-ps{display:flex;gap:26px;flex-wrap:wrap;margin:14px 0}.au-ps div{text-align:center;font-weight:600;font-size:.9rem}
@media(max-width:820px){.au-top{grid-template-columns:1fr}.au-f{flex-wrap:wrap}.au-f input{flex-basis:100%}.au-f button{width:100%}.au-big{flex-wrap:wrap}}

/* seo-web-audit: hero layout, animation and tools */
.au-hero .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,490px);column-gap:48px;align-items:center;min-height:0}
.au-hero .w>*{grid-column:1;min-width:0}
.au-hero .w>.au-art{grid-column:2;grid-row:1/span 9;display:block;position:relative;right:auto;top:auto;transform:none;width:100%;align-self:center;justify-self:end}
.au-hero .qgh-chip,.au-hero .hi,.au-hero .au-m{justify-self:start}
.au-hero .au-art::before{content:"";position:absolute;inset:6% 2% 8%;border-radius:50%;background:radial-gradient(closest-side,rgba(43,123,255,.45),rgba(20,207,255,.12) 60%,transparent);filter:blur(28px);z-index:0}
.au-hero .au-art svg{position:relative;z-index:1;overflow:visible}
@media(max-width:1000px){.au-hero .w{grid-template-columns:minmax(0,1fr)}.au-hero .w>.au-art{display:none}}
@media(prefers-reduced-motion:no-preference){
.au-art::before{animation:saGlow 5s ease-in-out infinite}
.au-art .sa-fl{animation:saFloat 6s ease-in-out infinite}
.au-art .sa-ring{animation:saRing 1.8s .3s cubic-bezier(.3,.7,.2,1) both}
.au-art .sa-bar{transform-box:fill-box;transform-origin:left center;animation:saBar 1.2s cubic-bezier(.3,.7,.2,1) both}
.au-art .sa-b2{animation-delay:.8s}.au-art .sa-b3{animation-delay:1s}.au-art .sa-b1{animation-delay:.6s}
.au-art .sa-scan{animation:saScan 3.8s 1.8s ease-in-out infinite}
.au-art .sa-mag{transform-box:fill-box;transform-origin:center;animation:saMag 4.2s ease-in-out infinite}
.au-art .sa-ping{transform-box:fill-box;transform-origin:center;animation:saPing 2.4s ease-out infinite}
.au-art .sa-bdg{transform-box:fill-box;transform-origin:center;animation:saPop .7s 1.5s cubic-bezier(.2,1.6,.4,1) both,saPulse 2.8s 2.4s ease-in-out infinite}
.au-art .sa-c1{animation:saChip 5s ease-in-out infinite}.au-art .sa-c2{animation:saChip 5s -2.5s ease-in-out infinite}.au-art .sa-c3{animation:saChip 5s -1.2s ease-in-out infinite}
}
@keyframes saFloat{50%{transform:translateY(-10px)}}
@keyframes saGlow{50%{opacity:.55;transform:scale(1.06)}}
@keyframes saRing{from{stroke-dasharray:0 327}}
@keyframes saBar{from{transform:scaleX(0)}}
@keyframes saScan{0%{transform:translateY(0);opacity:0}12%{opacity:.9}88%{opacity:.9}100%{transform:translateY(236px);opacity:0}}
@keyframes saMag{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-8px,-10px) rotate(-8deg)}}
@keyframes saPing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes saPop{from{transform:scale(0);opacity:0}}
@keyframes saPulse{50%{transform:scale(1.07)}}
@keyframes saChip{50%{transform:translateY(-7px)}}
.stl{padding:56px 0 8px}
.stl-sub{color:var(--mu);max-width:70ch;margin:-6px 0 8px;line-height:1.55}
.stl-g{font:700 1.2rem Poppins,sans-serif;margin:30px 0 14px}
.stl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px}
.stl-c{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--s);color:var(--tx);border:1px solid var(--ln);border-radius:16px;padding:18px 18px 16px;font:inherit;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.stl-c:hover,.stl-c.on{transform:translateY(-3px);border-color:var(--v);box-shadow:0 12px 30px rgba(43,123,255,.18)}
.stl-c:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.stl-c.off{cursor:default;opacity:.72}.stl-c.off:hover{transform:none;border-color:var(--ln);box-shadow:none}
.stl-i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--v) 14%,transparent);color:var(--v)}
.stl-i svg{width:20px;height:20px}
.stl-t{font:700 1rem Poppins,sans-serif;margin-top:4px}
.stl-d{color:var(--mu);font-size:.9rem;line-height:1.45}
.stl-b{position:absolute;top:14px;right:14px;font:700 .7rem Figtree,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,#16a34a 16%,transparent);color:#16a34a}
.stl-b.soon{background:color-mix(in srgb,var(--mu) 18%,transparent);color:var(--mu)}
.stl-panel{margin-top:26px;background:var(--s);border:1px solid var(--v);border-radius:20px;padding:24px;scroll-margin-top:90px}
.stl-panel[hidden]{display:none}
.stl-ph{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.stl-ph h3{font:700 1.3rem Poppins,sans-serif}.stl-ph p{color:var(--mu);margin-top:4px;font-size:.93rem}
.stl-x{border:1px solid var(--ln);background:transparent;color:var(--tx);border-radius:10px;padding:7px 14px;font:600 .88rem Figtree,sans-serif;cursor:pointer}
.stl-f{display:grid;gap:12px;align-items:start;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.stl-f label{display:grid;gap:6px;font-weight:600;font-size:.9rem}.stl-f .full{grid-column:1/-1}
.stl-f input,.stl-f textarea,.stl-f select{width:100%;border:1px solid var(--ln);border-radius:12px;padding:11px 13px;background:var(--bg,transparent);color:var(--tx);font:500 .95rem Figtree,sans-serif}
.stl-f textarea{min-height:130px;resize:vertical}
.stl-f input:focus-visible,.stl-f textarea:focus-visible,.stl-f select:focus-visible,.stl-x:focus-visible,.stl-btn:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.stl-btn{border:0;border-radius:12px;padding:11px 20px;font:700 .95rem Poppins,sans-serif;background:linear-gradient(90deg,var(--v),#4f9bff);color:#fff;cursor:pointer}
.stl-btn.g{background:transparent;color:var(--tx);border:1px solid var(--ln)}
.stl-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;align-items:center}
.stl-out{margin-top:18px;display:grid;gap:14px}
.stl-box{border:1px solid var(--ln);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--v) 5%,transparent)}
.stl-box h4{font:700 .95rem Poppins,sans-serif;margin-bottom:8px}
.stl-box pre{white-space:pre-wrap;word-break:break-word;font:500 .88rem JetBrains Mono,monospace;max-height:340px;overflow:auto}
.stl-box p{line-height:1.55}.stl-n{color:var(--mu);font-size:.85rem}
.stl-ok{color:#16a34a}.stl-wn{color:#d99a0b}.stl-bd{color:#ef4444}
.stl-tb{width:100%;border-collapse:collapse;font-size:.92rem}.stl-tb th,.stl-tb td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--ln)}
.stl-gp{background:#fff;color:#202124;border-radius:14px;padding:16px 18px;font-family:Arial,sans-serif;max-width:640px}
.stl-gp.m{max-width:380px}
.stl-gp .u{font-size:.8rem;color:#4d5156;margin-bottom:4px;word-break:break-all}.stl-gp .tt{font-size:1.25rem;color:#1a0dab;line-height:1.3}.stl-gp .ds{font-size:.9rem;color:#4d5156;line-height:1.5;margin-top:4px}
.stl-kw{display:flex;flex-wrap:wrap;gap:8px}.stl-kw span{border:1px solid var(--ln);border-radius:999px;padding:5px 12px;font-size:.88rem}

@media(min-width:1101px){nav li.hd.rt .dd{left:auto;right:0;transform-origin:top right}}
.pc.lg .pt{background:#fff}.pc.lg .pt img{object-fit:contain;object-position:center}

.ds{max-width:660px;margin-top:24px}.dsb{display:flex;gap:10px;align-items:center;padding:8px;border-radius:18px;background:rgba(120,160,255,.10);border:1px solid rgba(120,160,255,.38);box-shadow:0 10px 34px rgba(30,90,255,.18)}
.dsb:focus-within{border-color:#35d0ff;box-shadow:0 0 0 3px rgba(53,208,255,.25)}
.dsb input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:inherit;font:inherit;font-size:1.05rem;padding:11px 12px}.dsb input::placeholder{color:inherit;opacity:.55}.dsb .btn{white-space:nowrap;border:0;cursor:pointer;font:inherit;font-weight:700}
.dst{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dst label{position:relative;cursor:pointer}.dst input{position:absolute;opacity:0;inset:0}.dst span{display:inline-block;padding:6px 13px;border-radius:999px;font-size:.88rem;border:1px solid rgba(120,160,255,.38);background:rgba(120,160,255,.08);transition:.2s}
.dst input:checked+span{background:linear-gradient(135deg,#2b7bff,#35d0ff);border-color:transparent;color:#fff;font-weight:600}.dst input:focus-visible+span{outline:2px solid #35d0ff;outline-offset:2px}
.dso{max-width:660px;margin-top:18px}.dso:empty{display:none}.dsl,.dse{margin:0;padding:12px 14px;border-radius:12px;background:rgba(120,160,255,.10)}.dse{background:rgba(255,120,120,.14)}
.dsr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:8px;border-radius:14px;border:1px solid rgba(120,160,255,.30);background:rgba(120,160,255,.08)}
.dsr b{font-size:1.02rem;word-break:break-all}.dsr .dss{font-size:.86rem;font-weight:700}.dsr.ok{border-color:rgba(56,224,160,.55)}.dsr.ok .st{color:#2fd29a}.dsr.no .st{color:#ff8a8a}.dsr .btn{padding:8px 16px;font-size:.9rem}
.sv .ph .dsb .btn,.sv .ph .dsr .btn{margin-top:0}.ph .dso p{margin:0;max-width:none}.sv .ph .dsr .dss{margin-left:auto;color:#a9c1ec}.sv .ph .dsr.ok .dss{color:#2fd29a}.sv .ph .dsr.no .dss{color:#ff8a8a}.sv .ph .dsr a.btn{text-decoration:none;color:#fff}.dse{color:#ffc9c9}.dsr b{color:#fff}@media(max-width:520px){.dsb{flex-wrap:wrap}.dsb input{flex-basis:100%}.dsb .btn{width:100%}}


.sv .dpr,.sv .gol{position:relative;padding:60px 0 12px}.sv .dpr ul,.sv .gol ul{list-style:none;margin:0;padding:0}
.sv .dpr .w h2,.sv .gol .w h2{display:block;text-align:center;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.1;margin:0 0 14px}
.dpr-gr{background:linear-gradient(90deg,#2b7bff,#35d0ff 55%,#a05cff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dprHue 6s ease-in-out infinite alternate}@keyframes dprHue{to{background-position:100% 0}}
.dpr-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dpr-bg::before,.dpr-bg::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.28;animation:dprDrift 14s ease-in-out infinite alternate}
.dpr-bg::before{background:#2b7bff;left:-8%;top:-10%}.dpr-bg::after{background:#a05cff;right:-6%;bottom:-20%;animation-delay:-6s}@keyframes dprDrift{to{transform:translate(90px,50px) scale(1.15)}}
.dpr .w{position:relative}.sv .dpr-sub{text-align:center;margin:0 auto 30px;max-width:60ch;opacity:.8}
.dpr-w{display:flex;align-items:center;gap:12px}
.dpr-tr{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:46px 14px 46px;margin:-20px 0;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.dpr-tr::-webkit-scrollbar{display:none}
.dpr-c{--mx:50%;--my:0%;position:relative;flex:0 0 clamp(180px,17vw,210px);display:flex;flex-direction:column;gap:6px;min-height:230px;padding:22px 20px;border-radius:22px;overflow:hidden;color:#fff;cursor:pointer;isolation:isolate;background:linear-gradient(150deg,var(--a),var(--b));box-shadow:0 10px 26px -8px var(--a),inset 0 0 0 1px rgba(255,255,255,.18);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.dpr-c::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,255,255,.55),rgba(255,255,255,0) 62%)}
.dpr-c::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg)}
.dpr-c:hover,.dpr-c:focus-within{transform:translateY(-8px) scale(1.08);z-index:2;box-shadow:0 26px 54px -10px var(--a),0 0 36px -4px var(--a),inset 0 0 0 1px rgba(255,255,255,.5)}.dpr-c:hover::before,.dpr-c:focus-within::before{opacity:1}.dpr-c:hover::after{left:130%;transition:left .8s}
.dpr-t{font:800 2.35rem/1 Poppins,system-ui,sans-serif;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.25)}.dpr-g{font-size:.9rem;opacity:.92;min-height:2.6em}
.dpr-p{margin-top:auto;font-size:1.05rem}.dpr-p small{opacity:.85;font-size:.8rem}.dpr-p b{font-size:1.5rem}.dpr-q{font-weight:700;opacity:.95}.dpr-o{display:block;margin-top:2px}.dpr-o s{opacity:.75;font-size:.8rem}.dpr-t{white-space:nowrap}
.dpr-go{display:block;text-align:center;text-decoration:none;margin-top:12px;padding:9px 12px;border:0;border-radius:11px;cursor:pointer;font:700 .88rem inherit;font-family:inherit;color:#0b1b3d;background:rgba(255,255,255,.92);transition:transform .2s,background .2s}.dpr-go:hover{background:#fff;transform:translateY(-2px)}.dpr-go:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dpr-n{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:inherit;background:var(--s,rgba(120,160,255,.1));border:1px solid var(--ln,rgba(120,160,255,.3));transition:.2s}.dpr-n:hover{border-color:#35d0ff;color:#35d0ff;box-shadow:0 0 18px rgba(53,208,255,.4)}.dpr-n:focus-visible{outline:2px solid #35d0ff;outline-offset:3px}
.dpr-ctw{text-align:center;margin:28px 0 0}.sv .dpr-cta{margin:0;border:0;cursor:pointer;font:inherit;font-weight:700}
/* hosting */
.sv .gol-top{text-align:center}.sv .gol-top p{margin:0 auto 34px;max-width:60ch;opacity:.8}.gol-top svg{margin-bottom:8px}
.gol-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;padding:14px 0 24px!important}
.gol-c{--mx:50%;--my:0%;position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;isolation:isolate;background:var(--s,rgba(120,160,255,.08));border:1px solid var(--ln,rgba(120,160,255,.28));transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.gol-c::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(300px circle at var(--mx) var(--my),color-mix(in srgb,var(--a) 28%,transparent),transparent 65%)}
.gol-c:hover{transform:translateY(-10px) scale(1.02);border-color:var(--a);box-shadow:0 26px 50px -14px var(--a),0 0 0 1px var(--a)}.gol-c:hover::before{opacity:1}
.gol-h{position:relative;overflow:hidden;padding:26px 18px 22px;text-align:center;color:#fff;background:linear-gradient(160deg,var(--a),var(--b));background-size:140% 140%;transition:background-position .6s}.gol-c:hover .gol-h{background-position:100% 100%}
.gol-h::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg)}.gol-c:hover .gol-h::after{left:140%;transition:left .9s}
.gol-h h3{margin:0;font-size:1.35rem}.sv .gol-h p{margin:4px 0 16px;color:#fff;opacity:.92;max-width:none;font-size:.98rem}.gol-i{transition:transform .4s}.gol-c:hover .gol-i{animation:golBob 1.1s ease-in-out infinite}@keyframes golBob{50%{transform:translateY(-7px) scale(1.1) rotate(-4deg)}}
.gol-f{padding:20px 22px 8px!important;flex:1}.gol-f li{position:relative;padding:5px 0 5px 24px;font-size:.96rem;transition:transform .3s,color .3s}.gol-f li::before{content:"\2713";position:absolute;left:0;color:var(--a);font-weight:700}.gol-c:hover .gol-f li{transform:translateX(5px)}.gol-c:hover .gol-f li:nth-child(2){transition-delay:.05s}.gol-c:hover .gol-f li:nth-child(3){transition-delay:.1s}
.gol-pr{text-align:center;padding:10px 12px}.gol-pr span{display:block;font-size:.9rem;opacity:.75}.gol-pr b{display:inline-block;font-size:2.5rem;line-height:1.1;background:linear-gradient(90deg,#35d0ff,#6c8cff);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .35s}.gol-c:hover .gol-pr b{transform:scale(1.12)}
.gol-pr sup{color:#35d0ff;-webkit-text-fill-color:#35d0ff;font-size:1.15rem;margin-right:3px;vertical-align:top;position:relative;top:.35em}.gol-pr em{display:block;font-style:normal;color:#35d0ff}
a.gol-btn{position:relative;display:block;margin:6px 22px 24px;padding:12px;text-align:center;border-radius:12px;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#2b7bff,#35d0ff);background-size:160% 100%;box-shadow:0 8px 22px -8px #2b7bff;transition:background-position .4s,transform .25s,box-shadow .25s}
a.gol-btn::after{content:"\2192";display:inline-block;margin-left:0;opacity:0;width:0;transition:.25s}a.gol-btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 12px 28px -8px #35d0ff}a.gol-btn:hover::after{opacity:1;width:1.2em;margin-left:8px}a.gol-btn:focus-visible{outline:2px solid #35d0ff;outline-offset:3px}
.sv .ph .dsr .dsp{font-size:.86rem;color:#a9c1ec}
@media(prefers-reduced-motion:reduce){.dpr-gr,.dpr-bg::before,.dpr-bg::after,.gol-c:hover .gol-i{animation:none}.dpr-c,.gol-c{transition:none}}

.sm-l{margin:0 -16px;padding:8px 16px}
.sv aside.sm .sm-l a,.sv aside.sm .sm-ft a{transform-origin:center}
.sv aside.sm .sm-l a:hover,.sv aside.sm .sm-ft a:hover{transform:scale(1.06);box-shadow:0 0 0 1px var(--sm-hb),0 0 18px var(--sm-gl),inset 0 0 16px rgba(255,255,255,.2)}


#wipe{display:none!important}
.pg.on{animation:pgIn .4s ease both}@keyframes pgIn{from{opacity:0}}
#pgx{position:fixed;inset:0;z-index:97;pointer-events:none;visibility:hidden;overflow:hidden}#pgx.on{visibility:visible}
#pgx .pgx-b{position:absolute;inset:0;clip-path:circle(0 at 50% 50%);background:radial-gradient(900px circle at 25% 15%,rgba(255,255,255,.22),transparent 60%),radial-gradient(700px circle at 85% 90%,rgba(160,92,255,.35),transparent 60%),linear-gradient(135deg,var(--v),var(--k),var(--c))}
#pgx .pgx-b::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%)}
#pgx .pgx-r{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 44px 8px rgba(255,255,255,.35),inset 0 0 30px rgba(255,255,255,.25);opacity:0}
#pgx .pgx-t{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,720px);text-align:center;color:#fff;opacity:0}
#pgx .pgx-n{font:800 clamp(1.5rem,4.2vw,2.8rem)/1.15 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.02em;text-shadow:0 4px 30px rgba(0,0,0,.3)}
#pgx .pgx-p{height:4px;border-radius:4px;margin:20px auto 0;width:min(60vw,260px);background:rgba(255,255,255,.28);overflow:hidden}#pgx .pgx-p i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.pgx-pre .pg.on .ph .w>:is(h1,p,.crumb,.hi,form,.btn,.dso){opacity:0}
.pgx-in .pg.on .ph .w>:is(h1,p,.crumb,.hi,form,.btn,.dso){animation:pgUp .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*75ms + 120ms)}
.pgx-in .pg.on .ph .w>:nth-child(2){--k:1}.pgx-in .pg.on .ph .w>:nth-child(3){--k:2}.pgx-in .pg.on .ph .w>:nth-child(4){--k:3}.pgx-in .pg.on .ph .w>:nth-child(5){--k:4}.pgx-in .pg.on .ph .w>:nth-child(n+6){--k:5}
@keyframes pgUp{from{opacity:0;transform:translateY(26px);filter:blur(6px)}}
@media(prefers-reduced-motion:reduce){#pgx{display:none}.pg.on{animation:none}}


.vx{position:relative;z-index:3;margin-top:-34px;padding:0 22px;max-width:1040px}
.vf{position:relative;margin:0;--vg1:rgba(43,123,255,.55);--vg2:rgba(53,208,255,.35)}
.vf::before{content:"";position:absolute;inset:-2px;border-radius:26px;background:conic-gradient(from var(--va,0deg),#2b7bff,#35d0ff,#7a5cff,#2b7bff);filter:blur(22px);opacity:.55;animation:vspin 8s linear infinite;z-index:0}
@property --va{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes vspin{to{--va:360deg}}
.vfr{position:relative;z-index:1;border-radius:22px;padding:1px;background:linear-gradient(135deg,rgba(120,190,255,.7),rgba(120,190,255,.08) 40%,rgba(53,208,255,.5));box-shadow:0 30px 80px rgba(3,10,30,.55);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.vin{border-radius:21px;overflow:hidden;background:#050d24}
.vbar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(120,190,255,.15);font:500 .78rem Figtree,sans-serif;color:#8fa8d6}
.vbar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.vbar i:nth-child(2){background:#febc2e}.vbar i:nth-child(3){background:#28c840}
.vbar span{margin-left:10px;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.06);letter-spacing:.02em}
.vbar b{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#35d0ff;font-weight:600}
.vbar b::before{content:"";width:7px;height:7px;border-radius:50%;background:#35d0ff;box-shadow:0 0 0 0 rgba(53,208,255,.7);animation:vping 1.8s infinite}
@keyframes vping{70%{box-shadow:0 0 0 8px rgba(53,208,255,0)}100%{box-shadow:0 0 0 0 rgba(53,208,255,0)}}
.vst{position:relative;aspect-ratio:16/9;background:radial-gradient(60% 80% at 20% 10%,var(--vg1),transparent),radial-gradient(60% 80% at 90% 100%,var(--vg2),transparent),#050d24;background-size:cover;background-position:center}
.vst::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,190,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,255,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}
.vst::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,8,24,.75))}
.vch{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:rgba(10,24,60,.55);border:1px solid rgba(120,190,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eaf3ff;font:600 .8rem Figtree,sans-serif;animation:vfl 6s ease-in-out infinite}
.vch svg{width:16px;height:16px;stroke:#35d0ff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vch.a{left:6%;top:14%}.vch.b{right:6%;top:24%;animation-delay:-2s}.vch.c{left:12%;bottom:24%;animation-delay:-4s}
@keyframes vfl{50%{transform:translateY(-9px)}}
.vpl{position:absolute;z-index:3;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:linear-gradient(135deg,#2b7bff,#35d0ff);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 12px 40px rgba(43,123,255,.7);transition:transform .25s}
.vpl:hover{transform:scale(1.1)}.vpl:focus-visible{outline:3px solid #fff;outline-offset:4px}
.vpl::before,.vpl::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(53,208,255,.65);animation:vrg 2.4s ease-out infinite}
.vpl::after{animation-delay:1.2s}
@keyframes vrg{to{transform:scale(2.1);opacity:0}}
.vpl svg{width:34px;height:34px;fill:#fff;margin-left:5px}
.vcap{position:absolute;z-index:3;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;color:#eaf3ff}
.vcap h3{margin:0;font:700 clamp(1rem,2.2vw,1.35rem) Figtree,sans-serif}.vcap p{margin:4px 0 0;font-size:.88rem;color:#a9c0e8}
.vcap em{font-style:normal;font:600 .8rem Figtree,sans-serif;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);white-space:nowrap}
.vst.go{background:#000}.vst.go::before,.vst.go::after{display:none}
.vst iframe,.vst video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;animation:vin .5s ease}
@keyframes vin{from{opacity:0;transform:scale(1.03)}}
.vf.soon .vpl{opacity:.55;cursor:default}.vf.soon .vpl::before,.vf.soon .vpl::after{display:none}
@media(max-width:700px){.vx{padding:0 14px;margin-top:-22px}.vch{display:none}.vpl{width:68px;height:68px;margin:-34px 0 0 -34px}.vpl svg{width:26px;height:26px}.vcap{left:14px;right:14px;bottom:12px}.vcap em,.vcap p{display:none}.vbar span{display:none}}
@media(prefers-reduced-motion:reduce){.vf::before,.vch,.vpl::before,.vpl::after,.vbar b::before{animation:none}.vfr{transition:none}}


.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:61;display:flex;align-items:center;flex-direction:row-reverse;gap:0;height:58px;min-width:58px;padding:0 15px;border-radius:999px;color:#fff;text-decoration:none;font:600 .92rem Figtree,sans-serif;background:linear-gradient(135deg,var(--v,#2b7bff),var(--c,#35d0ff));box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 10px 34px rgba(43,123,255,.6),0 0 28px rgba(53,208,255,.35);transition:transform .25s,box-shadow .25s,gap .3s,padding .3s}
.wa svg{width:28px;height:28px;fill:#fff;flex:none;filter:drop-shadow(0 1px 4px rgba(3,10,30,.35))}
.wa span{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .35s,opacity .25s}
.wa:hover,.wa:focus-visible{transform:translateY(-3px);gap:10px;padding:0 20px 0 17px;box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 14px 40px rgba(43,123,255,.75),0 0 40px rgba(53,208,255,.55)}
.wa:hover span,.wa:focus-visible span{max-width:180px;opacity:1}
.wa:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wa::before,.wa::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(53,208,255,.6);pointer-events:none;animation:wapl 2.6s ease-out infinite}
.wa::after{animation-delay:1.3s}
@keyframes wapl{to{transform:scale(1.55);opacity:0}}
.top{bottom:calc(88px + env(safe-area-inset-bottom,0px)) !important}
@media(max-width:700px){.wa{height:54px;min-width:54px;right:14px}.wa svg{width:26px;height:26px}.wa:hover{gap:0;padding:0 15px}.wa:hover span{max-width:0;opacity:0}.top{right:18px;bottom:calc(80px + env(safe-area-inset-bottom,0px)) !important}}
@media(prefers-reduced-motion:reduce){.wa::before,.wa::after{animation:none}.wa{transition:none}}


.hds{position:relative;padding:72px 0 8px;overflow:hidden}
.hds::before{content:"";position:absolute;left:50%;top:-10%;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(43,123,255,.28),transparent);filter:blur(10px);pointer-events:none}
.hdc{position:relative;max-width:1040px;margin:0 auto;border-radius:30px;padding:1.5px;background:conic-gradient(from var(--ha,0deg),#2b7bff,#35d0ff,#7a5cff,#2b7bff);animation:hdspin 9s linear infinite;box-shadow:0 30px 80px rgba(3,10,30,.45)}
@property --ha{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes hdspin{to{--ha:360deg}}
.hdi{position:relative;overflow:hidden;border-radius:29px;padding:54px 44px 40px;background:radial-gradient(70% 90% at 12% 0%,rgba(43,123,255,.30),transparent),radial-gradient(60% 80% at 100% 100%,rgba(53,208,255,.20),transparent),var(--s)}
.hdi::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,190,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,255,.07) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent);pointer-events:none}
.hdg{position:absolute;right:-70px;top:-70px;width:300px;height:300px;opacity:.5;pointer-events:none;animation:hdrot 40s linear infinite}
@keyframes hdrot{to{transform:rotate(360deg)}}
.hdt{position:absolute;z-index:1;padding:7px 13px;border-radius:999px;font:700 .8rem Figtree,sans-serif;color:var(--tx);background:rgba(120,170,255,.14);border:1px solid rgba(120,190,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:hdfl 6s ease-in-out infinite}
.hdt.a{left:3.5%;top:22%}.hdt.b{right:5%;top:46%;animation-delay:-2s}.hdt.c{left:6%;bottom:12%;animation-delay:-4s}
@keyframes hdfl{50%{transform:translateY(-10px)}}
.hdh{position:relative;z-index:2;text-align:center;max-width:720px;margin:0 auto}
.hdk{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font:700 .78rem Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--c);background:rgba(53,208,255,.10);border:1px solid rgba(53,208,255,.35)}
.hdk::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);animation:hdp 1.8s infinite}
@keyframes hdp{70%{box-shadow:0 0 0 8px rgba(53,208,255,0)}0%{box-shadow:0 0 0 0 rgba(53,208,255,.7)}}
.hdh h2{margin:16px 0 10px;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.15}
.hdh h2 em{font-style:normal;background:linear-gradient(90deg,var(--v),var(--c),#7a5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hdh p{margin:0 auto;color:var(--mu);max-width:56ch}
.hdf{position:relative;z-index:2;max-width:760px;margin:30px auto 0}
.hdb{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(120,160,255,.10);border:1px solid rgba(120,160,255,.42);box-shadow:0 12px 40px rgba(30,90,255,.22);transition:.25s}
.hdb:focus-within{border-color:var(--c);box-shadow:0 0 0 4px rgba(53,208,255,.22),0 12px 40px rgba(30,90,255,.3)}
.hdb svg{flex:none;width:22px;height:22px;stroke:var(--c);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hdb input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--tx);font:500 1.1rem Figtree,sans-serif;padding:12px 4px}
.hdb input::placeholder{color:var(--mu);opacity:.8}
.hdb .btn{margin:0;padding:14px 30px;font-size:1rem;white-space:nowrap}
.hdx{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}
.hdx label{position:relative;cursor:pointer}.hdx input{position:absolute;opacity:0;inset:0;cursor:pointer}
.hdx span{display:inline-block;padding:7px 15px;border-radius:999px;font:600 .9rem Figtree,sans-serif;color:var(--tx);border:1px solid rgba(120,160,255,.38);background:rgba(120,160,255,.08);transition:.2s}
.hdx label:hover span{transform:translateY(-2px);border-color:var(--c)}
.hdx input:checked+span{background:linear-gradient(135deg,#2b7bff,#35d0ff);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(43,123,255,.45)}
.hdx input:focus-visible+span{outline:2px solid var(--c);outline-offset:2px}
.hdo{position:relative;z-index:2;max-width:760px;margin:22px auto 0}.hdo:empty{display:none}
.hdm{margin:0;padding:13px 16px;border-radius:14px;text-align:center;background:rgba(120,160,255,.12);color:var(--tx)}
.hdm.er{background:rgba(255,120,120,.14);color:#ffb4b4}
.hdm.ld::before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:-2px;border-radius:50%;border:2px solid rgba(53,208,255,.35);border-top-color:var(--c);animation:hdsp .7s linear infinite}
@keyframes hdsp{to{transform:rotate(360deg)}}
.hdr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;margin-bottom:10px;border-radius:16px;background:rgba(120,160,255,.09);border:1px solid rgba(120,160,255,.30);opacity:0;transform:translateY(10px);animation:hdin .5s forwards;animation-delay:var(--d,0s)}
@keyframes hdin{to{opacity:1;transform:none}}
.hdr b{font-size:1.08rem;color:var(--tx);word-break:break-all}
.hdr .hp{color:var(--mu);font-size:.88rem}
.hdr .hs{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:700 .86rem Figtree,sans-serif}
.hdr .hs::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.hdr.ok{border-color:rgba(56,224,160,.6);background:linear-gradient(90deg,rgba(56,224,160,.12),rgba(120,160,255,.06))}.hdr.ok .hs{color:#2fd29a}
.hdr.no .hs{color:#ff8a8a}.hdr.no b{opacity:.65;text-decoration:line-through}.hdr.un .hs{color:#e8c25a}
.hdr .btn{margin:0;padding:8px 18px;font-size:.9rem;text-decoration:none}
.hdn{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:center;margin-top:30px;padding-top:22px;border-top:1px solid rgba(120,190,255,.2);color:var(--mu);font-size:.92rem}
.hdn span{display:inline-flex;align-items:center;gap:8px}.hdn svg{width:18px;height:18px;stroke:var(--c);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hdn a{color:var(--c);font-weight:700;text-decoration:none}.hdn a:hover{text-decoration:underline}
/*hd-sz*/
.hdc{max-width:none;border-radius:32px;display:flex}
.hdi{flex:1;border-radius:31px;display:flex;flex-direction:column;justify-content:center}
/*hd-v2*/
.hdt{width:var(--s,88px);height:var(--s,88px);padding:0;border-radius:50%;display:grid;place-items:center;font:800 1.05rem Figtree,sans-serif;color:#fff;border:1px solid rgba(160,215,255,.55);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.7) 0,rgba(255,255,255,.14) 16%,transparent 32%),radial-gradient(circle at 50% 58%,rgba(53,208,255,.30),rgba(43,123,255,.38) 62%,rgba(122,92,255,.32));box-shadow:inset 0 -12px 24px rgba(3,10,40,.38),inset 0 6px 14px rgba(255,255,255,.2),0 12px 36px rgba(43,123,255,.5),0 0 34px rgba(53,208,255,.22);text-shadow:0 1px 8px rgba(3,10,40,.65)}
.hdt.a{--s:96px;left:4%;top:20%}.hdt.b{--s:76px;right:5.5%;top:44%}.hdt.c{--s:112px;left:7%;bottom:9%}
.hdx{gap:10px;margin-top:22px}
.hdx span{display:inline-flex;align-items:center;gap:9px;padding:9px 18px 9px 11px;border-radius:14px;font:700 .96rem Figtree,sans-serif;color:var(--tx);border:1px solid rgba(120,170,255,.42);background:linear-gradient(180deg,rgba(150,190,255,.16),rgba(120,160,255,.06));box-shadow:0 4px 14px rgba(3,10,40,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.hdx span::before{content:"";flex:none;width:19px;height:19px;box-sizing:border-box;border-radius:50%;border:2px solid rgba(150,200,255,.6);background:center/11px no-repeat;transition:.2s}
.hdx label:hover span{transform:translateY(-3px);border-color:var(--c);box-shadow:0 10px 24px rgba(43,123,255,.35)}
.hdx input:checked+span{color:#fff;border-color:var(--c);background:linear-gradient(135deg,rgba(43,123,255,.6),rgba(53,208,255,.34));box-shadow:0 0 0 1px rgba(53,208,255,.45),0 10px 26px rgba(43,123,255,.5)}
.hdx input:checked+span::before{border-color:transparent;background-color:var(--c);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23031030' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
/*hd-v3*/
.hdt{color:var(--tx);font-weight:700;letter-spacing:.01em;text-shadow:0 1px 6px rgba(3,10,40,.35);border:1px solid rgba(190,230,255,.5);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 52%,rgba(150,215,255,.18) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 22px rgba(255,255,255,.12),inset 0 -10px 18px rgba(53,208,255,.14),0 10px 28px rgba(10,40,120,.22);-webkit-backdrop-filter:blur(4px) saturate(150%);backdrop-filter:blur(4px) saturate(150%)}
.hdt::before{content:"";position:absolute;left:15%;top:8%;width:42%;height:24%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0));transform:rotate(-30deg);pointer-events:none}
.hdt::after{content:"";position:absolute;right:13%;bottom:11%;width:34%;height:16%;border-radius:50%;border-bottom:2px solid rgba(255,255,255,.4);transform:rotate(-30deg);pointer-events:none}
@media(max-width:760px){.hdi{padding:38px 18px 28px}.hdt{display:none}.hdb{flex-wrap:wrap;border-radius:22px;padding:10px 14px}.hdb svg{display:none}.hdb input{flex-basis:100%;padding:10px 4px}.hdb .btn{width:100%;justify-content:center}.hdg{width:200px;height:200px}.hdr .hs{margin-left:0}}
@media(prefers-reduced-motion:reduce){.hdc,.hdg,.hdt,.hdk::before,.hdm.ld::before{animation:none}.hdr{animation-duration:.01s}}


.btns.pbw{margin-top:38px}
.pbw .pbtn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:11px;margin:0;padding:16px 32px;border-radius:999px;font:700 1.02rem Figtree,sans-serif;letter-spacing:.01em;color:#fff;text-decoration:none;background:linear-gradient(135deg,#2b7bff 0%,#1fa5ff 55%,#35d0ff 100%);background-size:100% 100%;animation:none;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 28px rgba(43,123,255,.5);transition:transform .3s,box-shadow .3s,filter .3s;--mx:50%;--my:50%}
.pbw .pbtn::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:55%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-140%) skewX(-18deg);transition:transform .8s}
.pbw .pbtn::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(130px circle at var(--mx) var(--my),rgba(255,255,255,.55),transparent 65%);opacity:0;transition:opacity .3s}
.pbw .pbtn svg{flex:none;transition:transform .3s}
.pbw .pbtn:hover,.pbw .pbtn:focus-visible{transform:translateY(-4px);filter:saturate(1.15) brightness(1.06);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 0 0 5px rgba(53,208,255,.22),0 16px 42px rgba(53,208,255,.65),0 0 60px rgba(43,123,255,.55)}
.pbw .pbtn:hover::before,.pbw .pbtn:focus-visible::before{transform:translateX(330%) skewX(-18deg)}
.pbw .pbtn:hover::after,.pbw .pbtn:focus-visible::after{opacity:1}
.pbw .pbtn:hover svg{transform:translateY(3px)}
.pbw .pbtn:active{transform:translateY(-1px)}
.pbw .pbtn:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.pbw .pbtn,.pbw .pbtn::before,.pbw .pbtn svg{transition:none}}


.svb{margin:0 0 54px}
.svbn{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(120,190,255,.35);box-shadow:0 24px 70px rgba(10,40,120,.35)}
.svbn-svg{display:block;width:100%;height:auto}
.svt{margin:30px auto 0;max-width:980px;text-align:center;font-size:clamp(1.05rem,1.9vw,1.3rem);line-height:1.75;color:var(--tx)}
.bn-i{transform-box:fill-box;transform-origin:center;animation:bnfl var(--du) ease-in-out infinite alternate;animation-delay:var(--dl)}
@keyframes bnfl{from{transform:translateY(calc(var(--dy) * 1px)) rotate(calc(var(--dr) * 1deg))}to{transform:translateY(calc(var(--dy) * -1px)) rotate(calc(var(--dr) * -1deg))}}
.bn-b1{animation:bnb1 14s ease-in-out infinite alternate}.bn-b2{animation:bnb2 16s ease-in-out infinite alternate}
@keyframes bnb1{to{transform:translate(520px,150px)}}@keyframes bnb2{to{transform:translate(-560px,-130px)}}
.bn-grid{animation:bngr 8s linear infinite}@keyframes bngr{to{transform:translateX(-48px)}}
.bn-p{opacity:0;animation:bnp var(--du) ease-in-out infinite;animation-delay:var(--dl)}
@keyframes bnp{0%{opacity:0;transform:translateY(16px)}30%,70%{opacity:.8}100%{opacity:0;transform:translateY(-34px)}}
.bn-pulse{transform-box:fill-box;transform-origin:center;animation:bnpu 2.4s ease-out infinite}
@keyframes bnpu{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.bn-t{transform-box:fill-box;transform-origin:left center;animation:bnty 5s ease-in-out infinite}
.bn-t.t2b{animation-delay:.5s}.bn-t.t3{animation-delay:1s}
@keyframes bnty{0%{transform:scaleX(0);opacity:.2}35%,80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.bn-cur{animation:bncu 1s steps(2) infinite}@keyframes bncu{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.svbn-svg *{animation:none!important}.bn-p{opacity:.5}}


.pc.xf .pt{background:#0a1226}.pc.xf .pt img.bk{object-fit:cover;filter:blur(16px) saturate(1.25) brightness(.9);transform:scale(1.3);opacity:.95}
.pc.xf .pt img:not(.bk){object-fit:contain;object-position:center;background:transparent;transform:none;z-index:1}.pc.xf:hover .pt img:not(.bk){transform:scale(1.05)}
.pjgal{margin:56px 0 0}.pjgal h2{display:block;text-align:left;font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 22px}.pjgal h2 span{background:linear-gradient(90deg,#2b7bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pjgal-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.pjgal-i{display:block;width:100%;aspect-ratio:7/5;margin:0;padding:0;border:1px solid var(--ln,rgba(120,160,255,.28));border-radius:18px;overflow:hidden;background:#fff;cursor:zoom-in;break-inside:avoid;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.pjgal-i img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pjgal.tall .pjgal-i{aspect-ratio:5/7}.pjgal.tall .pjgal-i img{object-fit:cover;object-position:top}
.svvid{margin:64px 0 0;text-align:center}.svvid h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 22px}.svvid h2 span{background:linear-gradient(90deg,#2b7bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.svvid-f{position:relative;aspect-ratio:16/9;max-width:960px;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid var(--ln,rgba(120,160,255,.28));background:#000;box-shadow:0 24px 60px -24px rgba(43,123,255,.55)}.svvid-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* light theme: visibility fixes */
:root[data-theme="light"] .logo .lt-b::after{background:linear-gradient(90deg,#0a1630 0%,#1450d6 58%,#0a86d6 100%);-webkit-background-clip:text;background-clip:text}
:root[data-theme="light"] .logo .lt-b::before{background:#0a86d6;box-shadow:0 0 8px 1px rgba(10,134,214,.55)}
:root[data-theme="light"] .logo .lt-a{color:#3f5f96}
:root[data-theme="light"] .logo .lt-a b{color:#0a86d6}
:root[data-theme="light"] .logo .lt-c .lc-t{background:linear-gradient(100deg,#1450d6 0%,#0a1630 26%,#0a86d6 50%,#3f5f96 74%,#1450d6 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text}
:root[data-theme="light"] nav .dd{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,243,255,.96));-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(43,123,255,.3);box-shadow:0 28px 60px -18px rgba(10,22,48,.5),0 0 0 1px rgba(255,255,255,.8) inset}
:root[data-theme="light"] nav .dd a{color:#1b2d52}
:root[data-theme="light"] nav .dd .di,:root[data-theme="light"] nav .dd .mgd{color:#1450d6;background:linear-gradient(135deg,rgba(43,123,255,.16),rgba(53,208,255,.1));border-color:rgba(43,123,255,.42)}
:root[data-theme="light"] .gst .cta{background-color:rgba(10,36,110,.86)}
:root[data-theme="light"] section>.w>h2{background-image:linear-gradient(90deg,#1450d6,#0f8ae0,#1a6fd8,#1450d6)}
:root[data-theme="light"] .pt-h span,:root[data-theme="light"] .mp-h span,:root[data-theme="light"] .svvid h2 span{background-image:linear-gradient(90deg,#1450d6,#0a86d6)}
:root[data-theme="light"] .mp-dl dt{color:#0a6fb8}
:root[data-theme="light"] .th span{color:#0b66b8}
@media(prefers-color-scheme:light){
:root:not([data-theme="dark"]) .logo .lt-b::after{background:linear-gradient(90deg,#0a1630 0%,#1450d6 58%,#0a86d6 100%);-webkit-background-clip:text;background-clip:text}
:root:not([data-theme="dark"]) .logo .lt-b::before{background:#0a86d6;box-shadow:0 0 8px 1px rgba(10,134,214,.55)}
:root:not([data-theme="dark"]) .logo .lt-a{color:#3f5f96}
:root:not([data-theme="dark"]) .logo .lt-a b{color:#0a86d6}
:root:not([data-theme="dark"]) .logo .lt-c .lc-t{background:linear-gradient(100deg,#1450d6 0%,#0a1630 26%,#0a86d6 50%,#3f5f96 74%,#1450d6 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text}
:root:not([data-theme="dark"]) nav .dd{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,243,255,.96));-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(43,123,255,.3);box-shadow:0 28px 60px -18px rgba(10,22,48,.5),0 0 0 1px rgba(255,255,255,.8) inset}
:root:not([data-theme="dark"]) nav .dd a{color:#1b2d52}
:root:not([data-theme="dark"]) nav .dd .di,:root:not([data-theme="dark"]) nav .dd .mgd{color:#1450d6;background:linear-gradient(135deg,rgba(43,123,255,.16),rgba(53,208,255,.1));border-color:rgba(43,123,255,.42)}
:root:not([data-theme="dark"]) .gst .cta{background-color:rgba(10,36,110,.86)}
:root:not([data-theme="dark"]) section>.w>h2{background-image:linear-gradient(90deg,#1450d6,#0f8ae0,#1a6fd8,#1450d6)}
:root:not([data-theme="dark"]) .pt-h span,:root:not([data-theme="dark"]) .mp-h span,:root:not([data-theme="dark"]) .svvid h2 span{background-image:linear-gradient(90deg,#1450d6,#0a86d6)}
:root:not([data-theme="dark"]) .mp-dl dt{color:#0a6fb8}
:root:not([data-theme="dark"]) .th span{color:#0b66b8}
}
.pjgal-i:hover{transform:translateY(-5px);box-shadow:0 20px 44px -14px rgba(43,123,255,.55)}.pjgal-i:hover img{transform:scale(1.04)}.pjgal-i:focus-visible{outline:2px solid #35d0ff;outline-offset:3px}
#pjlb{position:fixed;inset:0;z-index:130;display:grid;place-items:center;background:rgba(3,8,22,.92);backdrop-filter:blur(8px);animation:pgIn .25s ease both}
#pjlb>img{max-width:min(92vw,1500px);max-height:86vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#fff}
#pjlb button{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;transition:.2s}#pjlb button:hover{background:rgba(255,255,255,.25)}#pjlb button:focus-visible{outline:2px solid #35d0ff}
#pjlb .x{top:18px;right:18px}#pjlb .p{left:18px;top:50%;transform:translateY(-50%)}#pjlb .n{right:18px;top:50%;transform:translateY(-50%)}#pjlb .c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#cfe0ff;font-size:.9rem}
@media(max-width:600px){#pjlb .p,#pjlb .n{top:auto;bottom:14px;transform:none}#pjlb .p{left:14px}#pjlb .n{right:14px}}


.pg#p-partners h2,.pg#p-clients h2{display:block}
.pt-c.in:hover,.cl-c.in:hover{transition-delay:0s}
.pt-h{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:56px 0 22px;text-align:left}.pt-h span{background:linear-gradient(90deg,#2b7bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.pt-c{--mx:50%;--my:0%;position:relative;overflow:hidden;isolation:isolate;padding:26px 24px;border-radius:22px;background:var(--s);border:1px solid var(--ln);transition:opacity .7s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.pt-c:hover{transform:translateY(-6px);border-color:var(--v);box-shadow:0 22px 44px -16px rgba(43,123,255,.6)}
.pt-c::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(43,123,255,.22),transparent 65%)}.pt-c:hover::before{opacity:1}
.pt-i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--v),var(--c));box-shadow:0 10px 24px -8px rgba(43,123,255,.8);transition:transform .35s}.pt-c:hover .pt-i{transform:scale(1.1) rotate(-5deg)}
.pt-c h3{margin:0 0 8px;font-size:1.15rem}.pt-c p{margin:0;color:var(--mu);font-size:.95rem;line-height:1.65}
.pt-f{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:28px 30px;border-radius:26px;background:linear-gradient(135deg,rgba(43,123,255,.18),rgba(53,208,255,.07));border:1px solid color-mix(in srgb,var(--v) 45%,var(--ln));box-shadow:0 24px 60px -30px rgba(43,123,255,.7)}
.pt-m{display:grid;place-items:center;width:88px;height:88px;border-radius:24px;font:800 1.8rem Poppins,sans-serif;color:#fff;background:linear-gradient(135deg,#2b7bff,#35d0ff);box-shadow:0 14px 34px -10px rgba(43,123,255,.9)}
.pt-k{display:block;font:700 .74rem Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:4px}.pt-f h3{margin:0 0 6px;font-size:1.5rem}.pt-f p{margin:0;color:var(--mu);max-width:62ch}
.pt-cta{margin-top:60px;padding:44px 28px;text-align:center;border-radius:28px;background:linear-gradient(135deg,rgba(43,123,255,.2),rgba(122,92,255,.14),rgba(53,208,255,.16));border:1px solid var(--ln)}.pt-cta h2{margin:0 0 10px;font-size:clamp(1.5rem,3.4vw,2.1rem)}.pt-cta p{margin:0 auto 22px;max-width:56ch;color:var(--mu)}
.cl-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0 0 30px}.cl-st div{padding:18px 12px;text-align:center;border-radius:18px;background:var(--s);border:1px solid var(--ln)}
.cl-st b{display:block;font:800 2.1rem/1.1 Poppins,sans-serif;background:linear-gradient(90deg,#2b7bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-st span{color:var(--mu);font-size:.9rem}
.cl-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.cl-c{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--s);border:1px solid var(--ln);color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.cl-c:hover,.cl-c:focus-visible{transform:translateY(-7px);border-color:var(--v);box-shadow:0 24px 48px -16px rgba(43,123,255,.65);outline:0}
.cl-im{position:relative;aspect-ratio:4/3;background:#fff;overflow:hidden}.cl-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cl-c.lg .cl-im img{object-fit:contain;object-position:center;padding:10px}.cl-c:hover .cl-im img{transform:scale(1.06)}
.cl-b{padding:16px 18px 18px}.cl-b h3{margin:0 0 10px;font-size:1.05rem;line-height:1.3}.cl-t{display:flex;flex-wrap:wrap;gap:6px}.cl-t span{padding:4px 11px;border-radius:99em;font:600 .74rem Figtree,sans-serif;color:var(--c);background:color-mix(in srgb,var(--v) 14%,transparent);border:1px solid color-mix(in srgb,var(--v) 30%,transparent)}
@media(max-width:700px){.pt-f{grid-template-columns:1fr;text-align:center;justify-items:center}}

.qgw [hidden]{display:none!important}
.qgw{padding-top:34px;padding-bottom:10px}
.qgw svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qg-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--ln);border-radius:18px;background:var(--s);margin-bottom:22px}
.qg-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:0;background:transparent;color:var(--mu);font:inherit;font-weight:700;font-size:.92rem;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.qg-tab svg{width:20px;height:20px;flex:none}
.qg-tab:hover{color:var(--tx);background:rgba(43,123,255,.1)}
.qg-tab.on{background:var(--v);color:#fff}
.qgw button:focus-visible,.qgw input:focus-visible,.qgw select:focus-visible,.qgw textarea:focus-visible,.qg-fb:focus-within{outline:3px solid var(--c);outline-offset:2px}
.qg-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.qg-card{background:var(--s);border:1px solid var(--ln);border-radius:20px;margin-bottom:22px;overflow:hidden}
.qg-hd{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;border:0;background:transparent;color:var(--tx);cursor:pointer;font:inherit}
.qg-hd h3{margin:0;font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em}
.qg-hd svg{width:24px;height:24px;transition:transform .25s;color:var(--v)}
.qg-hd[aria-expanded=false] svg{transform:rotate(180deg)}
.qg-bd{padding:2px 24px 24px}
.qg-bd[hidden]{display:none}
.qgw label,.qgw .qg-lb{display:block;margin:14px 0 7px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tx)}
.qgw label b{color:var(--v)}
.qgw input[type=text],.qgw input[type=tel],.qgw input[type=email],.qgw textarea,.qgw select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);font:inherit;box-sizing:border-box}
.qgw textarea{resize:vertical;min-height:90px}
.qgw input:focus,.qgw textarea:focus,.qgw select:focus{border-color:var(--v);box-shadow:0 0 0 4px rgba(43,123,255,.18)}
.qg-h{margin:10px 0 0;font-size:.88rem;color:var(--mu)}
.qg-r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qg-ck label{display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;font-weight:600;font-size:.95rem;cursor:pointer;margin-top:30px}
.qg-r2 + .qg-ck label,.qg-cl + .qg-ck label{margin-top:16px}
.qgw input[type=checkbox]{width:18px;height:18px;accent-color:var(--v)}
.qg-st{display:flex;border-bottom:1px solid var(--ln);margin:6px 0 18px}
.qg-st button{flex:1;padding:12px 6px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:transparent;color:var(--mu);font:inherit;font-weight:700;cursor:pointer}
.qg-st button.on{color:var(--v);border-bottom-color:var(--v)}
.qg-fr{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:12px;margin-bottom:6px}
.qg-fr button{aspect-ratio:1;padding:6px;border-radius:12px;border:2px solid var(--ln);background:#f2f6ff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.qg-fr button img{width:100%;height:100%;object-fit:contain;display:block}
.qg-fr button svg{width:60%;height:60%;color:#51658a}
.qg-fr button:hover{border-color:var(--c)}
.qg-fr button[aria-checked=true]{border-color:var(--v);box-shadow:0 0 0 3px rgba(43,123,255,.25);background:#dfeaff}
.qg-cl{display:flex;align-items:center;gap:10px}
.qg-cl input[type=color]{width:48px;height:42px;padding:2px;border-radius:10px;border:1px solid var(--ln);background:var(--bg);cursor:pointer}
.qg-cl span{font-size:.92rem;color:var(--mu);font-variant-numeric:tabular-nums}
.qg-sg{display:flex;gap:6px;flex-wrap:wrap}
.qg-sg button,.qg-bt,.qg-fb{padding:10px 14px;border-radius:10px;border:1px solid var(--ln);background:var(--bg);color:var(--tx);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer}
.qg-sg button[aria-checked=true]{background:var(--v);border-color:var(--v);color:#fff}
.qg-fb{display:inline-block;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:.9rem!important}
.qg-fb:hover,.qg-bt:hover,.qg-sg button:hover{border-color:var(--v)}
.qg-lg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.qg-lg .qg-h{margin:0}
.qg-vh{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.qgw input[type=range]{width:100%;accent-color:var(--v)}
.qg-pv{position:sticky;top:96px;background:var(--s);border:1px solid var(--ln);border-radius:20px;padding:22px;text-align:center}
.qg-badge{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(43,123,255,.14);color:var(--v);font-size:.85rem;font-weight:700}
.qg-qr{margin:18px auto 8px;max-width:330px;min-height:200px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(rgba(127,150,190,.16) 0 25%,transparent 0 50%) 0 0/16px 16px;border-radius:14px;overflow:hidden}
.qg-qr img{display:block;width:100%;height:auto;max-width:330px}
.qg-em{margin:0;padding:30px 16px;color:var(--mu)}
.qg-wn{margin:8px 0 0;min-height:0;font-size:.88rem;font-weight:600;color:#e0861a}
.qg-dl{position:relative;display:flex;margin:16px 0 12px}
.qg-dlb,.qg-dlc{border:0;background:var(--v);color:#fff;font:inherit;font-weight:800;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;transition:filter .2s}
.qg-dlb{flex:1;border-radius:999px 0 0 999px}
.qg-dlc{width:58px;border-radius:0 999px 999px 0;border-left:1px solid rgba(255,255,255,.35)}
.qg-dlb:hover,.qg-dlc:hover{filter:brightness(1.12)}
.qg-dlb:disabled{opacity:.45;cursor:not-allowed;filter:none}
.qg-dlb svg,.qg-dlc svg{width:22px;height:22px}
.qg-mn{position:absolute;right:0;top:58px;z-index:5;min-width:190px;background:var(--s);border:1px solid var(--ln);border-radius:14px;padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.35);text-align:left}
.qg-mn button{display:block;width:100%;padding:11px 14px;border:0;border-radius:9px;background:transparent;color:var(--tx);font:inherit;font-weight:600;text-align:left;cursor:pointer}
.qg-mn button:hover,.qg-mn button:focus-visible{background:rgba(43,123,255,.14)}
@media(max-width:940px){.qg-grid{grid-template-columns:1fr}.qg-pv{position:static;order:-1}}
@media(max-width:560px){.qg-r2{grid-template-columns:1fr}.qg-tab{padding:9px 12px;font-size:.82rem}.qg-hd,.qg-bd{padding-left:16px;padding-right:16px}.qg-ck label{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.qgw *{transition:none!important}}
#p-s-qr-code-generator section{padding-top:0;background:linear-gradient(180deg,color-mix(in srgb,var(--v) 9%,transparent),transparent 480px)}
.qgh{padding:clamp(56px,7vw,96px) 0 clamp(64px,7vw,104px)!important;background:#030a1e!important;background-image:linear-gradient(rgba(90,160,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,160,255,.07) 1px,transparent 1px),radial-gradient(900px 380px at 82% -10%,rgba(43,123,255,.45),transparent 70%)!important;background-size:48px 48px,48px 48px,auto!important;border-bottom:1px solid rgba(90,160,255,.25)}
.qgh>:not(.w),.qgh .w>:not(.qgh-in){display:none!important}
.qgh-in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,80px);align-items:center}
.qgh-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;border:1px solid rgba(90,170,255,.4);background:rgba(43,123,255,.14);color:#bfe0ff;font-weight:600;font-size:.85rem}
.qgh-chip i{width:8px;height:8px;border-radius:50%;background:#35d0ff;box-shadow:0 0 10px #35d0ff}
.qgh h1{margin:18px 0 14px!important;font-size:clamp(2.4rem,6vw,4.4rem)!important;line-height:1.05!important;font-weight:800;color:#fff;max-width:none!important}
.qgh h1 span{background:linear-gradient(90deg,#2b7bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qgh .lead{max-width:58ch}
.qgh-tr{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;padding:0;list-style:none}
.qgh-tr li{display:flex;align-items:center;gap:8px;color:#d6e6ff;font-weight:600;font-size:.92rem}
.qgh-tr svg{width:18px;height:18px;stroke:#35d0ff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.qgh-vis{position:relative;justify-self:center;width:min(100%,340px);aspect-ratio:1}
.qgh-card{position:absolute;inset:8% 10%;background:#fff;border-radius:26px;padding:7%;transform:rotate(-3deg);overflow:hidden;box-shadow:0 30px 80px -20px rgba(43,123,255,.75),0 0 0 1px rgba(255,255,255,.5)}
.qgh-card svg{display:block;width:100%;height:100%}
.qgh-card::after{content:"";position:absolute;left:0;right:0;top:6%;height:3px;background:linear-gradient(90deg,transparent,#2b7bff,transparent);box-shadow:0 0 18px #2b7bff;animation:qgscan 3s ease-in-out infinite}
@keyframes qgscan{50%{top:92%}}
.qgh-tag{position:absolute;padding:8px 14px;border-radius:12px;background:rgba(10,21,48,.92);border:1px solid rgba(90,170,255,.45);color:#fff;font-weight:700;font-size:.8rem;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:qgfl 5s ease-in-out infinite}
.qgh-tag.t1{top:2%;right:0}.qgh-tag.t2{bottom:10%;left:-2%;animation-delay:-2s}.qgh-tag.t3{bottom:-1%;right:8%;animation-delay:-3.5s}
@keyframes qgfl{50%{transform:translateY(-8px)}}
@media(max-width:860px){.qgh-in{grid-template-columns:1fr}.qgh-vis{width:min(78%,270px)}}
@media(prefers-reduced-motion:reduce){.qgh *{animation:none!important}}
.qgw{padding-top:44px}
.qg-tabs{gap:6px;padding:8px;border-radius:999px;background:color-mix(in srgb,var(--s) 80%,transparent);border-color:color-mix(in srgb,var(--v) 30%,var(--ln));backdrop-filter:blur(14px);box-shadow:0 18px 40px -26px rgba(43,123,255,.7);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.qg-tab{border-radius:999px;white-space:nowrap}
.qg-tab.on{background:linear-gradient(135deg,#2b7bff,#35d0ff);box-shadow:0 8px 22px -6px rgba(43,123,255,.85)}
.qg-main{counter-reset:qgn}
.qg-card,.qg-pv,.qgs-g>div{background:linear-gradient(160deg,color-mix(in srgb,var(--s) 90%,#2b7bff 10%),var(--s));border:1px solid color-mix(in srgb,var(--v) 30%,var(--ln));box-shadow:0 26px 50px -32px rgba(43,123,255,.65)}
.qg-card{border-radius:24px}
.qg-hd h3{display:flex;align-items:center;gap:12px}
.qg-hd h3::before{counter-increment:qgn;content:counter(qgn);display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#2b7bff,#35d0ff);color:#fff;font-size:.9rem;box-shadow:0 8px 18px -6px rgba(43,123,255,.8)}
.qg-bd{border-top:1px solid var(--ln);padding-top:10px!important}
.qgw input[type=text],.qgw input[type=tel],.qgw input[type=email],.qgw textarea,.qgw select{border-radius:14px;padding:13px 16px}
.qg-pv{border-radius:28px;padding:24px;border-color:color-mix(in srgb,var(--v) 45%,var(--ln));box-shadow:0 34px 70px -30px rgba(43,123,255,.75)}
.qg-badge{background:linear-gradient(135deg,rgba(43,123,255,.2),rgba(53,208,255,.2));border:1px solid color-mix(in srgb,var(--v) 40%,transparent)}
.qg-qr{background:repeating-conic-gradient(#eef3fb 0 25%,#fff 0 50%) 0 0/16px 16px;padding:14px;border-radius:20px;box-shadow:0 0 0 1px rgba(43,123,255,.3),0 18px 40px -18px rgba(43,123,255,.65)}
.qg-dlb,.qg-dlc{background:linear-gradient(135deg,#2b7bff,#1858e8);box-shadow:0 12px 26px -12px rgba(43,123,255,.95)}
.qgs{text-align:center;padding-top:44px;padding-bottom:6px}
.qgs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;text-align:left}
.qgs-g>div{padding:26px 24px;border-radius:22px}
.qgs-g b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,#2b7bff,#35d0ff);color:#fff;font:800 1.1rem Poppins,sans-serif;box-shadow:0 10px 24px -8px rgba(43,123,255,.85)}
.qgs-g h3{margin:0 0 6px;font-size:1.1rem}.qgs-g p{margin:0;color:var(--mu)}
@media(max-width:760px){.qgs-g{grid-template-columns:1fr}}
#p-s-qr-code-generator section{padding-top:0;padding-bottom:20px;background:linear-gradient(180deg,rgba(43,123,255,.08),transparent 380px)}
.qgw{padding-top:36px;padding-bottom:0}
.qg-grid{grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start}
.qg-pv{order:2}.qg-main{order:1}
.qg-main .qg-card:last-child{margin-bottom:0}
#p-s-qr-code-generator .cta{margin-top:26px!important;margin-bottom:0}
.qgs{padding-top:34px;padding-bottom:0}
.qg-tabs{background:color-mix(in srgb,var(--s) 85%,transparent);border:1.5px solid color-mix(in srgb,var(--v) 35%,var(--ln))}
.qg-tab.on{background:linear-gradient(135deg,#2b7bff,#7c5cff);box-shadow:0 10px 24px -8px rgba(124,92,255,.9)}
.qg-tab:not(.on) svg{color:var(--c)}
.qg-card{border-radius:22px;background:color-mix(in srgb,var(--s) 94%,#2b7bff 6%);border:1px solid color-mix(in srgb,var(--v) 30%,var(--ln));box-shadow:0 24px 50px -34px rgba(43,123,255,.8)}
.qg-card:nth-child(1) .qg-hd h3::before{background:linear-gradient(135deg,#2b7bff,#35d0ff)}
.qg-card:nth-child(2) .qg-hd h3::before{background:linear-gradient(135deg,#7c5cff,#ff4fa3);box-shadow:0 8px 18px -6px rgba(255,79,163,.7)}
.qgw input[type=text],.qgw input[type=tel],.qgw input[type=email],.qgw textarea,.qgw select{border-width:1.5px;background:color-mix(in srgb,var(--bg) 85%,#2b7bff 15%)}
.qgw input:focus,.qgw textarea:focus,.qgw select:focus{border-color:#35d0ff;box-shadow:0 0 0 4px rgba(53,208,255,.2)}
.qg-st button.on{color:#35d0ff;border-bottom-color:#35d0ff}
.qg-sg button[aria-checked=true]{background:linear-gradient(135deg,#2b7bff,#7c5cff);border-color:transparent}
.qg-pv{position:sticky;top:96px;padding:26px 24px 22px;border:1.5px solid transparent;border-radius:28px;background:linear-gradient(var(--s),var(--s)) padding-box,linear-gradient(135deg,#2b7bff,#35d0ff,#8b5cf6) border-box;box-shadow:0 36px 80px -34px rgba(43,123,255,.9),0 0 60px -30px rgba(139,92,246,.8)}
.qg-pv::before{content:"Your QR code";display:block;margin:-26px -24px 18px;padding:14px 0;border-radius:26px 26px 0 0;background:linear-gradient(135deg,#2b7bff,#35d0ff,#8b5cf6);color:#fff;font:800 .95rem Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.qg-badge{background:rgba(53,208,255,.14);color:#35d0ff;border:1px solid rgba(53,208,255,.4)}
.qg-qr{margin-top:16px;padding:14px;border:3px solid transparent;border-radius:22px;background:repeating-conic-gradient(#eef3fb 0 25%,#fff 0 50%) 0 0/16px 16px padding-box,linear-gradient(135deg,#2b7bff,#35d0ff,#8b5cf6) border-box;box-shadow:0 20px 44px -18px rgba(43,123,255,.75)}
.qg-dlb,.qg-dlc{background:linear-gradient(135deg,#2b7bff,#7c5cff);box-shadow:0 14px 28px -12px rgba(124,92,255,.95)}
.qg-dlb:hover,.qg-dlc:hover{filter:brightness(1.1)}
@media(max-width:940px){.qg-grid{grid-template-columns:1fr}.qg-pv{position:static;order:-1}}


.ph .hi svg{width:28px;height:28px}
#p-partners .ph,#p-clients .ph{padding:clamp(54px,7vw,104px) 0 clamp(60px,8vw,110px);isolation:isolate;background-image:none;background:#030a1e}
.px-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.px-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:pxfloat 14s ease-in-out infinite}
.px-bg .a{width:520px;height:520px;right:-120px;top:-180px;background:#2b7bff}
.px-bg .b{width:420px;height:420px;left:-140px;bottom:-200px;background:#35d0ff;opacity:.3;animation-delay:-5s}
.px-bg .c{width:300px;height:300px;left:42%;top:30%;background:#7a5cff;opacity:.25;animation-delay:-9s}
.px-bg u{position:absolute;inset:-60px 0 0;background-image:linear-gradient(rgba(120,170,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.10) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 72%);animation:pxgrid 9s linear infinite;text-decoration:none}
.px-w{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,70px);align-items:center}
.px-txt>*{animation:pxup .8s cubic-bezier(.2,.8,.2,1) both}
.px-txt>:nth-child(2){animation-delay:.08s}.px-txt>:nth-child(3){animation-delay:.16s}.px-txt>:nth-child(4){animation-delay:.24s}.px-txt>:nth-child(5){animation-delay:.32s}.px-txt>:nth-child(6){animation-delay:.4s}
.px-k{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:99em;font:700 .78rem Figtree,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#bfe7ff;background:rgba(53,208,255,.1);border:1px solid rgba(53,208,255,.35);backdrop-filter:blur(6px)}
.px-k i{width:8px;height:8px;border-radius:50%;background:#35d0ff;box-shadow:0 0 0 0 rgba(53,208,255,.7);animation:pxping 1.8s infinite}
#p-partners .px-txt h1,#p-clients .px-txt h1{max-width:16ch;margin:16px 0 14px;font-size:clamp(2.1rem,5vw,3.7rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.px-g{background:linear-gradient(90deg,#2b7bff,#35d0ff,#9d7bff,#35d0ff,#2b7bff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pxshine 6s linear infinite}
.px-lead{color:#a9c1ec;max-width:56ch;margin:0}
.px-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.px-act .btn{margin:0}
.px-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:26px 0 0}
.px-chips li{padding:6px 13px;border-radius:99em;font:600 .8rem Figtree,sans-serif;color:#cfe0ff;background:rgba(120,160,255,.09);border:1px solid rgba(120,160,255,.28);animation:pxchip 4s ease-in-out infinite}
.px-chips li:nth-child(2){animation-delay:-1s}.px-chips li:nth-child(3){animation-delay:-2s}.px-chips li:nth-child(4){animation-delay:-3s}
.px-vis{--s:clamp(250px,30vw,430px);position:relative;width:var(--s);height:var(--s);margin:0 auto;animation:pxpop 1s cubic-bezier(.2,.8,.2,1) .2s both;transform:translate(var(--tx,0),var(--ty,0));transition:transform .25s}
.px-ring{position:absolute;border-radius:50%;border:1px dashed rgba(120,175,255,.4);animation:pxspin var(--dur,40s) linear infinite var(--dir,normal)}
.px-ring.r1{inset:0;--dur:44s}.px-ring.r2{inset:18%;--dur:30s;--dir:reverse;border-color:rgba(53,208,255,.45)}
.px-n{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;transform:rotate(var(--a)) translateY(calc(var(--r)*-1)) rotate(calc(var(--a)*-1))}
.px-n b{display:grid;place-items:center;width:100%;height:100%;border-radius:16px;font:800 .95rem Poppins,sans-serif;color:#9fe4ff;background:linear-gradient(145deg,rgba(30,60,140,.85),rgba(10,24,70,.9));border:1px solid rgba(90,160,255,.5);box-shadow:0 10px 28px -8px rgba(43,123,255,.8),inset 0 0 14px rgba(53,208,255,.15);animation:pxspin var(--dur,40s) linear infinite var(--rdir,reverse)}
.px-ring.r1 .px-n b{--dur:44s;--rdir:reverse}.px-ring.r2 .px-n b{--dur:30s;--rdir:normal}
.px-n.t2 b{color:#fff;background:linear-gradient(135deg,#2b7bff,#35d0ff)}
.px-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;translate:-50% -50%;display:grid;place-items:center;align-content:center;border-radius:50%;color:#fff;text-align:center;background:radial-gradient(circle at 35% 28%,#8fe4ff,#2b7bff 45%,#07236e);box-shadow:0 0 60px 6px rgba(43,123,255,.65),inset 0 0 26px rgba(255,255,255,.3);animation:pxbeat 3.2s ease-in-out infinite}
.px-core::before,.px-core::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(53,208,255,.6);animation:pxripple 3.2s ease-out infinite}.px-core::after{animation-delay:1.6s}
.px-core strong{font:800 clamp(1.5rem,3.2vw,2.4rem)/1 Poppins,sans-serif}.px-core small{font:600 .72rem Figtree,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
@keyframes pxup{from{opacity:0;transform:translateY(26px);filter:blur(6px)}}
@keyframes pxpop{from{opacity:0;scale:.6}}
@keyframes pxspin{to{transform:rotate(360deg)}}
@keyframes pxfloat{50%{transform:translate(40px,30px) scale(1.12)}}
@keyframes pxgrid{to{background-position:0 48px,48px 0}}
@keyframes pxshine{to{background-position:250% 0}}
@keyframes pxping{70%{box-shadow:0 0 0 10px rgba(53,208,255,0)}100%{box-shadow:0 0 0 0 rgba(53,208,255,0)}}
@keyframes pxchip{50%{transform:translateY(-4px);border-color:rgba(53,208,255,.6)}}
@keyframes pxbeat{50%{scale:1.07}}
@keyframes pxripple{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
@media(max-width:860px){.px-w{grid-template-columns:1fr;text-align:center}.px-txt{display:flex;flex-direction:column;align-items:center}.px-act,.px-chips{justify-content:center}.px-vis{--s:min(78vw,340px)}}
@media(prefers-reduced-motion:reduce){.px-bg i,.px-bg u,.px-ring,.px-n b,.px-core,.px-core::before,.px-core::after,.px-g,.px-chips li,.px-k i{animation:none!important}.px-txt>*,.px-vis{animation:none}}


.pt-hc{width:auto;height:auto;padding:10px 16px;border-radius:20px;background:#fff;box-shadow:0 14px 34px -12px rgba(43,123,255,.8)}
.pt-hc img{display:block;width:150px;height:auto}
.pt-fa{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pt-fa .btn{margin:0}
.lg-s{color:var(--mu);max-width:62ch;margin:-8px 0 26px}
.lg-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.lg-c{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:22px;background:var(--s);border:1px solid var(--ln);transition:opacity .7s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.lg-c:hover{transform:translateY(-6px);border-color:var(--v);box-shadow:0 22px 44px -16px rgba(43,123,255,.6)}
.lg-m{display:grid;place-items:center;height:104px;border-radius:14px;background:#fff;overflow:hidden;position:relative;padding:8px 14px}
.lg-m::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(53,208,255,.28) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.lg-c:hover .lg-m::after{transform:translateX(120%)}
.lg-m img{width:150px;max-width:100%;height:auto;display:block}
.lg-c small{text-align:center;color:var(--mu);font:600 .78rem Figtree,sans-serif;letter-spacing:.04em}
.lg-w{display:block;text-align:center;line-height:1.1;font-family:Poppins,sans-serif;font-weight:700;font-size:1.35rem;color:#1c2b4a}
.lg-w.citybank{font-weight:800;color:#c8102e;letter-spacing:-.01em}
.lg-w.google{font:500 1.9rem "Product Sans",Poppins,sans-serif;letter-spacing:-.02em;background:linear-gradient(90deg,#4285f4 0 17%,#ea4335 17% 33%,#fbbc05 33% 50%,#4285f4 50% 67%,#34a853 67% 83%,#ea4335 83%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-w.meta{font-size:1.9rem;font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,#0064e0,#0aa0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-w.agsqa{font-weight:800;letter-spacing:.14em;color:#0b3d91;font-size:1.5rem}
.lg-w.o1{font-weight:800;color:#e4572e;font-size:1.7rem}
.lg-w.sfs{font-weight:700;color:#12805c;font-size:1.1rem}
.lg-w.mft{font-weight:700;color:#4a2bd1;font-size:1rem;letter-spacing:.02em}
.lg-w.pakaru{font-weight:800;color:#d9480f;font-size:1.6rem;letter-spacing:.04em}
.lg-w.packvarse{font-weight:800;color:#0f766e;font-size:1.35rem;text-transform:uppercase;letter-spacing:.06em}
.lg-w.jmg{font-weight:800;color:#b91c1c;font-size:1.3rem;letter-spacing:.06em}
.lg-w.kazi{font-weight:800;color:#0e7490;font-size:1.3rem;letter-spacing:.06em}
.lg-w.ssl{font-weight:800;color:#1d4ed8;font-size:.98rem;letter-spacing:.02em}
.lg-w.payoneer{font-weight:700;color:#ff4800;font-size:1.6rem;letter-spacing:-.01em}
@media(max-width:700px){.pt-hc img{width:130px}.lg-g{grid-template-columns:repeat(2,1fr)}.lg-m{height:88px}}


.e4{--mx:0;--my:0;position:relative;isolation:isolate;min-height:calc(100vh - 72px);display:grid;place-items:center;padding:56px 22px 72px;overflow:hidden;color:#fff;background:#030a1e linear-gradient(rgba(90,160,255,.06) 1px,transparent 1px) 0 0/52px 52px;background-image:linear-gradient(rgba(90,160,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(90,160,255,.06) 1px,transparent 1px),radial-gradient(900px 420px at 50% 0,rgba(43,123,255,.35),transparent 70%);background-size:52px 52px,52px 52px,auto}
.e4-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translate(calc(var(--mx)*-14px),calc(var(--my)*-10px));transition:transform .2s}
.e4-s{position:absolute;left:0;top:0;border-radius:50%;animation:e4tw 4s ease-in-out infinite}
.e4-s1{width:2px;height:2px;box-shadow:31vw 39vh #cfe5ff,14vw 93vh #cfe5ff,51vw 62vh #cfe5ff,20vw 12vh #cfe5ff,9vw 3vh #cfe5ff,52vw 71vh #cfe5ff,38vw 98vh #cfe5ff,8vw 29vh #cfe5ff,67vw 69vh #cfe5ff,47vw 36vh #cfe5ff,23vw 14vh #cfe5ff,34vw 28vh #cfe5ff,4vw 83vh #cfe5ff,34vw 35vh #cfe5ff,25vw 22vh #cfe5ff,40vw 38vh #cfe5ff,81vw 94vh #cfe5ff,48vw 12vh #cfe5ff,78vw 44vh #cfe5ff,86vw 50vh #cfe5ff,65vw 32vh #cfe5ff,23vw 32vh #cfe5ff,61vw 36vh #cfe5ff,12vw 71vh #cfe5ff,39vw 1vh #cfe5ff,38vw 74vh #cfe5ff,91vw 40vh #cfe5ff,98vw 66vh #cfe5ff,25vw 53vh #cfe5ff,55vw 77vh #cfe5ff,37vw 56vh #cfe5ff,58vw 21vh #cfe5ff,30vw 40vh #cfe5ff,34vw 6vh #cfe5ff,11vw 6vh #cfe5ff,60vw 81vh #cfe5ff,36vw 67vh #cfe5ff,69vw 83vh #cfe5ff,61vw 90vh #cfe5ff,44vw 19vh #cfe5ff,87vw 26vh #cfe5ff,9vw 53vh #cfe5ff,26vw 82vh #cfe5ff,81vw 57vh #cfe5ff,36vw 24vh #cfe5ff,46vw 56vh #cfe5ff,96vw 76vh #cfe5ff,42vw 82vh #cfe5ff,72vw 26vh #cfe5ff,42vw 13vh #cfe5ff,8vw 91vh #cfe5ff,30vw 36vh #cfe5ff,98vw 75vh #cfe5ff,79vw 31vh #cfe5ff,16vw 43vh #cfe5ff,23vw 38vh #cfe5ff,59vw 4vh #cfe5ff,6vw 46vh #cfe5ff,90vw 11vh #cfe5ff,37vw 95vh #cfe5ff,87vw 42vh #cfe5ff,3vw 42vh #cfe5ff,37vw 42vh #cfe5ff,20vw 84vh #cfe5ff,53vw 80vh #cfe5ff,88vw 10vh #cfe5ff,38vw 80vh #cfe5ff,25vw 57vh #cfe5ff,38vw 18vh #cfe5ff,33vw 49vh #cfe5ff}
.e4-s2{width:3px;height:3px;animation-delay:-2s;box-shadow:77vw 21vh #35d0ff,43vw 74vh #35d0ff,2vw 47vh #35d0ff,6vw 59vh #35d0ff,22vw 47vh #35d0ff,47vw 38vh #35d0ff,74vw 13vh #35d0ff,57vw 27vh #35d0ff,55vw 27vh #35d0ff,15vw 8vh #35d0ff,8vw 8vh #35d0ff,95vw 22vh #35d0ff,77vw 87vh #35d0ff,20vw 78vh #35d0ff,6vw 70vh #35d0ff,63vw 75vh #35d0ff,32vw 42vh #35d0ff,5vw 16vh #35d0ff,68vw 38vh #35d0ff,53vw 84vh #35d0ff,26vw 62vh #35d0ff,26vw 31vh #35d0ff,57vw 53vh #35d0ff,63vw 5vh #35d0ff,29vw 54vh #35d0ff,57vw 32vh #35d0ff}
@keyframes e4tw{50%{opacity:.25}}
.e4-c{position:relative;z-index:1;width:min(100%,720px);text-align:center}
.e4-n{display:flex;justify-content:center;align-items:center;font:800 clamp(6.5rem,24vw,14rem)/1 Poppins,sans-serif;transform:perspective(900px) rotateY(calc(var(--mx)*9deg)) rotateX(calc(var(--my)*-7deg));transition:transform .15s}
.e4-n>span{background:linear-gradient(180deg,#fff,#7fb4ff 60%,#2b7bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 40px rgba(43,123,255,.55));animation:e4bob 5s ease-in-out infinite}
.e4-n>span:last-child{animation-delay:-2.5s}
@keyframes e4bob{50%{transform:translateY(-10px)}}
.e4-o{position:relative;width:.72em;height:.72em;margin:0 .05em;padding:0;border:0;border-radius:50%;cursor:pointer;font-size:inherit;background:radial-gradient(circle at 34% 30%,#bff0ff,#2b7bff 42%,#071a5c 78%);box-shadow:0 0 70px 14px rgba(43,123,255,.6),inset 0 0 40px rgba(150,225,255,.6);animation:e4orb 6s ease-in-out infinite}
.e4-o::before{content:"";position:absolute;inset:-14%;border-radius:50%;border:2px solid transparent;border-top-color:#35d0ff;border-right-color:rgba(124,92,255,.7);filter:drop-shadow(0 0 8px #35d0ff);animation:e4sp 7s linear infinite}
.e4-o i{position:absolute;inset:-24%;border-radius:50%;animation:e4sp 9s linear infinite reverse}
.e4-o i::after{content:"";position:absolute;top:4%;left:50%;width:.09em;height:.09em;margin-left:-.045em;border-radius:50%;background:#fff;box-shadow:0 0 16px 4px #35d0ff}
.e4-o.pop{animation:e4pop .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes e4pop{30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(.94) rotate(6deg)}}
@keyframes e4orb{50%{transform:translateY(8px) scale(1.03)}}
@keyframes e4sp{to{transform:rotate(360deg)}}
.e4 h1{margin:14px 0 10px;font-size:clamp(1.7rem,4.4vw,2.6rem);font-weight:800;line-height:1.15;color:#fff;max-width:none}
.e4 h1 span{background:linear-gradient(90deg,#2b7bff,#35d0ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.e4-q{margin:0 auto 26px;max-width:54ch;min-height:3.2em;color:#a9c1ec}
.e4-q code{padding:2px 8px;border-radius:8px;background:rgba(43,123,255,.18);border:1px solid rgba(90,170,255,.35);color:#cfe5ff;font:500 .9em "JetBrains Mono",monospace;word-break:break-all}
.e4-f{position:relative;display:flex;align-items:center;gap:8px;padding:7px 7px 7px 18px;border-radius:999px;background:rgba(10,21,48,.88);border:1.5px solid rgba(90,170,255,.4);box-shadow:0 24px 60px -28px rgba(43,123,255,.9);transition:border-color .2s,box-shadow .2s}
.e4-f:focus-within{border-color:#35d0ff;box-shadow:0 0 0 4px rgba(53,208,255,.18),0 24px 60px -28px rgba(43,123,255,.9)}
.e4-f>svg{width:22px;height:22px;flex:none;fill:none;stroke:#35d0ff;stroke-width:2;stroke-linecap:round}
.e4-f input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff;font:inherit;font-size:1.02rem;padding:10px 4px!important}
.e4-f input::placeholder{color:#7f98c6}
.e4-f button{border:0;border-radius:999px;padding:12px 24px;font:700 .95rem Figtree,sans-serif;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2b7bff,#7c5cff);box-shadow:0 10px 24px -10px rgba(124,92,255,.95);transition:transform .2s,filter .2s}
.e4-f button:hover{transform:translateY(-1px);filter:brightness(1.1)}
.e4-l{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:5;margin:0;padding:6px;list-style:none;text-align:left;border-radius:20px;background:#0a1530;border:1px solid rgba(90,170,255,.4);box-shadow:0 26px 60px -20px rgba(0,0,0,.7)}
.e4-l li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;cursor:pointer;color:#eaf3ff}
.e4-l li small{color:#35d0ff;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
.e4-l li.on,.e4-l li:hover{background:rgba(43,123,255,.28)}
.e4-l li.none{cursor:default;color:#a9c1ec}.e4-l li.none:hover{background:none}
.e4-ch{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;color:#8fa8d6;font-size:.9rem}
.e4-ch a{padding:7px 14px;border-radius:999px;border:1px solid rgba(90,170,255,.35);background:rgba(43,123,255,.1);color:#cfe5ff;text-decoration:none;font-weight:600;transition:.2s}
.e4-ch a:hover{background:linear-gradient(135deg,#2b7bff,#7c5cff);border-color:transparent;color:#fff;transform:translateY(-2px)}
.e4-ac{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.e4-g{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;border:1.5px solid rgba(90,170,255,.45);color:#fff;text-decoration:none;font-weight:700;transition:background .2s}
.e4-g:hover{background:rgba(43,123,255,.22)}
.e4-fl{position:absolute;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(10,21,48,.88);border:1px solid rgba(90,170,255,.45);color:#35d0ff;box-shadow:0 0 30px rgba(43,123,255,.45);transform:translate(calc(var(--mx)*var(--d)*1px),calc(var(--my)*var(--d)*1px));transition:transform .2s}
.e4-fl svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:e4bob 4s ease-in-out infinite}
.e4-fl.f1{left:9%;top:16%;--d:26}.e4-fl.f2{right:10%;top:20%;--d:-34}.e4-fl.f3{left:12%;bottom:16%;--d:-22}.e4-fl.f4{right:13%;bottom:18%;--d:30}
@media(max-width:760px){.e4-fl{display:none}.e4-f{padding-left:14px}.e4-f button{padding:11px 16px}}
@media(prefers-reduced-motion:reduce){.e4 *,.e4 *::before,.e4 *::after{animation:none!important;transition:none!important}}

.flogo{display:inline-block;line-height:0}.flogo img{display:block;height:46px;width:auto;max-width:100%}@media(min-width:1600px){.flogo img{height:54px}}
html.plk{overflow:hidden}#pre{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 42%,rgba(43,123,255,.24),transparent 70%),#040a1c;color:#fff;font-family:Poppins,system-ui,sans-serif;transition:opacity .6s ease,transform .6s ease,visibility 0s .6s;animation:preAuto .4s 8s forwards}#pre.out{opacity:0;visibility:hidden;transform:scale(1.04);pointer-events:none}#pre .pbx{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px;text-align:center}#pre .pic{width:clamp(96px,16vw,148px);height:auto;overflow:visible;filter:drop-shadow(0 0 22px rgba(0,170,223,.45));animation:preGlow 2.4s ease-in-out infinite}#pre .pic .lf{animation:preRise 1.9s cubic-bezier(.45,.05,.25,1) .25s both}#pre .pnm{display:flex;justify-content:center;font-weight:800;font-size:clamp(1.9rem,6.2vw,3.4rem);line-height:1.1;color:#fff;text-shadow:0 0 18px rgba(53,208,255,.5)}#pre .pnm span{display:inline-block;letter-spacing:.18em;opacity:0;transform:translateY(14px);animation:preLt .6s cubic-bezier(.2,.8,.2,1) calc(1.1s + var(--i)*.06s) forwards}#pre .pnm .sp{width:.4em}#pre .pnm .it{color:#35d0ff}#pre .pld{margin:0;font-weight:500;font-size:clamp(.85rem,2.4vw,1.05rem);letter-spacing:.14em;color:#a9c1ec;opacity:0;animation:preFade .6s ease 1.5s forwards}#pre .pld b{font-weight:700;color:#35d0ff;animation:preDot 1.6s ease-in-out infinite}#pre .pld b:nth-of-type(2){animation-delay:.2s}#pre .pld b:nth-of-type(3){animation-delay:.4s}#pre .pld b:nth-of-type(4){animation-delay:.6s}#pre .pbar{width:min(260px,60vw);height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden;opacity:0;animation:preFade .4s ease .5s forwards}#pre .pbar i{display:block;height:100%;background:linear-gradient(90deg,#2b7bff,#35d0ff);transform:scaleX(0);transform-origin:left;animation:preBar 2.1s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes preRise{from{transform:translate(0,860px)}to{transform:translate(-400px,150px)}}@keyframes preGlow{50%{filter:drop-shadow(0 0 34px rgba(53,208,255,.8))}}@keyframes preLt{to{opacity:1;transform:none}}@keyframes preFade{to{opacity:1}}@keyframes preBar{to{transform:scaleX(1)}}@keyframes preDot{0%,100%{opacity:.15}25%,70%{opacity:1}}@keyframes preAuto{to{opacity:0;visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){#pre *{animation:none!important}#pre .pic .lf{transform:translate(-400px,150px)}#pre .pnm span,#pre .pld,#pre .pbar{opacity:1;transform:none}#pre .pbar i{transform:none}}
.logo .lt{display:inline-grid;position:relative;white-space:nowrap}.logo .lt>em{grid-area:1/1;justify-self:start;align-self:center;font-style:normal}.logo .lt-a{font-size:.5em;font-weight:600;letter-spacing:.08em;color:#a9c1ec;opacity:0;pointer-events:none}.logo .lt-a b{font-weight:800;color:#35d0ff}.logo .lt-b{position:relative;color:transparent}.logo .lt-b::after{content:attr(data-t);position:absolute;left:0;top:0;white-space:nowrap;background:linear-gradient(90deg,#fff 0%,#bfe9ff 55%,#35d0ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.logo .lt-b::before{content:"";position:absolute;top:-3px;bottom:-3px;left:0;width:2px;border-radius:2px;background:#7fe3ff;box-shadow:0 0 10px 2px rgba(53,208,255,.85);opacity:0}.logo.lrun .lt-b,.logo.lhov .lt-b{-webkit-text-stroke:1px rgba(169,193,236,.6)}.logo.lrun .lt-a{animation:ltA 2.5s ease both}.logo.lrun .lt-a b{animation:ltDot 1.2s ease-in-out infinite}.logo.lrun .lt-a b:nth-of-type(2){animation-delay:.15s}.logo.lrun .lt-a b:nth-of-type(3){animation-delay:.3s}.logo.lrun .lt-a b:nth-of-type(4){animation-delay:.45s}.logo.lrun .lt-b{animation:ltBin .35s ease 2.4s both}.logo.lrun .lt-b::after{animation:ltFill 1.5s cubic-bezier(.55,0,.2,1) 2.6s both}.logo.lrun .lt-b::before{animation:ltEdge 1.5s cubic-bezier(.55,0,.2,1) 2.6s both}.logo.lhov .lt-b::after{animation:ltFill 1s cubic-bezier(.55,0,.2,1) both}.logo.lhov .lt-b::before{animation:ltEdge 1s cubic-bezier(.55,0,.2,1) both}@keyframes ltA{0%{opacity:0;transform:translateY(5px)}12%{opacity:1;transform:none}84%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}@keyframes ltDot{0%,100%{opacity:.2}30%,70%{opacity:1}}@keyframes ltBin{from{opacity:0}to{opacity:1}}@keyframes ltFill{from{clip-path:inset(-6px 100% -6px -2px)}to{clip-path:inset(-6px -4px -6px -2px)}}@keyframes ltEdge{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}@media(prefers-reduced-motion:reduce){.logo.lrun .lt-a,.logo.lrun .lt-a b,.logo.lrun .lt-b,.logo.lrun .lt-b::after,.logo.lrun .lt-b::before,.logo.lhov .lt-b::after,.logo.lhov .lt-b::before{animation:none!important}.logo.lrun .lt-b,.logo.lhov .lt-b{-webkit-text-stroke:0}}

/* Layer 3: "We Stand for New Era.." tagline under the brand name */
.logo .lt>em.lt-c{grid-area:auto;position:absolute;left:1px;top:calc(100% - 4px);display:block;font-style:normal;font-size:.385em;font-weight:600;letter-spacing:.1em;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px)}
.logo .lt-c .lc-t{display:block;clip-path:inset(-4px 100% -4px -2px);background:linear-gradient(100deg,#7fe3ff 0%,#fff 26%,#35d0ff 50%,#a9c1ec 74%,#7fe3ff 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.logo .lt-c b{font-weight:800}
.logo .lt-c::before{content:"";position:absolute;top:-2px;bottom:-2px;left:0;width:2px;border-radius:2px;background:#7fe3ff;box-shadow:0 0 8px 2px rgba(53,208,255,.85);opacity:0}
/* Layer 4: loading ring orbiting the logo icon */
.logo i{position:relative}
.logo i::after{content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,rgba(53,208,255,0) 0deg,rgba(53,208,255,0) 110deg,#2b7bff 250deg,#35d0ff 335deg,#fff 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}
/* intro run (after the preloader) */
.logo.lcr .lt-c{animation:lcBox 3.8s ease 3.9s both}
.logo.lcr .lt-c .lc-t{animation:lcWipe 1.2s cubic-bezier(.55,0,.2,1) 3.9s both,lcShine 1.8s linear 3.9s infinite}
.logo.lcr .lt-c::before{animation:lcEdge 1.2s cubic-bezier(.55,0,.2,1) 3.9s both}
.logo.lcr .lt-c b{animation:ltDot 1.2s ease-in-out 3.9s infinite}
.logo.lcr .lt-c b:nth-of-type(2){animation-delay:4.1s}
.logo.lrun i::after{animation:lcSpin 2.5s cubic-bezier(.45,.05,.25,1) both}
.logo.lrun i{animation:lcPulse .9s ease 2.6s both}
/* hover */
.logo.lch .lt-c{animation:lcBox 3s ease .35s both}
.logo.lch .lt-c .lc-t{animation:lcWipe .9s cubic-bezier(.55,0,.2,1) .35s both,lcShine 1.8s linear .35s infinite}
.logo.lch .lt-c::before{animation:lcEdge .9s cubic-bezier(.55,0,.2,1) .35s both}
.logo.lch .lt-c b{animation:ltDot 1.2s ease-in-out .35s infinite}
.logo.lch .lt-c b:nth-of-type(2){animation-delay:.55s}
.logo.lhov i::after{animation:lcSpinH 1.1s cubic-bezier(.45,.05,.25,1) both}
@keyframes lcBox{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:none}82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}
@keyframes lcWipe{from{clip-path:inset(-4px 100% -4px -2px)}to{clip-path:inset(-4px -6px -4px -2px)}}
@keyframes lcShine{from{background-position:0 0}to{background-position:-240% 0}}
@keyframes lcEdge{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes lcSpin{0%{opacity:0;transform:rotate(0)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:rotate(720deg)}}
@keyframes lcSpinH{0%{opacity:0;transform:rotate(0)}15%{opacity:1}100%{opacity:0;transform:rotate(360deg)}}
@keyframes lcPulse{0%,100%{filter:none}45%{filter:drop-shadow(0 0 9px rgba(53,208,255,.95))}}
@media(prefers-reduced-motion:reduce){
.logo.lcr .lt-c,.logo.lcr .lt-c .lc-t,.logo.lcr .lt-c::before,.logo.lcr .lt-c b,.logo.lrun i::after,.logo.lrun i,.logo.lhov i::after,.logo.lch .lt-c::before,.logo.lch .lt-c .lc-t,.logo.lch .lt-c b{animation:none!important}
.logo.lch .lt-c{animation:none!important;opacity:1;transform:none}
.logo.lch .lt-c .lc-t{clip-path:none}
}

.pc.pgh{display:none!important}#pgrid{scroll-margin-top:110px}.pgn{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:34px}.pgn:empty{display:none}.pgn button{min-width:42px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--ln);background:var(--s);color:var(--tx);font:700 .92rem Figtree,sans-serif;cursor:pointer;transition:.2s}.pgn button:hover:not(:disabled):not(.on){border-color:var(--v);transform:translateY(-2px)}.pgn button.on{background:linear-gradient(135deg,#2b7bff,#14cfff);color:#fff;border-color:transparent;box-shadow:0 10px 24px -10px rgba(43,123,255,.8)}.pgn button:disabled{opacity:.4;cursor:not-allowed}.pgn button:focus-visible{outline:2px solid var(--c);outline-offset:2px}.pgn .dots{padding:0 4px;color:var(--tx);opacity:.6;font-weight:700}@media(max-width:480px){.pgn button{min-width:38px;height:38px;padding:0 10px}}
.icv{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:40px 0 20px;align-items:start}
.icv-card{background:var(--s);border:1px solid var(--ln);border-radius:20px;padding:20px;margin-top:18px}
.icv-card h3{margin:0 0 12px;font-size:1.05rem}
.icv-drop{display:grid;place-items:center;gap:8px;text-align:center;padding:42px 18px;border:2px dashed var(--v);border-radius:22px;background:linear-gradient(160deg,rgba(43,123,255,.12),rgba(20,207,255,.08));color:var(--tx);cursor:pointer;transition:.2s}
.icv-drop svg{color:var(--v)}.icv-drop span{opacity:.75;font-size:.92rem}.icv-drop:hover,.icv-drop:focus-visible,.icv-drop.on{background:rgba(43,123,255,.22);outline:0;border-color:var(--c)}
.icv-fmt,.icv-chips{display:flex;flex-wrap:wrap;gap:8px}
.icv-fmt button,.icv-chips button,.icv-b2{border:1px solid var(--ln);background:var(--s);color:var(--tx);border-radius:999px;padding:8px 16px;font:600 .9rem Figtree,sans-serif;cursor:pointer;transition:.2s}
.icv-fmt button:hover,.icv-chips button:hover,.icv-b2:hover:not(:disabled){border-color:var(--v)}
.icv-fmt button.on{background:var(--v);border-color:var(--v);color:#fff}.icv-fmt button:disabled,.icv-b2:disabled{opacity:.4;cursor:not-allowed}
.icv-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.icv-go{border:0;border-radius:999px;padding:13px 30px;font:700 1rem Figtree,sans-serif;color:#fff;cursor:pointer;background:linear-gradient(90deg,var(--v),var(--c));box-shadow:0 8px 24px rgba(43,123,255,.4)}.icv-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#icSt{font-size:.92rem;opacity:.85}
.icv-list{display:grid;gap:10px;margin-top:14px}
.icv-it{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--s);border:1px solid var(--ln);border-radius:16px;padding:10px 12px}
.icv-it img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#8883}
.icv-it b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icv-it small{opacity:.75}.icv-it .ok{color:#18a058;font-weight:700}.icv-it .er{color:#e5484d;font-weight:700}
.icv-it a,.icv-it button{border:1px solid var(--ln);background:transparent;color:var(--tx);border-radius:10px;padding:7px 12px;font:600 .85rem Figtree,sans-serif;cursor:pointer;text-decoration:none;margin-left:6px}
.icv-it a.dl{background:var(--v);border-color:var(--v);color:#fff}
.icv-set details{border-top:1px solid var(--ln);padding:10px 0}.icv-set summary{cursor:pointer;font-weight:700;padding:4px 0}
.icv-g{display:grid;gap:12px;margin-top:10px}.icv-c2{grid-template-columns:repeat(2,minmax(0,1fr))}.icv-ck{grid-template-columns:repeat(3,minmax(0,1fr))}
.icv-set label{display:grid;gap:5px;font-size:.9rem;font-weight:600}.icv-set .icv-k,.icv-set .icv-r{display:flex;gap:8px;align-items:center;font-weight:500}
.icv-set input[type=number],.icv-set input[type=text],.icv-set select{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--ln);background:var(--s);color:var(--tx);font:inherit}
.icv-set input[type=color]{width:100%;height:38px;border:1px solid var(--ln);border-radius:10px;background:var(--s);padding:2px}
.icv-set small,.icv-n{opacity:.7;font-size:.82rem;margin:0}.icv-set #icRst{margin-top:12px}
.icv-ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:.92rem}
.icv-art{padding:30px 0 50px;max-width:820px}.icv-art h2{margin:26px 0 10px}.icv-art h3{margin:18px 0 6px;font-size:1.05rem}.icv-art p{opacity:.9}
@media(max-width:900px){.icv{grid-template-columns:1fr}.icv-ck{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.icv-it{grid-template-columns:48px minmax(0,1fr)}.icv-it .ac{grid-column:1/-1}.icv-it img{width:48px;height:48px}.icv-c2{grid-template-columns:1fr}}
.bgh{position:relative;overflow:hidden}.bgh::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(53,208,255,.35),transparent 70%);pointer-events:none}.bgh h1 span{background:linear-gradient(90deg,#35d0ff,#6c8cff,#c28bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bgr-stage{position:relative;box-shadow:0 30px 80px -30px rgba(43,123,255,.55),0 0 0 1px rgba(53,208,255,.15) inset}.bsl{position:relative;aspect-ratio:1000/638;min-height:0;user-select:none;touch-action:pan-y}.bsl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.bsl-a{position:absolute;inset:0;background:conic-gradient(#e4e4e4 25%,#fafafa 0 50%,#e4e4e4 0 75%,#fafafa 0) 0 0/24px 24px;clip-path:inset(0 calc(100% - var(--p)) 0 0)}.bsl-h{position:absolute;top:0;bottom:0;left:var(--p);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.5);pointer-events:none}.bsl-h i{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#fff;color:#171717;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.45)}.bsl-r{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.bsl-l{position:absolute;top:12px;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font:700 .8rem Figtree,sans-serif;letter-spacing:.04em;pointer-events:none}.bsl-la{left:12px}.bsl-lb{right:12px}.bgs{padding:34px 0 6px}.bgs-h{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 20px;text-align:center}.bgs-st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}.bgs-s{position:relative;padding:26px 22px 22px;border-radius:20px;background:var(--s);border:1px solid var(--ln);text-align:left}.bgs-s b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;font:800 1.15rem Figtree,sans-serif;background:linear-gradient(135deg,#2b7bff,#14cfff);margin-bottom:12px;box-shadow:0 10px 24px -8px rgba(43,123,255,.7)}.bgs-s h3,.bgs-c h3{margin:0 0 6px;font-size:1.05rem}.bgs-s p,.bgs-c p{margin:0;opacity:.85;font-size:.94rem}.bgs-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bgs-c{padding:22px;border-radius:20px;background:var(--s);border:1px solid var(--ln);transition:.25s}.bgs-c:hover,.bgs-s:hover{transform:translateY(-4px);border-color:var(--v);box-shadow:0 18px 40px -22px rgba(43,123,255,.8)}.bgs-i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--c);background:rgba(53,208,255,.12);border:1px solid rgba(53,208,255,.35);margin-bottom:12px}.bgs-u{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bgs-u li{padding:10px 18px;border-radius:999px;background:var(--s);border:1px solid var(--ln);font-weight:600;font-size:.92rem}.bgs-t{max-width:860px;margin:0 auto}.bgs-t h3{margin:20px 0 6px;font-size:1.1rem}.bgs-t p{opacity:.9;line-height:1.7}.bgs-f{max-width:860px;margin:0 auto;display:grid;gap:10px}.bgs-q{border:1px solid var(--ln);border-radius:16px;background:var(--s);padding:0 20px}.bgs-q summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.bgs-q summary::after{content:"+";color:var(--c);font-size:1.4rem;line-height:1}.bgs-q[open] summary::after{content:"\2212"}.bgs-q p{margin:0 0 16px;opacity:.9;line-height:1.65}.bgs-rl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bgs-rl a{padding:11px 20px;border-radius:999px;border:1px solid var(--ln);background:var(--s);font-weight:600;transition:.2s}.bgs-rl a:hover{border-color:var(--v);color:var(--v)}.bgs-cta{margin:40px 0 50px;padding:44px 24px;border-radius:28px;text-align:center;color:#fff;background:radial-gradient(500px 220px at 85% 0,rgba(53,208,255,.35),transparent),linear-gradient(135deg,#0d2a6b,#2b5bff 60%,#6c3bff)}.bgs-cta h2{margin:0 0 8px;font-size:clamp(1.5rem,3.4vw,2.2rem)}.bgs-cta p{margin:0 0 20px;opacity:.9}@media(max-width:900px){.bgs-st,.bgs-g{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bgs-st,.bgs-g{grid-template-columns:1fr}}.bgh h1{font-size:clamp(2rem,5vw,3.4rem);max-width:900px}
.bgr{padding:36px 0 20px}.bgr-stage{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;border-radius:28px;background:#171717;border:1px solid rgba(255,255,255,.1)}
.bgr-demo{border-radius:16px;overflow:hidden;min-height:300px}.bgr-demo svg{width:100%;height:100%;display:block}
.bgr-drop{display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:32px 18px;border:2px dashed rgba(255,255,255,.4);border-radius:16px;color:#fff;cursor:pointer;transition:.2s}
.bgr-drop:hover,.bgr-drop:focus-visible,.bgr-drop.on{border-color:#4a67ff;background:rgba(74,103,255,.1);outline:0}
.bgr-up{display:inline-block;padding:14px 30px;border-radius:999px;background:#4a67ff;color:#fff;font:700 1.1rem Figtree,sans-serif}.bgr-drop strong{font-size:1.25rem}.bgr-drop small{opacity:.8}
.bgr-ed{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.bgr-ed[hidden],.bgr-stage[hidden]{display:none}
.bgr-bar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.bgr-bar span{margin-left:auto;font-size:.88rem;opacity:.75}
.bgr-bar button,.bgr-row .on{background:var(--v);color:#fff;border-color:var(--v)}.bgr-bar button:not(.on){background:var(--s);color:var(--tx);border:1px solid var(--ln)}.bgr-bar button{border-radius:999px;padding:8px 16px;font:600 .9rem Figtree,sans-serif;cursor:pointer}
.bgr-view{position:relative;border-radius:16px;overflow:hidden;line-height:0;background:#8883;background-image:conic-gradient(#d8d8d8 25%,#f6f6f6 0 50%,#d8d8d8 0 75%,#f6f6f6 0);background-size:20px 20px}
.bgr-view canvas{width:100%;height:auto;display:block;touch-action:none;cursor:default}.bgr-view.br canvas{cursor:crosshair}
.bgr-busy{position:absolute;inset:0;display:none;place-items:center;background:rgba(0,0,0,.45);color:#fff;font:700 1rem Figtree,sans-serif}.bgr-busy.on{display:grid}
.bgr-side .icv-card:first-child{margin-top:0}.bgr-side label{display:grid;gap:5px;font-size:.9rem;font-weight:600;margin-top:10px}.bgr-side .icv-k{display:flex;gap:8px;align-items:center;font-weight:500}
.bgr-side select{width:100%;padding:9px 10px;border-radius:10px;border:1px solid var(--ln);background:var(--s);color:var(--tx);font:inherit}
.bgr-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.bgr-row input[type=color]{width:42px;height:36px;border:1px solid var(--ln);border-radius:10px;background:var(--s);padding:2px}
@media(max-width:900px){.bgr-stage,.bgr-ed{grid-template-columns:1fr}.bgr-demo{min-height:200px}}.sv .ph.bgh{padding:76px 0 68px;text-align:center;background-image:radial-gradient(900px 380px at 50% -12%,rgba(43,123,255,.6),transparent),radial-gradient(560px 300px at 92% 100%,rgba(108,59,255,.38),transparent),radial-gradient(500px 260px at 4% 100%,rgba(53,208,255,.26),transparent)}.sv .ph.bgh::after{display:none}.sv .ph.bgh .w{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.sv .ph.bgh .crumb{margin:0 0 16px}.sv .ph.bgh h1{font-size:clamp(2.2rem,6vw,4.2rem);max-width:19ch;margin:16px auto 18px;line-height:1.08;letter-spacing:-.02em}.sv .ph.bgh h1 span{display:inline-block;background:linear-gradient(90deg,#35d0ff,#8b5cff,#ff7ad9,#35d0ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bghs 6s linear infinite}.sv .ph.bgh p{max-width:60ch;margin:0 auto;font-size:1.08rem;line-height:1.65}.bgh-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bgh-g{position:absolute;inset:-40px;background:conic-gradient(rgba(255,255,255,.08) 25%,transparent 0 50%,rgba(255,255,255,.08) 0 75%,transparent 0) 0 0/36px 36px;-webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 10%,transparent 68%);mask-image:radial-gradient(ellipse at 50% 38%,#000 10%,transparent 68%);animation:bghg 26s linear infinite}.bgh-o{position:absolute;border-radius:50%;filter:blur(64px);opacity:.5;animation:bghf 15s ease-in-out infinite}.bgh-o.a{width:360px;height:360px;left:-90px;top:-70px;background:#2b7bff}.bgh-o.b{width:300px;height:300px;right:-70px;top:18%;background:#8b5cff;animation-duration:18s;animation-delay:-5s}.bgh-o.c{width:260px;height:260px;left:42%;bottom:-130px;background:#14cfff;animation-duration:21s;animation-delay:-9s}.bgh-s{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(53,208,255,.85);animation:bghtw 3.4s ease-in-out infinite}.bgh-i{opacity:0;transform:translateY(20px);animation:bghi .85s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d)*.13s)}.bgh-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.bgh-b1,.bgh-b2{padding:15px 32px;border-radius:999px;font:700 1.05rem Figtree,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.bgh-b1{position:relative;overflow:hidden;border:0;color:#fff;background:linear-gradient(90deg,#2b7bff,#14cfff);box-shadow:0 14px 36px -10px rgba(43,123,255,.95)}.bgh-b1::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:bghsh 3.6s ease-in-out infinite}.bgh-b2{border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.08);color:#fff}.bgh-b1:hover,.bgh-b2:hover{transform:translateY(-3px)}.bgh-b2:hover{background:rgba(255,255,255,.16)}.bgh-t{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:center;color:#cfe3ff;font-size:.92rem;font-weight:600}.bgh-t li{display:flex;align-items:center;gap:7px}.bgh-t svg{color:#35d0ff;padding:3px;border-radius:50%;background:rgba(53,208,255,.15);width:22px;height:22px;box-sizing:border-box}@keyframes bghi{to{opacity:1;transform:none}}@keyframes bghs{to{background-position:300% 0}}@keyframes bghg{to{background-position:72px 36px}}@keyframes bghf{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(44px,30px) scale(1.12)}66%{transform:translate(-30px,50px) scale(.94)}}@keyframes bghtw{0%,100%{opacity:.12;transform:scale(.55)}50%{opacity:1;transform:scale(1.25)}}@keyframes bghsh{0%{left:-60%}55%,100%{left:140%}}.bgs-g .bgs-c{text-align:center;padding:36px 22px 28px}.bgs-g .bgs-i{position:relative;width:96px;height:96px;margin:0 auto 22px;border-radius:50%;border:0;color:#fff;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:0 20px 38px -12px var(--g1),inset 0 3px 0 rgba(255,255,255,.4),inset 0 -6px 12px rgba(0,0,0,.14);animation:bgfl 5s ease-in-out infinite;transition:box-shadow .3s}.bgs-g .bgs-i::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px dashed var(--g1);opacity:.45;animation:bgsp 22s linear infinite}.bgs-g .bgs-i::after{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,var(--g1),transparent 68%);opacity:.18;z-index:-1}.bgs-g .bgs-i svg{width:42px;height:42px;stroke-width:1.9;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.bgs-g .bgs-c:hover .bgs-i::before{opacity:.9;animation-duration:7s}.bgs-g .bgs-c:hover .bgs-i{box-shadow:0 26px 46px -10px var(--g1),inset 0 3px 0 rgba(255,255,255,.5)}.bgs-g .bgs-c:nth-child(1){--g1:#2b7bff;--g2:#14cfff}.bgs-g .bgs-c:nth-child(2){--g1:#12b886;--g2:#7be495;--dl:-.8s}.bgs-g .bgs-c:nth-child(3){--g1:#ff7a59;--g2:#ffb347;--dl:-1.6s}.bgs-g .bgs-c:nth-child(4){--g1:#8b5cff;--g2:#d46bff;--dl:-2.4s}.bgs-g .bgs-c:nth-child(5){--g1:#ff4d8d;--g2:#ff9a9e;--dl:-3.2s}.bgs-g .bgs-c:nth-child(6){--g1:#0ea5e9;--g2:#6366f1;--dl:-4s}.bgs-g .bgs-i{animation-delay:var(--dl,0s)}.bgs-g .bgs-i::before{animation-delay:0s}@keyframes bgfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bgsp{to{transform:rotate(360deg)}}@media(max-width:560px){.bgh-b1,.bgh-b2{width:100%}.sv .ph.bgh{padding:56px 0 50px}}@media(prefers-reduced-motion:reduce){.bgh-i{opacity:1;transform:none;animation:none}.bgh-g,.bgh-o,.bgh-s,.bgh-b1::after,.sv .ph.bgh h1 span,.bgs-g .bgs-i,.bgs-g .bgs-i::before{animation:none}}.w.bgr{width:min(1320px,94%);max-width:none;margin-left:auto;margin-right:auto}@media(min-width:1700px){.w.bgr{width:min(1560px,92%)}}.bgr .bgr-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-auto-rows:minmax(clamp(380px,44vw,680px),auto);gap:clamp(14px,2vw,28px);padding:clamp(14px,2vw,28px);border-radius:clamp(22px,3vw,36px);align-items:stretch;background:radial-gradient(700px 320px at 0 0,rgba(43,123,255,.18),transparent),radial-gradient(600px 300px at 100% 100%,rgba(139,92,255,.16),transparent),#141414}.bgr .bgr-demo.bsl{aspect-ratio:auto;width:auto;height:auto;min-height:0;align-self:stretch;justify-self:stretch;border-radius:clamp(16px,2vw,24px);box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}.bgr .bsl img{object-fit:cover;object-position:50% 45%}.bsl-l{top:clamp(10px,1.4vw,18px);padding:clamp(5px,.7vw,8px) clamp(12px,1.4vw,18px);font-size:clamp(.78rem,1vw,.98rem)}.bsl-la{left:clamp(10px,1.4vw,18px)}.bsl-lb{right:clamp(10px,1.4vw,18px)}.bsl-h{width:3px}.bsl-h i{width:clamp(46px,5vw,66px);height:clamp(46px,5vw,66px);margin:0;transform:translate(-50%,-50%)}.bsl-h i::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.65);animation:bhpl 2.2s ease-out infinite}@keyframes bhpl{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.45);opacity:0}}.bsl-hint{position:absolute;left:50%;bottom:clamp(12px,1.6vw,20px);transform:translateX(-50%);padding:7px 16px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font:600 clamp(.76rem,.95vw,.92rem) Figtree,sans-serif;pointer-events:none;white-space:nowrap}.bgr .bgr-drop{align-self:stretch;border-radius:clamp(16px,2vw,24px);padding:clamp(22px,4vw,56px);gap:clamp(12px,1.6vw,20px);border:2px dashed rgba(255,255,255,.35);background:radial-gradient(420px 260px at 50% 0,rgba(74,103,255,.2),transparent),rgba(255,255,255,.02)}.bgr .bgr-drop>svg{width:clamp(48px,5.4vw,78px);height:clamp(48px,5.4vw,78px);padding:clamp(14px,1.6vw,22px);border-radius:50%;box-sizing:content-box;background:linear-gradient(135deg,#2b7bff,#8b5cff);color:#fff;box-shadow:0 18px 40px -12px rgba(74,103,255,.95);animation:bgfl 4.5s ease-in-out infinite}.bgr .bgr-up{position:relative;overflow:hidden;font-size:clamp(1.02rem,1.7vw,1.3rem);padding:clamp(13px,1.5vw,18px) clamp(26px,3.4vw,46px);box-shadow:0 14px 36px -10px rgba(74,103,255,.95);transition:transform .2s}.bgr .bgr-up::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:bghsh 3.6s ease-in-out infinite}.bgr-drop:hover .bgr-up{transform:translateY(-3px) scale(1.03)}.bgr .bgr-drop strong{font-size:clamp(1.1rem,2.2vw,1.75rem)}.bgr .bgr-drop small{font-size:clamp(.8rem,1.05vw,.95rem);max-width:44ch;line-height:1.55}.bgr-fm{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bgr-fm i{font-style:normal;padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#cfe3ff;font:700 .78rem Figtree,sans-serif;letter-spacing:.04em}@media(max-width:900px){.bgr .bgr-stage{grid-template-columns:1fr;grid-auto-rows:auto}.bgr .bgr-demo.bsl{aspect-ratio:1000/638;height:auto}.bgr .bgr-drop{min-height:clamp(260px,56vw,360px)}}@media(prefers-reduced-motion:reduce){.bsl-h i::after,.bgr .bgr-drop>svg,.bgr .bgr-up::after{animation:none}}
.imc{padding:36px 22px 10px}.imc-ok{color:#18a058;font-weight:700}.imc-er{color:#e5484d;font-weight:700}.imc-drop{position:relative;display:grid;place-items:center;gap:14px;text-align:center;padding:clamp(34px,6vw,64px) 18px;border:2px dashed rgba(255,255,255,.6);border-radius:22px;background:linear-gradient(160deg,#4a86f7,#6c9bf5);color:#fff;transition:.2s}.imc-drop.on{filter:brightness(1.08)}.imc-drop:focus-visible{outline:2px solid var(--c);outline-offset:4px}.imc-drop>svg{opacity:.95}.imc-drop strong{font:700 1.1rem Poppins,sans-serif}.imc-drop small{opacity:.92;max-width:52ch}.imc-sel{position:relative;display:flex;border-radius:12px;background:#fff;color:#0a1630;box-shadow:0 12px 28px -10px rgba(0,0,0,.45)}.imc-pick,.imc-cv{border:0;background:transparent;color:inherit;font:700 1.05rem Figtree,sans-serif;cursor:pointer;display:flex;gap:10px;align-items:center;padding:15px 24px}.imc-cv{border-left:1px solid #d3e0f7;padding:15px 16px}.imc-pick:hover,.imc-cv:hover{background:#eef4ff;border-radius:12px}.imc-mn{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid #d3e0f7;border-radius:12px;padding:6px;z-index:5;text-align:left;box-shadow:0 18px 40px -14px rgba(0,0,0,.5)}.imc-mn[hidden]{display:none}.imc-mn button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#0a1630;padding:10px 12px;border-radius:8px;font:600 .92rem Figtree,sans-serif;cursor:pointer}.imc-mn button:hover{background:#eef4ff}.imc-set{padding:0;margin-top:14px;border-radius:14px;background:rgba(43,123,255,.12)}.imc-set>details{border:0;padding:0}.imc-set>details>summary{padding:16px 20px;list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.imc-set>details>summary::after{content:"\25BE";transition:transform .2s}.imc-set>details[open]>summary::after{transform:rotate(180deg)}.imc-set .imc-b{padding:2px 20px 20px}.imc-sum{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;padding:16px 20px;border:1px solid var(--ln);border-radius:16px;background:var(--s)}.imc-sum b{font:800 1.15rem Poppins,sans-serif}.imc-sum small{display:block;opacity:.75}.imc-act{display:flex;gap:10px;flex-wrap:wrap}#imSt{font-size:.92rem;opacity:.85;margin:10px 0 0}.imc-art{padding:10px 0 50px;max-width:820px}.imc-art h2{margin:26px 0 10px}.imc-art h3{margin:18px 0 6px;font-size:1.05rem}.imc-art p{opacity:.9}

#p-custom-mug-printing .mp{padding-bottom:80px}
.mp-hd .btn{margin-right:12px}
.mp-hero{display:none}
#p-custom-mug-printing .ph .ba{display:none}
@media(min-width:1100px){.mp-hero{display:block;position:absolute;right:70px;top:50%;width:min(370px,29vw);transform:translateY(-46%);pointer-events:none}}
.mp-hero::before{content:"";position:absolute;inset:-16% -20%;border-radius:50%;background:radial-gradient(closest-side,rgba(53,208,255,.30),rgba(43,123,255,.12) 55%,transparent 72%)}
.mp-hero::after{content:"";position:absolute;inset:-4% -9%;border-radius:50%;border:1.5px dashed rgba(120,190,255,.38);animation:mpSpin 40s linear infinite}
.mp-hero .mp-ph{position:relative;z-index:1}
@keyframes mpSpin{to{transform:rotate(360deg)}}
.mp-hero .mp-ph{width:100%;animation:mpFloat 5s ease-in-out infinite}
.mp-hero .mp-steam{opacity:.5}
.mp-hero .mp-steam path{animation:mpSteam 2.6s ease-in-out infinite}
.mp-hero .mp-steam path:nth-child(2){animation-delay:.5s}.mp-hero .mp-steam path:nth-child(3){animation-delay:1s}
.mp-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-top:-38px;position:relative;z-index:2}
.mp-f{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--s);border:1px solid var(--ln);box-shadow:0 18px 40px -22px rgba(43,123,255,.55)}
.mp-f span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--v),var(--c))}
.mp-f svg{width:22px;height:22px}.mp-f b{font-size:.98rem;line-height:1.2}.mp-f small{color:var(--mu);font-size:.82rem}
#p-custom-mug-printing section.mp-sec{margin:56px 0 0;padding:0}
#p-custom-mug-printing .mp-feat+section.mp-sec{margin-top:46px}
.mp-h{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 10px;text-align:left;line-height:1.15}
.mp-h span{background:linear-gradient(90deg,#2b7bff,#35d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mp-h3{font-size:1.25rem;margin:38px 0 14px}
.mp-lead{color:var(--mu);max-width:72ch;margin:0 0 24px;line-height:1.7}
#p-custom-mug-printing .cnt{color:var(--mu);font-size:.9rem;margin:0 0 14px}
.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.mp-card{border:1px solid var(--ln);border-radius:22px;background:var(--s);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;outline:0}
.mp-card:hover,.mp-card:focus-visible{transform:translateY(-6px);border-color:var(--v);box-shadow:0 24px 48px -20px rgba(43,123,255,.65)}
.mp-card.hide{display:none}
.mp-fig{--f1:#2a6be0;--f2:#081a45;position:relative;display:grid;place-items:center;padding:26px 14px 18px;background:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px) 0 0/16px 16px,radial-gradient(90% 85% at 50% 28%,var(--f1),var(--f2))}
.mp-fig[data-c=creative]{--f1:#6a4cff;--f2:#120f3a}.mp-fig[data-c=festive]{--f1:#12a37a;--f2:#05241f}.mp-fig[data-c=personal]{--f1:#ff7a59;--f2:#3a1230}
.mp-cat{position:absolute;left:14px;top:14px;z-index:1;padding:4px 11px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28)}
.mp-ph{position:relative;width:94%;transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-origin:50% 85%}
.mp-mug{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.mp-i1{position:absolute;left:0;top:0;opacity:0;transition:opacity .9s ease}
.mp-sv{position:absolute;left:30.47%;bottom:77.50%;width:24%;height:auto;overflow:visible;pointer-events:none;filter:blur(.6px)}
.mp-card:hover .mp-ph,.mp-card:focus-visible .mp-ph{transform:translateY(-5px) scale(1.035)}
.mp-steam{opacity:0;transition:opacity .4s}
.mp-card:hover .mp-steam,.mp-card:focus-visible .mp-steam{opacity:.55}
.mp-card:hover .mp-steam path,.mp-card:focus-visible .mp-steam path{animation:mpSteam 2.2s ease-in-out infinite}
.mp-steam path:nth-child(2){animation-delay:.45s!important}.mp-steam path:nth-child(3){animation-delay:.9s!important}
.mp-card:hover .mp-i1,.mp-card:focus-visible .mp-i1,.mp-card.mp-poured .mp-i1{opacity:1}
.mp-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:.76rem;color:rgba(255,255,255,.75)}
.mp-cb{padding:18px 20px 20px}.mp-cb h3{margin:0 0 6px;font-size:1.12rem}.mp-cb p{margin:0;color:var(--mu);font-size:.93rem;line-height:1.6}
.mp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.mp-tags span{padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:700;color:#4f9bff;background:rgba(43,123,255,.12);border:1px solid rgba(120,160,255,.28)}
.mp-mg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.mp-m{padding:26px 24px;border-radius:22px;background:var(--s);border:1px solid var(--ln);transition:transform .3s,box-shadow .3s,border-color .3s}
.mp-m:hover{transform:translateY(-5px);border-color:var(--v);box-shadow:0 22px 44px -18px rgba(43,123,255,.6)}
.mp-mi{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--v),var(--c));box-shadow:0 10px 24px -8px rgba(43,123,255,.8)}
.mp-mi svg{width:26px;height:26px}.mp-m h3{margin:0 0 8px;font-size:1.18rem}.mp-m>p{margin:0 0 14px;color:var(--mu);line-height:1.65;font-size:.95rem}
.mp-dl{margin:0;display:grid;gap:9px;padding-top:14px;border-top:1px solid var(--ln)}
.mp-dl div{display:grid;grid-template-columns:76px 1fr;gap:10px}.mp-dl dt{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c);padding-top:2px}
.mp-dl dd{margin:0;font-size:.9rem;line-height:1.5}
.mp-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:10px}
.mp-pk{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--s);border:1px solid var(--ln);font-size:.93rem}
.mp-pk span{flex:1;color:var(--mu)}.mp-pk i{font-style:normal;color:var(--c)}.mp-pk b{flex:0 0 auto}
.mp-types{display:flex;flex-wrap:wrap;gap:10px}
.mp-types span{padding:9px 16px;border-radius:999px;font-weight:600;font-size:.92rem;background:var(--s);border:1px solid var(--ln)}
.mp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.mp-steps li{position:relative;padding:22px 18px 20px;border-radius:20px;background:var(--s);border:1px solid var(--ln)}
.mp-n{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:50%;font:800 .95rem Poppins,sans-serif;color:#fff;background:linear-gradient(135deg,var(--v),var(--c))}
.mp-steps h3{margin:0 0 6px;font-size:1.02rem}.mp-steps p{margin:0;color:var(--mu);font-size:.9rem;line-height:1.55}
.mp-art{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
.mp-tips{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mp-tips li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;line-height:1.55}
.mp-ck{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--v),var(--c))}.mp-ck svg{width:14px;height:14px}
.mp-tf{margin:0;padding:20px;border-radius:22px;background:var(--s);border:1px solid var(--ln)}
.mp-tpl{display:block;width:100%;height:auto;color:var(--tx)}.mp-tf figcaption{margin-top:10px;text-align:center;color:var(--mu);font-size:.85rem}
.mp-faq{max-width:860px}.mp-faq summary{cursor:pointer;font-weight:700}
#p-custom-mug-printing .pt-cta{margin-top:70px}
@keyframes mpFloat{50%{transform:translateY(-9px)}}
@keyframes mpSteam{0%{transform:translateY(8px);opacity:0}30%{opacity:1}100%{transform:translateY(-12px);opacity:0}}
@media(max-width:820px){.mp-art{grid-template-columns:1fr}.mp-feat{margin-top:-30px}.mp-dl div{grid-template-columns:70px 1fr}}
@media(prefers-reduced-motion:reduce){.mp-hero::after,.mp-hero .mp-ph,.mp-hero .mp-steam path,.mp-card:hover .mp-steam path,.mp-card:focus-visible .mp-steam path{animation:none!important}.mp-ph,.mp-i1,.mp-card,.mp-m{transition:none!important}.mp-card:hover .mp-ph{transform:none}}
.mp-dl-card{display:block;text-decoration:none;color:inherit}
.mp-note{margin:18px 0 0;color:var(--mu);font-size:.84rem}


#p-custom-made-premium-t-shirts .ph .ba{display:none}
#p-custom-made-premium-t-shirts .mp{padding-bottom:80px}
#p-custom-made-premium-t-shirts section.mp-sec{margin:56px 0 0;padding:0}
#p-custom-made-premium-t-shirts .mp-feat+section.mp-sec{margin-top:46px}
#p-custom-made-premium-t-shirts .cnt{color:var(--mu);font-size:.9rem;margin:0 0 14px}
#p-custom-made-premium-t-shirts .pt-cta{margin-top:70px}
.ts-fan{position:relative;width:100%;aspect-ratio:1/1.02;animation:mpFloat 5s ease-in-out infinite}
.ts-fan img{position:absolute;display:block;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 50px -16px rgba(0,0,0,.7)}
.ts-fan .ts-f2{width:50%;height:78%;left:25%;top:6%;z-index:3}
.ts-fan .ts-f1{width:42%;height:60%;left:-2%;top:22%;transform:rotate(-9deg);z-index:2}
.ts-fan .ts-f3{width:42%;height:60%;right:-2%;top:24%;transform:rotate(9deg);z-index:2}
.ts-grid{columns:3;column-gap:22px}
.ts-card{display:inline-block;width:100%;margin:0 0 22px;break-inside:avoid;border:1px solid var(--ln);border-radius:22px;background:var(--s);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.ts-card:hover,.ts-card:focus-within{transform:translateY(-6px);border-color:var(--v);box-shadow:0 24px 48px -20px rgba(43,123,255,.65)}
.ts-card.hide{display:none}
.ts-grid.ts-js{columns:auto;display:flex;gap:22px;align-items:flex-start}.ts-col{flex:1 1 0;min-width:0}.ts-grid.ts-js .ts-card{display:block}
.ts-ph{position:relative;overflow:hidden;cursor:zoom-in;background:#0b1226;line-height:0}
.ts-ph img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease}
.ts-ph .ts-i1{position:absolute;left:0;top:0;height:100%;object-fit:cover;opacity:0}
.ts-card:hover .ts-i0,.ts-card:focus-within .ts-i0{transform:scale(1.035)}
.ts-card:hover .ts-i1,.ts-card:focus-within .ts-i1{opacity:1;transform:scale(1.035)}
.ts-ph .mp-cat{line-height:1.2;background:rgba(5,12,30,.62);border-color:rgba(255,255,255,.25)}
.ts-view{position:absolute;left:12px;bottom:12px;padding:4px 11px;border-radius:999px;font:700 .74rem/1.2 Figtree,sans-serif;color:#fff;background:rgba(5,12,30,.62);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}
.ts-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:rgba(5,12,30,.62);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.ts-zoom svg{width:17px;height:17px}
.ts-card:hover .ts-zoom{opacity:1;transform:none}
.ts-eq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.ts-eqc{margin:0;border:1px solid var(--ln);border-radius:22px;background:var(--s);overflow:hidden}
.ts-eqi{aspect-ratio:4/3;background:#fff;display:grid;place-items:center;overflow:hidden}
.ts-eqi img{width:100%;height:100%;display:block}
.ts-eqc figcaption{padding:18px 20px 22px}.ts-eqc h3{margin:0 0 6px;font-size:1.08rem}.ts-eqc p{margin:0;color:var(--mu);font-size:.92rem;line-height:1.6}
.ts-art{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center}
.ts-tpl{display:block;width:100%;height:auto;color:var(--tx)}
.ts-tpl .tb{fill:rgba(120,160,255,.09);stroke:currentColor;stroke-opacity:.55;stroke-width:1.6;stroke-linejoin:round}
.ts-tpl .z{fill:rgba(53,208,255,.10);stroke:#35d0ff;stroke-width:1.4;stroke-dasharray:4 3}
.ts-tpl .zn circle{fill:#2b7bff}.ts-tpl .zn text{fill:#fff;font:800 9px Poppins,sans-serif}
.ts-tpl .tl{fill:currentColor;opacity:.7;font:700 10px Figtree,sans-serif;letter-spacing:.14em}
.ts-leg{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ts-leg li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}
.ts-leg .mp-n{margin:0}.ts-leg b{display:block;font-size:.97rem}.ts-leg small{color:var(--mu);font-size:.85rem}
.ts-tips{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px 28px}
.ts-about p{max-width:80ch;margin:0 0 14px;color:var(--mu);line-height:1.75}
.ts-about a{color:var(--c);text-decoration:underline;text-underline-offset:3px}
.ts-about a:hover{color:var(--tx)}
#ts-lb{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,8,24,.93);backdrop-filter:blur(6px)}
#ts-lb.on{display:flex}
#ts-lb figure{margin:0;max-width:min(94vw,760px);text-align:center}
#ts-lb img{display:block;margin:0 auto;max-width:100%;max-height:78vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
#ts-lb figcaption{margin-top:14px;color:#dbe6ff;font-weight:700}
#ts-lb button{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}
#ts-lb button:hover{background:rgba(43,123,255,.7)}
#ts-lb .x{top:18px;right:18px}#ts-lb .pv{left:16px;top:50%;margin-top:-23px}#ts-lb .nx{right:16px;top:50%;margin-top:-23px}
@media(max-width:1000px){.ts-grid{columns:2}.ts-art{grid-template-columns:1fr}}
@media(max-width:600px){.ts-grid{columns:1}}
@media(prefers-reduced-motion:reduce){.ts-fan{animation:none!important}.ts-card,.ts-ph img,.ts-zoom{transition:none!important}.ts-card:hover .ts-i0,.ts-card:hover .ts-i1{transform:none}}

/* lazy loading: skeleton shimmer, blur-up image fade, staggered card reveal (classes are added by JS only, so nothing is hidden if JS fails) */
.lz-w{opacity:0}
.lz-sk{background:linear-gradient(100deg,#0a1633 30%,#1a3a80 50%,#0a1633 70%)!important;background-size:260% 100%!important;animation:lzSh 1.5s linear infinite}
.lz-sk>span{opacity:0}
[data-theme=light] .lz-sk{background:linear-gradient(100deg,#e3ebfa 30%,#f9fbff 50%,#e3ebfa 70%)!important;background-size:260% 100%!important}
@keyframes lzSh{0%{background-position:130% 0}100%{background-position:-130% 0}}
.lz-in{animation:lzIn .85s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes lzIn{from{opacity:0;filter:blur(16px);transform:scale(1.07)}to{opacity:1;filter:blur(0);transform:none}}
.lz-rv:not(.lz-go){opacity:0}
.lz-rv.lz-go{animation:lzUp .8s cubic-bezier(.2,.8,.2,1) var(--lzd,0s) backwards}
@keyframes lzUp{from{opacity:0;transform:translateY(28px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.lz-sk{animation:none}.lz-in,.lz-rv.lz-go{animation:none}.lz-rv:not(.lz-go){opacity:1}}


.ip{--ipa1:#0f9d8a;--ipa2:#6d3df0;--ipa3:#1d6bff;--ipsub:#6d3df0;--ipcard:var(--s);--ipbd:var(--ln);position:relative;padding:84px 0 92px;overflow:hidden;isolation:isolate}
:root[data-theme="dark"] .ip{--ipa1:#5eead4;--ipa2:#8b5cf6;--ipa3:#4da3ff;--ipsub:#c4b5fd;--ipcard:color-mix(in srgb,var(--s) 90%,#000)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ip{--ipa1:#5eead4;--ipa2:#8b5cf6;--ipa3:#4da3ff;--ipsub:#c4b5fd;--ipcard:color-mix(in srgb,var(--s) 90%,#000)}}
.ip::before,.ip::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.16;pointer-events:none}
:root[data-theme="dark"] .ip::before,:root[data-theme="dark"] .ip::after{opacity:.3}
.ip::before{width:420px;height:420px;left:-120px;top:18%;background:var(--ipa2);animation:ipDrift 14s ease-in-out infinite alternate}
.ip::after{width:380px;height:380px;right:-100px;bottom:-40px;background:var(--ipa1);animation:ipDrift 17s ease-in-out infinite alternate-reverse}
@keyframes ipDrift{to{transform:translate(70px,-50px) scale(1.15)}}
.ip-h{text-align:center;max-width:860px;margin:0 auto 54px}
.ip-b{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ipa1) 32%,var(--ipbd));background:color-mix(in srgb,var(--ipa1) 9%,var(--s));color:var(--ipa1);font:600 .8rem/1.2 Figtree,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.ip-b svg{width:18px;height:18px;flex:none;animation:ipBulb 2.4s ease-in-out infinite}
@keyframes ipBulb{50%{filter:drop-shadow(0 0 7px var(--ipa1));transform:scale(1.15)}}
.ip-t{margin:22px 0 14px;font-size:clamp(2.2rem,5.4vw,3.8rem)}
.ip-t>span{display:inline-block}
.ip-gr{display:inline-block;background:linear-gradient(100deg,var(--v),var(--c),var(--ipa2),var(--v));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ipSh 6s linear infinite}
@keyframes ipSh{to{background-position:-300% 0}}
.ip-sub{color:var(--ipsub);font:600 clamp(.92rem,2.1vw,1.3rem)/1.35 Figtree,sans-serif;letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px}
.ip-p{color:var(--mu);max-width:62ch;margin:0 auto}
.ip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ip-c{--a:var(--ipa1);position:relative;display:flex;flex-direction:column;padding:34px 32px 30px;border-radius:26px;background:var(--ipcard);border:1px solid var(--ipbd);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}
.ip-c:nth-child(2){--a:var(--ipa2)}.ip-c:nth-child(3){--a:var(--ipa3)}
.ip-c::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0),color-mix(in srgb,var(--a) 20%,transparent),transparent 62%);opacity:0;transition:opacity .35s;pointer-events:none}
.ip-c:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--a) 55%,var(--ipbd));box-shadow:0 26px 54px -26px color-mix(in srgb,var(--a) 70%,transparent)}
.ip-c:hover::before{opacity:1}
.ip-c>*{position:relative}
.ip-top{display:flex;justify-content:space-between;align-items:flex-start}
.ip-n{font:800 3.1rem/1 Poppins,sans-serif;letter-spacing:-.03em;color:color-mix(in srgb,var(--a) 32%,transparent);transition:color .3s,transform .4s}
.ip-c:hover .ip-n{color:color-mix(in srgb,var(--a) 88%,transparent);transform:translateX(4px)}
.ip-ic{position:relative;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:var(--a);background:color-mix(in srgb,var(--a) 14%,var(--s));animation:ipFloat 4.2s ease-in-out infinite;animation-delay:calc(var(--i)*-1.1s)}
.ip-ic::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid var(--a);opacity:0;animation:ipRing 3.2s ease-out infinite;animation-delay:calc(var(--i)*-.8s)}
.ip-ic svg{width:28px;height:28px}
@keyframes ipFloat{50%{transform:translateY(-7px) rotate(-3deg)}}
@keyframes ipRing{0%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
.ip-c h3{font-size:2rem;text-transform:uppercase;margin:26px 0 14px}
.ip-c p{color:var(--mu);margin:0 0 28px;font-size:1.02rem;line-height:1.7;flex:1}
.ip-bar{height:5px;border-radius:5px;background:color-mix(in srgb,var(--tx) 10%,transparent);overflow:hidden}
.ip-bar i{display:block;height:100%;width:0;border-radius:5px;background:var(--a);position:relative;overflow:hidden}
.ip-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-100%);animation:ipSweep 2.8s 2.4s ease-in-out infinite}
@keyframes ipSweep{60%,100%{transform:translateX(100%)}}
.ip-l{margin-top:14px;font:500 .78rem/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--a)}
.ip:not(.in) .ip-rv{opacity:0}
.ip.in .ip-rv{animation:ipUp .95s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*.13s)}
@keyframes ipUp{from{opacity:0;transform:translateY(38px) scale(.96);filter:blur(8px)}}
.ip.in .ip-bar i{width:var(--w);transition:width 1.8s cubic-bezier(.2,.8,.2,1) calc(.55s + var(--i,0)*.18s)}
.ip-c:nth-child(3){border-color:color-mix(in srgb,var(--a) 65%,var(--ipbd));background:linear-gradient(180deg,color-mix(in srgb,var(--a) 14%,var(--ipcard)),var(--ipcard) 60%);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 30%,transparent),0 0 42px -4px color-mix(in srgb,var(--a) 60%,transparent)}
.ip-c:nth-child(3)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 36px color-mix(in srgb,var(--a) 34%,transparent),inset 0 1px 0 color-mix(in srgb,var(--a) 70%,transparent);animation:ipGlow 2.8s ease-in-out infinite alternate}
.ip-c:nth-child(3) .ip-ic{box-shadow:0 0 22px color-mix(in srgb,var(--a) 65%,transparent)}
.ip-c:nth-child(3) .ip-bar i{box-shadow:0 0 14px var(--a)}
.ip-c:nth-child(3) .ip-n,.ip-c:nth-child(3) .ip-l{text-shadow:0 0 16px color-mix(in srgb,var(--a) 70%,transparent)}
@keyframes ipGlow{from{opacity:.35}to{opacity:1}}
@media(max-width:900px){.ip{padding:64px 0 72px}.ip-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.ip-b{font-size:.7rem;padding:9px 16px}.ip-c h3{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.ip .ip-rv{opacity:1!important;transform:none!important;filter:none!important}.ip .ip-bar i{width:var(--w)!important}}

/* promoted page headings (h2 -> h1 for SEO) keep the old look */
.ph h1.as2{font-size:clamp(1.9rem,4.8vw,3.3rem);max-width:24ch;line-height:1.12}

.skip{position:absolute;left:-9999px;top:8px;z-index:300;background:#fff;color:#031030;padding:10px 16px;border-radius:10px;font-weight:600}.skip:focus{left:8px}