:root{--blue:#123fb3;--ink:#102b68;--paper:#f4f0e3;--cream:#fff9eb;--line:rgba(16,43,104,.2);--curve:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f9b447;outline-offset:5px}.skip{position:fixed;top:8px;left:8px;z-index:99;transform:translateY(-150%);background:#fff;color:#123fb3;padding:12px}.skip:focus{transform:none}.header{position:absolute;z-index:20;left:0;right:0;top:0;height:96px;padding:0 6%;display:flex;align-items:center;color:#fff;gap:48px;animation:appear .8s var(--curve) both}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.06em;font-size:24px;white-space:nowrap}.logo-symbol{font-size:32px;line-height:1;letter-spacing:0}.logo-vpn{font-size:12px;letter-spacing:.04em;margin-left:4px}.desktop-nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:600}.desktop-nav a,.login,.footer a{transition:opacity .3s var(--curve)}.desktop-nav a:hover,.login:hover,.footer a:hover{opacity:.65}.login{font-size:14px;font-weight:600;white-space:nowrap}.login span{margin-left:12px}.menu-toggle{display:none}.mobile-menu{display:none}.hero{height:min(900px,100svh);min-height:700px;position:relative;overflow:hidden;background:#113a98;color:#fff}.hero-art{position:absolute;inset:0;background:linear-gradient(180deg,#132650 0%,#29427a 28%,#8d639b 48%,#f4a27e 63.6%,#2d2959 63.8%,#121b44 100%)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,34,108,.62) 0%,rgba(4,34,108,.3) 38%,transparent 70%)}.hero-cloud{position:absolute;pointer-events:none;opacity:.2;filter:blur(20px);border-radius:50%;background:#fff5da;mix-blend-mode:screen}.cloud-one{width:240px;height:40px;right:4%;top:44%;animation:cloud-drift 18s var(--curve) infinite alternate}.cloud-two{width:150px;height:20px;right:24%;top:52%;animation:cloud-drift 24s var(--curve) infinite alternate-reverse;opacity:.12}.hero-inner{position:relative;height:100%;padding:0 8%;display:flex;align-items:center}.hero-copy{max-width:620px;padding-top:32px}.eyebrow,.mini-label,.section-index,.hero-side-note,.scroll-cue,.hero-bottom,.key-caption span,.final-coordinate,.footer-bottom{font-size:12px;font-weight:700;letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-star{font-size:20px}.hero h1{font-size:clamp(60px,7vw,96px);line-height:1;letter-spacing:-.065em;font-weight:600;margin:32px 0 24px;text-wrap:balance}.hero h1 span{color:#f7ecd6}.hero-description{max-width:430px;font-size:18px;line-height:28px;color:rgba(255,255,255,.88);margin:0 0 32px;text-wrap:pretty}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:16px 24px;border-radius:6px;font-size:14px;font-weight:700;transition:transform .5s var(--curve),background-color .3s var(--curve),color .3s var(--curve)}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.98)}.button span{font-size:20px}.button-light{background:#fff8e9;color:#143b9b}.button-light:hover{background:#fff}.button-blue{background:#1645bd;color:white;margin-top:48px}.button-blue:hover{background:#0b2d88}.hero-note{margin-top:24px;font-size:12px;color:rgba(255,255,255,.83);display:flex;gap:8px;align-items:center}.tiny-spark{font-size:18px}.hero-side-note{position:absolute;right:6%;top:30%;display:flex;align-items:flex-start;gap:16px;line-height:1.6;color:rgba(255,255,255,.8)}.hero-side-note span:first-child{font-size:12px}.scroll-cue{position:absolute;bottom:96px;left:8%;display:flex;align-items:center;gap:16px;font-size:12px}.scroll-line{height:1px;width:48px;background:rgba(255,255,255,.7)}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;height:48px;border-top:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:space-between;font-size:12px}.hero-reveal{animation:appear .8s var(--curve) both}.hero-copy .hero-reveal:nth-child(2){animation-delay:.08s}.hero-copy .hero-reveal:nth-child(3){animation-delay:.14s}.hero-copy .hero-reveal:nth-child(4){animation-delay:.2s}.hero-copy .hero-reveal:nth-child(5){animation-delay:.26s}.hero-side-note,.scroll-cue{animation-delay:.36s}.section-pad{padding:96px 8%}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.section-decoration{font-size:24px}.intro{background:#f6f1e6}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin:96px 0 80px}.mini-label{margin:0 0 24px}.intro h2,.steps h2,.faq h2,.final-cta h2{font-size:clamp(48px,5vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.06em;margin:0;text-wrap:balance}.intro h2 span{color:#8b9fc9}.intro-body{max-width:420px;justify-self:end;font-size:16px;line-height:28px}.intro-body .lead{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.03em}.intro-body p{margin:0 0 24px}.text-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:14px;font-weight:700}.text-link span{font-size:20px;transition:transform .4s var(--curve)}.text-link:hover span{transform:translate(3px,-3px)}.key-visual{height:340px;background:#e5e9e4;position:relative;overflow:hidden;display:grid;place-items:center}.key-orbit{position:absolute;border:1px solid rgba(22,69,189,.27);border-radius:50%;width:440px;height:440px}.orbit-b{width:620px;height:620px}.key-core{width:112px;height:112px;background:#1645bd;border-radius:50%;color:#f9f3e4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 0 0 12px rgba(22,69,189,.07)}.key-core span{font-size:40px;line-height:1}.key-core small{font-size:10px;letter-spacing:.12em}.key-caption{position:absolute;top:50%;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.key-caption span{color:#7588a1}.key-caption strong{font-size:16px;font-weight:600}.key-caption-left{left:8%}.key-caption-right{right:8%;text-align:right}.orbit-point{width:9px;height:9px;background:#1645bd;border-radius:50%;position:absolute;top:50%;left:50%}.point-a{animation:orbit 16s linear infinite;transform:rotate(0) translateX(220px)}.point-b{animation:orbit 24s linear infinite reverse;transform:rotate(0) translateX(310px);opacity:.55}.statement{background:#1744ba;color:#faf5e9;overflow:hidden}.statement .section-top{border-color:rgba(255,255,255,.3)}.statement-wrap{position:relative;padding:128px 0 96px}.statement h2{max-width:1000px;font-size:clamp(36px,5vw,60px);line-height:1.13;letter-spacing:-.05em;font-weight:600;margin:0;text-wrap:balance}.word-reveal span{color:rgba(255,255,255,.3);transition:color .8s var(--curve)}.word-reveal span.lit{color:#fff8e9}.statement-mark{position:absolute;right:0;bottom:-40px;font-size:240px;line-height:1;color:rgba(255,255,255,.1)}.steps{background:#f6f1e6}.steps-title{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:96px 0 64px}.steps-title>p{max-width:320px;line-height:28px;margin:0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:#eae9dd;padding:24px;min-width:0}.step-number{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;font-weight:700}.step-number span{font-size:20px}.step-illustration{height:180px;display:grid;place-items:center}.illustration-sun{font-size:96px;color:#1744ba;line-height:1;animation:sunturn 28s linear infinite}.illustration-key{height:88px;width:88px;display:grid;place-items:center;border:1px solid #1744ba;border-radius:50%;box-shadow:0 0 0 16px #eae9dd,0 0 0 17px rgba(23,68,186,.4),0 0 0 32px #eae9dd,0 0 0 33px rgba(23,68,186,.2);font-size:40px}.illustration-route{display:flex;align-items:center;gap:24px}.illustration-route i{width:16px;height:16px;border-radius:50%;background:#1744ba;box-shadow:0 0 0 8px rgba(23,68,186,.12);animation:pulse 2.4s var(--curve) infinite}.illustration-route i:nth-child(2){animation-delay:.3s}.illustration-route i:nth-child(3){animation-delay:.6s}.step h3{font-size:20px;line-height:28px;letter-spacing:-.03em;margin:0 0 12px}.step p{font-size:14px;line-height:24px;max-width:290px;margin:0;color:#485e87}.faq{background:#e7e9de}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:96px}.faq-intro{max-width:310px;line-height:28px;margin-top:24px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;font-size:16px;font-weight:700}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;transition:transform .4s var(--curve)}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;line-height:24px;color:#42577b;max-width:500px;margin:0 0 24px}details p a{text-decoration:underline}.final-cta{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:#123d9e;color:#fff}.final-art{position:absolute;inset:0;background:radial-gradient(ellipse 42% 30% at 48% 58%,rgba(255,196,136,.52) 0%,rgba(232,126,138,.22) 55%,transparent 100%),linear-gradient(180deg,#182c5c 0%,#3c4480 28%,#9c6498 48%,#f6a47e 58%,#2f2b5c 58.3%,#111b45 100%);opacity:.42}.final-inner{position:relative;z-index:1}.final-cta h2{font-size:clamp(48px,6vw,72px)}.final-inner>p:not(.mini-label){margin:24px 0 32px;font-size:18px}.final-coordinate{position:absolute;right:8%;bottom:48px}.footer{background:#0e2d72;color:#f8f2e5;padding:64px 8% 24px}.footer>p{font-size:14px;color:#bac9e5}.footer-links{display:flex;gap:32px;margin:48px 0;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.25);padding-top:24px;display:flex;justify-content:space-between;font-size:12px;color:#b9c9e8}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--curve),transform .8s var(--curve)}.reveal.visible{opacity:1;transform:none}@keyframes appear{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes cloud-drift{from{transform:translateX(-12px)}to{transform:translateX(12px)}}@keyframes orbit{to{transform:rotate(360deg) translateX(220px)}}@keyframes sunturn{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@media(max-width:800px){.header{height:80px;padding:0 6%}.desktop-nav,.login{display:none}.header-actions{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;width:48px;height:48px;color:#fff}.menu-toggle span{display:block;height:1px;background:currentColor;width:24px;transition:transform .4s var(--curve)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;position:fixed;inset:0;z-index:19;background:rgba(11,40,112,.97);color:#fff;padding:128px 8% 48px}.mobile-menu nav{display:flex;flex-direction:column;gap:32px;font-size:24px;font-weight:600}.hero{min-height:720px;height:100svh;max-height:900px}.hero-art{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(4,34,108,.72),rgba(4,34,108,.12))}.hero-inner{align-items:flex-start;padding-top:170px}.hero-copy{padding:0}.hero h1{font-size:60px}.hero-description{font-size:16px;line-height:24px;max-width:340px}.hero-side-note{display:none}.scroll-cue{bottom:80px}.hero-bottom span:nth-child(2){display:none}.section-pad{padding:64px 6%}.intro-grid,.faq-grid{grid-template-columns:1fr;gap:40px;margin-top:64px}.intro-grid{margin-bottom:48px}.intro-body{justify-self:start}.key-visual{height:280px}.key-caption{top:auto;bottom:24px;transform:none}.key-caption-left{left:24px}.key-caption-right{right:24px}.key-caption strong{font-size:14px}.key-caption span{font-size:10px}.key-orbit{width:300px;height:300px}.orbit-b{width:440px;height:440px}.orbit-point{display:none}.statement-wrap{padding:80px 0 64px}.statement-mark{font-size:160px}.steps-title{display:block;margin:64px 0 40px}.steps-title>p{margin-top:24px}.step-grid{grid-template-columns:1fr}.step{min-height:260px}.step-illustration{height:140px}.faq-grid{gap:40px}.final-cta{min-height:520px}.final-art{background-position:65% center}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-bottom{gap:16px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:380px){.hero h1{font-size:48px}.hero-description{max-width:290px}.key-caption span{font-size:9px}.key-caption strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.word-reveal span{color:#fff8e9}}
.key-visual:not(.in-view) .orbit-point,.step-illustration:not(.in-view) .illustration-sun,.step-illustration:not(.in-view) .illustration-route i{animation-play-state:paused}.point-b{animation-name:orbit-wide}@keyframes orbit-wide{to{transform:rotate(360deg) translateX(310px)}}
.hero-side-note{display:none}.scroll-cue{left:auto;right:8%;bottom:72px}@media(max-width:800px){.scroll-cue{right:6%;bottom:72px}}
@media(max-width:800px){.hero-art{background-position:75% center}.hero-shade{background:rgba(4,34,108,.45)}}