
:root{
  --bg:#030503;--bg-2:#070a07;--panel:#0a0e0a;--panel-2:#101610;--line:rgba(132,255,79,.16);
  --line-strong:rgba(132,255,79,.42);--green:#7dff3c;--green-2:#3ee86a;--green-soft:#bdff9b;
  --text:#f5f7f3;--muted:#a5afa3;--muted-2:#707a70;--danger:#ff6b6b;--warning:#ffc857;
  --container:1180px;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.45);--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 15% 10%,rgba(84,255,69,.12),transparent 30%),radial-gradient(circle at 85% 15%,rgba(23,197,80,.08),transparent 35%),linear-gradient(rgba(125,255,60,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,255,60,.025) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.section{padding:105px 0}.section--tight{padding:70px 0}.section--soft{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));border-block:1px solid rgba(255,255,255,.045)}.skip-link{position:fixed;left:10px;top:-60px;background:var(--green);color:#061006;padding:10px 16px;z-index:10000;border-radius:10px}.skip-link:focus{top:10px}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--green-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.eyebrow::before{content:"";width:22px;height:1px;background:var(--green)}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:44px}.section-head h2,.page-hero h1{margin:.5rem 0 0;font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em}.section-head h2{font-size:clamp(2rem,4vw,3.7rem)}.section-head p{max-width:540px;margin:0;color:var(--muted)}.gradient{background:linear-gradient(110deg,#fff 18%,var(--green) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}
.announcement{background:#73ff3b;color:#051005;font-size:.78rem;font-weight:800;letter-spacing:.02em}.announcement .container{min-height:34px;display:flex;justify-content:center;gap:10px;align-items:center}.announcement a{text-decoration:underline;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(3,5,3,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:42px;filter:drop-shadow(0 0 14px rgba(125,255,60,.25))}.brand strong{display:block;letter-spacing:.15em;font-size:1rem}.brand small{display:block;color:var(--green);font-size:.58rem;letter-spacing:.38em}.nav-menu{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-menu>a{font-size:.87rem;color:#d3d8d1;font-weight:700;position:relative}.nav-menu>a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:.25s}.nav-menu>a:hover::after,.nav-menu>a.active::after{right:0}.nav-menu>a:hover{color:white}.nav-actions{display:flex;gap:10px}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:white;padding:10px}.nav-toggle span{display:block;height:2px;background:currentColor;margin:5px 0;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:850;font-size:.88rem;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--green),#42e75c);color:#061006;box-shadow:0 10px 30px rgba(80,255,75,.18)}.btn--primary:hover{box-shadow:0 15px 40px rgba(80,255,75,.32)}.btn--dark{background:#111711;border-color:rgba(255,255,255,.09);color:white}.btn--dark:hover{border-color:var(--line-strong)}.btn--outline{border-color:var(--line-strong);color:var(--green-soft);background:rgba(125,255,60,.03)}.btn--sm{min-height:41px;padding:0 15px;font-size:.78rem}.btn--block{width:100%}
.hero{position:relative;min-height:710px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:210px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;position:relative;z-index:2}.hero-copy{padding:82px 0 120px}.hero-badge{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid var(--line);background:rgba(125,255,60,.045);border-radius:999px;color:#d8ffd0;font-size:.77rem;font-weight:800}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(125,255,60,.1),0 0 18px var(--green)}.hero h1{font-size:clamp(3.25rem,7vw,7.2rem);line-height:.88;letter-spacing:-.07em;margin:28px 0 24px;text-transform:uppercase}.hero h1 span{display:block;color:var(--green);text-shadow:0 0 34px rgba(125,255,60,.18)}.hero-copy>p{max-width:650px;font-size:1.1rem;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-features{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px}.hero-features span{display:flex;gap:8px;align-items:center;color:#c9d2c7;font-size:.82rem;font-weight:700}.hero-features i{font-style:normal;color:var(--green)}
.hero-visual{position:relative;height:560px;display:grid;place-items:center}.hero-visual::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(125,255,60,.16);box-shadow:inset 0 0 70px rgba(125,255,60,.06),0 0 90px rgba(125,255,60,.08)}.hero-visual::after{content:"";position:absolute;width:320px;height:70px;bottom:60px;border-radius:50%;background:rgba(125,255,60,.18);filter:blur(36px)}.server-stage{position:relative;z-index:2;display:flex;gap:20px;align-items:flex-end;transform:perspective(900px) rotateY(-8deg) rotateX(3deg)}.rack{width:142px;border:1px solid rgba(125,255,60,.3);background:linear-gradient(145deg,#121812,#050705 70%);border-radius:14px;padding:14px;box-shadow:0 35px 70px rgba(0,0,0,.55),0 0 40px rgba(125,255,60,.08)}.rack--tall{height:365px}.rack--short{height:286px}.rack-top{height:25px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px;display:flex;gap:5px}.rack-top i{width:5px;height:5px;border-radius:50%;background:#2a322a}.rack-unit{height:43px;border:1px solid rgba(255,255,255,.07);border-radius:6px;margin:9px 0;background:linear-gradient(180deg,#111611,#080b08);display:flex;align-items:center;padding:8px;gap:7px}.rack-unit::before{content:"";width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.rack-unit::after{content:"";height:2px;flex:1;background:repeating-linear-gradient(90deg,#334033 0 5px,transparent 5px 9px)}.king-mark{position:absolute;z-index:4;width:118px;height:118px;left:50%;top:50%;transform:translate(-50%,-56%);border-radius:28px;background:rgba(8,13,8,.82);border:1px solid rgba(125,255,60,.45);display:grid;place-items:center;box-shadow:0 0 50px rgba(125,255,60,.2);backdrop-filter:blur(8px)}.king-mark img{width:78px}.float-chip{position:absolute;z-index:5;background:rgba(9,14,9,.88);border:1px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow);font-size:.72rem;color:var(--muted);backdrop-filter:blur(12px)}.float-chip strong{display:block;color:white;font-size:.9rem}.float-chip--one{left:4%;top:20%}.float-chip--two{right:0;bottom:21%}
.stats{position:relative;z-index:3;margin-top:-64px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(9,13,9,.91);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(15px)}.stat{padding:27px;text-align:center;position:relative}.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:25%;bottom:25%;width:1px;background:rgba(255,255,255,.08)}.stat strong{font-size:1.85rem;color:var(--green)}.stat>span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat strong span{display:inline;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:315px;padding:26px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:var(--radius);position:relative;overflow:hidden;transition:.3s}.service-card::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(125,255,60,.07);filter:blur(30px);right:-60px;top:-60px}.service-card:hover{transform:translateY(-8px);border-color:var(--line-strong);box-shadow:0 24px 70px rgba(0,0,0,.35)}.service-icon{width:54px;height:54px;border:1px solid var(--line-strong);border-radius:14px;display:grid;place-items:center;color:var(--green);font-size:1.45rem;background:rgba(125,255,60,.04);margin-bottom:28px}.service-card h3{font-size:1.35rem;margin:0 0 8px}.service-card p{font-size:.88rem;color:var(--muted);margin:0 0 24px}.service-card a{color:var(--green-soft);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.service-card.featured{border-color:var(--line-strong);background:linear-gradient(155deg,rgba(125,255,60,.08),rgba(255,255,255,.015))}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(125,255,60,.1);color:var(--green-soft);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.pricing-tools{display:flex;align-items:center;gap:10px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.pricing-tools button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:800}.pricing-tools button.active{background:var(--green);color:#061006}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:var(--panel);position:relative}.price-card.popular{border-color:var(--green);transform:translateY(-9px);box-shadow:0 30px 80px rgba(44,255,63,.08)}.popular-label{position:absolute;right:18px;top:18px;color:#061006;background:var(--green);border-radius:999px;padding:6px 9px;font-size:.6rem;font-weight:950;letter-spacing:.09em}.price-card h3{margin:8px 0 2px}.price-card>p{color:var(--muted);font-size:.86rem}.price{display:flex;align-items:baseline;gap:3px;margin:22px 0}.price b{font-size:3rem;letter-spacing:-.06em}.price small{color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:0 0 25px}.price-card li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#cbd2ca;font-size:.85rem}.price-card li::before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}
.game-banner{border:1px solid var(--line);border-radius:30px;padding:48px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d150d,#040604)}.game-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(125,255,60,.075)),repeating-linear-gradient(90deg,transparent 0 58px,rgba(125,255,60,.025) 58px 59px)}.game-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.game-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-tile{min-height:100px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);display:grid;place-items:center;text-align:center;padding:12px;font-weight:900}.game-tile span{display:block;color:var(--green);font-size:.72rem;font-weight:700}
.infra-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.terminal{border:1px solid var(--line);border-radius:22px;background:#060906;box-shadow:var(--shadow);overflow:hidden}.terminal-head{height:44px;background:#101510;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07)}.terminal-head i{width:8px;height:8px;border-radius:50%;background:#263126}.terminal-body{padding:25px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#b9c4b7}.terminal-body p{margin:9px 0}.terminal-body .ok{color:var(--green)}.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.monitor{border:1px solid rgba(255,255,255,.07);border-radius:15px;padding:16px;background:#0b100b}.monitor b{display:block;font-size:1.45rem}.monitor small{color:var(--muted)}.progress{height:5px;background:#1b221b;border-radius:10px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#35c86b);box-shadow:0 0 10px var(--green)}.feature-list{display:grid;gap:18px;margin:30px 0}.feature-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.feature-item span{width:48px;height:48px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:var(--green);font-weight:900}.feature-item strong{display:block;margin-bottom:3px}.feature-item p{margin:0;color:var(--muted);font-size:.88rem}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{padding:25px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.02)}.stars{color:var(--green);letter-spacing:.15em}.review p{color:#cbd3ca;font-size:.9rem}.review-author{display:flex;gap:10px;align-items:center;margin-top:20px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--green),#197c3c);display:grid;place-items:center;color:#051005;font-weight:950}.review-author small{display:block;color:var(--muted)}
.faq-list{max-width:900px;margin:auto}.faq{border-bottom:1px solid rgba(255,255,255,.08)}.faq button{width:100%;background:none;border:0;color:white;text-align:left;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-weight:850;cursor:pointer}.faq button span:last-child{color:var(--green);font-size:1.2rem}.faq .answer{display:grid;grid-template-rows:0fr;transition:.3s}.faq .answer>div{overflow:hidden}.faq .answer p{color:var(--muted);margin:0;padding:0 45px 22px 0}.faq.open .answer{grid-template-rows:1fr}
.cta{padding:64px;border-radius:30px;border:1px solid var(--line-strong);background:radial-gradient(circle at 85% 30%,rgba(125,255,60,.18),transparent 28%),linear-gradient(135deg,#0e170e,#050705);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:8px 0}.cta p{color:var(--muted);max-width:650px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:max-content}
.footer{padding:70px 0 26px;border-top:1px solid rgba(255,255,255,.07);background:#020302}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:45px}.footer .brand{margin-bottom:18px}.footer p,.footer a{color:var(--muted);font-size:.82rem}.footer a{display:block;margin:10px 0}.footer a:hover{color:var(--green)}.footer h4{margin-top:0}.footer-bottom{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:20px;color:var(--muted-2);font-size:.76rem}.social-row{display:flex;gap:8px}.social-row a{width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:grid;place-items:center;margin:0}
.page-hero{padding:115px 0 80px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.page-hero::after{content:"";position:absolute;right:-180px;top:-260px;width:650px;height:650px;border-radius:50%;background:rgba(125,255,60,.08);filter:blur(60px)}.page-hero .container{position:relative;z-index:2}.page-hero p{color:var(--muted);font-size:1.06rem;max-width:720px}.breadcrumbs{font-size:.76rem;color:var(--muted);margin-bottom:26px}.breadcrumbs a{color:var(--green-soft)}.page-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{padding:26px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:var(--panel)}.detail-card span{color:var(--green);font-size:1.5rem}.detail-card h3{margin:15px 0 5px}.detail-card p{margin:0;color:var(--muted);font-size:.87rem}.comparison{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:var(--panel)}.comparison th,.comparison td{padding:16px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;font-size:.83rem}.comparison th{color:var(--green-soft);background:rgba(125,255,60,.05)}.comparison td:not(:first-child),.comparison th:not(:first-child){text-align:center}.domain-box{max-width:880px;margin:35px auto 0;border:1px solid var(--line);border-radius:22px;background:rgba(10,15,10,.8);padding:16px;display:flex;gap:10px}.domain-box input{flex:1;min-width:0;background:#050805;border:1px solid rgba(255,255,255,.1);color:white;border-radius:12px;padding:0 18px;outline:none}.domain-box input:focus{border-color:var(--green)}.notice{padding:14px 16px;border-radius:12px;background:rgba(125,255,60,.06);border:1px solid var(--line);color:#caffbb;font-size:.82rem}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:var(--panel);padding:28px}.contact-card h3{margin-top:0}.contact-list{display:grid;gap:14px}.contact-list a{padding:15px;border-radius:12px;background:#0f150f;border:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{font-size:.75rem;color:var(--muted);font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:6px;background:#050805;border:1px solid rgba(255,255,255,.1);color:white;border-radius:11px;padding:13px;outline:none}.contact-form textarea{min-height:130px;resize:vertical}.contact-form .full{grid-column:1/-1}.legal{max-width:900px}.legal h2{margin-top:42px}.legal p,.legal li{color:var(--muted)}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-menu{gap:16px}.nav-menu>a{font-size:.79rem}.hero-grid,.infra-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.hero-visual{height:480px}.service-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}.contact-grid{grid-template-columns:1fr}}
@media(max-width:780px){.container{width:min(100% - 26px,var(--container))}.announcement{display:none}.navbar{height:68px}.nav-toggle{display:block;margin-left:auto}.nav-menu{position:fixed;left:13px;right:13px;top:76px;background:rgba(5,8,5,.98);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:16px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.nav-menu.open{transform:none;opacity:1;pointer-events:auto}.nav-actions{display:grid}.section{padding:78px 0}.section-head{display:block}.section-head p{margin-top:15px}.hero{min-height:auto}.hero-grid{gap:0}.hero-copy{padding:80px 0 10px}.hero h1{font-size:clamp(3.15rem,17vw,5rem)}.hero-visual{height:420px;transform:scale(.9)}.stats{margin-top:-18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2)::after{display:none}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}.service-grid,.pricing-grid,.review-grid,.detail-grid{grid-template-columns:1fr}.price-card.popular{transform:none}.game-banner,.cta{padding:30px}.game-list{grid-template-columns:repeat(2,1fr)}.cta{display:block}.cta-actions{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.domain-box{display:grid}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.comparison-wrap{overflow-x:auto}}
@media(max-width:460px){.brand img{width:36px}.brand strong{font-size:.86rem}.hero-visual{height:360px;transform:scale(.76);margin-inline:-45px}.rack--tall{height:330px}.rack--short{height:255px}.stats-grid{grid-template-columns:1fr}.stat:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.stat::after{display:none!important}.service-grid{grid-template-columns:1fr}.game-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package-card{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));position:relative;overflow:hidden}.package-card:hover{transform:translateY(-6px);border-color:rgba(125,255,60,.45)}.package-card h3{margin:8px 0}.package-card .package-price{font-size:2.2rem;font-weight:900;color:#fff;margin:18px 0}.package-card .package-price small{font-size:.8rem;color:#9da99d}.package-card ul{padding:0;list-style:none;color:#cbd2ca;font-size:.86rem}.package-card li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.package-card li:before{content:'✓';color:#7dff3c;font-weight:900;margin-right:8px}.package-card.featured{border-color:#7dff3c;box-shadow:0 20px 60px rgba(125,255,60,.12)}@media(max-width:780px){.package-grid{grid-template-columns:1fr}}


/* Advanced server/game package cards */
.power-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:40px 0}
.power-card{position:relative;padding:30px;border:1px solid rgba(0,255,130,.25);border-radius:24px;background:linear-gradient(145deg,rgba(10,20,20,.95),rgba(2,8,8,.9));overflow:hidden;box-shadow:0 0 35px rgba(0,255,130,.12);transition:.4s}
.power-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,#00ff88,transparent);opacity:.25;animation:spinGlow 5s linear infinite}
.power-card>*{position:relative}
.power-card:hover{transform:translateY(-10px);box-shadow:0 0 55px rgba(0,255,130,.3)}
@keyframes spinGlow{to{transform:rotate(360deg)}}
.spec-list{line-height:2;color:#c7d8d0}
.neon-price{font-size:32px;font-weight:900;color:#00ff88}
.game-hero{background:radial-gradient(circle at top,#07351e,#020503 55%);padding:80px 0}
.game-card{min-height:330px}
.badge{display:inline-block;padding:7px 14px;border-radius:99px;background:#00ff88;color:#001b0c;font-weight:800}

/* premium horizontal servers */
.horizontal-plans{display:grid;gap:24px;margin:40px 0}.h-plan{position:relative;display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:25px;padding:34px;background:linear-gradient(135deg,#071007,#101910);border:1px solid rgba(125,255,60,.25);border-radius:28px;overflow:hidden;transition:.4s;box-shadow:0 0 35px rgba(125,255,60,.08)}.h-plan:hover{transform:translateY(-8px);border-color:#7dff3c;box-shadow:0 0 45px rgba(125,255,60,.25)}.h-plan:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(125,255,60,.12),transparent);transform:translateX(-100%);transition:.7s}.h-plan:hover:before{transform:translateX(100%)}.h-plan.featured{border-width:2px}.h-plan ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.h-plan li:before{content:"✓ ";color:#7dff3c}.badge{color:#7dff3c;font-weight:800}.popup-btn{background:#7dff3c;color:#020602;border:0;padding:14px 22px;border-radius:15px;font-weight:800;cursor:pointer}
@media(max-width:850px){.h-plan{grid-template-columns:1fr}.h-plan ul{grid-template-columns:1fr}}

/* Keykubat premium cards and modal */
.h-plan{position:relative;overflow:hidden;background:linear-gradient(145deg,#081008,#020402);border:1px solid rgba(125,255,60,.35);border-radius:28px;padding:30px;box-shadow:0 0 35px rgba(125,255,60,.08);transform:translateY(0);transition:.4s}
.h-plan:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 0 45px rgba(125,255,60,.25)}
.h-plan h2{font-size:30px;letter-spacing:1px;color:#fff;text-shadow:0 0 12px rgba(125,255,60,.4);margin:10px 0}
.h-plan .badge{display:inline-block;background:rgba(125,255,60,.12);padding:8px 18px;border-radius:999px;border:1px solid #7dff3c}
.h-plan:after{content:'';position:absolute;inset:auto -40% 0;width:80%;height:3px;background:#7dff3c;animation:kbline 3s linear infinite}
@keyframes kbline{from{transform:translateX(-100%)}to{transform:translateX(220%)}}
.kb-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);z-index:9999;align-items:center;justify-content:center;padding:20px}
.kb-modal.show{display:flex;animation:kbfade .3s}
.kb-modal-box{max-width:650px;width:100%;background:#050905;border:2px solid #7dff3c;border-radius:30px;padding:35px;color:#fff;box-shadow:0 0 70px rgba(125,255,60,.35);position:relative;animation:kbpop .35s}
.kb-modal-box h2{color:#7dff3c;font-size:32px}.kb-modal-box li{margin:12px 0}
.kb-close{position:absolute;right:20px;top:15px;background:#7dff3c;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer}
@keyframes kbpop{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes kbfade{from{opacity:0}to{opacity:1}}

/* Multi-series navigation and server catalog */
.nav-menu{gap:20px}.nav-dropdown{position:relative}.nav-dropdown-toggle{border:0;background:transparent;color:#d3d8d1;font-size:.87rem;font-weight:700;cursor:pointer;padding:12px 0;display:flex;align-items:center;gap:7px;white-space:nowrap}.nav-dropdown-toggle i{font-size:.62rem;color:var(--green);transition:.25s}.nav-dropdown.active>.nav-dropdown-toggle,.nav-dropdown:hover>.nav-dropdown-toggle,.nav-dropdown.open>.nav-dropdown-toggle{color:#fff}.nav-dropdown.active>.nav-dropdown-toggle:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--green)}.nav-dropdown-panel{position:absolute;left:50%;top:calc(100% + 15px);width:310px;padding:10px;background:rgba(6,10,6,.98);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.55);transform:translate(-50%,-8px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s;backdrop-filter:blur(18px)}.nav-dropdown-panel:before{content:"";position:absolute;left:50%;top:-7px;width:13px;height:13px;background:#071007;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translateX(-50%) rotate(45deg)}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown.open .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nav-dropdown.open .nav-dropdown-toggle i{transform:rotate(180deg)}.nav-dropdown-panel a{position:relative;z-index:1;display:block;padding:12px 13px;border-radius:12px;border:1px solid transparent}.nav-dropdown-panel a:hover{background:rgba(125,255,60,.06);border-color:var(--line)}.nav-dropdown-panel span{display:block;font-size:.82rem;font-weight:800;color:#f5f7f3}.nav-dropdown-panel small{display:block;color:var(--muted);font-size:.69rem;margin-top:2px}.nav-dropdown-panel--wide{width:335px}

.server-hero{position:relative;overflow:hidden;padding:105px 0 92px;border-bottom:1px solid rgba(255,255,255,.06)}.server-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(125,255,60,.13),transparent 30%),linear-gradient(135deg,transparent 54%,rgba(125,255,60,.025));pointer-events:none}.server-hero:after{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border:1px solid rgba(125,255,60,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(125,255,60,.018),0 0 0 120px rgba(125,255,60,.012)}.server-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.server-hero h1{font-size:clamp(2.9rem,5.7vw,6.35rem);line-height:.93;letter-spacing:-.065em;margin:18px 0 24px;text-transform:uppercase}.server-hero p{max-width:690px;color:var(--muted);font-size:1.04rem}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#d8ded6;font-size:.79rem;font-weight:750}.hero-proof span{display:flex;gap:8px;align-items:center}.hero-proof i{color:var(--green)}
.server-hero-console{border:1px solid rgba(125,255,60,.32);border-radius:24px;background:linear-gradient(155deg,rgba(15,23,15,.96),rgba(3,6,3,.96));box-shadow:0 32px 90px rgba(0,0,0,.52),0 0 55px rgba(125,255,60,.09);overflow:hidden;transform:perspective(1000px) rotateY(-4deg)}.console-head{height:52px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:14px;padding:0 18px;color:var(--muted);font-size:.72rem}.console-head>span{display:flex;gap:6px}.console-head>span i{width:7px;height:7px;border-radius:50%;background:#263026}.console-head>span i:first-child{background:var(--green)}.console-head strong{margin-right:auto;color:#dce4da}.console-head em{font-style:normal;color:#061006;background:var(--green);padding:3px 7px;border-radius:999px;font-weight:900;font-size:.62rem}.console-body{padding:26px}.console-metric span,.console-grid span{display:block;color:var(--muted-2);font-size:.65rem;letter-spacing:.13em;font-weight:800}.console-metric strong{display:block;font-size:1.4rem;margin-top:5px}.console-bars{display:grid;gap:9px;margin:25px 0}.console-bars i{height:7px;border-radius:99px;background:linear-gradient(90deg,var(--green) var(--w),rgba(255,255,255,.055) var(--w));box-shadow:0 0 14px rgba(125,255,60,.12)}.console-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.console-grid>div{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.console-grid strong{display:block;margin-top:4px;color:var(--green-soft)}.console-log{margin-top:18px;padding:14px;border-radius:12px;background:#020402;border:1px solid rgba(125,255,60,.12);display:grid;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem;color:#8eaa89}.console-log span:last-child{color:var(--green)}
.server-hero-console.physical{padding:28px}.rack-stack{display:grid;gap:12px}.rack-server{height:76px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:linear-gradient(180deg,#121812,#070a07);display:flex;align-items:center;gap:11px;padding:0 18px;box-shadow:inset 0 1px rgba(255,255,255,.03)}.rack-server.active{border-color:var(--line-strong);box-shadow:0 0 25px rgba(125,255,60,.12),inset 0 0 24px rgba(125,255,60,.04)}.rack-led{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.rack-server strong{font-size:.72rem;letter-spacing:.12em;margin-right:auto}.rack-server i{width:30px;height:4px;border-radius:10px;background:repeating-linear-gradient(90deg,#435043 0 4px,transparent 4px 7px)}.rack-status{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px;color:var(--muted);font-size:.72rem}.rack-status span{display:flex;align-items:center;gap:7px}.rack-status span i{width:7px;height:7px;border-radius:50%;background:var(--green)}.rack-status strong{color:var(--green-soft)}
.series-jump{position:relative;z-index:4;margin-top:-30px}.series-jump .container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.series-jump a{min-height:86px;display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(9,13,9,.94);box-shadow:0 18px 45px rgba(0,0,0,.35);transition:.25s}.server-hero--dedicated+.series-jump .container{grid-template-columns:repeat(5,1fr)}.series-jump a:hover{transform:translateY(-5px);border-color:var(--line-strong);background:#0c130c}.series-jump>a{}.series-jump i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(125,255,60,.07);border:1px solid var(--line);color:var(--green)}.series-jump span{min-width:0}.series-jump strong,.series-jump small{display:block}.series-jump strong{font-size:.78rem;white-space:nowrap}.series-jump small{font-size:.66rem;color:var(--muted);margin-top:2px}
.server-catalog{padding-top:90px}.server-toolbar{border:1px solid rgba(255,255,255,.08);background:linear-gradient(150deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border-radius:22px;padding:18px;display:grid;gap:16px}.server-filters{display:flex;gap:8px;flex-wrap:wrap}.server-filters button,.billing-switch button{border:1px solid rgba(255,255,255,.08);background:#090d09;color:#c4ccc2;border-radius:11px;padding:10px 13px;font-weight:800;font-size:.74rem;cursor:pointer;transition:.22s}.server-filters button:hover,.server-filters button.active,.billing-switch button:hover,.billing-switch button.active{background:rgba(125,255,60,.11);border-color:var(--line-strong);color:var(--green-soft)}.server-controls{display:flex;gap:12px;justify-content:space-between;align-items:center}.server-search{min-height:44px;min-width:260px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#050805;color:var(--muted)}.server-search input{width:100%;border:0;background:transparent;color:white;outline:0;font-size:.8rem}.billing-switch{display:flex;gap:7px;flex-wrap:wrap}.billing-switch small{color:var(--green);margin-left:3px}.location-strip{display:flex;gap:9px;align-items:center;margin:16px 0 28px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.012)}.location-title{font-size:.72rem;color:var(--muted);font-weight:850;margin-right:2px}.location-strip button{border:1px solid rgba(255,255,255,.07);background:#080c08;color:#cbd3c9;border-radius:10px;padding:8px 10px;font-size:.7rem;font-weight:750}.location-strip button.active{border-color:var(--line-strong);color:#fff}.location-strip button:disabled{opacity:.5}.location-strip button small{color:var(--green);margin-left:4px}.catalog-count{margin-left:auto;font-size:.7rem;color:var(--muted)}
.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.server-card{position:relative;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(155deg,rgba(15,21,15,.98),rgba(5,8,5,.98));overflow:hidden;transition:.3s;box-shadow:0 16px 42px rgba(0,0,0,.2)}.server-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.38}.server-card:after{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-90px;border-radius:50%;background:rgba(125,255,60,.055);filter:blur(15px)}.server-card:hover{transform:translateY(-7px);border-color:var(--line-strong);box-shadow:0 26px 65px rgba(0,0,0,.35),0 0 32px rgba(125,255,60,.08)}.server-card.featured{border-color:rgba(125,255,60,.48);box-shadow:0 20px 55px rgba(125,255,60,.09)}.server-card[hidden]{display:none}.server-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.server-series{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:900}.server-card h3{font-size:1.65rem;margin:3px 0 0;letter-spacing:-.03em}.server-badge{font-size:.62rem;font-weight:900;color:#061006;background:var(--green);padding:6px 9px;border-radius:999px;white-space:nowrap}.server-desc{position:relative;z-index:1;color:var(--muted);font-size:.79rem;min-height:50px;margin:15px 0}.server-specs{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:grid;gap:1px}.server-specs li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:.77rem;color:#d2d9d0}.server-specs i{width:17px;text-align:center;color:var(--green);font-size:.75rem}.server-extra{position:relative;z-index:1;margin:14px 0;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:rgba(125,255,60,.045);color:var(--green-soft);font-size:.71rem;font-weight:750}.server-extra i{margin-right:8px}.server-price-row{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;margin:18px 0}.server-price>span{font-size:2rem;font-weight:950;letter-spacing:-.045em}.server-price small{font-size:.7rem;color:var(--muted);font-weight:700}.server-stock{display:flex;align-items:center;gap:6px;font-size:.65rem;color:#c9d3c7}.server-stock i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.server-actions{position:relative;z-index:1;display:grid;gap:8px}.server-actions .btn{min-height:44px}.server-details{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:.72rem;cursor:pointer;padding:7px}.server-details:hover{color:var(--green)}.catalog-note{display:flex;gap:8px;align-items:flex-start;margin:20px 0 0;color:var(--muted);font-size:.7rem}.catalog-note i{color:var(--green);margin-top:4px}.no-results{text-align:center;padding:65px 20px;border:1px dashed var(--line);border-radius:20px}.no-results i{font-size:2rem;color:var(--green)}.no-results p{color:var(--muted)}
.server-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.server-benefit-grid article{padding:25px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:rgba(255,255,255,.018)}.server-benefit-grid article>i{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;color:var(--green);background:rgba(125,255,60,.04)}.server-benefit-grid h3{margin:18px 0 7px}.server-benefit-grid p{margin:0;color:var(--muted);font-size:.79rem}.faq-shell{max-width:920px}.faq-list{display:grid;gap:11px}.faq{border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.018);overflow:hidden}.faq button{width:100%;display:flex;justify-content:space-between;gap:18px;align-items:center;border:0;background:transparent;color:#fff;padding:18px 20px;font-weight:800;text-align:left;cursor:pointer}.faq button span:last-child{color:var(--green);font-size:1.4rem}.faq>div{display:grid;grid-template-rows:0fr;transition:.25s}.faq>div>p{overflow:hidden;margin:0;padding:0 20px;color:var(--muted);font-size:.82rem}.faq.open>div{grid-template-rows:1fr}.faq.open>div>p{padding-bottom:19px}.server-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px;border:1px solid var(--line-strong);border-radius:24px;background:radial-gradient(circle at right,rgba(125,255,60,.12),transparent 36%),#081008;box-shadow:0 20px 65px rgba(0,0,0,.3)}.server-cta h2{font-size:clamp(1.9rem,4vw,3.3rem);margin:8px 0}.server-cta p{color:var(--muted);max-width:680px;margin:0}.server-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:max-content}
.server-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.server-modal.show{opacity:1;visibility:visible;pointer-events:auto}.server-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(9px)}.server-modal-dialog{position:relative;width:min(580px,100%);max-height:min(760px,90vh);overflow:auto;padding:32px;border:1px solid var(--line-strong);border-radius:24px;background:#050905;box-shadow:0 35px 100px rgba(0,0,0,.7),0 0 45px rgba(125,255,60,.16);transform:translateY(15px) scale(.98);transition:.25s}.server-modal.show .server-modal-dialog{transform:none}.server-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:var(--green);color:#061006;font-size:1.55rem;cursor:pointer}.server-modal-dialog h2{font-size:2.2rem;margin:5px 0 10px}.server-modal-dialog p{color:var(--muted)}.server-modal-dialog ul{padding:0;list-style:none;margin:22px 0}.server-modal-dialog li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.82rem;color:#d4dbd2}.server-modal-dialog li strong{color:var(--green-soft)}.modal-kicker{color:var(--green);font-size:.68rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase}.modal-price{font-size:2rem;font-weight:950;margin:18px 0}.modal-price small{font-size:.75rem;color:var(--muted)}.modal-billing-note{font-size:.7rem!important;margin-top:-12px!important}.modal-open{overflow:hidden}

@media(max-width:1180px){.nav-phone{display:none}.nav-menu{gap:15px}.nav-dropdown-toggle,.nav-menu>a{font-size:.78rem}.server-grid{grid-template-columns:repeat(2,1fr)}.series-jump .container,.server-hero--dedicated+.series-jump .container{grid-template-columns:repeat(3,1fr)}.server-benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.server-hero-grid{grid-template-columns:1fr}.server-hero-console{max-width:620px;transform:none}.server-controls{align-items:stretch;flex-direction:column}.server-search{min-width:0}.server-cta{display:block}.server-cta>div:last-child{justify-content:flex-start;margin-top:23px}}
@media(max-width:780px){.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:4px 0}.nav-dropdown.active>.nav-dropdown-toggle:after{display:none}.nav-dropdown-panel,.nav-dropdown-panel--wide{position:static;width:100%;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;display:none;margin-top:8px;box-shadow:none;background:rgba(125,255,60,.025);border-radius:13px}.nav-dropdown.open .nav-dropdown-panel{display:block}.nav-dropdown-panel:before{display:none}.nav-dropdown-panel a{padding:10px}.server-hero{padding:78px 0 68px}.server-hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}.series-jump{margin-top:0;padding-top:13px}.series-jump .container,.server-hero--dedicated+.series-jump .container{display:flex;overflow-x:auto;padding-bottom:8px}.series-jump a{min-width:205px}.server-grid{grid-template-columns:1fr}.server-benefit-grid{grid-template-columns:1fr}.location-strip{align-items:stretch;flex-wrap:wrap}.catalog-count{width:100%;margin-left:0}.server-cta>div:last-child{min-width:0}.server-cta .btn{width:100%}}
@media(max-width:480px){.server-toolbar{padding:13px}.server-filters{display:grid;grid-template-columns:1fr 1fr}.server-filters button{padding-inline:8px}.billing-switch{display:grid;grid-template-columns:1fr 1fr}.location-strip button{flex:1}.server-card{padding:20px}.server-card h3{font-size:1.45rem}.server-cta{padding:25px}.server-modal-dialog{padding:27px 20px}}

/* === 2.2 visual hardware layer & reliable mega navigation === */
.site-header::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 8%,rgba(125,255,60,.55),transparent 92%);opacity:.45;pointer-events:none}.site-header{box-shadow:0 10px 34px rgba(0,0,0,.2)}
.nav-dropdown::after{content:"";position:absolute;left:-24px;right:-24px;top:100%;height:18px;pointer-events:auto}.nav-dropdown-toggle{position:relative}.nav-dropdown--dedicated>.nav-dropdown-toggle{padding:9px 13px;border:1px solid rgba(125,255,60,.14);border-radius:11px;background:linear-gradient(135deg,rgba(125,255,60,.065),rgba(125,255,60,.015));box-shadow:inset 0 1px rgba(255,255,255,.025)}.nav-dropdown--dedicated>.nav-dropdown-toggle::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(125,255,60,.85)}.nav-dropdown--dedicated.active>.nav-dropdown-toggle:after{display:none}
.nav-dropdown-panel.nav-mega{left:auto;right:-88px;top:calc(100% + 10px);width:570px;padding:12px;border-color:rgba(125,255,60,.22);border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(125,255,60,.11),transparent 28%),linear-gradient(150deg,rgba(10,16,10,.985),rgba(3,7,3,.99));transform:translateY(-10px);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 45px rgba(125,255,60,.07)}.nav-dropdown--vds .nav-dropdown-panel.nav-mega{right:-180px;width:540px}.nav-dropdown-panel.nav-mega::before{left:auto;right:105px;background:#091109}.nav-dropdown-panel.nav-mega::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(125,255,60,.025) 1px,transparent 1px),linear-gradient(rgba(125,255,60,.025) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}.nav-dropdown:hover .nav-dropdown-panel.nav-mega,.nav-dropdown.open .nav-dropdown-panel.nav-mega{transform:translateY(0)}
.nav-mega-head{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 15px 16px;margin-bottom:10px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(125,255,60,.025))}.nav-mega-emblem{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(125,255,60,.28);background:rgba(125,255,60,.07);color:var(--green);font-size:1.05rem;box-shadow:inset 0 0 18px rgba(125,255,60,.06),0 0 18px rgba(125,255,60,.04)}.nav-mega-head>div:nth-child(2)>span{color:var(--green);font-size:.59rem;letter-spacing:.16em;font-weight:900}.nav-mega-head strong{display:block;font-size:1.02rem;letter-spacing:-.02em}.nav-mega-head small{display:block;color:var(--muted);font-size:.68rem;margin-top:1px}.nav-mega-head>b{display:flex;align-items:center;gap:6px;font-size:.56rem;letter-spacing:.1em;color:#dfffd3;border:1px solid rgba(125,255,60,.2);padding:6px 8px;border-radius:999px;background:rgba(125,255,60,.055);white-space:nowrap}.nav-mega-head>b i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:megaPulse 1.8s ease-in-out infinite}
.nav-mega-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nav-dropdown-panel.nav-mega .nav-product-link{min-height:78px;display:grid;grid-template-columns:62px 1fr auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.017);border:1px solid rgba(255,255,255,.055);transition:.22s}.nav-dropdown-panel.nav-mega .nav-product-link:hover{transform:translateY(-2px);background:rgba(125,255,60,.055);border-color:rgba(125,255,60,.26);box-shadow:0 10px 26px rgba(0,0,0,.22)}.nav-product-logo{grid-row:1/3;width:62px;height:45px;display:grid;place-items:center;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#080b08}.nav-product-logo img{width:100%;height:100%;object-fit:cover}.nav-dropdown-panel.nav-mega .nav-product-link>span:not(.nav-product-logo){align-self:end;font-size:.76rem}.nav-dropdown-panel.nav-mega .nav-product-link>small{align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.61rem}.nav-dropdown-panel.nav-mega .nav-product-link>i{grid-column:3;grid-row:1/3;color:rgba(125,255,60,.45);font-size:.62rem;transition:.2s}.nav-dropdown-panel.nav-mega .nav-product-link:hover>i{color:var(--green);transform:translate(2px,-2px)}.nav-mega-grid .nav-product-link:last-child:nth-child(odd){grid-column:1/-1}.nav-mega-foot{position:relative!important;z-index:2!important;margin-top:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 13px!important;border-radius:12px!important;border:1px solid rgba(125,255,60,.16)!important;background:rgba(125,255,60,.035)!important;color:#dfffd3!important;font-size:.66rem!important;font-weight:800!important}.nav-mega-foot span{display:flex!important;align-items:center;gap:8px;color:inherit!important;font-size:inherit!important}.nav-mega-foot:hover{border-color:rgba(125,255,60,.36)!important;background:rgba(125,255,60,.075)!important}

.series-brand-logo{width:48px;height:44px;display:grid;place-items:center;border-radius:11px;overflow:hidden;border:1px solid rgba(125,255,60,.16);background:#080b08;flex:0 0 auto;box-shadow:inset 0 0 18px rgba(125,255,60,.035)}.series-brand-logo img{width:100%;height:100%;object-fit:cover}.series-jump a:hover .series-brand-logo{border-color:rgba(125,255,60,.42);box-shadow:0 0 20px rgba(125,255,60,.09)}

.server-card{--brand-accent:#7dff3c;--brand-glow:rgba(125,255,60,.13)}.server-card[data-brand="ryzen"]{--brand-accent:#f4772e;--brand-glow:rgba(244,119,46,.14)}.server-card[data-brand="epyc"]{--brand-accent:#f29a38;--brand-glow:rgba(242,154,56,.14)}.server-card[data-brand="intel"]{--brand-accent:#00c7fd;--brand-glow:rgba(0,199,253,.13)}.server-card[data-brand="xeon"]{--brand-accent:#5da7ff;--brand-glow:rgba(93,167,255,.13)}.server-card[data-brand="nvidia"]{--brand-accent:#76b900;--brand-glow:rgba(118,185,0,.15)}.server-card[data-brand]::after{background:var(--brand-glow)}.server-card[data-brand]::before{background:linear-gradient(90deg,transparent,var(--brand-accent),transparent);opacity:.62}.server-card[data-brand]:hover{border-color:color-mix(in srgb,var(--brand-accent) 40%,transparent);box-shadow:0 26px 65px rgba(0,0,0,.38),0 0 34px var(--brand-glow)}.server-card-visual{position:relative;z-index:1;height:104px;margin:17px 0 15px;border:1px solid rgba(255,255,255,.065);border-radius:15px;overflow:hidden;background:radial-gradient(circle at 83% 35%,var(--brand-glow),transparent 35%),linear-gradient(145deg,#080c08,#040604);box-shadow:inset 0 1px rgba(255,255,255,.025)}.server-card-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.server-card-logo{position:absolute;left:12px;top:12px;width:126px;height:47px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#080b08;box-shadow:0 9px 22px rgba(0,0,0,.24)}.server-card-logo img{width:100%;height:100%;object-fit:cover}.server-chip{position:absolute;right:17px;top:14px;width:68px;height:68px;border:1px solid color-mix(in srgb,var(--brand-accent) 42%,transparent);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.008));box-shadow:inset 0 0 22px var(--brand-glow),0 0 18px var(--brand-glow)}.server-chip-core{position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--brand-accent) 62%,transparent);border-radius:7px;background:radial-gradient(circle,var(--brand-accent) 0 1px,transparent 2px);background-size:7px 7px;opacity:.78}.server-chip i{position:absolute;background:var(--brand-accent);opacity:.55;border-radius:10px}.server-chip i:nth-of-type(1),.server-chip i:nth-of-type(2){width:12px;height:2px;left:-8px}.server-chip i:nth-of-type(1){top:22px}.server-chip i:nth-of-type(2){bottom:22px}.server-chip i:nth-of-type(3),.server-chip i:nth-of-type(4){width:12px;height:2px;right:-8px}.server-chip i:nth-of-type(3){top:22px}.server-chip i:nth-of-type(4){bottom:22px}.server-chip i:nth-of-type(5),.server-chip i:nth-of-type(6){height:12px;width:2px;top:-8px}.server-chip i:nth-of-type(5){left:22px}.server-chip i:nth-of-type(6){right:22px}.server-telemetry{position:absolute;left:13px;right:104px;bottom:11px;display:flex;align-items:center;justify-content:space-between;color:#748072;font:800 .54rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.server-telemetry b{display:flex;align-items:center;gap:5px;color:var(--brand-accent);font-size:inherit}.server-telemetry b::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 8px var(--brand-accent)}

.server-hero--dedicated{background:radial-gradient(circle at 78% 35%,rgba(125,255,60,.1),transparent 31%),linear-gradient(135deg,rgba(125,255,60,.012),transparent 44%)}.server-hero--dedicated::before{background:linear-gradient(90deg,rgba(125,255,60,.025) 1px,transparent 1px),linear-gradient(rgba(125,255,60,.02) 1px,transparent 1px),radial-gradient(circle at 78% 34%,rgba(125,255,60,.13),transparent 30%);background-size:34px 34px,34px 34px,auto}.server-hero-console.physical{position:relative;padding-top:52px}.rack-stack,.rack-status{position:relative;z-index:2}.rack-scanline{position:absolute;left:0;right:0;top:-25%;height:34%;z-index:1;background:linear-gradient(transparent,rgba(125,255,60,.07),transparent);filter:blur(4px);animation:rackScan 4.8s linear infinite;pointer-events:none}.processor-orbit{position:absolute;inset:0;z-index:4;pointer-events:none}.processor-orbit-item{position:absolute;width:91px;height:34px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#070a07;box-shadow:0 10px 26px rgba(0,0,0,.35),0 0 18px rgba(125,255,60,.05);opacity:.9}.processor-orbit-item img{width:100%;height:100%;object-fit:cover}.processor-orbit-item--1{left:18px;top:12px}.processor-orbit-item--2{left:119px;top:12px}.processor-orbit-item--3{right:119px;top:12px}.processor-orbit-item--4{right:18px;top:12px}.platform-logo-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.04)}.platform-logo-rail span{height:43px;overflow:hidden;background:#060906;opacity:.78;transition:.2s}.platform-logo-rail span:hover{opacity:1}.platform-logo-rail img{width:100%;height:100%;object-fit:cover}

@keyframes megaPulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}}@keyframes rackScan{0%{transform:translateY(0);opacity:0}12%{opacity:1}88%{opacity:.85}100%{transform:translateY(430%);opacity:0}}
@media(max-width:1180px) and (min-width:781px){.nav-dropdown-panel.nav-mega{right:-35px;width:520px}.nav-dropdown--vds .nav-dropdown-panel.nav-mega{right:-170px;width:510px}.nav-mega-head small{max-width:280px}.processor-orbit-item{width:78px}.processor-orbit-item--2{left:105px}.processor-orbit-item--3{right:105px}}
@media(max-width:780px){.nav-dropdown::after{display:none}.nav-dropdown--dedicated>.nav-dropdown-toggle{padding:8px 10px}.nav-dropdown-panel.nav-mega,.nav-dropdown--vds .nav-dropdown-panel.nav-mega{position:static;right:auto;left:auto;width:100%;padding:9px;transform:none!important;overflow:hidden}.nav-dropdown-panel.nav-mega::before{display:none}.nav-mega-head{grid-template-columns:auto 1fr;padding:12px}.nav-mega-head>b{display:none}.nav-mega-head small{font-size:.64rem}.nav-mega-grid{grid-template-columns:1fr}.nav-mega-grid .nav-product-link:last-child:nth-child(odd){grid-column:auto}.nav-dropdown-panel.nav-mega .nav-product-link{min-height:68px;grid-template-columns:56px 1fr auto}.nav-product-logo{width:56px;height:40px}.nav-mega-foot{font-size:.61rem!important}.series-brand-logo{width:46px}.processor-orbit-item{width:76px;height:29px}.processor-orbit-item--1{left:12px}.processor-orbit-item--2{left:96px}.processor-orbit-item--3{right:96px}.processor-orbit-item--4{right:12px}.server-hero-console.physical{padding-top:48px}}
@media(max-width:480px){.nav-mega-head{display:none}.nav-dropdown-panel.nav-mega .nav-product-link{min-height:61px}.nav-mega-foot{display:none!important}.processor-orbit-item{width:65px;height:25px}.processor-orbit-item--1{left:10px}.processor-orbit-item--2{left:82px}.processor-orbit-item--3{right:82px}.processor-orbit-item--4{right:10px}.server-card-visual{height:92px}.server-card-logo{width:112px;height:42px}.server-chip{width:58px;height:58px}.server-chip-core{inset:13px}.server-telemetry{right:88px}}
@media(prefers-reduced-motion:reduce){.nav-mega-head>b i,.rack-scanline{animation:none}}
/* Keep wide processor wordmarks fully visible inside compact UI tiles. */
.nav-product-logo img,.series-brand-logo img,.server-card-logo img,.platform-logo-rail img{object-fit:contain}.nav-product-logo img,.series-brand-logo img{padding:4px}.series-brand-logo{width:60px}.nav-dropdown-panel.nav-mega .nav-product-link{grid-template-columns:70px 1fr auto}.nav-product-logo{width:70px}
@media(max-width:780px){.nav-dropdown-panel.nav-mega .nav-product-link{grid-template-columns:64px 1fr auto}.nav-product-logo{width:64px}.series-brand-logo{width:58px}}
