:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f5f5f7;background:#000;font-synthesis:none;color-scheme:dark;--blue:#3b82f6;--muted:#8e8e93;--panel:#1c1c1e;--line:#ffffff0d;--safe-top:0px}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #70a6ff;outline-offset:4px}a{color:var(--blue);text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}button{text-align:inherit}[hidden]{display:none!important}.app-shell{max-width:480px;margin:auto;min-height:100dvh;position:relative;background:#000}.topbar{padding:calc(21px + var(--safe-top)) 22px 20px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;color:#f5f5f7;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-icon{width:31px;height:31px;background:#3b82f6;color:white;border-radius:10px;display:grid;place-items:center;position:relative;font-size:24px;line-height:1}.brand-icon>span{position:absolute;right:-3px;top:-6px;font-size:18px;background:#000;border-radius:4px;color:#63a0ff}.vpn-label{letter-spacing:.9px;font-size:9px;font-weight:600;color:#9ba1ad;margin:5px 0 0 0}.beta{font-size:9px;font-weight:650;letter-spacing:1px;background:#141820;color:#83b3ff;display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:6px}.beta i{width:4px;height:4px;background:#5799ff;border-radius:50%}main{padding:0 16px}.screen{padding-bottom:110px;animation:appear .35s both}.greeting{padding:18px 5px 27px;display:flex;align-items:flex-start;justify-content:space-between}.greeting p{color:#9a9a9f;font-size:12px;margin-bottom:10px}.greeting h1,.page-heading h1{font-size:35px;letter-spacing:-1.3px;line-height:1.13;font-weight:720}.greeting h1 span,.page-heading h1 span{color:#8e8e93}.mini-avatar{margin-top:5px;width:38px;height:38px;display:grid;place-items:center;background:#1a2539;color:#80adf7;border:1px solid #334564;border-radius:50%;font-size:18px;font-weight:600}.hero{position:relative;overflow:hidden;border:1px solid #3769d2;border-radius:24px;background:radial-gradient(ellipse at 80% 10%,#3054ba 0%,transparent 55%),linear-gradient(145deg,#11234b,#142d6b 50%,#1f4bb2);padding:21px 21px 17px;box-shadow:0 15px 60px #173b861c}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.hero-label{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#b6d2ff;display:flex;align-items:center;gap:7px}.hero-label i{width:5px;height:5px;background:#b4d1ff;border-radius:50%;box-shadow:0 0 12px #b4d1ff88}.hero-top>svg{width:20px;height:20px;color:#92b7ff}.orb{height:210px;width:210px;position:relative;margin:8px auto 0;display:grid;place-items:center}.orb-grid{position:absolute;inset:24px;border:1px solid #b6d3ff55;border-radius:50%;background:radial-gradient(circle at 36% 25%,#69a2ff42,#305cc247 40%,#061535 100%);box-shadow:inset -13px -9px 22px #08183899,inset 5px 3px 15px #90baff33,0 0 45px #548bff22;overflow:hidden;transform:rotate(-20deg)}.orb-grid:before{content:'';position:absolute;inset:0 35px;border:1px solid #b8d4ff40;border-radius:50%;box-shadow:0 0 0 22px #9bbfff0b}.orb-grid:after{content:'';position:absolute;inset:47px -2px;border:1px solid #b8d4ff40;border-radius:50%;box-shadow:0 20px 0 -1px #a7cbff10,0 -20px 0 -1px #a7cbff10}.orb-ring{position:absolute;width:220px;height:75px;border:1px solid #9ebfff5c;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 18px #8bb9ff0d;animation:orbit 8s ease-in-out infinite}.orb-center{position:relative;width:65px;height:74px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(140deg,#76afff35,#184097aa);border:1px solid #a9cdff88;backdrop-filter:blur(5px);box-shadow:0 8px 20px #06153844;transform:rotate(-7deg);animation:float 5s ease-in-out infinite}.orb-center svg{width:37px;height:37px;color:#e0edff;stroke-width:1.5}.satellite{width:7px;height:7px;background:#c5ddff;border-radius:50%;position:absolute;box-shadow:0 0 15px #86b6ff}.satellite.one{top:68px;right:9px}.satellite.two{bottom:55px;left:13px;width:4px;height:4px;opacity:.6}.hero-content{position:relative}.hero-heading{display:flex;align-items:center;justify-content:space-between}.hero h2{font-size:29px;line-height:1.13;font-weight:650;letter-spacing:-.8px}.hero-arrow{font-size:40px;font-weight:200;align-self:flex-end;color:#9bc2ff}.hero-content>p{color:#a6c3f1;font-size:12px;line-height:1.6;margin-top:11px;max-width:300px}.trial-facts{display:flex;align-items:center;gap:16px;padding:21px 0;color:#c6dafa;font-size:11px}.trial-facts strong{font-size:14px;color:#fff;font-weight:600;margin-right:3px}.trial-facts i{width:3px;height:3px;border-radius:50%;background:#83a4d7}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:13px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;min-height:51px;transition:transform .18s,background .18s}.primary:hover{background:#5090f8}.primary:active{transform:scale(.98)}.primary svg{width:19px;height:19px}.hero .primary{background:#f4f7ff;color:#172f60;justify-content:space-between}.hero .primary:hover{background:#fff}.hero-footnote{font-size:9px;text-align:center;color:#9bb9e8;padding-top:12px;line-height:1.5}.section-title{display:flex;align-items:center;justify-content:space-between;padding:29px 4px 13px}.section-title h2{font-size:18px;letter-spacing:-.4px;font-weight:650}.section-title>span{color:#696971;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.5px}.card{background:var(--panel);border-radius:20px;overflow:hidden}.steps{padding:0 17px}.step{display:flex;align-items:center;gap:13px;padding:18px 0}.step+.step{border-top:1px solid #ffffff09}.step-number{height:30px;width:30px;border-radius:50%;background:#2c2c2e;color:#c3c3c8;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.step:first-child .step-number{background:#1c3154;color:#7fafff}.step strong{font-size:13px;font-weight:550}.step p{font-size:11px;color:var(--muted);margin-top:5px}.step-check{margin-left:auto;width:17px;height:17px;color:#6d9ded}.location-row{display:flex;align-items:center;width:100%;gap:13px;padding:17px;margin-top:16px}.country-flag{height:38px;width:38px;border-radius:12px;background:#2c2c2e;display:grid;place-items:center;font-size:25px}.location-row strong{display:block;font-size:14px;font-weight:550}.location-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.location-tag{margin-left:auto;font-size:9px;color:#a2a2aa;background:#2c2c2e;padding:5px 7px;border-radius:5px}.location-row>svg{width:14px;height:14px;color:#626269}.bottom-note{color:#56565d;text-align:center;font-size:10px;margin:25px 0 8px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;padding:11px 10px calc(12px + max(env(safe-area-inset-bottom),var(--safe-bottom,0px)));background:#111113eb;border-top:1px solid #ffffff10;backdrop-filter:blur(25px);z-index:5}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;color:#717177;font-size:10px;min-height:43px;transition:color .2s}.bottom-nav svg{width:22px;height:22px;stroke-width:1.8}.bottom-nav button.active{color:#4f92ff}.bottom-nav .active svg{filter:drop-shadow(0 0 8px #3b82f644)}.page-heading{padding:21px 5px 29px}.eyebrow{color:#6c97d7;font-size:9px;font-weight:550;letter-spacing:1.5px;display:block;margin-bottom:13px}.page-heading p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:15px}.no-key{text-align:center;padding:30px 22px}.empty-icon{height:60px;width:60px;margin:0 auto 20px;border-radius:18px;display:grid;place-items:center;background:#243048;color:#81aefa}.empty-icon svg{width:32px;height:32px}.no-key h2{font-size:19px}.no-key p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 22px}.platforms{display:flex;background:#1c1c1e;border-radius:11px;padding:4px;gap:4px;margin-bottom:15px}.platforms button{flex:1;text-align:center;padding:10px 3px;font-size:12px;color:#99999f;border-radius:8px}.platforms button.selected{color:#fff;background:#38383b;box-shadow:0 2px 4px #0003}.install-card{padding:17px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-logo{width:43px;height:43px;background:linear-gradient(150deg,#65a2ff,#2a62cb);border-radius:12px;display:grid;place-items:center;font-size:25px;font-weight:700;color:#fff}.install-card h3{font-size:15px;font-weight:600}.install-card p{font-size:11px;color:var(--muted);margin-top:4px}.install-link{font-size:11px;font-weight:550;background:#203453;border-radius:8px;padding:9px 10px;margin-left:auto;white-space:nowrap;color:#73a7ff}.instructions{padding:5px 18px}.instruction{display:flex;gap:12px;padding:17px 0;align-items:flex-start}.instruction+.instruction{border-top:1px solid #ffffff09}.instruction>span{width:23px;height:23px;border-radius:50%;background:#2c2c2e;display:grid;place-items:center;font-size:10px;color:#a8a8af;flex-shrink:0}.instruction p{font-size:12px;line-height:1.7;color:#9d9da5}.instruction p strong,.instruction p b{font-weight:550;color:#e7e7eb}.support-inline{display:flex;justify-content:space-between;font-size:11px;padding:23px 5px;color:#729cda}.section-label{font-size:10px;color:var(--muted);padding:0 5px 12px;letter-spacing:.9px}.key-card{padding:20px}.key-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.row-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.row-icon svg{width:22px;height:22px}.row-icon.blue{background:#1b3153;color:#6ba5ff}.row-icon.green{background:#153829;color:#44cb85}.key-heading strong{font-size:14px;font-weight:550}.key-heading p{font-size:11px;color:var(--muted);margin-top:5px}.key-card label{font-size:10px;color:var(--muted);display:block;margin-bottom:9px}.key-card textarea{display:block;width:100%;background:#111113;border:1px solid #34343a;color:#a7b5d0;padding:12px;border-radius:9px;resize:none;font:10px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;margin-bottom:13px}.key-warning{color:#7a7a83;font-size:9px;text-align:center;line-height:1.6;margin-top:11px}.access-summary{display:flex;align-items:center;gap:11px;padding:16px;margin-top:16px}.access-summary strong{font-size:12px;font-weight:550}.access-summary p{font-size:10px;color:var(--muted);margin-top:5px}.icon-button{margin-left:auto;color:#6d6d75;display:grid;place-items:center;width:32px;height:32px}.icon-button svg{width:17px;height:17px}.support-card{display:flex;gap:12px;align-items:center;padding:20px;color:#f5f5f7}.support-card strong{font-size:14px;font-weight:550}.support-card p{font-size:11px;color:var(--muted);margin-top:5px}.support-card>svg{margin-left:auto;color:#7ba8ef;width:19px;height:19px}.faq{padding:0 19px}details+details{border-top:1px solid #ffffff0b}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:13px;font-weight:500;cursor:pointer;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:#83838c;font-size:20px;font-weight:300}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:1.8;color:#93939c;padding-bottom:20px}.legal-button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;color:#8e8e98;padding:22px 5px}.legal-button svg{width:14px;height:14px}dialog{width:calc(100% - 32px);max-width:430px;color:#f5f5f7;background:#1c1c1e;border:1px solid #333338;padding:28px;border-radius:25px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.close{position:absolute;right:17px;top:12px;color:#8e8e93;font-size:25px;width:30px;height:30px;text-align:center}.modal-icon{background:#22314b;color:#76abff;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;margin-bottom:24px}dialog h2{font-size:23px;letter-spacing:-.5px;line-height:1.2;margin-bottom:13px}dialog p{font-size:13px;line-height:1.8;color:#a1a1aa;white-space:pre-line;margin-bottom:25px}#toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);max-width:calc(100% - 32px);width:max-content;background:#e9eef8;color:#1a2435;border-radius:12px;padding:13px 19px;font-size:12px;box-shadow:0 5px 30px #0008;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}body.issued .orb-center{border-color:#b7d3ff;box-shadow:0 0 25px #7fb2ff55}.loading .primary svg{animation:rotate 2s linear infinite}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-6px) rotate(4deg)}}@keyframes orbit{50%{transform:rotate(-20deg) translateY(3px)}}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:600px){.app-shell{border-left:1px solid #17171b;border-right:1px solid #17171b}.topbar{padding-top:30px}.bottom-nav{border-left:1px solid #17171b;border-right:1px solid #17171b}body{background:radial-gradient(ellipse at 50% 25%,#0d1527,#070709 70%)}.hero{margin-top:3px}}@media(max-width:360px){.greeting h1,.page-heading h1{font-size:31px}.hero{padding:19px 18px 16px}.hero h2{font-size:26px}.trial-facts{gap:11px}.section-title h2{font-size:16px}.install-link{padding:9px 7px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
