.hp-shine{isolation:isolate;position:relative;overflow:hidden}.hp-plan:after,.hp-cert:after,.hp-service:after,.hp-ssl-band:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(100deg,#0000 10%,#ffffff0b 50%,#0000 90%);width:45%;transition:left 1.6s cubic-bezier(.45,0,.25,1);position:absolute;inset:-40% auto -40% -70%;transform:skew(-18deg)}.hp-plan:hover:after,.hp-cert:hover:after,.hp-service:hover:after,.hp-ssl-band:hover:after{left:130%}.hp-plan,.hp-cert{isolation:isolate;overflow:hidden}.hp-plan>*,.hp-cert>*,.hp-service>*,.hp-ssl-band>*{z-index:1;position:relative}.hp-services__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.hp-service{--tone:var(--cyan);background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform .5s var(--ease), box-shadow .5s, border-color .4s;border-radius:24px;flex-direction:column;gap:.7rem;padding:1.7rem 1.5rem;display:flex;position:relative;overflow:hidden}.hp-service--cyan{--tone:#089ed7}.hp-service--royal{--tone:#3371da}.hp-service--amber{--tone:#f5a524}.hp-service--orange{--tone:#f97316}.hp-service--green{--tone:#10b981}.hp-service--blue{--tone:#4285f4}.hp-service__icon{width:52px;height:52px;color:var(--tone,var(--cyan));background:color-mix(in srgb, var(--tone,var(--cyan)) 16%, transparent);transition:transform .5s var(--ease);border-radius:16px;place-items:center;display:grid}.hp-service__icon .icon{width:1.5rem;height:1.5rem}.hp-service h3{margin:.3rem 0 0;font-size:1.15rem}.hp-service p{color:var(--muted);flex:1;margin:0;line-height:1.65}.hp-service__link{color:var(--tone);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.hp-service__link .icon{width:1rem;height:1rem;transition:transform .35s var(--ease)}.hp-service:hover,.hp-service:focus-visible{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--tone), #ec008c) border-box;border-color:#0000;animation:2.4s ease-in-out infinite hp-glow;transform:translateY(-6px)}.hp-service:hover .hp-service__icon{transform:scale(1.08)rotate(-6deg)}.hp-service:hover .hp-service__link .icon{transform:translate(4px)}.hp-ssl-band{--tone:#10b981;color:var(--text);background:linear-gradient(120deg, color-mix(in srgb, #10b981 14%, var(--surface)), var(--surface) 60%);border:1px solid color-mix(in srgb, #10b981 35%, var(--line));transition:transform .5s var(--ease), box-shadow .5s;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;margin-top:1.1rem;padding:1.3rem 1.5rem;display:grid;position:relative;overflow:hidden}.hp-ssl-band strong{margin-bottom:.2rem;font-size:1.1rem;display:block}.hp-ssl-band>span:nth-child(2)>span{color:var(--muted);line-height:1.55}.hp-ssl-band:hover{animation:2.4s ease-in-out infinite hp-glow;transform:translateY(-4px)}@keyframes hp-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tone,var(--cyan)) 0%, transparent), 0 18px 40px -22px var(--tone,var(--cyan))}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--tone,var(--cyan)) 18%, transparent), 0 22px 48px -18px color-mix(in srgb, #ec008c 55%, var(--tone,var(--cyan)))}}.hp-rack{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff1f;border-radius:24px;gap:.7rem;padding:1.4rem;display:grid;position:relative;box-shadow:0 40px 80px -40px #089ed799}.hp-rack__unit{animation:hp-unit-in .8s var(--ease) both;animation-delay:calc(.5s + var(--i) * .12s);background:#080a10b3;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto 5.5rem minmax(0,1fr) 3.5rem;align-items:center;gap:.9rem;padding:.85rem 1rem;display:grid}.hp-rack__leds{gap:5px;display:flex}.hp-rack__leds i{width:7px;height:7px;animation:1.6s steps(2,jump-none) infinite hp-blink;animation-delay:calc(var(--i) * .3s);background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981}.hp-rack__leds i:nth-child(2){background:#089ed7;animation-duration:.9s;box-shadow:0 0 8px #089ed7}.hp-rack__leds i:nth-child(3){background:#f5a524;animation-duration:2.3s;box-shadow:0 0 8px #f5a524}.hp-rack__name{font:700 .8rem/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.hp-rack__bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.hp-rack__bar i{height:100%;width:var(--load);border-radius:inherit;animation:3.4s ease-in-out infinite alternate hp-load;animation-delay:calc(var(--i) * -.8s);background:linear-gradient(90deg,#089ed7,#ec008c);display:block}.hp-rack__vents{opacity:.6;background:repeating-linear-gradient(90deg,#ffffff24 0 2px,#0000 2px 6px);border-radius:4px;height:16px}.hp-rack__stat{color:#fff;background:#0c0e14eb;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.82rem;animation:5s ease-in-out infinite hp-float;display:inline-flex;position:absolute;top:-16px;right:-14px;box-shadow:0 16px 36px -16px #000c}.hp-rack__stat .icon{color:#f5a524;width:1rem;height:1rem}.hp-rack__stat--b{animation-delay:-2.5s;inset:auto auto -16px -14px}.hp-rack__stat--b .icon{color:#089ed7}@keyframes hp-unit-in{0%{opacity:0;transform:translate(24px)}}@keyframes hp-blink{50%{opacity:.25}}@keyframes hp-load{0%{transform-origin:0;transform:scaleX(.55)}to{transform-origin:0;transform:scaleX(1)}}@keyframes hp-float{50%{transform:translateY(-8px)}}.hp-browser{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c12d1;border:1px solid #ffffff1f;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #10b9818c}.hp-browser__bar{border-bottom:1px solid #ffffff14;gap:6px;padding:.8rem 1rem;display:flex}.hp-browser__bar i{background:#fff3;border-radius:50%;width:10px;height:10px}.hp-browser__bar i:first-child{background:#ff5f57}.hp-browser__bar i:nth-child(2){background:#febc2e}.hp-browser__bar i:nth-child(3){background:#28c840}.hp-browser__url{color:#fff;font:600 .9rem/1 var(--font-mono,ui-monospace, monospace);background:#ffffff0f;border-radius:99px;align-items:center;gap:.35rem;margin:.9rem 1rem 0;padding:.65rem .9rem;display:flex;position:relative;overflow:hidden}.hp-browser__url span{color:#10b981}.hp-browser__url .icon{color:#10b981;width:1rem;height:1rem;animation:2.6s ease-in-out infinite hp-lock}.hp-browser__url:after{content:"";background:linear-gradient(100deg,#0000,#ffffff2e,#0000);width:30%;animation:3.6s ease-in-out infinite hp-sweep;position:absolute;inset:0 auto 0 -40%}.hp-browser__body{text-align:center;color:#fff;justify-items:center;gap:.6rem;padding:1.6rem 1.2rem 1.5rem;display:grid}.hp-browser__shield{color:#10b981;background:radial-gradient(circle,#10b98147,#0000 70%);border-radius:50%;place-items:center;width:84px;height:84px;animation:2.6s ease-in-out infinite hp-pulse;display:grid}.hp-browser__shield .icon{width:2.6rem;height:2.6rem}.hp-browser__ok{color:#34d399;margin:0;font-weight:700}.hp-browser__cert{text-align:left;background:#ffffff0d;border-radius:14px;gap:.4rem;width:100%;margin:.4rem 0 0;padding:.9rem 1rem;font-size:.85rem;display:grid}.hp-browser__cert div{justify-content:space-between;gap:1rem;display:flex}.hp-browser__cert dt{color:#ffffff8c}.hp-browser__cert dd{margin:0;font-weight:600}.hp-browser__packet{background:#10b981;border-radius:50%;width:10px;height:10px;animation:4.2s linear infinite hp-packet;position:absolute;top:58%;left:-12px;box-shadow:0 0 14px #10b981}@keyframes hp-lock{50%{filter:drop-shadow(0 0 6px #10b981);transform:scale(1.18)}}@keyframes hp-sweep{to{left:120%}}@keyframes hp-pulse{50%{transform:scale(1.04);box-shadow:0 0 0 14px #10b98100}0%,to{box-shadow:0 0 #10b98159}}@keyframes hp-packet{to{left:calc(100% + 12px)}}.hp-mode{grid-template-columns:repeat(2,1fr);width:min(340px,100%)}.hp-mode .ho-cycle__glider{width:calc(50% - 5px)}.hp-vps[data-mode=managed] .hp-for-unmanaged,.hp-vps[data-mode=unmanaged] .hp-for-managed{display:none}.hp-vps .ho-note{animation:hp-fade .5s var(--ease)}@keyframes hp-fade{0%{opacity:0;transform:translateY(6px)}}.hp-carousel{--gap:1.1rem;margin-top:1.6rem}.hp-carousel__track{grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--gap)) / 3);gap:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin:-26px -6px -12px;padding:26px 6px 34px;display:grid;overflow:auto hidden}.hp-carousel__track.is-auto{scroll-snap-type:none;scroll-behavior:auto}.hp-carousel__track{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.hp-carousel__track::-webkit-scrollbar{display:none}.hp-carousel__track:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:24px}.hp-carousel__track>*{scroll-snap-align:start}.hp-carousel__nav{justify-content:center;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.hp-carousel__btn{--ring:var(--cyan);border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;transition:transform .35s var(--ease), opacity .3s;border-radius:50%;place-items:center;display:inline-grid}.hp-carousel__btn .icon{width:1.2rem;height:1.2rem}.hp-carousel__btn:hover,.hp-carousel__btn:focus-visible{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad) border-box;border-color:#0000;animation:1.8s ease-in-out infinite hp-glow;transform:translateY(-2px)}.hp-carousel__btn:disabled{opacity:.35;pointer-events:none}.hp-carousel__dots{gap:.45rem;display:flex}.hp-carousel__dots button{background:var(--line-strong,var(--line));cursor:pointer;width:9px;height:9px;transition:width .4s var(--ease), background .3s;border:0;border-radius:99px;padding:0}.hp-carousel__dots button[aria-current=true]{background:var(--grad);width:28px}.hp-carousel__hint{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin:.6rem 0 0;font-size:.85rem;display:none}.hp-carousel__hint .icon{width:.95rem;height:.95rem;animation:1.6s ease-in-out infinite hp-nudge}@keyframes hp-nudge{50%{transform:translate(5px)}}.hp-plan,.hp-cert{gap:0}.hp-plan__tag,.hp-cert__tag{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem;font-size:.72rem;font-weight:700}.hp-cert__tag{color:var(--cyan);letter-spacing:.08em}.hp-cert--ov .hp-cert__tag{color:#a78bfa}.hp-plan h3,.hp-cert h3{margin:0;font-size:clamp(1.45rem,2vw,1.75rem);line-height:1.15}.hp-plan__kind{letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:.2rem;font-size:.8rem;font-weight:600;display:block}.hp-plan__for,.hp-cert__cover{color:var(--muted);min-height:2.8em;margin:.5rem 0 0;font-size:.92rem;line-height:1.5}.hp-plan__price{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:1rem 0 .9rem;font-size:1.35rem;font-weight:700}.hp-plan__storage{grid-template-columns:1fr auto;gap:.5rem;font-size:.92rem;font-weight:700;display:grid}.hp-plan__storage b{color:#10b981}.hp-plan__meter{background:#7f7f7f2e;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.hp-plan__meter i{height:100%;width:var(--fill);border-radius:inherit;transform-origin:0;animation:hp-meter 1.4s var(--ease) both;background:linear-gradient(90deg,#22d3ee,#10b981);display:block}@keyframes hp-meter{0%{transform:scaleX(0)}}.hp-plan__specs{margin:1rem 0 .4rem;padding:0;list-style:none}.hp-plan__specs li{border-bottom:1px solid var(--line);align-items:flex-start;gap:.6rem;padding:.7rem 0;line-height:1.45;display:flex}.hp-plan__specs .icon{color:#10b981;flex:none;width:1.05rem;height:1.05rem;margin-top:.15em}.hp-plan .ho-plan__all,.hp-cert .ho-plan__all{margin-top:.4rem}.hp-plan__note{color:var(--muted);margin:.8rem 0 1rem;font-size:.85rem;line-height:1.5}.hp-plan__cta{justify-content:center;width:100%;margin-top:auto}.hp-cert .hp-plan__cta{margin-top:1.1rem}.hp-plan__wa{color:#4ade80;transition:transform .35s var(--ease);justify-content:center;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.88rem;font-weight:600;display:inline-flex}.hp-plan__wa .icon{width:1.05rem;height:1.05rem}.hp-plan__wa:hover{transform:translateY(-2px)}.hp-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.hp-compare__card ul{gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.hp-compare__card li{color:var(--muted);gap:.55rem;line-height:1.55;display:flex}.hp-compare__card li .icon{color:#10b981;flex:none;width:1.05rem;height:1.05rem;margin-top:.2em}.hp-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.8rem;display:flex}.hp-filter{--ring:var(--cyan);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .35s var(--ease), background .35s, color .35s;border-radius:99px;padding:.6rem 1.1rem;font:600 .9rem/1 inherit}.hp-filter:hover,.hp-filter:focus-visible{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad) border-box;border-color:#0000;animation:1.8s ease-in-out infinite hp-glow;transform:translateY(-2px)}.hp-filter[aria-pressed=true]{background:var(--grad);color:#fff;border-color:#0000;animation:3.2s ease-in-out infinite hp-glow}.hp-ssl__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;display:grid}.hp-cert[hidden]{display:none}.hp-cert.is-entering{animation:hp-fade .45s var(--ease) both}.hp-ssl__empty{text-align:center;color:var(--muted)}.hp-steps{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.hp-steps__n{opacity:.12;font-size:2.4rem;line-height:1;position:absolute;top:1.2rem;right:1.3rem}@media (width<=1200px){.hp-ssl__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.hp-carousel__track{grid-auto-columns:calc((100% - var(--gap)) / 2)}.hp-services__grid,.hp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hp-ssl__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-rack,.hp-browser{max-width:460px}}@media (width<=640px){.hp-carousel__track{grid-auto-columns:86%}.hp-carousel__hint{display:flex}.hp-services__grid,.hp-ssl__grid,.hp-steps,.hp-compare{grid-template-columns:1fr}.hp-ssl-band{grid-template-columns:auto minmax(0,1fr)}.hp-ssl-band .btn{grid-column:1/-1;justify-self:start}.hp-rack__unit{grid-template-columns:auto 4.5rem minmax(0,1fr)}.hp-rack__vents{display:none}.hp-rack__stat{right:6px}.hp-rack__stat--b{left:6px}}@media (prefers-reduced-motion:reduce){.hp-rack *,.hp-browser *,.hp-browser:after,.hp-plan__meter i,.hp-carousel__hint .icon,.hp-service:hover,.hp-ssl-band:hover,.hp-filter,.hp-filter:hover,.hp-carousel__btn:hover{animation:none!important}.hp-plan:after,.hp-cert:after,.hp-service:after,.hp-ssl-band:after{display:none}.hp-carousel__track{scroll-behavior:auto}}
