/*
Theme Name: Vantor Networks
Theme URI: https://vantornetworks.com
Author: Vantor Networks
Description: Custom corporate theme for Vantor Networks: data center, cloud, GPU, AI/ML, managed IT and business email solutions.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: vantor
*/

*,*::before,*::after{box-sizing:inherit}
:root{--navy:#061A35;--rb:#075DD8;--eb:#087BFF;--cy:#00C8F2;--bg:#F7F9FC;--alt:#fff;--ink:#061A35;--mut:#4d6078;--line:#dbe3ee;--card:#fff;box-sizing:border-box;color-scheme:light dark;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#081426;--alt:#0b1b33;--ink:#eaf1fb;--mut:#9fb2c8;--line:#1f3250;--card:#10233f}}
:root[data-theme=dark]{--bg:#081426;--alt:#0b1b33;--ink:#eaf1fb;--mut:#9fb2c8;--line:#1f3250;--card:#10233f}
html{height:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font:400 1rem/1.7 Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#fff;z-index:60}
h1,h2,h3,.b,.eye,summary,th,.big{font-family:Manrope,Inter,sans-serif}
h1{font-size:clamp(2.3rem,5.6vw,4.4rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0 0 20px}
h2{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.12;letter-spacing:-.025em;font-weight:800;margin:0 0 16px}
h3{font-size:1.1rem;line-height:1.3;margin:0 0 8px;font-weight:700}
p{margin:0 0 14px;color:var(--mut)}a{color:inherit}
.w{max-width:1200px;margin:0 auto;padding:0 clamp(18px,4vw,36px)}[id]{scroll-margin-top:96px}
.eye{font-size:.76rem;letter-spacing:.14em;font-weight:700;color:var(--eb);margin:0 0 14px}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;transition:.25s;border:1px solid transparent;cursor:pointer}
.p{background:linear-gradient(135deg,var(--rb),var(--eb));color:#fff}.p:hover{box-shadow:0 8px 28px rgba(8,123,255,.4);transform:translateY(-1px)}
.o{border-color:currentColor}.o:hover{color:var(--eb)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--eb);outline-offset:2px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e3eaf3;color:#061A35;transition:box-shadow .3s}header.sc{box-shadow:0 6px 24px rgba(6,26,53,.1)}
.nv{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}.lg img{height:38px;width:auto;display:block}
#menu{display:flex;align-items:center;gap:4px}
#menu>a:not(.b),.ddb{padding:10px 12px;font:600 .92rem Manrope,sans-serif;text-decoration:none;border-radius:8px;background:none;border:0;color:#061A35;cursor:pointer}
#menu>a:not(.b):hover,.ddb:hover,#menu a.on{color:var(--rb)}#menu .b{margin-left:8px;min-height:42px}
.dd{position:relative}
.mm{position:absolute;top:100%;left:-150px;width:min(640px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px;background:#fff;border:1px solid #e3eaf3;border-radius:14px;box-shadow:0 24px 60px rgba(6,26,53,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.dd:hover .mm,.dd:focus-within .mm,.dd.o .mm{opacity:1;visibility:visible;transform:none}
.mm a{display:block;padding:12px 14px;border-radius:10px;text-decoration:none;color:#061A35}.mm a:hover{background:#eaf2fc}
.mm b{display:block;font:700 .92rem Manrope}.mm span{font-size:.8rem;color:#4d6078}
.mb{display:none;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#061A35;width:44px;height:44px;place-items:center;cursor:pointer}
@media(max-width:940px){.mb{display:grid}#menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:12px 18px 20px;border-bottom:1px solid #e3eaf3;max-height:calc(100vh - 80px);overflow:auto}#menu.open{display:flex}.mm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;grid-template-columns:1fr;padding:0 0 0 8px;width:auto}.ddb{pointer-events:none;text-align:left}#menu .b{margin:8px 0 0}}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(70% 90% at 85% 10%,rgba(8,123,255,.38),transparent 62%),radial-gradient(40% 60% at 0 100%,rgba(0,200,242,.14),transparent 70%),#061A35;padding:clamp(48px,9vw,116px) 0 clamp(56px,9vw,108px)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%);animation:dr 40s linear infinite}
@keyframes dr{to{background-position:0 64px,64px 0}}
.hg{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero .eye{color:var(--cy)}.hero p{color:#b4c6dd}.hero .sub{font:700 clamp(1.05rem,1.8vw,1.35rem)/1.4 Manrope;color:#d6e7ff}.lead{max-width:56ch}
.hero .o{color:#fff;border-color:rgba(255,255,255,.4)}.hero .o:hover{border-color:var(--cy);color:var(--cy)}
.bt{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hv svg{width:100%;max-width:340px;margin-left:auto;display:block}.led{fill:var(--cy);animation:bl 3s ease-in-out infinite}@keyframes bl{50%{opacity:.2}}
@media(max-width:860px){.hg{grid-template-columns:1fr}.hv{display:none}}
.sec{padding:clamp(56px,8vw,104px) 0}.alt{background:var(--alt)}
.head{max-width:760px;margin-bottom:40px}
.sp{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,80px);align-items:start}.sp.one{grid-template-columns:1fr;max-width:780px}
.ck{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.ck li{padding:14px 0 14px 34px;border-bottom:1px solid var(--line);position:relative;font-weight:600}
.ck li::before{content:"";position:absolute;left:4px;top:25px;width:14px;height:2px;background:linear-gradient(90deg,var(--eb),var(--cy))}
@media(max-width:820px){.sp,.rw{grid-template-columns:1fr}}
.g{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.c{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.c:hover{transform:translateY(-4px);border-color:var(--eb);box-shadow:0 18px 40px rgba(8,123,255,.12)}
.c .n{display:block;font:700 .8rem Manrope;color:var(--eb);letter-spacing:.1em;margin-bottom:6px}.c:not(:has(.n)) h3{margin-top:0}
.c ul{margin:12px 0 0;padding:0;list-style:none;font-size:.9rem;color:var(--mut)}.c li{padding:4px 0 4px 18px;position:relative}.c li::before{content:"";position:absolute;left:0;top:.95em;width:8px;height:2px;background:var(--cy)}
.cv{height:120px;margin:-26px -26px 20px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#061A35,#075DD8);display:grid;place-items:center;color:#7fd8ff}.cv svg{width:56px;height:56px}
.more{font-weight:700;color:var(--rb);font-size:.9rem}
.rw{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,80px)}.rw>div:first-child{position:sticky;top:110px;align-self:start}
@media(max-width:820px){.rw>div:first-child{position:static}}
.ri{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:22px 0;border-top:1px solid var(--line)}.ri b{font:700 .85rem Manrope;color:var(--eb);padding-top:4px}.ri h3{margin:0}.ri p{grid-column:2;margin:0}
.ig{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:2px;border-radius:18px;overflow:hidden}
.ip{min-height:260px;padding:26px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(200deg,hsl(var(--h) 80% 28%),#061A35)}.ip p{color:#c3d4ea;font-size:.9rem;margin:0}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:24px}
.steps li{position:relative;padding-top:28px;border-top:2px solid var(--line)}.steps li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--eb);box-shadow:0 0 0 5px rgba(8,123,255,.18)}
.steps b{font:700 .8rem Manrope;color:var(--eb)}.steps h3{margin:2px 0 6px}.steps p{font-size:.92rem}
@media(max-width:1000px){.steps{grid-template-columns:1fr;gap:0;border-left:2px solid var(--line);margin-left:6px}.steps li{border-top:0;padding:0 0 28px 28px}.steps li::before{top:4px;left:-7px}}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}table{width:100%;border-collapse:collapse;min-width:560px}
th,td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:.93rem;color:var(--mut)}thead th{background:linear-gradient(135deg,#061A35,#0a3a8a);color:#fff}tbody th{color:var(--ink);width:20%;font-size:.88rem}tr:last-child>*{border-bottom:0}
.fq{max-width:860px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:700;font-size:1.02rem;position:relative}summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--eb);transition:transform .3s}details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{padding:0 40px 20px 0;margin:0;animation:fd .35s}@keyframes fd{from{opacity:0;transform:translateY(-6px)}}
.dk{background:radial-gradient(60% 120% at 100% 0,rgba(8,123,255,.35),transparent 60%),#061A35;color:#fff}.dk p{color:#b4c6dd}.dk .eye{color:var(--cy)}
.pt{padding:clamp(44px,6vw,76px) 0}.pt .w{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,5vw,64px);align-items:end}
.big{font-weight:800;font-size:clamp(3rem,9vw,7rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(120,180,255,.55)}.pt h2{margin-bottom:10px}
@media(max-width:700px){.pt .w{grid-template-columns:1fr}}
.cta{text-align:center}.cta .w{max-width:840px}.cta .bt{justify-content:center}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.chips li{padding:12px 20px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-weight:600}
.fm{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4vw,36px)}.fm .full{grid-column:1/-1}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);min-height:46px}
[aria-invalid=true]{border-color:#e5484d}.er{display:block;color:#e5484d;font-size:.8rem;min-height:1.1em;margin-top:4px}#fs{font-size:.92rem;font-weight:600;color:var(--ink)}
@media(max-width:640px){.fm{grid-template-columns:1fr}}
footer{background:#04122a;color:#b4c6dd;padding:64px 0 32px}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
@media(max-width:860px){.fg{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fg{grid-template-columns:1fr}}
footer h4{color:#fff;font:700 .85rem Manrope;letter-spacing:.1em;margin:0 0 14px}footer a,footer .l{display:block;text-decoration:none;padding:5px 0;font-size:.92rem}footer a:hover{color:var(--cy)}footer p{color:#b4c6dd}
.chip{display:inline-block;background:#fff;border-radius:12px;padding:10px 14px;margin-bottom:16px}.chip img{height:34px;width:auto;display:block}.cp{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:.85rem}
.rv{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.rv.v{opacity:1;transform:none}#app.in{animation:fi .45s}@keyframes fi{from{opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.hbg{position:absolute;inset:0 0 0 auto;width:68%;background-size:cover;background-position:center;-webkit-mask:linear-gradient(90deg,transparent,#000 55%);mask:linear-gradient(90deg,transparent,#000 55%);transform:translateY(calc(var(--sy,0px)*.2))}
.hg{grid-template-columns:1fr}.hg>div{max-width:680px}.hero h1{text-shadow:0 2px 30px rgba(6,26,53,.6)}
@media(max-width:860px){.hbg{width:100%;opacity:.38;-webkit-mask:none;mask:none}}
#pgb{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--rb),var(--cy));transform:scaleX(var(--p,0));transform-origin:0 50%;z-index:90}
header{view-transition-name:hdr}::view-transition-group(hdr){animation-duration:0s}
::view-transition-old(root){animation:.35s cubic-bezier(.4,0,.2,1) both vo}::view-transition-new(root){animation:.55s cubic-bezier(.2,.8,.2,1) both vn}
@keyframes vo{to{opacity:0;transform:translateY(-14px);filter:blur(4px)}}@keyframes vn{from{opacity:0;transform:translateY(28px)}}
.rv{transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
.c{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(320px circle at var(--mx,50%) var(--my,-60%),rgba(8,123,255,.16),transparent 65%),var(--card)}
.cv{display:block;position:relative;height:170px;margin:-26px -26px 20px;border-radius:0;background-color:#061A35;background-size:100%;background-position:center;transition:background-size .8s cubic-bezier(.2,.8,.2,1)}.c:hover .cv{background-size:118%}
.cv::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,53,.7),transparent 60%)}
.cv i{position:absolute;left:16px;bottom:14px;z-index:1;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;color:#fff}.cv i svg{width:24px;height:24px}
.ph{min-height:340px;border-radius:24px;background-size:cover;background-position:center;box-shadow:0 30px 60px -20px rgba(6,26,53,.45)}.pt{background-size:cover;background-position:center}
.ig{display:flex;gap:10px;height:440px;border-radius:0;overflow:visible}
.ip{flex:1;min-width:0;position:relative;overflow:hidden;border-radius:20px;background-size:cover;background-position:center;transition:flex .7s cubic-bezier(.2,.8,.2,1)}
.ip::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,53,.95),rgba(6,26,53,.15) 75%)}.ip>*{position:relative}
.ip p{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s,opacity .6s}.ip:hover,.ip:focus-visible{flex:2.6}.ip:hover p,.ip:focus-visible p{max-height:140px;opacity:1}
@media(max-width:820px){.ig{flex-direction:column;height:auto}.ip{min-height:200px;flex:none}.ip p{max-height:none;opacity:1}}
.xp{display:grid;grid-template-columns:300px 1fr;gap:18px}.xt{display:flex;flex-direction:column;gap:6px}
.xt button{all:unset;box-sizing:border-box;cursor:pointer;padding:16px 18px;border-radius:14px;font:700 .98rem Manrope;color:var(--mut);display:flex;gap:14px;align-items:center;border:1px solid transparent;transition:.35s}.xt button span{font-size:.75rem;color:var(--eb)}
.xt button[aria-selected=true]{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:0 10px 30px rgba(8,123,255,.14);transform:translateX(8px)}.xt button:focus-visible{outline:2px solid var(--eb)}
.xv{position:relative;min-height:460px;border-radius:24px;overflow:hidden;background:#061A35}
.xs{position:absolute;inset:0;display:flex;align-items:flex-end;padding:clamp(22px,4vw,44px);color:#fff;text-decoration:none;background-size:cover;background-position:center;opacity:0;visibility:hidden;transform:scale(1.05);transition:opacity .7s,transform 1.4s,visibility .7s}
.xs::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,53,.95),rgba(6,26,53,.2) 70%)}.xs.on{opacity:1;visibility:visible;transform:none}
.xs>div{position:relative;max-width:520px}.xs h3{font-size:clamp(1.3rem,2.4vw,1.8rem)}.xs p{color:#c3d4ea}
@media(max-width:900px){.xp{grid-template-columns:1fr}.xt{flex-direction:row;overflow-x:auto;padding-bottom:6px}.xt button{white-space:nowrap}.xt button[aria-selected=true]{transform:none}.xv{min-height:420px}}
header{backdrop-filter:none;background:#fff}.hcta{margin-left:auto;margin-right:10px;min-height:42px}@media(max-width:560px){.hcta{display:none}}
.mb{display:inline-flex;align-items:center;gap:10px;width:auto;height:44px;padding:0 18px;border-radius:999px;font:700 .88rem Manrope;position:relative;z-index:3}.mb i{width:16px;height:8px;border-block:2px solid currentColor}.mb .mt2,.mb[aria-expanded=true] .mt1{display:none}.mb[aria-expanded=true] .mt2{display:inline}.lg{position:relative;z-index:3}html.mo{overflow:hidden}
#menu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 69px);left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:0 clamp(24px,6vw,100px);padding:clamp(24px,5vh,56px) clamp(18px,6vw,80px);background:radial-gradient(60% 80% at 90% 10%,rgba(8,123,255,.4),transparent 60%),#061A35;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s cubic-bezier(.76,0,.24,1),visibility 0s .7s;overflow:auto;max-height:none;border:0}
#menu.open{display:grid;clip-path:inset(0);visibility:visible;transition:clip-path .7s cubic-bezier(.76,0,.24,1),visibility 0s}
#menu>a{grid-column:1}.dd{grid-column:2;grid-row:1/span 5}
#menu>a:not(.b){display:block;width:fit-content;font:800 clamp(2.2rem,6vw,4.6rem)/1.12 Manrope;letter-spacing:-.03em;color:#fff;padding:4px 0;border-radius:0;background:none;transition:color .3s,transform .4s}
#menu>a:not(.b):hover,#menu a.on{color:var(--cy);transform:translateX(12px)}#menu .b{margin:28px 0 0;width:fit-content}
.ddb{display:block;pointer-events:none;color:#7fb8ff;font:700 .75rem Manrope;letter-spacing:.14em;padding:0 0 14px;background:none;border:0;text-align:left}.ddb:hover{color:#7fb8ff}
.mm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;width:auto;display:grid;grid-template-columns:1fr;padding:0;gap:0}
.mm a{color:#fff;padding:16px 0;border-radius:0;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:baseline;gap:16px;transition:padding .35s,color .3s}.mm a:hover{background:none;padding-left:14px;color:var(--cy)}.mm b{font:700 1.2rem Manrope}.mm span{color:#9fb8d8;font-size:.85rem;text-align:right}
@media(max-width:820px){#menu{grid-template-columns:1fr}.dd{grid-column:1;grid-row:auto;order:9;margin-top:28px}#menu .b{order:8}}
@keyframes mi{from{opacity:0;transform:translateY(40px)}}#menu.open>a,#menu.open .mm a{animation:mi .8s cubic-bezier(.2,.8,.2,1) backwards}#menu.open>*:nth-child(1){animation-delay:0.2s}#menu.open>*:nth-child(2){animation-delay:0.3s}#menu.open>*:nth-child(3){animation-delay:0.25s}#menu.open>*:nth-child(4){animation-delay:0.3s}#menu.open>*:nth-child(5){animation-delay:0.35s}#menu.open .mm a:nth-child(1){animation-delay:0.40s}#menu.open .mm a:nth-child(2){animation-delay:0.46s}#menu.open .mm a:nth-child(3){animation-delay:0.52s}#menu.open .mm a:nth-child(4){animation-delay:0.58s}#menu.open .mm a:nth-child(5){animation-delay:0.64s}#menu.open .mm a:nth-child(6){animation-delay:0.70s}
#cv{position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#061A35,#075DD8);clip-path:inset(100% 0 0 0);pointer-events:none;display:grid;place-items:center;padding:20px;text-align:center}#cv.in{clip-path:inset(0);transition:clip-path .55s cubic-bezier(.76,0,.24,1);pointer-events:all}#cv.out{clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1)}
#cv span{font:800 clamp(2rem,7vw,5rem)/1.05 Manrope;color:#fff;letter-spacing:-.03em;opacity:0;transform:translateY(30px)}#cv.in span{opacity:1;transform:none;transition:.5s .15s}#cv.out span{opacity:0;transform:translateY(-30px);transition:.4s}
em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:-.01em;padding-right:.08em;background:linear-gradient(100deg,var(--eb),var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent}.hero em,.dk em{background-image:linear-gradient(100deg,#6bb8ff,#00C8F2)}.hero h1{text-shadow:none}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}.wd>span{display:inline-block;transform:translateY(110%);animation:wu .95s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*80ms + .1s)}@keyframes wu{to{transform:none}}
.hs{list-style:none;display:flex;flex-wrap:wrap;gap:20px clamp(24px,4vw,56px);margin:44px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.18)}.hs li{color:#b4c6dd;font-size:.85rem;display:flex;flex-direction:column}.hs b{font:800 clamp(1.5rem,3vw,2.3rem)/1.1 Manrope;color:#fff}
.mq{overflow:hidden;padding:26px 0;border-block:1px solid var(--line);background:var(--bg)}.mq>div{display:flex;width:max-content;animation:mqa 34s linear infinite}.mq:hover>div{animation-play-state:paused}
.mq span{font:800 clamp(2rem,5vw,4rem)/1 Manrope;letter-spacing:-.03em;padding:0 clamp(20px,3vw,44px);color:transparent;-webkit-text-stroke:1px var(--mut);white-space:nowrap}.mq span::after{content:"✦";color:var(--cy);-webkit-text-stroke:0;margin-left:clamp(40px,6vw,88px);font-size:.5em;vertical-align:middle}@keyframes mqa{to{transform:translateX(-50%)}}
.hint{display:flex;align-items:center;gap:10px;font:700 .8rem Manrope;letter-spacing:.12em;color:var(--eb);margin:0 0 24px}.hint i{width:1px;height:28px;background:var(--eb);animation:hn 1.6s ease-in-out infinite}@keyframes hn{50%{transform:scaleY(.3)}}
.stk{display:grid}.sk{position:sticky;top:calc(96px + var(--i)*22px + env(safe-area-inset-top,0px));min-height:min(62vh,440px);margin-bottom:28px;border-radius:28px;padding:clamp(24px,4vw,52px);background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden;box-shadow:0 -20px 50px -20px rgba(6,26,53,.5);border:1px solid rgba(120,180,255,.2)}
.sk b{font:800 clamp(4rem,12vw,9rem)/.9 Manrope;color:transparent;-webkit-text-stroke:1px rgba(150,200,255,.6)}.sk h3{font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.02em}.sk p{color:#c3d4ea;max-width:44ch;margin:0}
.scr{font:600 clamp(1.25rem,2.3vw,1.8rem)/1.45 Manrope;color:var(--ink)}.scr span{opacity:.18;transition:opacity .35s}
.cta{position:relative;overflow:hidden;padding:clamp(80px,12vw,160px) 0}.cta .w{position:relative;z-index:1;max-width:1000px}.cta h2{font-size:clamp(2.4rem,7vw,6rem);line-height:1;letter-spacing:-.04em}
.cta::before,.cta::after{content:"";position:absolute;width:46vw;height:46vw;max-width:640px;max-height:640px;border-radius:50%;filter:blur(90px);animation:ob 14s ease-in-out infinite alternate}.cta::before{background:#075DD8;opacity:.5;left:-10%;top:-30%}.cta::after{background:#00C8F2;opacity:.28;right:-12%;bottom:-40%;animation-delay:-6s}@keyframes ob{to{transform:translate(8%,10%) scale(1.15)}}
.gw{font:800 clamp(4rem,17vw,15rem)/.8 Manrope;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(120,180,255,.28);margin-top:48px;white-space:nowrap;overflow:hidden;text-align:center;user-select:none}
.ph.rv{clip-path:inset(12% 8% 12% 8% round 24px);transform:scale(1.08);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1),opacity .8s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.ph.rv.v{clip-path:inset(0 round 24px);transform:none}
.b{transform:translate(var(--bx,0),var(--by,0))}.p:hover{transform:translate(var(--bx,0),var(--by,0)) translateY(-1px)}
#cu{position:fixed;left:-9px;top:-9px;width:18px;height:18px;border:1.5px solid #00C8F2;border-radius:50%;pointer-events:none;z-index:120;opacity:0;transition:width .3s,height .3s,left .3s,top .3s,background .3s,opacity .3s}#cu.on{opacity:1}#cu.hv{width:56px;height:56px;left:-28px;top:-28px;background:rgba(0,200,242,.14)}
@media(prefers-reduced-motion:reduce){.wd>span{transform:none}.scr span{opacity:1}.ph.rv{clip-path:none;transform:none}}