:root{--bg:#121212;--bg-soft:#181818;--panel:#141414e6;--panel-strong:#181818f5;--line:#ffffff14;--text:#f4f7fb;--muted:#a2a2a2;--accent:#efefef;--accent-2:#d8d8d8;--warm:#fff;--shadow:0 18px 44px #00000038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:#111;margin:0;font-family:Manrope,sans-serif}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(32px);opacity:.14;border-radius:999px;position:fixed;inset:auto}body:before{background:radial-gradient(circle,#ffffff1c 0%,#ffffff05 46%,#0000 72%);width:320px;height:320px;animation:18s ease-in-out infinite glareFloatOne;top:2%;left:-8%}body:after{background:radial-gradient(circle,#ffffff14 0%,#ffffff05 50%,#0000 76%);width:360px;height:360px;animation:22s ease-in-out infinite glareFloatTwo;bottom:4%;right:-10%}a{color:inherit;text-decoration:none}button{font:inherit}.reveal{animation:.72s cubic-bezier(.2,.8,.2,1) both revealUp}.reveal-1{animation-delay:80ms}.reveal-2{animation-delay:.16s}.reveal-3{animation-delay:.24s}.reveal-4{animation-delay:.34s}.reveal-5{animation-delay:.44s}.reveal-card{animation:.68s cubic-bezier(.2,.8,.2,1) both revealUp}.scroll-reveal{opacity:0;transition:opacity .68s cubic-bezier(.2,.8,.2,1),transform .68s cubic-bezier(.2,.8,.2,1);animation:none;transform:translateY(22px)}.scroll-reveal.is-visible{opacity:1;transform:translate(0,0)}.feature-strip .reveal-card:nth-child(2),.showcase-grid .reveal-card:nth-child(2),.plans-grid .reveal-card:nth-child(2){animation-delay:90ms}.feature-strip .reveal-card:nth-child(3),.showcase-grid .reveal-card:nth-child(3),.plans-grid .reveal-card:nth-child(3){animation-delay:.16s}.showcase-grid .reveal-card:nth-child(4){animation-delay:.23s}#app{min-height:100vh;position:relative}.page-shell{z-index:1;min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(20px);opacity:.18;pointer-events:none;border-radius:999px;animation:24s ease-in-out infinite ambientShift;position:absolute}.gold-bg-glow{z-index:0;pointer-events:none;filter:blur(46px);mix-blend-mode:screen;border-radius:999px;position:absolute}.gold-bg-glow-one{background:radial-gradient(circle,#eebf6833,#eebf680f 42%,#0000 72%);width:380px;height:380px;animation:18s ease-in-out infinite goldBackgroundOne;top:110px;left:-120px}.gold-bg-glow-two{background:radial-gradient(circle,#ffe09a29,#eebf680a 48%,#0000 76%);width:520px;height:520px;animation:24s ease-in-out infinite goldBackgroundTwo;top:38%;right:-190px}.gold-bg-glow-three{background:radial-gradient(circle,#b57d2626,#eebf680a 44%,#0000 74%);width:320px;height:320px;animation:21s ease-in-out infinite goldBackgroundThree;bottom:8%;left:28%}.ambient-left{background:#ffffff14;width:320px;height:320px;top:140px;left:-80px}.ambient-right{background:#ffffff0f;width:360px;height:360px;top:60px;right:-120px}.topbar,.hero,.feature-strip,.showcase,.plans,.faq{width:min(1100px,100% - 40px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-flex}.brand-logo{filter:drop-shadow(0 0 16px #eebf6838);border-radius:50%;width:34px;height:34px;display:block}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:14px;height:14px;box-shadow:0 0 24px #ffffff40}.topnav{color:var(--muted);gap:18px;font-size:.95rem;display:inline-flex}.topnav a:hover,.ghost-button:hover,.secondary-button:hover{color:var(--text)}.ghost-button,.secondary-button,.primary-button,.plan-card a,.switch-button,.refresh-button{transition:transform .18s,background-color .18s,color .18s,border-color .18s}.ghost-button{border:1px solid var(--line);background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;padding:11px 16px;line-height:1;display:inline-flex}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:32px;padding:40px 0 28px;display:grid}.eyebrow,.section-label,.plan-badge,.muted-label,.info-card span,.feature-strip article span{letter-spacing:.14em;text-transform:uppercase;font-size:.73rem}.eyebrow,.section-label,.muted-label,.feature-strip article span,.info-card span{color:var(--muted)}.hero h1,.showcase h2,.plans h2,.faq h2{margin:0;font-family:Space Grotesk,sans-serif;line-height:.95}.hero h1{letter-spacing:-.05em;text-wrap:balance;max-width:720px;font-size:clamp(2.8rem,6vw,5.2rem)}.hero-text,.showcase-copy p,.faq-card p,.feature-strip article p,.info-card p,.faq-list p{color:var(--muted);line-height:1.7}.hero-text{max-width:620px;margin:18px 0 0;font-size:1rem}.hero-actions{gap:14px;margin-top:24px;display:flex}.primary-button,.secondary-button,.plan-card a{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.primary-button,.plan-card.featured a{background:linear-gradient(135deg, var(--accent), #c9c9c9);color:#101010;box-shadow:0 18px 45px #ffffff14}.secondary-button,.plan-card a,.switch-button,.refresh-button{border-color:var(--line);background:#ffffff05}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.plan-card a:hover,.switch-button:hover,.refresh-button:hover:not(:disabled){transform:translateY(-2px)}.quick-points{flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex;position:relative}.quick-points:before{content:"";z-index:-1;filter:blur(34px);opacity:.85;pointer-events:none;background:radial-gradient(circle at 28%,#eebf6833,#0000 34%),radial-gradient(circle at 68% 45%,#ffe09a24,#0000 36%);border-radius:999px;animation:7s ease-in-out infinite goldLightDrift;position:absolute;inset:-44px -58px}.quick-points li{color:#f7ead0;background:linear-gradient(#151515,#151515) padding-box padding-box,linear-gradient(120deg,#eebf6833,#ffe8a9e6,#b57d2657) border-box;border:1px solid #eebf688f;border-radius:999px;padding:8px 12px;font-size:.88rem;animation:3.8s ease-in-out infinite goldBorderPulse;position:relative;box-shadow:inset 0 0 0 1px #ffe2a70a,0 0 18px #eebf6814}.quick-points li:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffecbc38,#0000);animation:4.8s ease-in-out infinite goldSheen;position:absolute;inset:-1px;transform:translate(-28%)}.hero-panel{will-change:transform;padding:10px 0 0;animation:7s ease-in-out infinite floatingWindow;position:relative}.terminal-card,.float-card,.info-card,.plan-card,.faq-card,.feature-strip article{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.terminal-card{border-radius:22px;position:relative;overflow:hidden}.terminal-top{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.terminal-dots{gap:8px;display:flex}.terminal-dots span{background:#ffffff59;border-radius:50%;width:10px;height:10px}.terminal-dots span:first-child{background:#ff6f7c}.terminal-dots span:nth-child(2){background:#ffd36f}.terminal-dots span:last-child{background:#7df7b5}.terminal-title{color:var(--muted);font-size:.88rem}.terminal-body{padding:18px}.status-line,.location-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.status-pill{border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status-pill.online{color:var(--accent);background:#ffffff14}.signal{color:var(--warm);font-weight:700}.location-row{margin-top:18px}.location-row strong,.metrics-grid strong,.float-card strong,.info-card strong,.plan-card h3{font-family:Space Grotesk,sans-serif}.switch-button{color:var(--text);cursor:pointer;border-radius:12px;padding:10px 14px}.metrics-grid{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.metrics-grid article{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px}.metrics-grid span{color:var(--muted);margin-bottom:8px;font-size:.9rem;display:block}.metrics-grid strong{font-size:1.15rem}.ping-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.ping-actions p{color:var(--muted);margin:0;line-height:1.5}.refresh-button{color:var(--text);cursor:pointer;border-radius:12px;flex:none;padding:10px 14px}.refresh-button:disabled{cursor:wait;opacity:.58}.server-list{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;margin-top:18px;padding:14px}.server-list-head,.server-item{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.server-list-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 2px 12px;font-size:.82rem}.server-list-body{gap:8px;display:grid}.server-item{width:100%;color:var(--text);cursor:pointer;text-align:left;animation:.42s cubic-bezier(.2,.8,.2,1) both revealServer;animation-delay:calc(var(--item-index,0) * 55ms);background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:12px 14px;transition:transform .18s,border-color .18s,background-color .18s}.server-item:hover{border-color:#ffffff24;transform:translateY(-1px)}.server-item.active{background:#ffffff14;border-color:#ffffff2e}.server-item.tone-fast .server-ping{color:#e8fff6}.server-item.tone-medium .server-ping{color:#fff2d6}.server-item.tone-slow .server-ping{color:#ffd7d7}.server-item.tone-offline .server-ping{color:#b9b9b9}.server-city{font-weight:700}.server-ping{color:#f0f0f0;font-family:Space Grotesk,sans-serif}.float-card{border-radius:14px;gap:4px;min-width:168px;padding:12px 14px;display:grid;position:absolute}.float-card span{color:var(--muted);font-size:.88rem}.float-card-top{top:0;right:-10px}.float-card-bottom{bottom:4px;left:-18px}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0 32px;display:grid}.feature-strip article{border-radius:18px;padding:18px}.feature-strip h2{margin:16px 0 10px;font-size:1.3rem}.showcase,.plans,.faq{padding:32px 0}.showcase{grid-template-columns:.92fr 1.08fr;align-items:start;gap:20px;display:grid}.showcase h2,.plans h2,.faq h2{letter-spacing:-.04em;font-size:clamp(2rem,4.4vw,3.6rem)}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-card{border-radius:18px;padding:18px}.info-card strong{margin-top:10px;font-size:1.25rem;display:block}.info-card.accent{background:linear-gradient(180deg, #ffffff17, #ffffff0a), var(--panel-strong)}.info-card.outline{background:linear-gradient(180deg, #ffffff0f, #ffffff05), var(--panel)}.plans-heading{text-align:center;justify-items:center;gap:18px;max-width:760px;margin:0 auto;display:grid}.billing-toggle{border:1px solid var(--line);background:#ffffff06;border-radius:999px;flex:none;grid-template-columns:repeat(2,minmax(92px,1fr));padding:5px;display:grid;position:relative}.billing-toggle:before{content:"";background:linear-gradient(135deg,#f5e0ab,#d7a84e);border-radius:999px;width:calc(50% - 5px);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 0 22px #eebf6829}.billing-toggle-year:before{transform:translate(100%);box-shadow:0 0 30px #eebf683d}.billing-toggle button{z-index:1;min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s;position:relative}.billing-toggle button.active{color:#16110a;background:0 0}.billing-toggle span{letter-spacing:.08em;text-transform:uppercase;margin-top:-3px;font-size:.66rem;font-weight:800;display:block}.billing-hint{color:#e8d09a;text-shadow:0 0 18px #eebf6824;margin:-8px 0 0;font-size:.95rem;line-height:1.5;animation:.42s cubic-bezier(.2,.8,.2,1) hintPulse}.price-pop-enter-active,.price-pop-leave-active{transition:opacity .18s,transform .18s,filter .18s}.price-pop-enter-from{opacity:0;filter:blur(4px);transform:translateY(8px)scale(.98)}.price-pop-leave-to{opacity:0;filter:blur(4px);transform:translateY(-6px)scale(.98)}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.plan-card{border-radius:20px;padding:20px;position:relative}.plan-card.featured{isolation:isolate;background:linear-gradient(var(--panel-strong), var(--panel-strong)) padding-box, linear-gradient(125deg, #b57d263d, #ffe8a9e6, #eebf6857) border-box, var(--panel-strong);border-color:#eebf6894;animation:4.2s ease-in-out infinite goldFeaturedPulse;position:relative;transform:translateY(-4px);box-shadow:0 18px 44px #00000042,0 0 42px #eebf681f}.plan-card.featured:before{content:"";z-index:-1;filter:blur(26px);opacity:.78;pointer-events:none;background:radial-gradient(circle at 50% 20%,#ffe09a29,#0000 36%),radial-gradient(circle at 50% 80%,#eebf681a,#0000 42%);border-radius:32px;animation:6s ease-in-out infinite goldFeaturedGlow;position:absolute;inset:-42px -36px}.plan-card.featured:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 16%,#ffeec41a 48%,#0000 72%);animation:5.4s ease-in-out infinite goldFeaturedSheen;position:absolute;inset:0;transform:translate(-24%)}.plan-badge{color:#111;background:var(--accent);border-radius:999px;padding:8px 10px;font-weight:800;position:absolute;top:18px;right:18px}@keyframes ambientShift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(22px,-18px)scale(1.08)}}@keyframes glareFloatOne{0%,to{opacity:.22;transform:translate(0,0)scale(1)}50%{opacity:.34;transform:translate(60px,24px)scale(1.12)}}@keyframes glareFloatTwo{0%,to{opacity:.18;transform:translate(0,0)scale(1)}50%{opacity:.3;transform:translate(-70px,-28px)scale(1.1)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes revealServer{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0,0)}}@keyframes goldBorderPulse{0%,to{border-color:#eebf6870;box-shadow:inset 0 0 0 1px #ffe2a70a,0 0 16px #eebf6814}50%{border-color:#ffe2a7e6;box-shadow:inset 0 0 0 1px #ffe2a71f,0 0 26px #eebf6833}}@keyframes goldSheen{0%,58%,to{opacity:0;transform:translate(-28%)}70%{opacity:1}88%{opacity:0;transform:translate(28%)}}@keyframes goldLightDrift{0%,to{opacity:.62;transform:translate(-8px)scale(.96)}50%{opacity:.95;transform:translate(18px,-4px)scale(1.08)}}@keyframes goldBackgroundOne{0%,to{opacity:.48;transform:translate(0,0)scale(1)}50%{opacity:.78;transform:translate(34px,-18px)scale(1.12)}}@keyframes goldBackgroundTwo{0%,to{opacity:.38;transform:translate(0,0)scale(1)}50%{opacity:.68;transform:translate(-44px,22px)scale(1.08)}}@keyframes goldBackgroundThree{0%,to{opacity:.28;transform:translate(0,0)scale(.94)}50%{opacity:.52;transform:translate(22px,-26px)scale(1.08)}}@keyframes goldFeaturedPulse{0%,to{border-color:#eebf6880;box-shadow:0 18px 44px #00000042,0 0 38px #eebf681a}50%{border-color:#ffe8a9e6;box-shadow:0 18px 44px #00000042,0 0 58px #eebf6838}}@keyframes goldFeaturedGlow{0%,to{opacity:.56;transform:scale(.96)}50%{opacity:.95;transform:scale(1.06)}}@keyframes goldFeaturedSheen{0%,58%,to{opacity:0;transform:translate(-24%)}72%{opacity:1}90%{opacity:0;transform:translate(24%)}}@supports (animation-timeline:view()){.feature-strip .reveal-card,.showcase .reveal-card,.plans .reveal-card,.faq .reveal-card{animation-timeline:auto;animation-range:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.plan-name{color:var(--muted);margin:0}.plan-card h3{margin:12px 0 6px;font-size:2.5rem}@keyframes floatingWindow{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-10px)rotate(.18deg)}}@keyframes hintPulse{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.plan-card h3 span{color:var(--muted);font-family:Manrope,sans-serif;font-size:1rem}.plan-price-note{color:var(--muted);margin:0 0 18px;font-size:.92rem}.plan-card ul{color:#d7e5f3;gap:12px;padding-left:18px;line-height:1.6;display:grid}.plan-card a{width:100%;margin-top:18px}.faq-card{border-radius:20px;padding:22px}.faq-list{gap:10px;margin-top:18px;display:grid}.faq-list details{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:16px}.faq-list summary{cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:12px 0 0}@media (width<=1024px){.topbar,.hero,.feature-strip,.showcase,.plans,.faq{width:min(100%,100% - 28px)}.hero,.showcase,.feature-strip,.plans-grid{grid-template-columns:1fr}.billing-toggle{width:fit-content}.showcase-grid{grid-template-columns:1fr}.float-card-top,.float-card-bottom{margin-top:14px;position:static}.hero-panel{will-change:auto;padding-bottom:0;animation:none}.topnav{gap:14px}}@media (width<=720px){body:before,body:after,.ambient,.gold-bg-glow-three,.float-card,.terminal-dots,.server-list-head,.ping-actions p{display:none}.gold-bg-glow{filter:blur(38px)}.gold-bg-glow-one{width:240px;height:240px;top:90px;left:-120px}.gold-bg-glow-two{width:300px;height:300px;top:42%;right:-170px}.topbar{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:12px}.topnav{display:none}.ghost-button{min-height:40px;padding:0 14px;font-size:.88rem;line-height:1}.brand-logo{width:30px;height:30px}.hero{gap:20px;padding-top:12px;padding-bottom:18px}.hero-actions{flex-direction:column}.eyebrow{letter-spacing:.1em;margin-bottom:10px;font-size:.64rem}.hero h1{font-size:clamp(2.1rem,11vw,3.2rem);line-height:1}.hero-text{margin-top:14px;font-size:.95rem}.quick-points{gap:8px;margin-top:16px}.quick-points li{padding:7px 10px;font-size:.8rem}.quick-points li:nth-child(4){display:none}.hero-panel{padding-top:0}.terminal-card{border-radius:18px}.metrics-grid,.showcase-grid{grid-template-columns:1fr}.status-line,.location-row{flex-direction:column;align-items:flex-start}.switch-button{width:100%}.status-line{align-items:stretch}.signal,.status-pill{justify-content:center;width:100%}.status-pill{padding:7px 10px;font-size:.78rem}.signal{text-align:center;font-size:.95rem}.metrics-grid{gap:8px;margin-top:14px}.metrics-grid article:nth-child(4){display:none}.server-item{grid-template-columns:1fr;gap:6px;padding:10px 12px}.server-list{margin-top:14px;padding:10px}.server-list-body{gap:6px}.server-ping{font-size:.92rem}.faq-card,.plan-card,.feature-strip article,.info-card,.terminal-body{padding:16px}.terminal-top{padding:12px 14px}.terminal-title{font-size:.78rem}.plan-card.featured{transform:none}.float-card{min-width:100%}.feature-strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(78%,1fr);grid-auto-flow:column;gap:10px;padding-top:18px;padding-bottom:28px;scroll-padding-left:14px;display:grid;overflow-x:auto}.feature-strip::-webkit-scrollbar{display:none}.feature-strip article{scroll-snap-align:start;min-height:176px}.feature-strip:after{content:"";width:4px}.showcase{padding-top:18px;padding-bottom:18px}.showcase-grid .info-card:nth-child(4){display:none}.showcase h2,.plans h2,.faq h2{font-size:clamp(1.6rem,8vw,2.2rem)}.plan-card h3{font-size:2rem}.billing-toggle{width:100%}.billing-toggle button{flex:1;padding:0 10px}.faq-list details{padding:14px}.ping-actions p,.faq-list p,.feature-strip article p,.info-card p{font-size:.92rem}.ping-actions{display:block}.refresh-button{width:100%}}