/* ============ Animations (loaded after inner.css) ============ */

/* ---------- Reveal variants ---------- */
.reveal{
  transition:
    opacity .85s var(--d,0s),
    translate .85s cubic-bezier(.2,.8,.2,1) var(--d,0s),
    scale .85s cubic-bezier(.2,.8,.2,1) var(--d,0s),
    rotate .85s cubic-bezier(.2,.8,.2,1) var(--d,0s),
    transform .3s, box-shadow .3s, border-color .3s, background-color .3s;
}
.reveal.r-left{translate:-70px 0}
.reveal.r-right{translate:70px 0}
.reveal.r-zoom{translate:0 30px;scale:.9}
.reveal.r-flip{translate:0 50px;rotate:-5deg;scale:.96}
.reveal.r-flip2{translate:0 50px;rotate:5deg;scale:.96}
.reveal.r-drop{translate:0 -40px}
.reveal.in{opacity:1;translate:0 0;scale:1;rotate:0deg}

/* ---------- Page load: hero + banners ---------- */
@keyframes rise{from{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}
@keyframes archIn{from{clip-path:inset(100% 0 0 0 round 220px 220px 32px 32px);scale:1.12}to{clip-path:inset(0 0 0 0 round 220px 220px 32px 32px);scale:1}}
@keyframes popIn{0%{opacity:0;scale:.4}70%{opacity:1;scale:1.08}100%{opacity:1;scale:1}}
@keyframes slideRight{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}
@keyframes drawMark{from{scale:0 1}to{scale:1 1}}
.hero__copy>.pill{animation:rise .8s .05s both}
.hero__copy>.lead{animation:rise .8s .55s both}
.hero__copy>.typed-line{animation:rise .8s .68s both}
.hero__copy>.domain{animation:rise .8s .8s both}
.hero__copy>.domain__result,.hero__copy>.tlds{animation:rise .8s .92s both}
.hero__copy>.proof{animation:rise .8s 1.05s both}
.arch{animation:archIn 1.3s .2s cubic-bezier(.2,.8,.2,1) both}
.hero__art .float,.hero__art .chip{animation-fill-mode:both}
.float--chat{animation:popIn .7s 1.2s both,bob 6s 1.9s ease-in-out infinite}
.float--status{animation:popIn .7s 1.45s both,bob 6s 2.2s ease-in-out infinite}
.chip--ssl{animation:popIn .6s 1.1s both,bob 5s 1.7s ease-in-out infinite}
.chip--speed{animation:popIn .6s 1.6s both,bob 6s 2.2s ease-in-out infinite}
.marker::after{transform-origin:left;animation:drawMark .8s 1.1s cubic-bezier(.2,.8,.2,1) both}
.logos{animation:rise .8s 1.2s both}

.page-banner__text>*{animation:rise .8s both}
.page-banner__text>:nth-child(1){animation-delay:.05s}
.page-banner__text>:nth-child(2){animation-delay:.18s}
.page-banner__text>:nth-child(3){animation-delay:.34s}
.page-banner__text>:nth-child(4){animation-delay:.48s}
.page-banner__text>:nth-child(5){animation-delay:.6s}
.page-banner__art{animation:slideRight .9s .3s cubic-bezier(.2,.8,.2,1) both}
.page-banner::before{background-position:center calc(50% + var(--py,0px));transition:background-position .1s linear}

/* ---------- Word-by-word heading reveal ---------- */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .16em;margin-bottom:-.16em}
.wi{display:inline-block;translate:0 115%;rotate:4deg;transform-origin:left bottom;transition:translate .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*70ms + var(--base,0ms)),rotate .8s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*70ms + var(--base,0ms))}
.wsplit.in .wi{translate:0 0;rotate:0deg}
.hero h1.wsplit{--base:150ms}

/* ---------- Typewriter ---------- */
.typed-line{margin-top:14px;font-size:18px;font-weight:700;color:var(--ink-2);min-height:30px}
.typed{color:var(--primary);font-family:var(--display);font-size:1.15em}
.typed::after,.typing::after{content:"";display:inline-block;width:3px;height:1.05em;margin-left:3px;background:currentColor;vertical-align:-.15em;animation:blink .8s steps(2) infinite}
.typing-done::after{display:none}
.page-banner .sub-text.typing::after{background:#9fe9ff}

/* ---------- Terminal line-by-line typing ---------- */
.term__body>div{overflow:hidden;white-space:nowrap;width:0}
.term.in .term__body>div{animation:typeLine 1.1s steps(38) forwards}
.term.in .term__body>div:nth-child(1){animation-delay:.3s}
.term.in .term__body>div:nth-child(2){animation-delay:1.6s}
.term.in .term__body>div:nth-child(3){animation-delay:2.7s}
.term.in .term__body>div:nth-child(4){animation-delay:3.6s}
.term.in .term__body>div:nth-child(5){animation-delay:4.8s;animation-duration:.7s}
@keyframes typeLine{to{width:100%}}

/* ---------- Chat messages ---------- */
.chat.chat--seq .msg{opacity:0;translate:0 12px;scale:.94;transition:opacity .45s,translate .45s,scale .45s}
.chat.chat--seq .msg.show{opacity:1;translate:0 0;scale:1}
.typing-dots{justify-self:start;display:none;gap:5px;background:var(--bg-tint);padding:12px 16px;border-radius:18px;border-bottom-left-radius:4px}
.typing-dots.on{display:inline-flex}
.typing-dots i{width:7px;height:7px;border-radius:50%;background:var(--ink-3);animation:dotBounce 1s infinite}
.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes dotBounce{40%{translate:0 -6px;background:var(--primary)}}

/* ---------- Marquee ---------- */
.logos{flex-wrap:nowrap}
.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__track b{padding-right:64px;white-space:nowrap}
@keyframes marquee{to{translate:-50% 0}}

/* ---------- Continuous motion ---------- */
.blob--a{animation:blobA 20s ease-in-out infinite}
.blob--b{animation:blobB 24s ease-in-out infinite}
@keyframes blobA{50%{translate:-60px 50px;scale:1.12}}
@keyframes blobB{50%{translate:70px -40px;scale:1.1}}

.btn--primary,.btn--cyan{position:relative;overflow:hidden}
.btn--primary::before,.btn--cyan::before{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:shine 5s ease-in-out infinite;pointer-events:none}
@keyframes shine{0%,55%{left:-70%}100%{left:140%}}

.plan--hot{animation:glow 3.2s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(44,126,254,.45),var(--shadow-lg)}50%{box-shadow:0 0 0 16px rgba(44,126,254,0),var(--shadow-lg)}}
.badge{animation:badgeBob 2.4s ease-in-out infinite}
@keyframes badgeBob{50%{translate:-50% -4px}}

.apps span{animation:chipFloat 4.5s ease-in-out infinite}
.apps span:nth-child(2){animation-delay:-.8s}.apps span:nth-child(3){animation-delay:-1.6s}
.apps span:nth-child(4){animation-delay:-2.4s}.apps span:nth-child(5){animation-delay:-3.2s}.apps span:nth-child(6){animation-delay:-4s}
@keyframes chipFloat{50%{translate:0 -7px}}

.avatars img{transition:translate .3s}
.avatars:hover img{translate:0 -6px}
.avatars:hover img:nth-child(2){transition-delay:.05s}.avatars:hover img:nth-child(3){transition-delay:.1s}

.feat:hover .ico,.cat:hover .ico,.step__card:hover .ico,.tile:hover .ico{animation:icoWiggle .7s}
@keyframes icoWiggle{20%{rotate:-14deg;scale:1.12}40%{rotate:12deg}60%{rotate:-8deg}80%{rotate:4deg}}

.tl::before{animation:tlPulse 2.4s infinite}
@keyframes tlPulse{70%{box-shadow:0 0 0 10px rgba(44,126,254,0)}0%{box-shadow:0 0 0 0 rgba(44,126,254,.5)}100%{box-shadow:0 0 0 0 rgba(44,126,254,0)}}

.stars{background:linear-gradient(#ffb400,#ffb400) 200% 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:starShine 3.6s ease-in-out infinite}
@keyframes starShine{to{background-position:-100% 0}}

.price b.pop{animation:priceFlip .55s cubic-bezier(.3,1.4,.5,1)}
@keyframes priceFlip{0%{rotate:x 90deg;opacity:0}100%{rotate:x 0deg;opacity:1}}

/* ---------- Scroll-linked pieces ---------- */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--grad);transform-origin:left;transform:scaleX(0);z-index:100;pointer-events:none}

/* steps: dashed line draws, numbers pop */
.steps::before{transform-origin:left;scale:0 1;transition:scale 1.5s .25s ease-out}
.steps.drawn::before{scale:1 1}
.step .step__no{scale:0;transition:scale .6s calc(var(--d,0s) + .3s) cubic-bezier(.3,1.7,.5,1)}
.step.in .step__no{scale:1}

/* sticker pop */
.split__photo .sticker{scale:0;transition:scale .7s .6s cubic-bezier(.3,1.7,.5,1)}
.split__photo.in .sticker{scale:1}

/* duel badge */
.duel__badge{scale:0;transition:scale .8s .5s cubic-bezier(.3,1.7,.5,1)}
.duel.in-view .duel__badge{scale:1}
.duel__side .chips span,.duel__side .speedmini div,.duel__side .threat{opacity:0;translate:0 14px;transition:opacity .6s,translate .6s}
.duel.in-view .duel__side .chips span,.duel.in-view .duel__side .speedmini div,.duel.in-view .duel__side .threat{opacity:1;translate:0 0}
.duel.in-view .chips span:nth-child(1){transition-delay:.5s}.duel.in-view .chips span:nth-child(2){transition-delay:.6s}
.duel.in-view .chips span:nth-child(3){transition-delay:.7s}.duel.in-view .chips span:nth-child(4){transition-delay:.8s}
.duel.in-view .speedmini div:nth-child(1){transition-delay:.5s}.duel.in-view .speedmini div:nth-child(2){transition-delay:.65s}.duel.in-view .speedmini div:nth-child(3){transition-delay:.8s}
.duel.in-view .threat{transition-delay:.4s}
.gauge__fill{animation-play-state:paused}
.duel.in-view .gauge__fill{animation-play-state:running}

@media (max-width:900px){
  .reveal.r-left,.reveal.r-right{translate:0 40px}
}
@media (prefers-reduced-motion:reduce){
  .reveal.r-left,.reveal.r-right,.reveal.r-zoom,.reveal.r-flip,.reveal.r-flip2,.reveal.r-drop{translate:0 0;scale:1;rotate:0deg}
  .wi{translate:0 0!important;rotate:0deg!important}
  .step .step__no,.split__photo .sticker,.duel__badge{scale:1}
  .steps::before{scale:1 1}
  .term__body>div{width:100%}
  .chat.chat--seq .msg{opacity:1;translate:0 0;scale:1}
  .duel__side .chips span,.duel__side .speedmini div,.duel__side .threat{opacity:1;translate:0 0}
}

@media (max-width:760px){
  .logos{flex-wrap:wrap}
  .marquee{flex-basis:100%}
  .typed-line{font-size:16px}
}


/* ============ "Speed You Can Feel" extras ============ */
.duel__art--gauge svg{max-width:250px;overflow:visible}
.ripple{transform-box:view-box;transform-origin:130px 150px;opacity:0;animation:ripple 3.2s ease-out infinite;animation-play-state:paused}
.ripple--2{animation-delay:-1.6s}
.duel.in-view .ripple{animation-play-state:running}
@keyframes ripple{0%{scale:1;opacity:.55}100%{scale:3.4;opacity:0}}
.needle{transform-origin:130px 150px;transform:rotate(-90deg);animation:needleSweep 2.3s .4s cubic-bezier(.2,.8,.2,1) forwards,needleJit 2.4s 2.9s ease-in-out infinite;animation-play-state:paused}
.duel.in-view .needle{animation-play-state:running}
@keyframes needleSweep{0%{transform:rotate(-90deg)}68%{transform:rotate(88deg)}100%{transform:rotate(76deg)}}
@keyframes needleJit{0%,100%{transform:rotate(76deg)}50%{transform:rotate(80deg)}}
.gauge__fill{animation-duration:2.3s}
#gaugeNum{transition:fill .3s}

/* race lanes */
.race{display:grid;gap:9px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);border-radius:16px;padding:14px 16px}
.race__lane{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:12px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.race__track{position:relative;height:12px;background:#d6e8f7;border-radius:99px}
.race__track::after{content:"🏁";position:absolute;right:-4px;top:-9px;font-size:16px}
.race__bar{position:absolute;left:0;top:0;height:100%;width:0;border-radius:99px;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.3,.6,.3,1)}
.race__bar em{position:absolute;right:-6px;top:-11px;font-style:normal;font-size:19px;line-height:1}
.race__bar--fast{background:linear-gradient(90deg,#2c7efe,#2c7efe);animation-name:raceFast}
.race__bar--slow{background:linear-gradient(#9fb2c9,#9fb2c9);animation-name:raceSlow}
.race__bar--fast em{animation:rocketShake .25s infinite alternate}
.race__bar--slow em{animation:snailBob 1.2s ease-in-out infinite}
.duel:not(.in-view) .race__bar,.duel:not(.in-view) .race__bar em{animation-play-state:paused}
@keyframes raceFast{0%{width:0}16%{width:calc(100% - 8px)}88%{width:calc(100% - 8px);opacity:1}96%,100%{width:calc(100% - 8px);opacity:0}}
@keyframes raceSlow{0%{width:0}84%{width:calc(100% - 8px);opacity:1}92%{width:calc(100% - 8px);opacity:1}98%,100%{width:calc(100% - 8px);opacity:0}}
@keyframes rocketShake{from{translate:0 -1px;rotate:-2deg}to{translate:1px 1px;rotate:2deg}}
@keyframes snailBob{50%{translate:0 -3px}}

/* speed stats + chips */
.speedmini div{transition:translate .3s,box-shadow .3s}
.speedmini div:hover{translate:0 -4px;box-shadow:0 14px 24px -14px rgba(10,79,240,.5)}
.chips--light span{transition:translate .25s,box-shadow .25s}
.chips--light span:hover{translate:0 -3px;box-shadow:0 14px 22px -10px rgba(44,126,254,.55)}
.duel__side--breeze .tag{animation:tagGlow 2.6s ease-in-out infinite}
@keyframes tagGlow{50%{box-shadow:0 0 0 7px rgba(44,126,254,.14),var(--shadow)}}
.speed-streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0!important}
.speed-streaks i{position:absolute;right:-20%;width:90px;height:2px;border-radius:2px;background:linear-gradient(270deg,transparent,rgba(10,140,255,.45));animation:streak 2.2s linear infinite}
.speed-streaks i:nth-child(1){top:36%;animation-delay:0s}
.speed-streaks i:nth-child(2){top:44%;width:60px;animation-delay:-.7s}
.speed-streaks i:nth-child(3){top:52%;animation-delay:-1.4s}
.speed-streaks i:nth-child(4){top:60%;width:70px;animation-delay:-.3s}
@keyframes streak{to{right:120%}}
@media (prefers-reduced-motion:reduce){
  .needle{transform:rotate(76deg)}
  .race__bar--fast,.race__bar--slow{width:calc(100% - 8px)}
}


/* ---------- Hero heading: 2 lines on desktop ---------- */
.hero h1{font-size:clamp(34px,4.1vw,52px);line-height:1.12}
@media (max-width:1050px){.hero h1{font-size:clamp(34px,7vw,52px)}.d-br{display:none}}


/* ============ Hero: centered content, art on both sides (1440 grid) ============ */
.hero{padding:70px 0 40px}
.hero__grid--c{grid-template-columns:minmax(0,1fr) minmax(0,740px) minmax(0,1fr);gap:28px;align-items:center}
.hero__copy{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero__copy .lead{margin-inline:auto;max-width:620px}
.hero h1{font-size:clamp(34px,4.3vw,60px);margin:22px 0 20px}
.hero__copy .typed-line{margin-top:14px}
.hero__copy .domain{width:100%;max-width:none;margin-top:30px;padding:12px 12px 12px 30px;gap:14px}
.hero__copy .domain input{font-size:19px;padding:14px 0}
.hero__copy .domain select{padding:14px 20px;font-size:16px}
.hero__copy .domain .btn{padding:18px 42px;font-size:17px}
.hero__copy .domain svg{width:24px;height:24px}
.hero__copy .domain__result{padding-left:0;text-align:center}
.hero__copy .tlds{justify-content:center;padding-left:0}
.hero__copy .proof{justify-content:center;padding-left:0}

.hero__side{position:relative;height:560px;min-width:0}
.hs-photo{width:160px;height:160px;border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow-lg)}
.hs-photo img{width:100%;height:100%;object-fit:cover}
.hs-server{width:175px;height:auto;filter:drop-shadow(0 20px 24px rgba(44,126,254,.25))}
.hs-shield{width:132px;height:auto;filter:drop-shadow(0 18px 22px rgba(44,126,254,.35))}
.bl{animation:ledBlink 1.8s ease-in-out infinite;animation-delay:calc(var(--k,0)*-.37s)}
@keyframes ledBlink{0%,100%{opacity:1}50%{opacity:.25}}
.wifi{animation:wifiPulse 2.2s ease-in-out infinite}
@keyframes wifiPulse{0%,100%{opacity:.35}50%{opacity:1}}
.spark{transform-box:fill-box;transform-origin:center;animation:sparkle 2.4s ease-in-out infinite}
.spark--2{animation-delay:-1.2s}
@keyframes sparkle{50%{scale:1.7;opacity:.4}}

.hero__side--l .hs-shield--l{position:absolute;top:0;left:60px;width:132px;animation:popIn .8s .5s both,bob 7s 1.4s ease-in-out infinite}
.hero__side--l .chip--speed{top:70px;right:6px;bottom:auto;left:auto}
.hero__side--l .float--status{position:absolute;left:-4px;top:218px;width:182px}
.hero__side--l .hs-server{position:absolute;right:0;bottom:6px;animation:rise 1s .7s both,bob 8s 1.8s ease-in-out infinite}
.hero__side--r .ring{top:-8px;right:-34px;width:310px;height:310px}
.hero__side--r .arch{position:absolute;top:0;right:0;width:220px;height:300px;border-width:6px}
.hero__side--r .chip--ssl{top:26px;left:4px;right:auto}
.hero__side--r .float--chat{position:absolute;left:-18px;top:262px;max-width:236px}
.hero__side--r .hs-shield{position:absolute;right:14px;bottom:8px;animation:rise 1s .9s both,bob 7s 2s ease-in-out infinite}

.hero__mini{display:none}

@media (max-width:1279px){
  .hero__grid--c{grid-template-columns:1fr}
  .hero__side{display:none}
  .hero__mini{display:flex;align-items:flex-end;justify-content:center;gap:22px;margin-top:44px}
  .hero__mini .hs-server{width:120px}
  .hero__mini .hs-shield{width:96px}
  
  .hero__copy .domain .btn{padding:16px 30px}
}
@media (max-width:760px){
  .hero{padding:44px 0 30px}
  .hero__copy .domain{padding:12px;gap:10px}
  .hero__copy .domain input{padding:6px 6px 10px}
  .hero__copy .domain .btn{flex:1}
  .hero__mini{gap:12px;margin-top:30px}
  .hero__mini .hs-server{width:84px}.hero__mini .hs-shield{width:70px}
}

/* ---------- fixes: clip side-slide overflow, status card size ---------- */
main,.footer{overflow-x:clip}
.hero__side--l .float--status{bottom:auto;right:auto;height:auto}
.hero__side--l .chip--speed{bottom:auto;left:auto}
.hero__side--l .float__row b{white-space:nowrap}
.hero__side--l .float__row em{display:none}


/* ============ Headings: centered, one line on desktop ============ */
.head{text-align:center;margin-bottom:56px}
.head .lead{margin-inline:auto;max-width:760px}
.head .btn{margin-inline:auto}
.head h2{font-size:clamp(28px,3.6vw,48px);text-wrap:balance}
.faq{grid-template-columns:1fr;gap:0}
.faq .head{position:static;margin-bottom:44px}
.faq .acc{max-width:920px;width:100%;margin-inline:auto}
.split__copy h2,.team__copy h2{font-size:clamp(26px,2.7vw,40px)}
.cta h2{font-size:clamp(30px,4vw,52px)}
@media (min-width:1100px){
  .head h2,.cta h2,.page-banner h1,.split__copy h2,.team__copy h2{white-space:nowrap}
  .head .lead,.cta p{max-width:none;white-space:nowrap}
  .page-banner h1{font-size:clamp(34px,3.7vw,52px)}
  .page-banner p.sub-text{max-width:none;white-space:nowrap;font-size:17px}
}

/* split/team columns: give text more room so headings stay on one line */
@media (min-width:1100px){
  .split{grid-template-columns:.85fr 1.15fr;gap:56px}
  .split--flip{grid-template-columns:1.15fr .85fr}
  .team{grid-template-columns:1.1fr .9fr;gap:56px}
  .split__copy h2,.team__copy h2{font-size:clamp(26px,2.6vw,38px)}
  .cta h2{max-width:none}
}

/* ============ HOW IT WORKS — journey ============ */
.journey{overflow:hidden}
.journey__stage{position:relative;margin-top:10px}
.journey__path{display:block;width:100%;height:auto;overflow:visible}
.journey__draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.8s .3s cubic-bezier(.5,.1,.2,1)}
.journey.in .journey__draw{stroke-dashoffset:0}
.jn{transform-box:fill-box;transform-origin:center;scale:0;transition:scale .7s cubic-bezier(.3,1.7,.5,1)}
.journey.in .jn{scale:1}
.journey.in g:nth-of-type(2) .jn{transition-delay:.9s}
.journey.in g:nth-of-type(3) .jn{transition-delay:1.6s}
.jn__pulse{transform-box:fill-box;transform-origin:center;animation:ripple 2.8s ease-out infinite}
.jrocket{opacity:0;transition:opacity .6s 1.2s}
.journey.in .jrocket{opacity:1}
.jrocket .flame,.j-rocket .flame,.rocket .flame{transform-box:fill-box;transform-origin:right center;animation:flameFlick .18s infinite alternate}
.rocket .flame{transform-origin:center top}
@keyframes flameFlick{from{scale:1 .85}to{scale:1.25 1.15}}

.journey__steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-6px;position:relative}
.jstep{padding:0 16px;position:relative}
.jstep::before{content:"";position:absolute;left:50%;top:-34px;height:48px;border-left:3px dashed #9cc7ff}
.jcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px 22px 28px;text-align:center;box-shadow:var(--shadow);transition:transform .35s,box-shadow .35s}
.jstep:hover .jcard{transform:translateY(-10px) rotate(-.6deg);box-shadow:var(--shadow-lg)}
.jstep:nth-child(2){margin-top:34px}
.jstep:nth-child(2) .jcard:hover{rotate:.6deg}
.jart{height:168px;border-radius:20px;margin-bottom:16px;display:grid;place-items:center;overflow:hidden;position:relative}
.jart svg{width:100%;max-width:250px;height:auto}
.jart--blue{background:linear-gradient(#e3edff,#e3edff)}
.jart--cyan{background:linear-gradient(#dcf8ff,#dcf8ff)}
.jart--sun{background:linear-gradient(#fff3cf,#fff3cf)}
.jtime{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);padding:5px 12px;border-radius:99px;margin-bottom:12px}
.jcard h3{font-size:24px;margin-bottom:8px}
.jcard p{color:var(--ink-2);font-size:15px;max-width:340px;margin-inline:auto}
/* card illustrations */
.j-pop{transform-box:fill-box;transform-origin:center;animation:jPop 3.2s ease-in-out infinite}
@keyframes jPop{0%,100%{scale:1}50%{scale:1.05}}
.j-cursor{animation:jCursor 3.2s ease-in-out infinite}
@keyframes jCursor{0%,100%{translate:10px 12px}40%{translate:0 0}50%{translate:-1px -1px}60%{translate:0 0}}
.j-click{transform-box:fill-box;transform-origin:center;opacity:0;animation:jClick 3.2s ease-out infinite}
@keyframes jClick{0%,40%{opacity:0;scale:.3}50%{opacity:.8;scale:.6}100%{opacity:0;scale:2.2}}
.pkt{animation:pktMove 3s linear infinite;opacity:0}
.pkt--2{animation-delay:-1s}.pkt--3{animation-delay:-2s}
@keyframes pktMove{0%{translate:0 0;opacity:0;scale:.6}15%{opacity:1;scale:1}85%{opacity:1}100%{translate:60px 0;opacity:0;scale:.6}}
.j-rocket{transform-box:fill-box;transform-origin:center;animation:jFly 3s ease-in-out infinite}
@keyframes jFly{0%,100%{translate:0 0}50%{translate:6px -8px}}
.j-live{animation:jLive 1.6s ease-in-out infinite}
@keyframes jLive{50%{opacity:.6}}
.conf{animation:confetti 3s ease-in-out infinite}
.conf--2{animation-delay:-.7s}.conf--3{animation-delay:-1.4s}.conf--4{animation-delay:-2.1s}
@keyframes confetti{0%{translate:0 8px;opacity:0}30%{opacity:1}100%{translate:0 -26px;opacity:0}}

@media (max-width:1000px){
  .journey__path{display:none}
  .journey__steps{grid-template-columns:1fr;max-width:460px;margin:0 auto;gap:34px}
  .jstep:nth-child(2){margin-top:0}
  .jstep::before{display:none}
  .jstep{padding:0}
}

/* ============ PRICING ============ */
.pricing{position:relative;overflow:hidden}
.pricing::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#b9d3f5 1.2px,transparent 1.6px);background-size:26px 26px;opacity:.55;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}
.pricing .container{position:relative;z-index:1}
.coin{position:absolute;z-index:0;width:74px;height:74px;border-radius:50%;background:linear-gradient(#ffe08a,#ffe08a);color:#fff;font-family:var(--display);font-weight:700;font-size:38px;display:grid;place-items:center;border:5px solid #ffd15c;box-shadow:0 18px 30px -12px rgba(255,160,0,.6),inset 0 -6px 0 rgba(22,25,26,.08);text-shadow:0 2px 0 rgba(22,25,26,.15)}
.coin--1{left:5%;top:130px;animation:coinFloat 6s ease-in-out infinite}
.coin--2{right:6%;top:210px;width:58px;height:58px;font-size:30px;animation:coinFloat 7s -2s ease-in-out infinite}
.coin--3{left:9%;bottom:140px;width:48px;height:48px;font-size:24px;animation:coinFloat 5s -1s ease-in-out infinite}
@keyframes coinFloat{50%{translate:0 -22px;rotate:12deg}}
.toggle-wrap{position:relative;display:inline-block;margin-top:30px}
.toggle-wrap .toggle{margin-top:0}
.burst{position:absolute;left:calc(100% + 16px);top:-26px;width:76px;height:76px;display:grid;place-items:center;text-align:center;rotate:-14deg;pointer-events:none}
.burst::before{content:"";position:absolute;inset:0;background:var(--amber);clip-path:polygon(50% 0,60% 12%,75% 6%,78% 22%,94% 25%,88% 40%,100% 50%,88% 60%,94% 75%,78% 78%,75% 94%,60% 88%,50% 100%,40% 88%,25% 94%,22% 78%,6% 75%,12% 60%,0 50%,12% 40%,6% 25%,22% 22%,25% 6%,40% 12%);animation:spin 14s linear infinite}
.burst b{position:relative;font-family:var(--display);font-size:14px;line-height:1.05;color:var(--ink)}

.pricing .plans{gap:28px;align-items:stretch;margin-top:10px}
.pricing .plan{padding:34px 30px 32px;border-radius:30px;text-align:center;align-items:center;gap:14px;background:#fff;overflow:visible}
.pricing .plan h3{font-size:28px}
.pricing .plan__sub{margin-top:-6px}
.pricing .plan ul{width:100%;text-align:left;padding-top:22px}
.pricing .price{justify-content:center}
.perday{margin-top:-8px;font-size:13px;font-weight:700;color:var(--green);background:#e2f8f0;padding:4px 12px;border-radius:99px}
.plan__art{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;margin:-70px auto 4px;border:6px solid #fff;box-shadow:var(--shadow-lg);position:relative;z-index:2}
.plan__art svg{width:84px;height:auto;overflow:visible}
.plan__art--blue{background:linear-gradient(#dcebff,#dcebff)}
.plan__art--glow{background:linear-gradient(160deg,#2c7efe,#2c7efe)}
.plan__art--sun{background:linear-gradient(#fff0c4,#fff0c4)}
.pricing .plan:not(.plan--hot):hover .plan__art{translate:0 -6px;transition:translate .3s}
.plane{animation:planeFly 4s ease-in-out infinite}
@keyframes planeFly{50%{translate:5px -7px;rotate:-4deg}}
.plane__trail{animation:trailMove 2s linear infinite}
@keyframes trailMove{to{stroke-dashoffset:-20}}
.rocket{animation:rocketHover 2.2s ease-in-out infinite}
@keyframes rocketHover{50%{translate:0 -5px}}
.sat{transform-origin:60px 50px;animation:spin 6s linear infinite}
.pricing .plan--hot{margin-top:0;transform:translateY(-14px);position:relative;isolation:isolate}
.pricing .plan--hot:hover{transform:translateY(-22px)}
.pricing .plan--hot::before{content:"";position:absolute;inset:-4px;border-radius:34px;background:linear-gradient(#2c7efe,#2c7efe);z-index:-1;animation:angSpin 4s linear infinite}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes angSpin{to{--ang:360deg}}
.pricing .plan--hot .perday{background:rgba(18,196,139,.2);color:#6cf0c1}
.pricing .plan--hot .plan__art{border-color:#16191a}
.pricing .plan:not(.plan--hot){margin-top:0}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:56px 0 0}
.trust li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:10px 20px 10px 12px;font-size:14px;color:var(--ink-2);font-weight:600;box-shadow:var(--shadow);transition:translate .25s}
.trust li:hover{translate:0 -4px}
.trust li span{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);display:grid;place-items:center;font-size:16px}
.trust b{color:var(--ink);margin-right:-4px}
@media (max-width:1050px){
  .pricing .plans{gap:70px;max-width:480px}
  .pricing .plan--hot{transform:none}.pricing .plan--hot:hover{transform:translateY(-6px)}
  .coin{display:none}
  .burst{left:auto;right:-12px;top:-60px;width:62px;height:62px}
}
@media (prefers-reduced-motion:reduce){.journey__draw{stroke-dashoffset:0}.jn,.jrocket{scale:1;opacity:1}}
.pricing .plans{margin-top:84px}
.pricing .badge{left:auto;right:20px;top:20px;translate:none;animation:none}

/* hot plan: rotating gradient border (padding-box / border-box technique) */
.pricing .plan--hot::before{display:none}
.pricing .plan--hot{border:4px solid transparent;background:linear-gradient(160deg,#16191a 0%,#16191a 100%) padding-box,linear-gradient(#2c7efe,#2c7efe) border-box;animation:glow 3.2s ease-in-out infinite,angSpin 4s linear infinite;isolation:auto}
.pricing .plans{margin-bottom:0}
.trust{margin-top:44px}
.pricing .plans__note{margin-top:28px}


/* ============ ONE-TIME ANIMATIONS (nothing loops) ============ */
*,*::before,*::after{animation-iteration-count:1!important}

/* race lanes: run once and stay finished */
.race__bar{width:0;animation-iteration-count:1!important}
.race__bar--fast{animation:raceOnce 1.4s .7s cubic-bezier(.3,.6,.3,1) forwards}
.race__bar--slow{animation:raceOnce 5s .7s linear forwards}
@keyframes raceOnce{to{width:calc(100% - 8px)}}
.race__bar em{animation:none!important}
.duel:not(.in-view) .race__bar{animation-play-state:paused}

/* logos: static row instead of endless marquee */
.marquee{-webkit-mask-image:none;mask-image:none}
.marquee__track{animation:none!important;width:100%;justify-content:space-between;gap:20px}
.marquee__track b{padding-right:0}
.marquee__track b:nth-child(n+6){display:none}

/* button shine only on hover */
.btn--primary::before,.btn--cyan::before{animation:none;left:-70%}
.btn--primary:hover::before,.btn--cyan:hover::before{animation:shine .9s ease-out 1!important}
@keyframes shine{0%{left:-70%}100%{left:140%}}

/* journey rocket: flies once, then fades */
.journey.in .jrocket{opacity:0}
.journey.in .jrocket.go{opacity:1}
.journey.in .jrocket.done{opacity:0;transition:opacity .6s}


.hero__side--r .chip--speed-r{top:auto;left:auto;right:30px;bottom:50px;font-size:15px;padding:12px 22px}
.hero__mini .chip--speed-r{display:none}

/* stats: icon left, text right */
.stats__grid>div.stat{display:flex;align-items:center;justify-content:center;gap:18px;text-align:left}
.stats__grid>div.stat::before{left:-8px}
.stat__txt{min-width:0}
.stat__txt strong{line-height:1}
.stat__txt p{margin:6px 0 0;text-align:left}
.stats__grid .sicon{position:relative;flex:none;display:grid;place-items:center;width:68px;height:68px;margin:0;border-radius:22px 22px 22px 8px;color:#fff;box-shadow:0 14px 26px -8px var(--sg,rgba(44,126,254,.5));background:var(--sb,linear-gradient(135deg,#2c7efe,#2c7efe));transition:transform .4s cubic-bezier(.3,1.5,.5,1),border-radius .4s}
.stats__grid .sicon svg{width:38px;height:38px}
.stats__grid .sicon b{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ffc53d;border:3px solid #fff}
.stats__grid .stat:hover .sicon{transform:rotate(-6deg) scale(1.08);border-radius:22px}
.sicon--b{--sb:linear-gradient(#2c7efe,#2c7efe);--sg:rgba(44,126,254,.5)}
.sicon--c{--sb:linear-gradient(#5b3df5,#5b3df5);--sg:rgba(91,61,245,.45)}
.sicon--d{--sb:linear-gradient(#ff8a3d,#ff8a3d);--sg:rgba(255,138,61,.45)}
.sicon--b b{background:#2c7efe}.sicon--c b{background:#2c7efe}.sicon--d b{background:#2c7efe}
.stats__grid .sicon{animation:popIn .7s calc(var(--d,0s) + .1s) both}
@media(max-width:1100px){.stats__grid>div.stat{justify-content:flex-start;padding-left:10px}.stats__grid .sicon{width:56px;height:56px}.stats__grid .sicon svg{width:32px;height:32px}}

@media(max-width:560px){.stats__grid{grid-template-columns:1fr!important;row-gap:22px!important}.stats__grid>div.stat::before{display:none!important}.stats__grid>div.stat{padding-left:6px}}

.journey__dots{clip-path:inset(-30px 100% -30px 0)}
.journey.in .journey__dots{clip-path:inset(-30px 0 -30px 0);transition:clip-path 2.8s .3s cubic-bezier(.5,.1,.2,1)}

/* ===== reviews slider ===== */
.rv{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:stretch}
.rv__score{position:relative;overflow:hidden;background:linear-gradient(#16191a,#16191a);color:#fff;border-radius:32px;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-lg)}
.rv__score::after{content:"";position:absolute;right:-60px;bottom:-60px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(44,126,254,.45),transparent 70%)}
.rv__quote{width:44px;color:rgba(255,255,255,.22);margin-bottom:10px}
.rv__num{font:700 76px/1 var(--display)}
.rv__num small{font-size:24px;opacity:.6;margin-left:4px}
.rv__score .stars{color:#ffc53d;font-size:22px;letter-spacing:3px;margin:10px 0 6px}
.rv__score p{margin:0 0 20px;color:#bcd0ff;font-size:14px}
.rv__bars{list-style:none;margin:0;padding:0;display:grid;gap:9px;position:relative;z-index:1}
.rv__bars li{display:grid;grid-template-columns:28px 1fr 38px;align-items:center;gap:10px;font-size:13px;font-weight:600}
.rv__bars i{height:8px;border-radius:99px;background:rgba(255,255,255,.16);position:relative;overflow:hidden}
.rv__bars i::after{content:"";position:absolute;inset:0;width:0;border-radius:inherit;background:linear-gradient(#2c7efe,#2c7efe);transition:width 1.4s .5s cubic-bezier(.3,.7,.2,1)}
.rv__score.in .rv__bars i::after{width:var(--w)}
.rv__bars em{font-style:normal;text-align:right;color:#bcd0ff}
.rv__stage{position:relative;background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px 38px 26px;box-shadow:var(--shadow);overflow:hidden;outline:none}
.rv__stage::before{content:"“";position:absolute;right:30px;top:-18px;font:700 220px/1 Georgia,serif;color:var(--primary-soft,#e6f0ff);pointer-events:none}
.rv__track{display:grid;position:relative}
.rv__slide{grid-area:1/1;display:grid;grid-template-columns:230px 1fr;gap:38px;align-items:center;opacity:0;visibility:hidden;translate:60px 0;transition:opacity .6s,translate .7s cubic-bezier(.3,.8,.3,1),visibility 0s .7s}
.rv__slide.is-on{opacity:1;visibility:visible;translate:0 0;transition:opacity .6s .15s,translate .7s .15s cubic-bezier(.3,.8,.3,1)}
.rv__slide.is-out{translate:-60px 0}
.rv__who{position:relative;justify-self:center}
.rv__photo{width:210px;height:250px;border-radius:105px 105px 28px 28px;overflow:hidden;background:linear-gradient(#d9ecff,#d9ecff);box-shadow:0 22px 40px -18px rgba(44,126,254,.45);display:grid;place-items:center}
.rv__photo img{width:100%;height:100%;object-fit:cover;scale:1.08;transition:scale 1.6s ease-out}
.rv__slide.is-on .rv__photo img{scale:1}
.rv__ini{font:700 64px var(--display);color:#2c7efe}
.rv__chip{position:absolute;left:-14px;bottom:18px;background:var(--ink);color:#fff;border-radius:16px;padding:10px 16px;box-shadow:0 14px 28px -10px rgba(22,25,26,.55);rotate:-4deg;scale:.6;opacity:0;transition:scale .6s .5s cubic-bezier(.3,1.7,.5,1),opacity .4s .5s}
.rv__slide.is-on .rv__chip{scale:1;opacity:1}
.rv__chip b{display:block;font:700 18px var(--display);background:linear-gradient(#7be8ff,#7be8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.rv__chip small{display:block;font-size:11px;color:#9fb2dc}
.rv__body .stars{color:#ffb400;font-size:20px;letter-spacing:3px}
.rv__body blockquote{margin:12px 0 20px;font:600 clamp(20px,2vw,27px)/1.4 var(--display);color:var(--ink)}
.rv__by{margin:0;display:flex;flex-direction:column;gap:2px}
.rv__by b{font-size:17px}.rv__by span{color:var(--ink-3)}
.rv__ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding-top:20px;border-top:1px dashed var(--line)}
.rv__dots{display:flex;gap:8px}
.rv__dot{width:34px;height:6px;border:0;padding:0;border-radius:99px;background:#d8e6fb;cursor:pointer;overflow:hidden;position:relative}
.rv__dot i{position:absolute;inset:0;width:0;background:var(--grad,linear-gradient(90deg,#2c7efe,#2c7efe));border-radius:inherit}
.rv__dot.is-on i{width:100%}
.rv__dot.is-run i{animation:rvFill var(--rvt,6s) linear forwards}
.rv__stage.is-paused .rv__dot.is-run i{animation-play-state:paused}
@keyframes rvFill{from{width:0}to{width:100%}}
.rv__arrows{display:flex;gap:10px}
.rv__arr{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.25s}
.rv__arr:hover{background:var(--grad,#2c7efe);color:#fff;border-color:transparent;transform:scale(1.08)}
@media(max-width:1000px){.rv{grid-template-columns:1fr}.rv__score{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 22px}.rv__quote{display:none}.rv__bars{flex:1 1 220px}}
@media(max-width:700px){.rv__stage{padding:26px 20px 20px}.rv__slide{grid-template-columns:1fr;gap:22px;text-align:center}.rv__photo{width:150px;height:176px;border-radius:75px 75px 22px 22px}.rv__chip{left:50%;translate:-50% 0;bottom:-10px}.rv__by{align-items:center}.rv__body blockquote{font-size:19px}.rv__dot{width:22px}}

/* ===== FAQ redesign ===== */
.faq{display:block}
.faq .head{margin-bottom:30px}
.faq__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:38px}
.faq__tabs button{border:1px solid var(--line);background:#fff;color:var(--ink-2);padding:11px 20px;border-radius:999px;font:600 14px inherit;font-family:inherit;cursor:pointer;transition:.25s}
.faq__tabs button:hover{border-color:var(--primary);color:var(--primary)}
.faq__tabs button.is-on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 10px 22px -8px rgba(44,126,254,.55)}
.faq__grid{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}
.faq__help{position:sticky;top:110px;overflow:hidden;background:linear-gradient(160deg,#2c7efe,#2c7efe 70%,#2c7efe);color:#fff;border-radius:32px;padding:30px;box-shadow:var(--shadow-lg)}
.faq__help::after{content:"";position:absolute;right:-70px;bottom:-70px;width:200px;height:200px;border-radius:50%;border:34px solid rgba(255,255,255,.08)}
.faq__art{width:100%;max-width:240px;display:block;margin:0 auto 14px;filter:drop-shadow(0 16px 20px rgba(0,20,100,.3))}
.faq__help h3{margin:0 0 6px;font-size:26px;color:#fff}
.faq__help>p{margin:0 0 18px;color:#d6e6ff}
.faq__avs{display:flex;align-items:center;margin-bottom:20px}
.faq__avs img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:3px solid #2c7efe;margin-right:-10px;background:#cfe3ff}
.faq__avs span{margin-left:22px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}
.faq__help .btn{position:relative;z-index:1}
.faq__mail{display:block;margin-top:16px;color:#d6e6ff;font-size:14px;position:relative;z-index:1;text-decoration:underline;text-underline-offset:4px}
.faq .acc{max-width:none;margin:0;counter-reset:q;gap:12px}
.faq .acc details{counter-increment:q;border-radius:22px;padding:0 20px;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
.faq .acc details::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--grad);scale:1 0;transform-origin:top;transition:scale .4s}
.faq .acc details[open]::before{scale:1 1}
.faq .acc details:hover{transform:translateX(4px)}
.faq .acc summary{justify-content:flex-start;gap:16px;padding:20px 0;font-size:17px}
.faq .acc summary::before{content:counter(q,decimal-leading-zero);flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(#e6f1ff,#e6f1ff);color:var(--primary);display:grid;place-items:center;font:700 15px var(--display);transition:.3s}
.faq .acc details[open] summary::before{background:var(--grad);color:#fff;rotate:-6deg}
.faq .acc summary::after{margin-left:auto}
.faq .acc details p{padding:0 0 22px 60px;max-width:none}
.faq .acc details.is-hide{display:none}
@media(max-width:1000px){.faq__grid{grid-template-columns:1fr}.faq__help{position:relative;top:auto;order:2}}
@media(max-width:560px){.faq .acc details p{padding-left:0}.faq .acc summary{font-size:16px}.faq .acc summary::before{width:38px;height:38px}.faq__tabs button{padding:9px 14px;font-size:13px}}

/* ===== single font + gradient headings + no clipping ===== */
.w{padding:.14em .08em .26em;margin:-.14em -.08em -.26em}
.grad .wi,.script.wsplit .wi{padding:.1em .05em .18em;margin:-.1em -.05em -.18em}
.grad,.head h2 .script,.split__copy h2 .script,.team__copy h2 .script{background:linear-gradient(90deg,#2c7efe,#2c7efe 55%,#2c7efe);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.grad .wi,.head h2 .script .wi,.split__copy h2 .script .wi,.team__copy h2 .script .wi{background:linear-gradient(90deg,#2c7efe,#2c7efe 55%,#2c7efe);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cta h2 .grad,.cta h2 .grad .wi,.page-banner h1 .grad,.page-banner h1 .grad .wi,.band h3 .grad,.band h3 .grad .wi{background:linear-gradient(#ffffff,#ffffff);-webkit-background-clip:text;background-clip:text}
.grad .w{background:none}
h1,h2,h3,h4{line-height:1.18}
.marker{padding-bottom:.04em}

/* ===== trusted-by marquee ===== */
.logos{display:block!important;text-align:center;margin-top:56px;padding-top:34px}
.logos__label{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 26px}
.logos__label span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2)}
.logos__label i{height:1px;width:min(160px,18vw);background:linear-gradient(90deg,transparent,#b9d3f5)}
.logos__label i:last-child{background:linear-gradient(270deg,transparent,#b9d3f5)}
.lrow{overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.lrow+.lrow{margin-top:6px}
.lrow__track{display:flex;width:max-content;gap:18px;padding-right:18px;animation:lrowL 38s linear infinite!important;animation-iteration-count:infinite!important}
.lrow--r .lrow__track{animation-name:lrowR;animation-duration:44s!important}
.lrow:hover .lrow__track{animation-play-state:paused!important}
@keyframes lrowL{to{transform:translateX(-50%)}}
@keyframes lrowR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.lg{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 26px 12px 16px;box-shadow:0 8px 20px -14px rgba(44,126,254,.4);transition:transform .3s,box-shadow .3s,border-color .3s;white-space:nowrap}
.lg svg{width:30px;height:30px;flex:none}
.lg b{font-size:19px;font-weight:800;color:var(--ink-2);letter-spacing:-.02em;padding:0!important;transition:color .3s}
.lg:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 16px 26px -14px rgba(44,126,254,.5)}
.lg:hover b{color:var(--ink)}
.logos__sub{margin:22px 0 0;color:var(--ink-3);font-size:15px}
.logos__sub b{color:var(--primary);font-size:inherit}
@media(max-width:600px){.lg{padding:9px 18px 9px 12px}.lg b{font-size:16px}.lg svg{width:24px;height:24px}.logos__label i{display:none}}
@media (prefers-reduced-motion:reduce){.lrow__track{animation:none!important}}
.logos .lg{text-transform:none;letter-spacing:0;font-size:inherit;font-weight:inherit}
/* accordion +/- perfectly centred (drawn, not a text glyph) */
.acc summary::after,.acc details[open] summary::after{content:"";font-size:0;line-height:0;padding:0;display:block;width:34px;height:34px;border-radius:50%;flex:none;rotate:0deg}
.acc summary::after{background:linear-gradient(var(--ink),var(--ink)) center/14px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 14px no-repeat,var(--bg-tint)}
.acc details[open] summary::after{background:linear-gradient(#fff,#fff) center/14px 2px no-repeat,var(--primary)}

/* trusted-by: single line */
.logos.logos--one{display:flex!important;align-items:center;gap:30px;text-align:left;margin-top:56px;padding-top:26px}
.logos--one .logos__label{margin:0;flex:none;position:relative;padding-right:30px}
.logos--one .logos__label::after{content:"";position:absolute;right:0;top:50%;height:34px;translate:0 -50%;width:1px;background:linear-gradient(transparent,#b9d3f5,transparent)}
.logos--one .logos__label span{white-space:nowrap}
.logos--one .lrow{flex:1;min-width:0;padding:6px 0}
.logos--one .lg{padding:9px 20px 9px 12px;gap:10px}
.logos--one .lg svg{width:24px;height:24px}
.logos--one .lg b{font-size:17px}
@media(max-width:800px){.logos.logos--one{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.logos--one .logos__label{padding:0}.logos--one .logos__label::after{display:none}}
.logos--one{min-width:0;max-width:100%}
.logos--one .lrow{max-width:100%;contain:inline-size}
@media(max-width:800px){.logos--one .lrow{width:100%}}

/* ===== services (server) section ===== */
.svcs{background:radial-gradient(#d3e4fb 1.1px,transparent 1.4px) 0 0/24px 24px,#fff;position:relative}
.svcs::before,.svcs::after{content:"";position:absolute;left:0;right:0;height:90px;pointer-events:none;z-index:0}
.svcs::before{top:0;background:linear-gradient(#fff,transparent)}
.svcs::after{bottom:0;background:linear-gradient(transparent,#fff)}
.svcs .container{position:relative;z-index:1}
.srv{display:grid;grid-template-columns:1fr minmax(320px,440px) 1fr;gap:10px;align-items:center;margin-top:10px}
.srv__col{display:grid;gap:22px}
.srv__stage{position:relative}
.srv__svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 24px 30px rgba(44,126,254,.18))}
.svc{--c1:linear-gradient(135deg,#2c7efe,#2c7efe);--c2:linear-gradient(#5b3df5,#5b3df5);--c3:linear-gradient(#ff8a3d,#ff8a3d);--c4:linear-gradient(#12b886,#12b886);--c5:linear-gradient(135deg,#2c7efe,#2c7efe);--c6:linear-gradient(#2c7efe,#2c7efe)}
.svc{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 22px;box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .3s,border-color .3s}
.svc:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#bcd6fb}
.svc h3{font-size:18px;margin:0 0 4px}
.svc p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.sv-ic{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:18px 18px 18px 6px;background:var(--sc);box-shadow:0 12px 22px -8px rgba(44,126,254,.4);transition:.4s}
.sv-ic svg{width:28px;height:28px}
.svc:hover .sv-ic{border-radius:18px;rotate:-6deg;scale:1.06}
.svc__wire{position:absolute;top:50%;width:46px;height:2px;background:repeating-linear-gradient(90deg,#9cc7ff 0 4px,transparent 4px 9px);translate:0 -50%}
.svc__wire i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#2c7efe;box-shadow:0 0 0 4px rgba(44,126,254,.2)}
.svc--l .svc__wire{right:-47px}.svc--r .svc__wire{left:-47px}
.svc--l .svc__wire i{animation:wireR 2.4s linear infinite!important;animation-iteration-count:infinite!important}
.svc--r .svc__wire i{animation:wireL 2.4s linear infinite!important;animation-iteration-count:infinite!important}
.srv__col .svc:nth-child(2) .svc__wire i{animation-delay:.6s!important}.srv__col .svc:nth-child(3) .svc__wire i{animation-delay:1.2s!important}
@keyframes wireR{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:38px;opacity:0}}
@keyframes wireL{from{left:38px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:0;opacity:0}}
.orb{transform-origin:210px 230px;animation:orbSpin 36s linear infinite!important;animation-iteration-count:infinite!important}
.orb .bd{transform-box:fill-box;transform-origin:center;animation:orbSpin 36s linear infinite reverse!important;animation-iteration-count:infinite!important}
@keyframes orbSpin{to{transform:rotate(360deg)}}
.led{animation:ledB 1.8s ease-in-out infinite!important;animation-iteration-count:infinite!important;animation-delay:calc(var(--k,0)*.23s)!important}
@keyframes ledB{0%,100%{opacity:1}50%{opacity:.2}}
.srv__cloud{animation:cloudBob 5s ease-in-out infinite!important;animation-iteration-count:infinite!important}
@keyframes cloudBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.srv__svg .wifi{animation:wifiPulse 2.4s ease-in-out infinite!important;animation-iteration-count:infinite!important}
@keyframes wifiPulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1100px){
  .srv{grid-template-columns:1fr 1fr;gap:18px}
  .srv__stage{grid-column:1/-1;grid-row:1;max-width:400px;margin:0 auto}
  .srv__col{grid-row:2}
  .svc__wire{display:none}
}
@media(max-width:700px){.srv{grid-template-columns:1fr}.srv__col{grid-row:auto}.svc{padding:16px}}

/* ===== CTA v2 ===== */
.cta.cta--v2{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;text-align:left;padding:64px 56px;overflow:hidden}
.cta--v2 .cta__copy{position:relative;z-index:2}
.cta--v2 .script--light{font-size:18px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;color:#a9f0ff}
.cta--v2 h2{font-size:clamp(26px,2.9vw,41px);margin:0 0 14px;max-width:none;text-align:left}
.cta--v2 p{margin:0 0 26px;font-size:18px;color:#e3f1ff;max-width:520px}
.cta--v2 .cta__btns{justify-content:flex-start}
.cta__perks{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}
.cta__perks li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#fff}
.cta__perks svg{background:rgba(255,255,255,.2);border-radius:50%;padding:4px;width:24px;height:24px;flex:none}
.cta__art{position:relative;z-index:2;display:grid;place-items:center}
.castle{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 22px 24px rgba(0,20,100,.35));overflow:visible}
.c-flag{transform-box:fill-box;transform-origin:left center;animation:flagWave 2.2s ease-in-out infinite!important;animation-iteration-count:infinite!important}
@keyframes flagWave{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-8deg) scaleX(.9)}}
.c-cloud{animation:cDrift 9s ease-in-out infinite alternate!important;animation-iteration-count:infinite!important}
.c-cloud--2{animation-duration:12s!important;animation-direction:alternate-reverse!important}
@keyframes cDrift{from{transform:translateX(-14px)}to{transform:translateX(16px)}}
.c-shield{transform-box:fill-box;transform-origin:center;animation:shPulse 3.2s ease-in-out infinite!important;animation-iteration-count:infinite!important}
@keyframes shPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.c-spark{animation:ledB 2s ease-in-out infinite!important;animation-iteration-count:infinite!important}
.cta__chip{position:absolute;z-index:3;background:#fff;color:var(--ink);font-weight:700;font-size:13px;padding:9px 15px;border-radius:999px;box-shadow:0 14px 28px -10px rgba(0,20,100,.5);display:flex;align-items:center;gap:8px}
.cta__chip--a{top:8%;left:2%;rotate:-5deg}.cta__chip--b{bottom:14%;right:0;rotate:4deg;background:var(--ink);color:#fff}
.cta__chip--a,.cta__chip--b{animation:bob 6s ease-in-out infinite!important;animation-iteration-count:infinite!important}
.cta__chip--b{animation-delay:-2.5s!important}
@media(min-width:1100px){.cta--v2 h2{white-space:nowrap}}
@media(max-width:1000px){.cta.cta--v2{grid-template-columns:1fr;text-align:center;padding:48px 24px}.cta--v2 h2,.cta--v2 p{text-align:center;margin-inline:auto}.cta--v2 .cta__btns,.cta__perks{justify-content:center}.cta__art{max-width:340px;margin:0 auto}}
.cta--v2 .cta__clouds{position:absolute;inset:0;z-index:0;pointer-events:none}
.srv{grid-template-columns:1fr minmax(300px,370px) 1fr;gap:34px}
.srv__stage{max-width:370px;margin-inline:auto}
.svc--l .svc__wire{right:-35px;width:34px}.svc--r .svc__wire{left:-35px;width:34px}
@keyframes wireR{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:26px;opacity:0}}
@keyframes wireL{from{left:26px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:0;opacity:0}}
@media(max-width:1100px){.srv{grid-template-columns:1fr 1fr;gap:18px}.srv__stage{max-width:340px}}
@media(max-width:700px){.srv{grid-template-columns:1fr}}
.srv{grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);gap:30px}
.srv__stage{max-width:400px;width:100%}
@media(max-width:1100px){.srv{grid-template-columns:1fr 1fr}.srv__stage{max-width:340px}}
@media(max-width:700px){.srv{grid-template-columns:1fr}}

.tw{animation:ledB 2.4s ease-in-out infinite!important;animation-iteration-count:infinite!important}.tw--2{animation-delay:.8s!important}.tw--3{animation-delay:1.5s!important}

/* ===== content-alignment additions ===== */
.hero__cta{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:6px 0 20px}
.hero__cta .btn{padding:14px 26px}
.price.price--soon{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:10px 0 18px}
.price--soon b{font-size:28px;letter-spacing:-.02em;line-height:1.1}
.price--soon span{font-size:13px;font-weight:600;color:var(--ink-3)}
.plan--hot .price--soon span{color:rgba(255,255,255,.7)}
.plans__note{max-width:760px;margin-inline:auto;text-align:center}
.speedlab{display:grid;gap:12px;background:#fff;border-radius:18px;padding:14px 18px;margin:0 0 14px;box-shadow:0 10px 24px -16px rgba(10,60,160,.4)}
.speedlab__row{display:grid;grid-template-columns:64px 1fr 66px;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--ink-2)}
.speedlab__row em{font-style:normal;text-align:right;color:var(--ink-3);font-weight:600}
.speedlab__bar{height:10px;border-radius:99px;background:#dcecfb;position:relative;overflow:hidden}
.speedlab__bar i{position:absolute;inset:0;width:38%;border-radius:inherit;background:linear-gradient(90deg,#9fd0ff,#cfeaff);animation:shim 2.2s ease-in-out 3!important}
@keyframes shim{0%{translate:-100% 0}100%{translate:260% 0}}
.rv__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative;z-index:1}
.rv__list li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}
.rv__list li::before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);font-size:12px}
.rv__ico{display:grid;place-items:center;color:#2c7efe}
.rv__ico svg{width:96px;height:96px}
.rv__tag{display:inline-block;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.cta--v2 h2{font-size:clamp(20px,2.15vw,31px)}
.cta.cta--v2{grid-template-columns:1.5fr .5fr}
.stat__txt strong+span{white-space:pre}
.avatars em{font-style:normal}

/* Coming Soon pill */
em.soon,.soon{display:inline-block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:99px;background:rgba(44,126,254,.12);color:#0a6f8f;vertical-align:middle;margin-left:4px}
.tld-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px;margin-inline:auto}
.legal{max-width:760px;margin:0 auto}.legal h2{margin:24px 0 8px;font-size:22px}

/* ===== Pass 2: guides, notices ===== */
.guides{display:grid;gap:22px;margin-top:28px;max-width:860px;margin-inline:auto}
.guide{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 30px;box-shadow:var(--shadow);scroll-margin-top:110px}
.guide h2{font-size:clamp(22px,2.2vw,30px);margin:10px 0 8px;white-space:normal!important}
.guide ol{margin:14px 0 0;padding-left:22px;display:grid;gap:10px;color:var(--ink-2);line-height:1.6}
.guide li strong{color:var(--ink)}
.guide__note{margin:18px 0 0;padding:14px 16px;border-radius:14px;background:#f1f7ff;border:1px solid #d6e6ff;font-size:14.5px;color:var(--ink-2)}
.guide__toc{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:860px}
.guide__toc a{padding:9px 16px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14px;transition:.25s}
.guide__toc a:hover{border-color:#9cc7ff;translate:0 -2px;box-shadow:var(--shadow)}
.notice{max-width:860px;margin:0 auto 22px;padding:16px 20px;border-radius:16px;background:#f1f7ff;border:1px solid #d6e6ff;color:var(--ink-2);font-size:15px}
.ptag{display:inline-block;font-size:12px;font-weight:700;color:var(--primary);background:#eaf2ff;padding:4px 11px;border-radius:99px}

/* ===== Pass 2: first-load sequence ===== */
@keyframes hdrIn{from{opacity:0;translate:0 -18px}to{opacity:1;translate:0 0}}
.header{animation:hdrIn .55s cubic-bezier(.2,.8,.2,1) both}
.hero__cta{animation:rise .7s .45s cubic-bezier(.2,.8,.2,1) both}
.hero__cta>*{animation:rise .6s both}
.hero__cta>*:nth-child(1){animation-delay:.5s}.hero__cta>*:nth-child(2){animation-delay:.62s}
.hero__art,.hero__media{animation:rise .9s .25s cubic-bezier(.2,.8,.2,1) both}

/* ===== Pass 2: hover polish (minimal) ===== */
.feat,.tld,.post,.citem,.step,.jcard,.tile,.plan,.guide{transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.feat:hover,.tld:hover,.post:hover,.citem:hover,.step:hover,.jcard:hover,.tile:hover,.guide:hover,.plan:hover{translate:0 -4px;box-shadow:var(--shadow-lg)}
.feat:hover .ico,.step:hover .ico{scale:1.06;transition:scale .3s}
@media(hover:none){.feat:hover,.tld:hover,.post:hover,.citem:hover,.step:hover,.jcard:hover,.tile:hover,.guide:hover,.plan:hover{translate:none}}

/* ===== Pass 2: reduced motion + overflow safety ===== */
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.in{opacity:1!important;translate:none!important;scale:none!important;rotate:none!important;transition:none!important}
  .wi{translate:none!important;rotate:none!important;transition:none!important}
  .header,.hero__cta,.hero__cta>*,.hero__art,.page-banner__text>*,.page-banner__art{animation:none!important}
}
.reveal{will-change:auto}
html,body{overflow-x:clip}
.guide ol{list-style:decimal}.guide ol li::marker{color:var(--primary);font-weight:700}.guide__note a{color:var(--primary);font-weight:600;text-decoration:underline}

/* ===== Pricing page redesign ===== */
.pz-pick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:26px auto 6px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:99px;width:max-content;max-width:100%;box-shadow:var(--shadow)}
.pz-pick__lbl{font-weight:700;color:var(--ink-2);padding:0 8px 0 14px;font-size:14px}
.pz-pick button{border:0;background:transparent;font:inherit;font-weight:600;font-size:14.5px;padding:10px 18px;border-radius:99px;cursor:pointer;color:var(--ink);transition:background .25s,color .25s,box-shadow .25s}
.pz-pick button:hover{background:#eef5ff}
.pz-pick button.on{background:var(--grad);color:#fff;box-shadow:0 10px 20px -8px rgba(44,126,254,.6)}
.pz-pick__msg{text-align:center;color:var(--ink-2);margin:12px 0 34px;min-height:24px;font-weight:500}
.pz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.pz-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px 30px 30px;box-shadow:var(--shadow);transition:translate .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,opacity .35s,scale .35s}
.pz-card.dim{opacity:.55;scale:.97}
.pz-card.pick{border-color:#7fb3ff;box-shadow:0 0 0 4px rgba(44,126,254,.14),var(--shadow-lg);translate:0 -8px}
.pz-card--hot{background:linear-gradient(165deg,#2c7efe 0%,#2c7efe 55%,#2c7efe 100%);color:#fff;border-color:transparent;translate:0 -14px;box-shadow:0 34px 60px -26px rgba(44,126,254,.65)}
.pz-card--hot .pz-who,.pz-card--hot li span{color:rgba(255,255,255,.88)}
.pz-card--hot li svg{color:#7ff0ff}
.pz-card--hot h3,.pz-card--hot .pz-price b{color:#fff}
.pz-card--hot .pz-price{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}
.pz-card--hot .pz-price span{color:rgba(255,255,255,.8)}
.pz-card--hot .pz-ico{background:rgba(255,255,255,.16);color:#fff}
.pz-rib{position:absolute;top:-14px;left:50%;translate:-50% 0;background:linear-gradient(#ffb23d,#ffb23d);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.04em;padding:7px 16px;border-radius:99px;box-shadow:0 10px 20px -8px rgba(255,122,61,.7);white-space:nowrap}
.pz-ico{width:64px;height:64px;border-radius:20px;background:#eaf2ff;color:var(--primary);display:grid;place-items:center;margin-bottom:18px}
.pz-ico svg{width:36px;height:36px}
.pz-card h3{font-size:28px;margin:0}
.pz-who{margin:4px 0 20px;color:var(--ink-2);font-size:15px}
.pz-price{border:1px dashed #b9d3fa;background:#f4f9ff;border-radius:18px;padding:16px 18px;margin-bottom:22px}
.pz-price b{display:block;font-family:var(--display);font-size:24px;color:var(--ink)}
.pz-price span{font-size:12.5px;color:var(--ink-2)}
.pz-card ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px;flex:1}
.pz-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.pz-card li svg{flex:none;color:#12b886;margin-top:1px}
.pz-card .btn{width:100%;justify-content:center;text-align:center}
.pz-card--hot .btn{background:#fff;color:#2c7efe}
.pz-card--hot:hover{translate:0 -18px}

.pz-nine{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:n}
.pz-nine__i{position:relative;display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 20px 20px 18px;overflow:hidden;transition:translate .3s,box-shadow .3s,border-color .3s}
.pz-nine__i:hover{translate:0 -4px;box-shadow:var(--shadow-lg);border-color:#bcd6fb}
.pz-nine__i b{position:absolute;right:14px;top:6px;font-family:var(--display);font-size:46px;line-height:1;color:#e8f0fe;font-weight:700}
.pz-nine__i>i{font-style:normal;flex:none;width:46px;height:46px;border-radius:14px;background:#eaf2ff;display:grid;place-items:center;font-size:22px}
.pz-nine__i h4{margin:0 0 4px;font-size:16.5px;position:relative}
.pz-nine__i p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.5;position:relative}

.pz-tbl{margin-top:34px;overflow-x:auto;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.pz-tbl table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px}
.pz-tbl th,.pz-tbl td{padding:16px 20px;text-align:center;border-bottom:1px solid #edf2fb;font-size:15px}
.pz-tbl tbody th{text-align:left;font-weight:600;color:var(--ink)}
.pz-tbl thead th{font-family:var(--display);font-size:20px;padding:24px 20px;background:#f7faff}
.pz-tbl thead small{display:block;font-family:inherit;font-size:11px;font-weight:800;color:#ff7a3d;letter-spacing:.06em;text-transform:uppercase;font-family:var(--body,inherit)}
.pz-tbl .pz-hl{background:linear-gradient(180deg,rgba(44,126,254,.09),rgba(44,126,254,.05));font-weight:700}
.pz-tbl thead .pz-hl{background:linear-gradient(#e0eeff,#e0eeff)}
.pz-tbl tr:last-child>*{border-bottom:0}
.pz-pr td,.pz-pr th{font-weight:700;background:#fbfdff}
.pz-y{color:#12b886;display:inline-grid;vertical-align:middle}.pz-y svg{width:22px;height:22px}
.pz-n{color:#b7c4d8;font-weight:700}
.pz-t{font-size:12.5px;color:var(--ink-2);background:#f1f5fb;padding:4px 10px;border-radius:99px;font-weight:600}
.pz-tbl tbody tr:hover td,.pz-tbl tbody tr:hover th{background:#f4f9ff}

.pz-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:40px;position:relative}
.pz-how::before{content:"";position:absolute;left:12%;right:12%;top:35px;height:2px;background:repeating-linear-gradient(90deg,#9cc7ff 0 6px,transparent 6px 13px)}
.pz-how__i{text-align:center;padding:0 16px;position:relative}
.pz-how__i i{font-style:normal;display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:#fff;border:2px solid #cfe2ff;font-size:30px;box-shadow:var(--shadow);transition:scale .3s,border-color .3s}
.pz-how__i:hover i{scale:1.08;border-color:#7fb3ff}
.pz-how__i h4{margin:0 0 6px;font-size:18px}.pz-how__i p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.55}

.pz-pay{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:linear-gradient(#f1f7ff,#f1f7ff);border:1px solid #d6e6ff;border-radius:34px;padding:44px 48px}
.pz-pay h2{margin:8px 0 10px}.pz-pay p{color:var(--ink-2);margin:0}
.pz-pay ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pz-pay li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow);transition:translate .3s}
.pz-pay li:hover{translate:6px 0}
.pz-pay li b{font-family:var(--display);font-size:19px}.pz-pay li span{font-size:13px;color:var(--ink-2)}

@media(max-width:1000px){
  .pz-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:30px}
  .pz-card--hot,.pz-card.pick{translate:none}.pz-card--hot:hover{translate:0 -4px}
  .pz-nine{grid-template-columns:1fr 1fr}.pz-how{grid-template-columns:1fr 1fr;row-gap:30px}.pz-how::before{display:none}
  .pz-pay{grid-template-columns:1fr;padding:32px 26px}
}
@media(max-width:640px){
  .pz-pick{border-radius:24px;width:100%;justify-content:center}.pz-pick__lbl{width:100%;text-align:center;padding:0}
  .pz-nine,.pz-how{grid-template-columns:1fr}
}
.pz-card--hot .soon{background:#fff;color:#2c7efe}
.pz-card--hot.dim{opacity:.8}
.pz-card .soon{margin-left:6px}
@media(max-width:640px){.pz-pick button{padding:9px 13px;font-size:13.5px}}

/* ---------- Minimal home hero (override) ---------- */
.hero{padding:56px 0 28px}
.hero .blob{opacity:.3}
.hero .hero__grid--c{grid-template-columns:minmax(0,1fr) minmax(0,820px) minmax(0,1fr);gap:32px;align-items:center}
.hero .hero__copy .tlds,.hero .hero__copy .proof,.hero .hero__mini{display:none}
.hero h1{font-size:clamp(32px,4vw,52px);margin:18px 0 14px}
.hero .hero__copy .lead{font-size:18px;max-width:640px}
.hero .hero__copy .typed-line{margin-top:10px;font-size:16px}
.hero .hero__copy .domain{width:100%;margin-top:28px;padding:10px 10px 10px 26px;gap:12px}
.hero .hero__copy .domain input{font-size:18px;padding:12px 0}
.hero .hero__copy .domain select{padding:12px 18px;font-size:16px}
.hero .hero__copy .domain .btn{padding:15px 38px;font-size:17px}
.hero .hero__copy .domain svg{width:22px;height:22px}
.hero .hero__cta{margin-top:20px}
/* dropdown: custom arrow kept inside the bar */
.hero .hero__copy .domain select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding:12px 40px 12px 20px;background:var(--bg-tint) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1535' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 16px center/13px}
/* side art (small): left column flush to the left grid edge, right column flush to the right grid edge */
.hero .hero__side{position:relative;height:340px;display:block}
.hero .hero__side--l .hs-shield--l{position:absolute;top:0;left:43px;right:auto;width:84px}
.hero .hero__side--l .float--status{position:absolute;left:0;right:auto;top:150px;width:170px;padding:12px 14px}
.hero .hero__side--r .arch{position:absolute;top:10px;right:0;left:auto;width:170px;height:230px}
.hero .hero__side--r .ring{top:0;right:-30px;left:auto;width:230px;height:230px}
.hero .hero__side--r .chip--ssl{top:24px;right:150px;left:auto;font-size:12px;padding:7px 13px}
.hero .hero__side--r .float--chat{position:absolute;right:0;left:auto;top:200px;max-width:212px;padding:10px 12px}
.hero .hero__side--r .float--chat img{width:36px;height:36px}
.hero .hero__side--r .float--chat span{font-size:11.5px}
@media(max-width:1180px){.hero .hero__side{display:none}.hero .hero__grid--c{grid-template-columns:1fr}}

/* ---------- Trio cards (bottom of "Built like a fortress"): palette #2c7efe + #16191a ---------- */
.trio .tile{padding:32px;min-height:320px;border-radius:26px}
.trio .tile h3{font-size:25px;line-height:1.2;margin-bottom:10px}
.trio .tile p{font-size:15px;line-height:1.65}
.trio .tile__text{position:relative;z-index:2}
/* 1 - photo: dark overlay + blue tag */
.trio .tile--photo .tile__shade{background:linear-gradient(180deg,rgba(22,25,26,.4) 0%,rgba(22,25,26,.94) 100%)}
.trio .tile--photo h3{color:#fff}
.trio .tile--photo p{color:#e6ecf5}
.trio .tile--photo .tag{background:#2c7efe;border:0;color:#fff;backdrop-filter:none}
/* 2 - yellow (as before) */
.trio .tile--sun{background:#fff1c7;border-color:#f3dc9c}
.trio .tile--sun h3{color:#16191a}
.trio .tile--sun p{color:#4a4f52}
.trio .tile--sun .apps span{color:#16191a;border:1px solid rgba(22,25,26,.08)}
/* 3 - solid brand blue, white text */
.trio .tile--navy{background:#2c7efe;border-color:#2c7efe;overflow:hidden}
.trio .tile--navy::before,.trio .tile--navy::after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.3);pointer-events:none}
.trio .tile--navy::before{width:240px;height:240px;right:-80px;top:-80px}
.trio .tile--navy::after{width:140px;height:140px;right:-30px;top:-30px;border-color:rgba(255,255,255,.5)}
.trio .tile--navy h3{color:#fff}
.trio .tile--navy p{color:#eaf2ff}
.trio .tile--navy .arrow-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 22px;border-radius:99px;background:#fff;color:#16191a;font-weight:700;font-size:15px;box-shadow:0 14px 26px -12px rgba(22,25,26,.5)}
.trio .tile--navy .arrow-link:hover{translate:0 -2px}
.trio .tile--navy .avatars{position:relative;z-index:2}
.trio .tile--navy .avatars em{margin:0;padding:9px 16px;border-radius:99px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);color:#fff;font-size:14px}

/* ---------- Migration section: flow + icon cards ---------- */
.mig-flow{display:flex;align-items:stretch;gap:6px;margin:26px 0 18px}
.mig-step{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 10px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.mig-step b{font-family:var(--display);font-size:14.5px;line-height:1.25;color:var(--ink);margin-top:6px}
.mig-step small{font-size:12px;line-height:1.35;color:var(--ink-3);font-weight:600}
.mig-step--hot{background:#2c7efe;border-color:#2c7efe;box-shadow:0 18px 32px -16px rgba(44,126,254,.8)}
.mig-step--hot b{color:#fff}.mig-step--hot small{color:#eaf2ff}
.mig-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf3ff;color:#2c7efe;flex:none}
.mig-step--hot .mig-ic{background:#fff;color:#2c7efe}
.mig-arrow{align-self:center;color:#2c7efe;flex:none;display:grid;place-items:center;animation:bob 4s ease-in-out infinite}
.mig-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}
.mig-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:translate .25s,box-shadow .25s,border-color .25s}
.mig-card:hover{translate:0 -3px;border-color:#2c7efe;box-shadow:var(--shadow)}
.mig-ic--sm{width:42px;height:42px;border-radius:13px}
.mig-ic--sm svg{width:21px;height:21px}
.mig-card b{display:block;font-size:14.5px;line-height:1.25;color:var(--ink)}
.mig-card small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--ink-3);font-weight:600}
@media(max-width:560px){.mig-flow{flex-direction:column}.mig-arrow{transform:rotate(90deg);animation:none}.mig-grid{grid-template-columns:1fr}}

/* ---------- Promises: left card in the inner-page banner style ---------- */
.rv__score{background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1584169417032-d34e8d805e8b?auto=format&fit=crop&w=800&q=70") center/cover no-repeat}
.rv__score::after{border:2px dashed rgba(255,255,255,.28);background:none;right:-70px;bottom:-70px;width:230px;height:230px}
.rv__score p{color:#eaf2ff}
.rv .rv__photo{background:#eaf3ff}
.rv .rv__photo img{display:block}

/* ---------- Icon bullets (replace plain tick lists) ---------- */
.ticks--icons{gap:12px}
.ticks--icons li{align-items:center;gap:14px}
.ticks--icons li::before{display:none}
.tk-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#2c7efe;font-style:normal;transition:background .25s,color .25s,transform .25s}
.tk-ic svg{width:20px;height:20px}
.ticks--icons li:hover .tk-ic{background:#2c7efe;color:#fff;transform:translateY(-2px)}
.pz-card li .pz-lic{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf3ff;color:#2c7efe;font-style:normal;margin-top:-2px}
.pz-card li .pz-lic svg{width:16px;height:16px;margin:0;color:inherit}
.pz-card--hot li .pz-lic{background:rgba(255,255,255,.2);color:#fff}
.pz-card li{align-items:center}
.rv__list li::before{display:none}
.rv__list li{gap:12px}
.tk-ic--dark{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.18);color:#fff}
.tk-ic--dark svg{width:17px;height:17px}
.rv__list li:hover .tk-ic--dark{background:#fff;color:#2c7efe}

/* ---------- Migration page redesign ---------- */
.mg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;list-style:none;padding:0}
.mg-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px 28px 30px;box-shadow:var(--shadow);transition:translate .3s,box-shadow .3s}
.mg-step:hover{translate:0 -6px;box-shadow:var(--shadow-lg)}
.mg-step:not(:last-child)::after{content:"";position:absolute;top:84px;right:-30px;width:30px;border-top:2px dashed #2c7efe;opacity:.5}
.mg-no{position:absolute;top:-15px;left:28px;background:#16191a;color:#fff;font:700 13px var(--display);letter-spacing:.04em;padding:7px 16px;border-radius:99px}
.mg-ic{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#eaf3ff;color:#2c7efe;margin-bottom:20px}
.mg-step h3{font-size:22px;margin-bottom:8px}
.mg-step p{color:var(--ink-2);font-size:15px;line-height:1.6}
.mg-step--hot{background:#2c7efe;border-color:#2c7efe;box-shadow:0 30px 56px -26px rgba(44,126,254,.75);margin-top:-12px;margin-bottom:12px}
.mg-step--hot h3{color:#fff}.mg-step--hot p{color:#eaf2ff}
.mg-step--hot .mg-ic{background:rgba(255,255,255,.2);color:#fff}
.mg-step--hot .mg-no{background:#fff;color:#16191a}
.mg-split{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.mg-photo{position:relative}
.mg-photo img{width:100%;height:500px;object-fit:cover;border-radius:36px 140px 36px 36px;box-shadow:var(--shadow-lg)}
.mg-photo::before{content:"";position:absolute;inset:22px -18px -18px 22px;border:2px dashed #2c7efe;opacity:.4;border-radius:36px 140px 36px 36px;z-index:-1}
.mg-badge{position:absolute;right:-16px;bottom:36px;width:130px;height:130px;border-radius:50%;background:#2c7efe;color:#fff;display:grid;place-content:center;text-align:center;font:700 20px/1.1 var(--display);box-shadow:0 20px 36px -14px rgba(44,126,254,.8);rotate:-8deg;border:5px solid #fff}
.mg-badge small{display:block;font:700 11px var(--font);margin-top:6px;opacity:.9}
.mg-float{position:absolute;left:-16px;top:40px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 18px 8px 8px;box-shadow:var(--shadow-lg);animation:bob 6s ease-in-out infinite}
.mg-float b{font-size:14px}
.mg-copy h2{margin:14px 0 14px}
.mg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 30px}
.mg-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:20px;transition:translate .25s,border-color .25s,box-shadow .25s}
.mg-card:hover{translate:0 -3px;border-color:#2c7efe;box-shadow:var(--shadow)}
.mg-card .tk-ic{grid-row:1/3;width:44px;height:44px;border-radius:14px}
.mg-card b{font-size:15px;line-height:1.25;align-self:end}
.mg-card small{font-size:12.5px;color:var(--ink-3);font-weight:600;align-self:start}
.mg-band{background:#16191a;color:#fff;padding:90px 0;position:relative;overflow:hidden}
.mg-band::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:2px dashed rgba(44,126,254,.35);right:-160px;top:-200px}
.mg-band .container{position:relative}
.mg-band .eyebrow{background:rgba(44,126,254,.2);color:#9cc7ff}
.mg-band h2{color:#fff}
.mg-duo{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:46px}
.mg-col{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:32px}
.mg-col--we{background:#2c7efe;border-color:#2c7efe;box-shadow:0 30px 56px -26px rgba(44,126,254,.8)}
.mg-pill{display:inline-block;font:700 14px var(--display);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.14);padding:6px 16px;border-radius:99px;margin-bottom:20px}
.mg-pill--blue{background:#fff;color:#16191a}
.mg-col ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mg-col li{display:flex;align-items:center;gap:14px;font-weight:600;font-size:16px}
.mg-col--we .tk-ic--dark{background:rgba(255,255,255,.22)}
.mg-link{width:54px;height:54px;border-radius:50%;background:#fff;color:#2c7efe;display:grid;place-items:center;box-shadow:0 14px 28px -12px rgba(0,0,0,.5)}
.mg-req{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:stretch}
.mg-side{position:relative;overflow:hidden;border-radius:32px;padding:44px 38px;color:#fff;display:flex;flex-direction:column;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1584169417032-d34e8d805e8b?auto=format&fit=crop&w=900&q=70") center/cover no-repeat}
.mg-side::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:2px dashed rgba(255,255,255,.28);right:-110px;bottom:-110px}
.mg-side__tag{align-self:flex-start;font:800 12px var(--font);letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:99px;margin-bottom:18px}
.mg-side h3{font-size:30px;line-height:1.15;margin-bottom:28px}
.mg-side ol{list-style:none;margin:0 0 auto;padding:0;display:grid;gap:22px;position:relative}
.mg-side ol::before{content:"";position:absolute;left:19px;top:12px;bottom:12px;border-left:2px dashed rgba(255,255,255,.4)}
.mg-side li{display:flex;gap:16px;align-items:center;position:relative}
.mg-side li>span{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;color:#2c7efe;display:grid;place-items:center;font:700 16px var(--display)}
.mg-side li b{display:block;font-size:16px}
.mg-side li small{display:block;font-size:13px;color:#eaf2ff;margin-top:2px}
.mg-side__note{display:flex;gap:10px;align-items:center;margin-top:32px;font-weight:600;font-size:14px;position:relative;z-index:1}
.mg-req .form-card{max-width:none;margin:0}
@media(max-width:980px){
  .mg-steps{grid-template-columns:1fr;gap:34px}.mg-step:not(:last-child)::after{display:none}.mg-step--hot{margin:0}
  .mg-split,.mg-req{grid-template-columns:1fr}.mg-photo img{height:360px}.mg-badge{right:8px}.mg-float{left:8px}
  .mg-duo{grid-template-columns:1fr}.mg-link{margin:0 auto;rotate:90deg}
}
@media(max-width:560px){.mg-grid{grid-template-columns:1fr}.mg-side{padding:34px 24px}}

/* ---------- Migration form ---------- */
.mg-form{padding:0;overflow:hidden;border-radius:32px}
.mg-form__head{display:flex;align-items:center;gap:18px;padding:30px 36px;color:#fff;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1629904853893-c2c8981a1dc5?auto=format&fit=crop&w=1000&q=70") center/cover no-repeat}
.mg-form__ic{flex:none;width:58px;height:58px;border-radius:18px;background:#fff;color:#2c7efe;display:grid;place-items:center;box-shadow:0 14px 26px -12px rgba(0,0,0,.45)}
.mg-form__head h3{font-size:25px;line-height:1.2;color:#fff;margin:0 0 4px}
.mg-form__head p{margin:0;color:#eaf2ff;font-size:14.5px}
.mg-form__free{margin-left:auto;flex:none;background:#fff;color:#16191a;font:800 12px var(--font);letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:99px;rotate:4deg}
.mg-form__body{padding:32px 36px 34px}
.mg-type{border:0;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mg-type legend{float:left;margin-right:6px;padding:0;font-weight:700;font-size:14px;line-height:44px}
.mg-type label{cursor:pointer}
.mg-type input{position:absolute;opacity:0;pointer-events:none}
.mg-type span{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1.5px solid var(--line);border-radius:99px;font-weight:700;font-size:14px;background:var(--bg);transition:.2s}
.mg-type span svg{color:#2c7efe;transition:.2s}
.mg-type label:hover span{border-color:#2c7efe}
.mg-type input:checked+span{background:#2c7efe;border-color:#2c7efe;color:#fff;box-shadow:0 12px 22px -12px rgba(44,126,254,.8)}
.mg-type input:checked+span svg{color:#fff}
.mg-type input:focus-visible+span{outline:3px solid rgba(44,126,254,.35);outline-offset:2px}
.mgf{position:relative;display:block}
.mgf input,.mgf textarea{width:100%;border:1.5px solid var(--line);border-radius:16px;padding:26px 16px 10px 54px;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.mgf textarea{min-height:130px;resize:vertical;padding-top:30px}
.mgf__ic{position:absolute;left:14px;top:50%;translate:0 -50%;width:30px;height:30px;border-radius:10px;background:#eaf3ff;color:#2c7efe;display:grid;place-items:center;transition:.2s;pointer-events:none}
.mgf__ic svg{width:17px;height:17px}
.mgf__lbl{position:absolute;left:54px;right:14px;top:50%;translate:0 -50%;color:var(--ink-3);font-weight:600;font-size:15px;pointer-events:none;transition:all .18s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgf--area .mgf__ic{top:20px;translate:0}
.mgf--area .mgf__lbl{top:22px;translate:0}
.mgf input:focus~.mgf__lbl,.mgf input:not(:placeholder-shown)~.mgf__lbl,.mgf textarea:focus~.mgf__lbl,.mgf textarea:not(:placeholder-shown)~.mgf__lbl{top:9px;translate:0;font-size:11.5px;color:#2c7efe;letter-spacing:.02em}
.mgf--area textarea:focus~.mgf__lbl,.mgf--area textarea:not(:placeholder-shown)~.mgf__lbl{top:9px}
.mgf input:focus,.mgf textarea:focus{border-color:#2c7efe;background:#fff;box-shadow:0 0 0 4px rgba(44,126,254,.14)}
.mgf input:focus~.mgf__lbl,.mgf textarea:focus~.mgf__lbl{color:#2c7efe}
.mgf:focus-within .mgf__ic{background:#2c7efe;color:#fff}
.mg-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}
.mg-form .btn.mg-submit{margin-top:0;display:inline-flex;align-items:center;gap:10px;padding:16px 30px;font-size:16px}
.mg-submit svg{transition:translate .25s}
.mg-submit:hover svg{translate:5px 0}
.mg-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;font-weight:600;color:var(--ink-2)}
.mg-trust li{display:flex;align-items:center;gap:7px}
.mg-trust svg{color:#2c7efe;flex:none}
.mg-form .form-msg{margin-top:16px;font-weight:600;font-size:14px}
@media(max-width:560px){.mg-form__head{flex-wrap:wrap;padding:24px}.mg-form__free{display:none}.mg-form__body{padding:24px 20px}.mg-type legend{float:none;width:100%;line-height:1.4}}

/* ---------- "You share. We move." band: same background as "Speed you can feel" ---------- */
.mg-band{background:linear-gradient(160deg,#eefaff 0%,#d6f2ff 55%,#c2eaff 100%);color:var(--ink)}
.mg-band::before{border-color:rgba(44,126,254,.28)}
.mg-band .eyebrow{background:#fff;color:#2c7efe;box-shadow:var(--shadow)}
.mg-band h2{color:var(--ink)}
.mg-col{background:#fff;border:1px solid #cfe3fb;box-shadow:var(--shadow)}
.mg-col--we{background:#2c7efe;border-color:#2c7efe;color:#fff;box-shadow:0 30px 56px -26px rgba(44,126,254,.8)}
.mg-pill{background:#eaf3ff;color:#2c7efe}
.mg-pill--blue{background:#fff;color:#16191a}
.mg-col .tk-ic--dark{background:#eaf3ff;color:#2c7efe}
.mg-col--we .tk-ic--dark{background:rgba(255,255,255,.22);color:#fff}
.mg-link{background:#2c7efe;color:#fff}

/* ---------- Agency page: Node.js / custom stack banner ---------- */
.nx{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;border-radius:34px;padding:48px 52px;color:#fff;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=70") center/cover no-repeat;box-shadow:var(--shadow-lg)}
.nx::before,.nx::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.nx::before{width:420px;height:420px;right:-140px;top:-190px;border:2px dashed rgba(255,255,255,.28)}
.nx::after{width:220px;height:220px;left:-80px;bottom:-110px;border:2px solid rgba(255,255,255,.14)}
.nx__copy{position:relative;z-index:1;display:flex;gap:22px;align-items:flex-start}
.nx__ic{flex:none;width:68px;height:68px;border-radius:22px;background:#fff;color:#2c7efe;display:grid;place-items:center;box-shadow:0 18px 32px -14px rgba(0,0,0,.5)}
.nx__tag{display:inline-block;font:800 12px var(--font);letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:99px;margin-bottom:12px}
.nx h3{font-size:clamp(24px,2.6vw,32px);line-height:1.15;color:#fff;margin-bottom:10px}
.nx p{color:#eaf2ff;font-size:16px;max-width:520px}
.nx__chips{list-style:none;margin:20px 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.nx__chips li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:99px;font-weight:700;font-size:13.5px}
.nx__chips li::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.nx .btn.nx__btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#16191a;padding:15px 28px;font-size:16px;box-shadow:0 18px 30px -14px rgba(0,0,0,.5)}
.nx .btn.nx__btn svg{color:#2c7efe;transition:translate .25s}
.nx .btn.nx__btn:hover svg{translate:5px 0}
.nx__term{position:relative;z-index:1;background:#16191a;border-radius:20px;box-shadow:0 30px 56px -24px rgba(0,0,0,.65);overflow:hidden;rotate:2deg;animation:bob 7s ease-in-out infinite}
.nx__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.nx__bar i{width:10px;height:10px;border-radius:50%;background:#ff5a4f}
.nx__bar i:nth-child(2){background:#ffc53d}.nx__bar i:nth-child(3){background:#12c48b}
.nx__bar span{margin-left:10px;font:600 12px var(--font);color:#868c91}
.nx__term pre{margin:0;padding:22px 22px 26px;font:600 15px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e6ecf5;white-space:pre-wrap}
.nx__term .c1{color:#2c7efe}.nx__term .c2{color:#12c48b}
.nx__term .cur{display:inline-block;width:9px;height:18px;background:#2c7efe;vertical-align:-3px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
@media(max-width:900px){.nx{grid-template-columns:1fr;padding:34px 26px;gap:30px}.nx__copy{flex-direction:column;gap:16px}.nx__term{rotate:0deg}}

/* VPS page redesign */
.vx-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;position:relative}
.vx-flow:before{content:"";position:absolute;left:16%;right:16%;top:63px;border-top:2px dashed #b9d3fb;z-index:0}
.vx-step{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px 28px 26px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.vx-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.vx-step .tk-ic{margin-bottom:18px}
.vx-n{position:absolute;right:24px;top:18px;font:700 44px/1 var(--display);color:#e3edff}
.vx-step h3{margin:0 0 8px;font-size:20px}.vx-step p{margin:0 0 18px;color:#4a5560}
.vx-step em{font-style:normal;font-weight:700;font-size:13px;color:#2c7efe;background:#e3edff;border-radius:999px;padding:6px 14px}
.vx-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;margin-top:34px;border-radius:34px;padding:48px 52px;color:#fff;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1555949963-ff9fe0c870eb?auto=format&fit=crop&w=1400&q=70") center/cover no-repeat;box-shadow:var(--shadow-lg)}
.vx-tag{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.16);border-radius:999px;padding:7px 15px;font-weight:700;font-size:13px}
.vx-panel h3{color:#fff;font-size:32px;margin:16px 0 10px}.vx-panel p{color:#eaf2ff;margin:0 0 20px;max-width:46ch}
.vx-chips{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.vx-chips li{display:inline-flex;gap:8px;align-items:center;background:#fff;color:#16191a;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px}.vx-chips svg{color:#2c7efe}
.vx-btns{display:flex;flex-wrap:wrap;gap:12px}
.vx-btns .btn--ghost{color:#fff;border:2px solid #fff;background:transparent}
.vx-term{background:#16191a;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.35);rotate:2deg}
.vx-term__bar{display:flex;gap:7px;align-items:center;padding:14px 18px;background:#22282b}
.vx-term__bar i{width:11px;height:11px;border-radius:50%;background:#555}.vx-term__bar i:first-child{background:#2c7efe}
.vx-term__bar span{margin-left:10px;color:#9aa6b2;font:600 13px ui-monospace,Menlo,Consolas,monospace}
.vx-term pre{margin:0;padding:22px 22px 26px;font:600 15px/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e6ecf5;white-space:pre-wrap}
.vx-term .c1{color:#2c7efe}
.vx-term .cur{display:inline-block;width:9px;height:18px;background:#2c7efe;vertical-align:-3px;margin-left:4px;animation:blink 1s steps(2) infinite}
@media(max-width:900px){.vx-flow{grid-template-columns:1fr}.vx-flow:before{display:none}.vx-panel{grid-template-columns:1fr;padding:34px 26px;gap:30px}.vx-term{rotate:0deg}}

/* Migration: You share / We move redesign */
.mg-duo{gap:0;align-items:stretch;counter-reset:mgr}
.mg-col{position:relative;overflow:hidden;border-radius:32px;padding:34px 32px 36px;counter-reset:mgr}
.mg-col--we{background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1000&q=70") center/cover no-repeat;border-color:#2c7efe}
.mg-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.mg-hd small{font-weight:700;font-size:13px;color:#6b7785}.mg-col--we .mg-hd small{color:#cfe2ff}
.mg-col li{counter-increment:mgr;position:relative;padding:14px 16px;border-radius:20px;background:#f2f8ff;border:1px solid #dce8f6;transition:transform .2s}
.mg-col li:hover{transform:translateX(6px)}
.mg-col li:after{content:"0" counter(mgr);margin-left:auto;font:700 22px var(--display);color:#c9dcf7}
.mg-col--we li{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.mg-col--we li:after{color:rgba(255,255,255,.55)}
.mg-col .tk-ic--dark{flex:none}
.mg-link{position:relative;z-index:2;margin:0 -27px;align-self:center;border:5px solid #d6f2ff;width:64px;height:64px}
.mg-rail{display:flex;align-items:center;gap:14px;margin:34px auto 0;max-width:760px}
.mg-rail__end{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid #cfe3fb;border-radius:999px;padding:11px 18px;font-weight:700;font-size:14px;color:#16191a;box-shadow:var(--shadow);white-space:nowrap}
.mg-rail__end svg{color:#2c7efe}
.mg-rail__end--we{background:#2c7efe;border-color:#2c7efe;color:#fff}.mg-rail__end--we svg{color:#fff}
.mg-rail__track{position:relative;flex:1;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#2c7efe 0 10px,transparent 10px 18px);opacity:.55;overflow:visible}
.mg-rail__track i{position:absolute;top:-6px;width:16px;height:16px;border-radius:5px;background:#2c7efe;box-shadow:0 0 0 4px #fff;animation:mgpk 3.2s linear infinite}
.mg-rail__track i:nth-child(2){animation-delay:1.07s}.mg-rail__track i:nth-child(3){animation-delay:2.13s}
@keyframes mgpk{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 16px);opacity:0}}
@media(max-width:900px){.mg-duo{gap:0}.mg-link{margin:-27px auto}.mg-rail{flex-wrap:wrap;justify-content:center}.mg-rail__track{flex-basis:100%;order:3;display:none}}

/* Domain management redesign */
.dm-flow{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;margin-top:40px}
.dm-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative}
.dm-steps:before{content:"";position:absolute;left:38px;top:40px;bottom:40px;border-left:2px dashed #b9d3fb}
.dm-steps li{position:relative;display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.dm-steps li:hover{transform:translateX(8px);box-shadow:var(--shadow-lg)}
.dm-steps .tk-ic{flex:none;position:relative;z-index:1}
.dm-steps h3{margin:0 0 4px;font-size:20px}.dm-steps p{margin:0;color:#4a5560}
.dm-n{position:absolute;right:22px;top:14px;font:700 34px/1 var(--display);color:#e3edff}
.dm-phone{max-width:380px;margin:0 auto;width:100%;border-radius:34px;overflow:hidden;background:#eaf3ff;border:6px solid #16191a;box-shadow:var(--shadow-lg);rotate:2deg}
.dm-phone__bar{display:flex;align-items:center;gap:10px;padding:16px 18px;color:#fff;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 70%,rgba(44,126,254,.78) 100%)}
.dm-phone__bar b{font-size:15px}.dm-phone__bar small{margin-left:auto;font-size:11px;opacity:.85}
.dm-av{width:34px;height:34px;border-radius:50%;background:#fff;color:#2c7efe;display:grid;place-items:center}
.dm-msgs{display:grid;gap:12px;padding:24px 18px 30px;min-height:250px;align-content:start}
.dm-msgs p{margin:0;max-width:82%;padding:11px 15px;border-radius:18px;font-size:14px;font-weight:600;line-height:1.45}
.dm-msgs .in{background:#fff;color:#16191a;border-top-left-radius:6px;box-shadow:0 6px 14px -8px rgba(0,0,0,.25)}
.dm-msgs .in svg{vertical-align:-2px;color:#2c7efe}
.dm-msgs .out{background:#2c7efe;color:#fff;justify-self:end;border-top-right-radius:6px}
.dm-care{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:22px;margin-top:40px}
.dm-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);transition:transform .25s}
.dm-card:hover{transform:translateY(-5px)}
.dm-card .tk-ic{margin-bottom:14px}.dm-card h3{margin:0 0 8px;font-size:20px}.dm-card p{margin:0 0 16px;color:#4a5560}
.dm-card--ext{grid-row:1/3;color:#fff;border:0;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1584169417032-d34e8d805e8b?auto=format&fit=crop&w=1200&q=70") center/cover no-repeat}
.dm-card--ext h3{color:#fff;font-size:26px;max-width:18ch;margin:14px 0 0}
.dm-ext{display:flex;flex-wrap:wrap;gap:14px}
.dm-ext b{font:700 clamp(40px,6vw,64px)/1 var(--display);background:#fff;color:#16191a;border-radius:24px;padding:20px 30px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5)}
.dm-ext b:last-child{background:#2c7efe;color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.dm-chips{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.dm-chips li{display:inline-flex;gap:8px;align-items:center;background:#e3edff;color:#16191a;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px}.dm-chips svg{color:#2c7efe}
.dm-link{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:#2c7efe}
@media(max-width:900px){.dm-flow,.dm-care{grid-template-columns:1fr}.dm-card--ext{grid-row:auto}.dm-phone{rotate:0deg}}

/* WooCommerce setup redesign */
.ws-flow{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;margin-top:40px}
.ws-browser{border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);rotate:-2deg}
.ws-browser__bar{display:flex;align-items:center;gap:7px;padding:14px 18px;background:#16191a}
.ws-browser__bar i{width:11px;height:11px;border-radius:50%;background:#555}.ws-browser__bar i:first-child{background:#2c7efe}
.ws-browser__bar span{margin-left:12px;flex:1;display:inline-flex;gap:6px;align-items:center;background:#2a3033;color:#cfd8e3;border-radius:99px;padding:5px 14px;font:600 12px ui-monospace,Menlo,Consolas,monospace}
.ws-browser__body{padding:20px}
.ws-shop{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:18px;color:#fff;font-weight:700;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 60%,rgba(44,126,254,.78) 100%)}
.ws-shop span{display:inline-flex;gap:8px;align-items:center}.ws-shop em{width:34px;height:34px;border-radius:50%;background:#fff;color:#2c7efe;display:grid;place-items:center}
.ws-run{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.ws-run li{display:flex;align-items:center;gap:12px;background:#f2f8ff;border:1px solid #dce8f6;border-radius:14px;padding:11px 14px;font-size:14px}
.ws-run i{margin-left:auto;font-style:normal;font-weight:700;font-size:12px;color:#2c7efe}
.ws-ok{width:24px;height:24px;border-radius:50%;background:#2c7efe;color:#fff;display:grid;place-items:center;flex:none}
.ws-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ws-prods span{height:84px;border-radius:16px;background:#e3edff;color:#2c7efe;display:grid;place-items:center}
.ws-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;margin-top:40px}
.ws-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);transition:transform .25s}
.ws-card:hover{transform:translateY(-5px)}
.ws-card .tk-ic{margin-bottom:14px}.ws-card h3{margin:0 0 8px;font-size:20px}.ws-card p{margin:0 0 16px;color:#4a5560}
.ws-card--dark{color:#fff;border:0;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1629904853893-c2c8981a1dc5?auto=format&fit=crop&w=1000&q=70") center/cover no-repeat}
.ws-card--dark h3{color:#fff;font-size:26px;margin:16px 0 18px}
.ws-cmd{background:#16191a;border-radius:16px;padding:18px 20px;font:600 15px/1.9 ui-monospace,Menlo,Consolas,monospace;color:#e6ecf5}
.ws-cmd .c1{color:#2c7efe}.ws-cmd .c2{color:#12c48b}
.ws-cmd .cur{display:inline-block;width:9px;height:17px;background:#2c7efe;vertical-align:-3px;margin-left:6px;animation:blink 1s steps(2) infinite}
.ws-ur{font:700 64px/1.2 'Noto Naskh Arabic','Segoe UI',serif;color:#2c7efe;background:#e3edff;border-radius:20px;text-align:center;padding:10px}
.ws-card--soon{border:2px dashed #9cc2fb;background:#f7fbff;box-shadow:none}
.ws-soon{position:absolute;right:22px;top:22px;background:#16191a;color:#fff;border-radius:99px;padding:5px 13px;font:700 12px var(--font)}
@media(max-width:900px){.ws-flow,.ws-bento{grid-template-columns:1fr}.ws-browser{rotate:0deg}}

/* Store setup guides redesign */
.gx-notice{display:flex!important;gap:16px;align-items:center;max-width:1000px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)}
.gx-notice p{margin:0}.gx-notice strong{color:var(--ink)}
.gx-notice .tk-ic{flex:none}
.gx-toc{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px!important;max-width:1000px!important;margin:30px auto 0!important}
.gx-toc a{display:block!important;border-radius:24px!important;padding:22px!important;box-shadow:var(--shadow);position:relative}
.gx-toc a:hover{background:#2c7efe;border-color:#2c7efe!important}
.gx-toc a:hover b,.gx-toc a:hover small{color:#fff}.gx-toc a:hover .tk-ic{background:rgba(255,255,255,.22);color:#fff}
.gx-toc .tk-ic{margin-bottom:14px}.gx-toc small{display:block;font:700 12px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#6b7785;margin-bottom:4px}
.gx-toc b{font:700 17px/1.25 var(--display);color:var(--ink)}
.guides{max-width:1000px!important;gap:34px!important;margin-top:44px!important}
.guide.gx{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;padding:0;overflow:hidden;border-radius:32px}
.gx__side{color:#fff;padding:38px 34px;display:flex;flex-direction:column;align-items:flex-start;position:relative;background:linear-gradient(160deg,#16191a 0%,rgba(44,126,254,.93) 60%,rgba(44,126,254,.8) 100%),url("https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&fit=crop&w=900&q=70") center/cover no-repeat}
.guide.gx:nth-of-type(2n) .gx__side{background-image:linear-gradient(160deg,#16191a 0%,rgba(44,126,254,.93) 60%,rgba(44,126,254,.8) 100%),url("https://images.unsplash.com/photo-1584169417032-d34e8d805e8b?auto=format&fit=crop&w=900&q=70")}
.gx__ic{width:62px;height:62px;border-radius:20px;background:#fff;color:#2c7efe;display:grid;place-items:center;margin-bottom:20px}
.gx__side .ptag{background:rgba(255,255,255,.18);color:#fff}
.gx__side h2{color:#fff;font-size:clamp(24px,2.4vw,32px);margin:14px 0 10px}
.gx__side>p{color:#eaf2ff;margin:0}
.gx__side .guide__note{margin-top:auto;padding-top:0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;margin-top:26px}
.gx__side .guide__note a{color:#fff}
.gx__steps{padding:34px 36px}
.guide.gx ol{list-style:none;counter-reset:gs;margin:0;padding:0;gap:0;position:relative}
.guide.gx ol:before{content:"";position:absolute;left:17px;top:20px;bottom:20px;border-left:2px dashed #b9d3fb}
.guide.gx ol li{counter-increment:gs;position:relative;padding:8px 0 14px 54px;line-height:1.55}
.guide.gx ol li:before{content:counter(gs);position:absolute;left:0;top:6px;width:36px;height:36px;border-radius:50%;background:#e3edff;color:#2c7efe;font:700 15px var(--display);display:grid;place-items:center;box-shadow:0 0 0 5px #fff;transition:.2s}
.guide.gx ol li:hover:before{background:#2c7efe;color:#fff}
.guide.gx ol li strong{display:block;font-size:16.5px;margin-bottom:2px}
.gx-more{background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=70") center/cover no-repeat!important;border-radius:32px!important;padding:40px 46px!important;box-shadow:var(--shadow-lg);justify-content:flex-start!important;gap:22px!important}
.gx-more>div{flex:1}.gx-more .tk-ic{background:#fff;color:#2c7efe}.gx-more p{color:#eaf2ff!important}
@media(max-width:900px){.gx-toc{grid-template-columns:1fr 1fr}.guide.gx{grid-template-columns:1fr}.gx__steps{padding:28px 22px}}
@media(max-width:520px){.gx-toc{grid-template-columns:1fr}}

/* Compare table header bar: banner gradient */
.pz-tbl thead tr{background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%)}
.pz-tbl thead th,.pz-tbl thead .pz-hl{background:transparent;color:#fff;border-bottom:0}
.pz-tbl thead .pz-hl{background:rgba(255,255,255,.16)}
.pz-tbl thead small{display:inline-block;margin-top:6px;background:#fff;color:#2c7efe;border-radius:99px;padding:3px 11px}

/* About page redesign */
.ab-story .split{gap:64px}
.ab-photo{position:relative}
.ab-photo img{width:100%;height:520px;object-fit:cover;border-radius:36px 150px 36px 36px;box-shadow:var(--shadow-lg);position:relative;z-index:1}
.ab-photo:before{content:"";position:absolute;inset:24px -20px -20px 24px;border:2px dashed #2c7efe;opacity:.4;border-radius:36px 150px 36px 36px}
.ab-badge{position:absolute;z-index:2;right:-14px;bottom:40px;width:132px;height:132px;border-radius:50%;background:#2c7efe;color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 20px 40px -14px rgba(44,126,254,.7);border:5px solid #fff}
.ab-badge b{font:700 28px var(--display)}.ab-badge small{font-weight:700;font-size:12px;opacity:.9}
.ab-float{position:absolute;z-index:2;left:-16px;top:44px;display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:10px 16px;font-weight:700;font-size:14px;box-shadow:var(--shadow)}
.ab-float svg{color:#2c7efe}
.ab-stats .container{padding:0}
.ab-stats .stats__grid{border-radius:34px;padding:44px 20px;border:0;box-shadow:var(--shadow-lg);background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=70") center/cover no-repeat}
.ab-stats .stats__grid>div{border-color:rgba(255,255,255,.25)!important}
.ab-stats .stats__grid strong,.ab-stats .stats__grid span{color:#fff!important;font-size:clamp(38px,5vw,60px)}
.ab-stats .stats__grid span{font-size:22px!important}
.ab-stats .stats__grid p{color:#dbe9ff!important}
.ab-valgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.ab-val{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px 26px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.ab-val:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.ab-no{position:absolute;right:22px;top:16px;font:700 40px/1 var(--display);color:#e3edff}
.ab-val .tk-ic{margin-bottom:18px}.ab-val h3{margin:0 0 8px;font-size:20px}.ab-val p{margin:0;color:#4a5560}
.ab-val--hot{color:#fff;border:0;background:linear-gradient(160deg,#16191a 0%,rgba(44,126,254,.93) 60%,rgba(44,126,254,.8) 100%)}
.ab-val--hot h3{color:#fff}.ab-val--hot p{color:#eaf2ff}.ab-val--hot .ab-no{color:rgba(255,255,255,.25)}.ab-val--hot .tk-ic{background:#fff;color:#2c7efe}
.ab-audgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.ab-a{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.ab-a:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.ab-a__img{height:200px;background-size:cover;background-position:center;position:relative}
.ab-a__img:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,25,26,.55),transparent 60%)}
.ab-a__img .tk-ic{position:absolute;left:24px;bottom:-24px;z-index:1;width:54px;height:54px;border-radius:18px;background:#2c7efe;color:#fff;border:4px solid #fff}
.ab-a__t{padding:40px 26px 28px}.ab-a__t h3{margin:0 0 8px;font-size:21px}.ab-a__t p{margin:0;color:#4a5560}
@media(max-width:900px){.ab-valgrid{grid-template-columns:1fr 1fr}.ab-audgrid{grid-template-columns:1fr}.ab-photo img{height:360px}.ab-badge{right:8px}.ab-float{left:8px}}
@media(max-width:520px){.ab-valgrid{grid-template-columns:1fr}}

/* Hosting features redesign */
.hf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.hf-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px 28px;box-shadow:var(--shadow);scroll-margin-top:110px;transition:transform .25s,box-shadow .25s}
.hf-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.hf-card .tk-ic{margin-bottom:18px}.hf-card h3{margin:0 0 8px;font-size:20px}.hf-card p{margin:0;color:#4a5560}
.hf-no{position:absolute;right:24px;top:18px;font:700 40px/1 var(--display);color:#e3edff}
.hf-w2{grid-column:span 2}.hf-w3{grid-column:span 3}
.hf-card--hot,.hf-card--band{color:#fff;border:0;background:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1584169417032-d34e8d805e8b?auto=format&fit=crop&w=1400&q=70") center/cover no-repeat}
.hf-card--band{background-image:linear-gradient(100deg,#16191a 0%,rgba(44,126,254,.93) 52%,rgba(44,126,254,.78) 100%),url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=70");display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center}
.hf-card--band .tk-ic{grid-row:1/3;margin:0}
.hf-card--hot h3,.hf-card--band h3{color:#fff;font-size:24px}.hf-card--hot p,.hf-card--band p{color:#eaf2ff}
.hf-card--hot .hf-no,.hf-card--band .hf-no{color:rgba(255,255,255,.22)}
.hf-card--hot .tk-ic,.hf-card--band .tk-ic{background:#fff;color:#2c7efe}
.hf-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.hf-l{position:relative;background:#fff;border:1px solid var(--line);border-top:5px solid #2c7efe;border-radius:26px;padding:30px 28px;box-shadow:var(--shadow);transition:transform .25s}
.hf-l:hover{transform:translateY(-6px)}
.hf-l .tk-ic{margin-bottom:16px}.hf-l h3{margin:0 0 8px;font-size:20px}.hf-l p{margin:0;color:#4a5560}
.hf-live{position:absolute;right:22px;top:22px;display:inline-flex;gap:7px;align-items:center;font:700 12px var(--font);color:#16191a;background:#e3edff;border-radius:99px;padding:5px 12px}
.hf-live i{width:8px;height:8px;border-radius:50%;background:#12c48b;box-shadow:0 0 0 0 rgba(18,196,139,.6);animation:hfp 1.8s infinite}
@keyframes hfp{70%{box-shadow:0 0 0 8px rgba(18,196,139,0)}100%{box-shadow:0 0 0 0 rgba(18,196,139,0)}}
.hf-rail{display:flex;align-items:center;gap:14px;margin:40px auto 24px;max-width:520px}
.hf-rail span{background:#16191a;color:#fff;border-radius:99px;padding:8px 18px;font-weight:700;font-size:13px;white-space:nowrap}
.hf-rail span:last-child{background:#2c7efe}
.hf-rail i{flex:1;border-top:2px dashed #2c7efe;opacity:.6}
.hf-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hf-p{position:relative;background:#f7fbff;border:2px dashed #9cc2fb;border-radius:26px;padding:30px 24px 26px;transition:transform .25s,background .25s}
.hf-p:hover{transform:translateY(-6px);background:#fff}
.hf-p .tk-ic{margin-bottom:14px}.hf-p h3{margin:0 0 8px;font-size:18px}.hf-p p{margin:0;color:#4a5560;font-size:14.5px}
.hf-soon{position:absolute;right:16px;top:16px;background:#16191a;color:#fff;border-radius:99px;padding:4px 11px;font:700 11px var(--font)}
@media(max-width:980px){.hf-grid,.hf-trio{grid-template-columns:1fr 1fr}.hf-w3{grid-column:span 2}.hf-quad{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hf-grid,.hf-trio,.hf-quad{grid-template-columns:1fr}.hf-w2,.hf-w3{grid-column:auto}.hf-card--band{display:block}.hf-card--band .tk-ic{margin-bottom:16px}}

/* Typography: Manrope (headings) + Inter (body) */
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--font);font-size:16px;line-height:1.65;font-weight:400;font-optical-sizing:auto;font-feature-settings:"cv11","ss03";letter-spacing:-.003em}
h1,h2,h3,h4,.script,.display{font-family:var(--display);font-weight:700;letter-spacing:-.028em;line-height:1.14;text-wrap:balance}
h1{font-weight:800;letter-spacing:-.034em;line-height:1.08}
h3{letter-spacing:-.02em;line-height:1.25}
h4{letter-spacing:-.01em;line-height:1.3}
p,li{text-wrap:pretty}
.lead{font-size:clamp(16.5px,1.35vw,19px);line-height:1.65;font-weight:400}
.eyebrow,.ptag,.pill{font-family:var(--font);font-weight:700;letter-spacing:.07em}
.nav>a,.nav__link,.link-muted{font-family:var(--font);font-weight:600;font-size:15px;letter-spacing:-.006em}
.sub b{font-family:var(--display);font-weight:700;letter-spacing:-.012em}.sub small{font-weight:500}
.btn{font-family:var(--font);font-weight:600;font-size:15px;letter-spacing:-.006em}.btn--sm{font-size:14px}
input,select,textarea,button{font-family:var(--font);font-weight:500;letter-spacing:-.003em}
.stats strong,.stats__grid strong,.price b,.pz-price b,.team__stats b,[data-count]{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.tbl thead th,.pz-tbl thead th{font-family:var(--display);font-weight:700;letter-spacing:-.015em}
.acc summary,.faq__tabs button{font-family:var(--font);font-weight:600;letter-spacing:-.008em}
.footer h3,.footer h4{font-family:var(--display);font-weight:700}
.footer__col a,.footer p{font-weight:400;font-size:14.5px}
.hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.08}
.page-banner h1{font-size:clamp(32px,4.4vw,54px)}
.head h2{font-size:clamp(28px,3.4vw,42px)}
@media(max-width:640px){body{font-size:15.5px}.hero h1{font-size:clamp(30px,8.4vw,40px)}.head h2{font-size:clamp(25px,6.6vw,32px)}}

/* Header: lighter weights */
.header .nav>a,.header .nav__link,.header .link-muted{font-weight:500;letter-spacing:-.003em}
.header .btn,.header .btn--sm{font-weight:500}
.header .sub b{font-weight:600}.header .sub small{font-weight:400}

/* Header: logo never squeezed; mobile menu up to 900px */
.logo{flex:none}.logo img{max-width:none}
.nav__link,.nav>a{white-space:nowrap}
@media(max-width:1180px){.header .link-muted{display:none}}
@media(max-width:900px){
  .burger{display:block}
  .logo img{height:44px}
  .nav{position:absolute;top:76px;left:0;right:0;flex-direction:column;background:var(--bg);padding:12px 20px 20px;border-bottom:1px solid var(--line);display:none;height:auto;align-items:stretch}
  .nav.open{display:flex}
  .nav a{padding:14px 16px}
  .nav__item{height:auto;display:block}
  .nav__link{width:100%;justify-content:space-between;padding:14px 16px}
  .sub{position:static;opacity:1;visibility:visible;translate:0;box-shadow:none;border:0;padding:0 0 0 12px;display:none;background:transparent}
  .nav__item.open .sub{display:block}
  .nav__item:hover .sub{display:none}
  .nav__item.open:hover .sub{display:block}
}
/* Lighter hero + banner headings; safer line spacing for wrapped titles */
.hero h1,.page-banner h1{font-weight:600;letter-spacing:-.028em}
.hero h1{line-height:1.12}
.page-banner h1{line-height:1.18;padding-bottom:.06em}
.page-banner{height:auto;min-height:400px}
.page-banner__inner{height:auto;min-height:400px;padding-block:48px}
@media(max-width:520px){.logo img{height:36px}.header .btn--sm{padding-inline:16px}}
/* Hero heading: 5px smaller */
.hero h1{font-size:clamp(30px,calc(4.6vw - 5px),57px)}
@media(max-width:640px){.hero h1{font-size:clamp(27px,calc(8.4vw - 4px),36px)}}