@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#060b16;--panel:#0c1629;--panel2:#101c33;--border:#1b2b46;--text:#eef4ff;--muted:#91a1bb;--cyan:#45e2f4;--purple:#9b64ff;--green:#39e0bb;--font:Manrope,Inter,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:radial-gradient(ellipse at 51% -35%,#192960 0,transparent 47%),var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;overflow-x:hidden}.page-shell{max-width:1440px;margin:0 auto;padding:0 6.3%}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d;position:relative;z-index:4}.brand{display:inline-flex;align-items:center;gap:10px;color:#f5f8ff;text-decoration:none;font-weight:800;font-size:18px;letter-spacing:.02em}.brand b{color:#91a0bb}.brand-mark{width:38px;height:38px;display:grid;place-items:center}.brand-mark svg{width:36px;height:36px;fill:#162646;stroke:#55ddff;stroke-width:2}.brand-mark .star{fill:#fff;stroke:none}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a,.footer a{color:#a9b8d0;text-decoration:none;transition:color .2s}.nav-links a:hover,.footer a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.button,.icon-button,.menu-toggle{border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:none}.icon-button,.menu-toggle{background:transparent;color:#c2cce0;font-size:19px;width:40px;height:40px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:12px 19px;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-quiet{background:#101a2d;border:1px solid #344665;padding:9px 20px;border-radius:8px;font-size:13px}.button-primary{background:linear-gradient(105deg,#17cce9,#5a56ff 66%,#9a48f5);box-shadow:0 5px 24px #5754ff40;color:white}.button-outline{border:1px solid #52627d;background:#101b30;color:#e1e9f6}.hero{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;min-height:440px;padding:44px 12px 62px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#89a4c3;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#3be0bd;box-shadow:0 0 11px #3be0bd}.hero h1{font-size:clamp(42px,5.1vw,68px);line-height:1.05;letter-spacing:-.055em;margin:17px 0 13px;font-weight:800}.gradient-text{background:linear-gradient(95deg,#47e3f4 4%,#778cff 52%,#be73fa);color:transparent;background-clip:text}.hero-subtitle{color:#a4b1c8;font-size:15px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-note{margin-top:19px;color:#7e8ea8;font-size:11px;display:flex;gap:8px;align-items:center}.shield-mini{color:#42dfbc;border:1px solid #42dfbc55;border-radius:50%;font-size:9px;width:16px;height:16px;text-align:center;line-height:15px}.app-preview{position:relative;z-index:2;justify-self:end;width:min(100%,520px);min-height:284px;padding:19px 20px 12px;background:linear-gradient(135deg,#11274aee,#111b35ed 57%,#17173aee);border:1px solid #43638b;border-radius:17px;box-shadow:0 20px 70px #0008,0 0 35px #2898ff27,inset 0 1px #ffffff15;overflow:hidden}.app-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#4adffc0a,transparent 38%,#8b55ff0c);pointer-events:none}.preview-glow{position:absolute;inset:-80px 20% auto;height:140px;background:#247bff2e;filter:blur(45px);pointer-events:none}.preview-top,.preview-brand,.window-controls,.preview-content,.preview-footer{position:relative;z-index:1}.preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff10;padding-bottom:12px}.preview-brand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.mini-orbit{font-size:19px;color:#7cecff;text-shadow:0 0 10px #30d5ff}.window-controls{display:flex;gap:11px}.window-controls i{width:8px;height:8px;border:1px solid #8796ae;border-radius:2px}.window-controls i:first-child{height:1px;align-self:center;border-radius:0}.preview-content{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:9px;padding:13px 0 9px}.globe-wrap{position:relative;display:grid;place-items:center;min-height:193px}.globe{width:205px;max-width:100%;filter:drop-shadow(0 0 13px #10bfff4d);animation:float 5s ease-in-out infinite}.globe svg{width:100%;overflow:visible}.orbit-label{position:absolute;top:8px;left:4px;font-size:8px;letter-spacing:.08em;color:#8cdfff;display:flex;align-items:center;gap:5px}.orbit-label .live-dot{width:5px;height:5px}.connection-info{display:flex;flex-direction:column;gap:10px}.status-pill{align-self:flex-start;background:#073c3c88;border:1px solid #27dfba44;border-radius:20px;padding:6px 11px;color:#6be8cc;font-size:9px;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.status-shield{font-size:12px}.location-select{width:100%;display:flex;align-items:center;gap:8px;text-align:left;color:#ebf1fc;font:inherit;background:#111e35;border:1px solid #2a3c5a;border-radius:8px;padding:8px;cursor:pointer}.location-select .flag{font-size:18px}.location-select small{display:block;font-size:8px;color:#7e92ae;letter-spacing:.12em}.location-name{font-size:10px}.chevron{margin-left:auto;color:#8492ab}.latency{font-size:11px;color:#5be0c2;font-weight:700;display:flex;align-items:center;gap:7px}.signal{letter-spacing:1px}.latency-label{font-size:8px;color:#71819b;letter-spacing:.12em;margin-left:auto}.traffic{display:flex;justify-content:space-between;background:#0b172b;border:1px solid #233857;border-radius:8px;padding:8px 10px;color:#9dacc1;font-size:9px}.traffic span+span{color:#bd8aff}.traffic b{color:#ecf5ff}.protocol-label{font-size:8px;color:#8293ad;letter-spacing:.08em}.protocol-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#61e4c5;box-shadow:0 0 7px #5bffcc;margin-right:5px}.preview-footer{padding-top:10px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;color:#7385a1;font-size:8px}.preview-footer span:last-child{color:#4bdcbb}.tiny-lock{color:#71bfff}.hero-orbit{position:absolute;z-index:0;height:125px;left:-10%;right:-10%;bottom:-7px;border-top:2px solid #19c7ff;border-radius:50% 50% 0 0/75% 75% 0 0;transform:rotate(-3deg);filter:drop-shadow(0 -5px 13px #149eff);background:radial-gradient(ellipse at 45% 0%,#1273b332,transparent 59%)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:5px 0 66px;position:relative;z-index:2}.feature-card{min-height:100px;position:relative;display:flex;align-items:center;gap:14px;padding:19px 17px;background:linear-gradient(120deg,#0e1a2e,#0b1425);border:1px solid #1d304e;border-radius:12px;overflow:hidden}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#66eaff06,transparent 45%);pointer-events:none}.feature-icon{flex:0 0 31px;font-size:31px;line-height:1;text-align:center}.cyan-icon{color:#46e6f6;text-shadow:0 0 18px #00cffa}.purple-icon{color:#c58cff;text-shadow:0 0 16px #a953ff}.server-icon{height:29px;display:flex;flex-direction:column;justify-content:space-between}.server-icon span{width:27px;height:10px;border:1.7px solid #4ce0f2;border-radius:4px;box-shadow:0 0 9px #40d7ff4a}.feature-card h2{font-size:13px;margin:0 0 5px}.feature-card p{font-size:10px;color:#97a6be;line-height:1.45;margin:0}.card-index{position:absolute;right:13px;top:10px;font-size:8px;letter-spacing:.1em;color:#526582;opacity:.65}.servers-section{margin:0 0 64px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-heading h2,.bottom-cta h2{margin:6px 0 0;font-size:27px;letter-spacing:-.04em}.text-link{color:#98a7c0;text-decoration:none;font-size:12px}.text-link span{color:#55dff1}.server-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.server-chip{display:flex;align-items:center;text-align:left;gap:10px;padding:13px;background:#0c1628;border:1px solid #1e2f4c;border-radius:10px;color:var(--text);font:inherit;cursor:pointer;transition:.2s}.server-chip:hover,.server-chip.selected{border-color:#42bfe4;background:linear-gradient(120deg,#102442,#101a32);box-shadow:0 0 20px #128bcc15}.server-chip .flag{font-size:21px}.server-chip b{display:block;font-size:11px}.server-chip small{display:block;color:#8092ad;font-size:9px}.server-chip .ping{margin-left:auto;color:#56dfc1;font-size:9px;white-space:nowrap}.server-soon{opacity:.55;cursor:default}.availability-note{margin:13px 0 0;font-size:10px;color:#7d8da6;display:flex;align-items:center;gap:7px}.availability-note .live-dot{width:5px;height:5px}.plans-section{margin:0 0 60px}.billing-note{color:#7f91ad;font-size:10px}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.plan-card{position:relative;overflow:hidden;padding:21px 23px 19px;background:linear-gradient(120deg,#0d192c,#0a1323);border:1px solid #243651;border-radius:13px;min-height:218px}.premium-plan{border-color:#8457d4;background:linear-gradient(120deg,#191630,#15182f 70%,#1b1640);box-shadow:0 0 27px #8d46ec21,inset 0 1px #ffffff10}.premium-aura{position:absolute;top:-70px;right:5%;height:110px;width:200px;background:#9857ff33;filter:blur(40px)}.plan-top{position:relative;display:flex;justify-content:space-between;gap:15px}.plan-tag{font-size:8px;letter-spacing:.13em;color:#7c91ad;font-weight:800}.premium-tag{color:#cf9bff}.plan-card h3{margin:5px 0 2px;font-size:19px}.plan-card p{margin:0;color:#91a0b8;font-size:10px}.price{font-size:19px;font-weight:800;text-align:right;white-space:nowrap}.price small{display:block;color:#8798b1;font-size:9px;font-weight:500}.plan-card ul{position:relative;list-style:none;padding:0;margin:14px 0 17px;display:grid;gap:6px;color:#c0cbe0;font-size:10px}.plan-card li:before{content:"✓";color:#55e0c4;font-weight:800;margin-right:8px}.premium-plan li:before{color:#d39aff}.button-plan-outline{position:absolute;right:17px;bottom:17px;padding:8px 14px;font-size:10px;border:1px solid #465976;background:#142039}.button-plan-outline span,.button-premium span{font-size:14px;margin-left:5px}.button-premium{position:absolute;right:18px;bottom:17px;padding:9px 14px;font-size:10px}.plan-disclaimer{font-size:9px;color:#63748e;margin:11px 0 0}.bottom-cta{display:flex;align-items:center;justify-content:space-between;margin:0 0 36px;padding:24px 27px;border:1px solid #253852;border-radius:14px;background:radial-gradient(ellipse at 70% 0%,#26366c55,transparent 50%),#0b1527}.bottom-cta h2{font-size:20px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding:19px 0 24px;color:#71819b;font-size:9px}.footer-brand{font-size:13px}.footer-brand .brand-mark,.footer-brand .brand-mark svg{width:27px;height:27px}.footer>div{display:flex;gap:18px}.footer a{font-size:10px}.toast{position:fixed;z-index:9;left:50%;bottom:23px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#13233d;border:1px solid #355579;color:#eaf3ff;border-radius:10px;padding:12px 17px;box-shadow:0 10px 35px #0008;transition:.25s;font-size:12px;max-width:calc(100vw - 32px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.light-mode{--bg:#eef3fb;--panel:#fff;--panel2:#fff;--border:#d5deeb;--text:#10203b;--muted:#61728c;color-scheme:light;background:#eef3fb}.light-mode .topbar{border-color:#d8e0eb}.light-mode .brand{color:#10203b}.light-mode .nav-links a,.light-mode .footer a,.light-mode .footer{color:#62748f}.light-mode .feature-card,.light-mode .server-chip,.light-mode .plan-card,.light-mode .bottom-cta{background:#fff;border-color:#d7dfeb;color:#10203b}.light-mode .section-heading h2,.light-mode .bottom-cta h2{color:#10203b}.light-mode .feature-card p,.light-mode .plan-card p,.light-mode .plan-card ul,.light-mode .availability-note{color:#5a6b85}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:900px){.page-shell{padding:0 4%}.hero{gap:14px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:48px}.features{gap:9px}.feature-card{padding:15px 12px;gap:9px}.feature-card p br{display:none}.server-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.page-shell{padding:0 18px}.topbar{height:65px}.brand{font-size:16px}.brand-mark,.brand-mark svg{width:31px;height:31px}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:18px;background:#0d172a;border:1px solid #223550;border-radius:0 0 12px 12px;flex-direction:column;align-items:flex-start;gap:15px}.nav-links.open{display:flex}.menu-toggle{display:block}.icon-button{display:none}.button-quiet{padding:8px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:44px 0 53px;gap:28px}.hero h1{font-size:52px}.hero-subtitle{font-size:13px}.desktop-break{display:none}.hero-actions{gap:9px}.hero-actions .button{flex:1;padding:11px 9px;font-size:11px}.hero-note{font-size:9px}.app-preview{width:100%;min-height:256px;padding:15px}.preview-content{grid-template-columns:.95fr 1fr}.globe-wrap{min-height:176px}.globe{width:178px}.connection-info{gap:8px}.location-select{padding:7px}.location-name{font-size:9px}.traffic{font-size:8px;padding:7px}.features{grid-template-columns:1fr;margin-bottom:52px}.feature-card{min-height:83px;padding:14px 17px}.feature-card p br{display:block}.section-heading{align-items:flex-start;gap:12px}.section-heading h2{font-size:22px}.section-heading .eyebrow{font-size:8px}.text-link,.billing-note{font-size:9px;white-space:nowrap;margin-top:8px}.server-strip{gap:8px}.server-chip{padding:10px;gap:7px}.server-chip .flag{font-size:18px}.server-chip b{font-size:10px}.server-chip small{font-size:8px}.server-chip .ping{font-size:8px}.plans-grid{grid-template-columns:1fr}.plan-card{min-height:214px;padding:18px}.bottom-cta{padding:19px;gap:10px;align-items:flex-start;flex-direction:column}.bottom-cta h2{font-size:19px}.footer{align-items:flex-start;gap:12px;flex-wrap:wrap}.footer>span{width:100%;order:3}.hero-orbit{bottom:2px}}@media(max-width:390px){.page-shell{padding:0 13px}.hero h1{font-size:45px}.hero-actions .button{font-size:10px}.app-preview{padding:13px 11px}.globe{width:150px}.globe-wrap{min-height:155px}.preview-footer{font-size:7px}.location-select .flag{font-size:15px}.section-heading h2{font-size:20px}.server-chip{gap:5px}.server-chip .ping{font-size:7px}}