.card{display:flex;flex-direction:column}.card .meta{margin-top:auto}.editorial-values{padding-top:92px}.editorial-values .card{min-height:235px}.editorial-values .card h3{font-size:23px}.editorial-values .card .icon{margin-bottom:30px}.terminal:before{content:none}.button.hot{background:linear-gradient(135deg,#357ec4,#276d96);box-shadow:0 8px 24px rgba(28,116,205,.12)}.provider.featured{border-color:rgba(91,168,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.14)}.provider-badge{background:#255f8f}.hero h1,.page-head h1{font-weight:760}.nav-backdrop{display:none}
@media(max-width:850px){
  html,body{overflow-x:hidden}
  body.nav-open{overflow:hidden}
  .menu{position:relative;z-index:42;display:flex;width:44px;height:44px;padding:0;border:1px solid rgba(143,177,207,.17);border-radius:12px;background:rgba(11,26,42,.9);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
  .menu span{display:block;width:19px;height:2px;border-radius:2px;background:#edf6ff;transition:transform .22s ease,opacity .18s ease}
  .menu.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu.open span:nth-child(2){opacity:0}
  .menu.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .links{position:fixed;z-index:41;top:0;right:0;left:auto;width:min(86vw,340px);height:100dvh;padding:104px 20px 28px;display:flex;flex-direction:column;align-items:stretch;gap:7px;border:0;border-left:1px solid rgba(143,177,207,.14);border-radius:0;background:#081522;box-shadow:-24px 0 70px rgba(0,0,0,.38);transform:translateX(105%);visibility:hidden;transition:transform .26s ease,visibility .26s ease}
  .links.open{display:flex;transform:translateX(0);visibility:visible}
  .links a{width:100%;padding:14px 15px;border-radius:10px;color:#bdcada;font-size:16px}
  .links a:hover{background:rgba(255,255,255,.055)}
  .links a.active{color:#07121d;background:linear-gradient(135deg,#dff7ff,#b5f5e5)}
  .nav-backdrop{position:fixed;z-index:19;inset:0;display:block;border:0;background:rgba(2,7,12,.64);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
  .nav-backdrop.open{opacity:1;visibility:visible}
}
@media(max-width:560px){.editorial-values{padding-top:68px}.links{width:min(90vw,330px);padding-top:92px}}
@media(prefers-reduced-motion:reduce){.menu span,.links,.nav-backdrop{transition:none}}

body.premium-ui{isolation:isolate;overflow-x:hidden}
body.premium-ui:before,body.premium-ui:after{content:"";position:fixed;inset:0;pointer-events:none;background-repeat:repeat;will-change:opacity,transform}
body.premium-ui:before{z-index:0;opacity:.56;background-size:860px 860px;background-image:radial-gradient(1px 1px at 6% 18%,rgba(255,255,255,.48),transparent 60%),radial-gradient(1.5px 1.5px at 16% 82%,rgba(255,255,255,.36),transparent 60%),radial-gradient(1px 1px at 28% 38%,rgba(255,255,255,.34),transparent 60%),radial-gradient(1.4px 1.4px at 44% 66%,rgba(255,255,255,.42),transparent 60%),radial-gradient(1px 1px at 57% 12%,rgba(255,255,255,.32),transparent 60%),radial-gradient(1.5px 1.5px at 73% 48%,rgba(255,255,255,.38),transparent 60%),radial-gradient(1px 1px at 86% 28%,rgba(255,255,255,.28),transparent 60%),radial-gradient(1.2px 1.2px at 96% 76%,rgba(255,255,255,.5),transparent 60%)}
body.premium-ui:after{z-index:0;opacity:.62;background-size:540px 540px;background-image:radial-gradient(2px 2px at 9% 74%,rgba(255,255,255,.9),transparent 58%),radial-gradient(1.5px 1.5px at 21% 24%,rgba(255,255,255,.72),transparent 60%),radial-gradient(2px 2px at 37% 56%,rgba(255,255,255,.82),transparent 58%),radial-gradient(1px 1px at 52% 18%,rgba(169,150,255,.76),transparent 60%),radial-gradient(2px 2px at 67% 86%,rgba(255,255,255,.86),transparent 58%),radial-gradient(1.5px 1.5px at 81% 42%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 94% 12%,rgba(255,255,255,.92),transparent 58%);animation:ratehost-twinkle 4.6s ease-in-out infinite alternate,ratehost-star-drift 48s linear infinite}
body.premium-ui>*{position:relative;z-index:1}
body.premium-ui .reading-progress{z-index:100}
body.premium-ui .nav{z-index:20}
@keyframes ratehost-twinkle{0%,100%{opacity:.26;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}38%{opacity:.78}72%{opacity:.42;filter:drop-shadow(0 0 4px rgba(169,150,255,.38))}}
@keyframes ratehost-star-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-70px,52px,0)}}
@media(prefers-reduced-motion:reduce){body.premium-ui:after{animation:none}}

.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#50a7ff,#53e0c1);box-shadow:0 0 18px rgba(83,224,193,.38);z-index:100;transition:width .12s linear}
body{transition:opacity .16s ease,transform .16s ease}
body.page-leave{opacity:.88;transform:translateY(3px)}
.button,.nav-cta,.filter,.copy-code,.copy-command,.links a,.provider-row,.vps-task,.faq-list details{transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease,opacity .2s ease}
.button:hover,.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(80,167,255,.18)}
.button:active,.nav-cta:active,.copy-code:active,.copy-command:active{transform:translateY(0) scale(.99)}
.links a.active-anchor{color:#fff}
.provider-row:hover,.vps-task:hover,.faq-list details:hover{border-color:rgba(91,168,255,.3);background-color:rgba(91,168,255,.035)}
.provider-row.featured:hover{box-shadow:inset 3px 0 0 #5ba8ff,0 18px 48px rgba(33,118,211,.08)}
.hosting-first{padding:58px 0 64px}
.hosting-first .choice-help .card{text-decoration:none;min-height:190px}
.hosting-first .actions{margin-top:22px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .48s ease,transform .48s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.faq-list details p{animation:ratehost-faq-in .22s ease both}
@keyframes ratehost-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body,.reading-progress,.button,.nav-cta,.filter,.copy-code,.copy-command,.links a,.provider-row,.vps-task,.faq-list details,.reveal,.faq-list details p{transition:none!important;animation:none!important}
  .reveal{opacity:1;transform:none}
}