@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f1f4fa;background:#090c12;font-synthesis:none;font-weight:500;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #73c8ff;outline-offset:4px}button{border:0}p,h1,h2,h3,h4{margin:0}button svg,a svg{flex-shrink:0}.layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 520px;min-height:100vh}.intro{padding:62px 70px 40px 40px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 10% 45%,#16325460,transparent 65%)}.wordmark{font-size:19px;letter-spacing:5px;font-weight:800}.wordmark span{font-weight:400;color:#8390a3;font-size:12px;letter-spacing:4px}.intro-copy{margin:auto 0}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#8a9ab1;font-weight:800}.intro h1{font-size:clamp(44px,5vw,70px);line-height:1.12;letter-spacing:-3px;margin:28px 0}.intro h1 em{font-style:normal;color:#78b9ff}.intro p{color:#9ba8ba;font-size:16px;line-height:1.8}.intro-line{height:1px;width:54px;background:#436282;margin:30px 0}.small,.desktop-note{font-size:11px;color:#6f8199}.desktop-note{display:flex;align-items:center;gap:9px}.app-shell{background:#0b0e15;border-left:1px solid #ffffff09;border-right:1px solid #ffffff09;position:relative;min-height:100vh;padding-bottom:105px}.demo-toolbar{padding:9px 24px;background:#151a25;display:flex;justify-content:space-between;font-size:10px;color:#a2aabb;gap:12px}.demo-toolbar>span{display:flex;align-items:center;gap:6px}.demo-toolbar i{width:5px;height:5px;border-radius:50%;background:#dcaf67}.demo-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.demo-toggle input{accent-color:#6eacff;margin:0}header{padding:24px 28px 8px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:800;letter-spacing:-.5px}.brand-art{position:relative;overflow:hidden;width:37px;height:43px;display:block;border-radius:6px}.brand-art img{position:absolute;max-width:none;width:63px;left:-13px;top:-5px}.cloud{display:block;font-size:9px;color:#91a0b6;letter-spacing:4.4px;text-transform:uppercase;margin-top:1px}.support{display:flex;align-items:center;gap:7px;font-size:11px;color:#a8b4c5;border:1px solid #252d3a;padding:10px;border-radius:30px}main{padding:26px 28px 10px;animation:enter .22s ease-out}h2{font-size:33px;line-height:1.18;letter-spacing:-1.4px;font-weight:800;margin:13px 0}p{color:#8e9caf;font-size:12px;line-height:1.8}.page-heading{margin-bottom:25px}.subscription{border:1px solid #345073;border-radius:23px;padding:22px;background:radial-gradient(ellipse at 95% 5%,#23538280,transparent 70%),linear-gradient(125deg,#142031,#111925);position:relative;overflow:hidden}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:22px}.subscription .eyebrow{font-size:9px;color:#9db4d0}.status{font-size:9px;background:#ffffff09;color:#bcc9da;padding:5px 8px;border:1px solid #ffffff12;border-radius:20px}.subscription h3{font-size:25px;line-height:1.3;letter-spacing:-.8px;margin-bottom:12px}.primary{background:#a2cdff;color:#0b213b;width:100%;padding:15px 17px;border-radius:12px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;min-height:48px;transition:background .2s,transform .2s}.primary:hover{background:#c4e0ff;transform:translateY(-1px)}.subscription .primary{margin-top:23px}.card-foot{display:flex;gap:6px;align-items:center;margin-top:14px;color:#8eabc9;font-size:9px}.days{font-size:48px;font-weight:800;letter-spacing:-2px}.days span{font-size:16px;color:#a7b8cd;letter-spacing:0}.is-active .status{color:#85e0b7}.section-label{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.section-label h3{font-size:13px}.section-label>span{font-size:10px;color:#718096}.card{background:#121721;border:1px solid #222b39;border-radius:17px}.server{padding:17px;display:flex;gap:12px;align-items:center;margin-bottom:10px}.country{font-size:26px}.server h4{font-size:13px}.server p{font-size:10px}.quiet-badge{font-size:9px;border:1px solid #303b4b;border-radius:6px;padding:5px 7px;color:#94a6bd}.server .quiet-badge{margin-left:auto}.row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px;margin:10px 0}.row>svg:last-child,.gift-card>svg:last-child{margin-left:auto;color:#839bb7}.row strong,.gift-card strong{font-size:12px;display:block}.row small,.gift-card small{display:block;color:#889bb2;font-size:10px;margin-top:5px}.icon-box{height:38px;width:38px;border:1px solid #ffffff0c;border-radius:11px;display:grid;place-items:center;color:#9dc6f5;background:#ffffff05;flex-shrink:0}.gift-card{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#192b43,#142033);border:1px solid #2e4665;width:100%;border-radius:17px;padding:18px 16px;text-align:left;margin-top:16px}.honesty{font-size:10px;line-height:1.7;color:#6f7e93;margin:20px 4px 10px}.app-shell nav{position:fixed;bottom:0;width:518px;display:flex;justify-content:space-around;padding:12px 15px calc(14px + env(safe-area-inset-bottom));background:#0d111bf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #242c38;z-index:5}.app-shell nav button{background:none;color:#7d8ba0;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:65px}.app-shell nav button>span{display:grid;place-items:center;height:33px;width:53px;border-radius:12px}.app-shell nav .current{color:#c3dfff}.app-shell nav .current>span{background:#23334a}.subtitle{margin-bottom:22px}.segmented{display:flex;background:#10151f;border:1px solid #273244;padding:4px;border-radius:12px;margin:18px 0}.segmented button{flex:1;background:transparent;color:#8d9eb5;padding:10px 7px;border-radius:8px;font-size:12px}.segmented .selected{background:#26374d;color:#e7f1ff}.instructions{padding:20px;margin-top:20px}.step{display:flex;gap:14px;margin-bottom:24px}.step:last-child{margin:0}.step>span{border:1px solid #334865;background:#1b2a3e;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:11px;color:#a6c9f2}.step h4{font-size:13px;margin:4px 0 7px}.step p{font-size:11px}.empty-link{text-align:center;padding:28px 18px}.empty-link>svg{color:#7195bc}.empty-link h3{font-size:17px;margin:14px 0 8px}.secondary{background:#202e42;border:1px solid #344a67;border-radius:10px;padding:12px 20px;margin-top:16px;font-size:12px}.help-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#99c5f7;font-size:12px}.coming-soon{text-align:center;padding:35px 18px;margin-top:28px;background:radial-gradient(ellipse at top,#203958,#121721 70%)}.referral-art{height:135px;display:flex;justify-content:center;align-items:center;gap:8px;color:#b4d4ff}.coming-soon h3{font-size:23px;letter-spacing:-.5px;line-height:1.4;margin:23px 0 15px}.identity{text-align:center;padding:25px 20px;margin-top:25px}.avatar{margin:0 auto 14px;display:grid;place-items:center;width:64px;height:64px;border-radius:23px;color:#a5c6ed;background:#24364d}.identity h3{font-size:19px}.identity p{margin:10px 0 18px}.profile-details{padding:6px 18px;margin:16px 0}.profile-details>div{display:flex;justify-content:space-between;gap:12px;padding:17px 0;font-size:11px;border-bottom:1px solid #ffffff09}.profile-details>div:last-child{border:0}.profile-details span{color:#8f9db0}.profile-details strong{font-weight:600}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#03060bbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px}.checkout{width:470px;max-height:92dvh;overflow:auto;position:relative;background:#101620;border:1px solid #344053;border-radius:26px;padding:34px 26px 22px;box-shadow:0 30px 100px #0008}.checkout h2{font-size:27px;letter-spacing:-1px;padding-right:15px}.close{position:absolute;right:14px;top:13px;background:none;color:#8193aa;padding:4px}.checkout .eyebrow{font-size:8px}.preview-note{font-size:9px;line-height:1.6;color:#7d8fa7;margin:10px 0;text-align:center}.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 18px}.plans button{position:relative;border:1px solid #303d51;background:#151e2b;border-radius:14px;padding:20px 14px;text-align:left}.plans .chosen{border-color:#9cc7ff;background:#21364f}.plans button>span:first-of-type{font-size:12px}.plans strong{display:block;font-size:21px;letter-spacing:-.6px;margin:9px 0 4px}.plans small{color:#8f9db1;font-size:10px}.plans .popular{position:absolute;top:-10px;left:12px;background:#a4ceff;color:#102136;border-radius:5px;padding:3px 8px;font-size:8px!important;font-weight:800}.plans .radio{position:absolute;right:11px;bottom:14px;border:1px solid #6086b1;border-radius:50%;height:17px;width:17px;display:grid;place-items:center}.device-summary{display:flex;align-items:center;gap:12px;color:#9cb8d9;padding:14px 0;border-bottom:1px solid #293244}.device-summary strong{font-size:12px}.device-summary small{display:block;font-size:9px;color:#8999af;margin-top:5px}.total{display:flex;align-items:center;justify-content:space-between;margin:23px 0}.total span{font-size:11px;color:#98a8bd}.total strong{font-size:23px;letter-spacing:-.8px}.notice{padding:14px;background:#1c3047;border:1px solid #385b81;border-radius:10px;color:#bcd8f8;font-size:11px;line-height:1.7;margin-top:14px}@keyframes enter{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.layout{display:block;max-width:520px}.intro{display:none}.app-shell{border:0}.app-shell nav{width:min(100%,520px)}}@media(max-width:380px){header{padding:22px 18px 8px}main{padding:25px 18px 10px}.support span{display:none}h2{font-size:30px}.subscription{padding:18px}.quiet-badge,.card-foot{font-size:8px}.modal-backdrop{padding:8px}.checkout{padding:32px 20px 18px}.plans strong{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.brand-art{height:34px}.brand-art img{top:-6px}.gift-redemption{padding:20px;margin:18px 0}.gift-redemption h3{font-size:16px}.gift-redemption label{display:block;font-size:11px;color:#9bacbf;margin:15px 0 7px}.gift-redemption input,.gift-link input{width:100%;min-width:0;border:1px solid #3e526e;background:#101825;color:#d6e6fa;border-radius:8px;padding:12px;font:inherit;font-size:12px}.gift-link{margin-top:10px}.gift-link input{margin-top:12px}button:disabled{opacity:.5;cursor:not-allowed}.profile-details .order-entry{display:block}.order-line{display:flex;justify-content:space-between;gap:10px}.referral-panel{padding:22px;margin:20px 0}.referral-panel h3{font-size:18px;margin-bottom:12px}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.referral-stats strong{font-size:28px}.referral-stats p{font-size:10px}.referral-panel label{display:block;font-size:12px;margin:18px 0 8px;color:#adbbce}.referral-panel input{width:100%;min-width:0;background:#101825;color:#d6e6fa;border:1px solid #3e526e;border-radius:8px;padding:12px;font:inherit;font-size:13px}.referral-panel .primary{margin-top:22px}.share-referral{display:inline-block;margin-left:8px}
