@import url('fonts.css');
:root{font-family:Inter,Arial,sans-serif;color:#0a1736;background:#f6f8fd;font-synthesis:none;--ink:#0a1736;--muted:#485774;--surface:#fff;--line:#e7edf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;border:0;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #53b6ff;outline-offset:4px}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.masthead{height:424px;background:#06162d url('images/hero-tokyo.png') center center/cover no-repeat;color:#fff;overflow:hidden;position:relative}.masthead:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031023dd 0%,#03102399 28%,#03102305 64%)}.header{height:75px;padding:0 3.05%;display:flex;align-items:center;gap:65px;position:relative;z-index:3;border-bottom:1px solid #ffffff08}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>svg{width:54px;height:54px}.brand>span{display:flex;flex-direction:column;align-items:center}.brand b{font-size:32px;line-height:1.08;letter-spacing:-1px}.brand small{font-size:21px;line-height:1.15}.nav{display:flex;align-items:stretch;gap:30px;height:100%;white-space:nowrap}.nav>a,.nav>button{position:relative;display:flex;align-items:center;font-size:15px;font-weight:400;background:none;color:white;padding:0}.nav .active{color:#62ceff}.nav .active:after{content:'';position:absolute;bottom:11px;left:0;right:0;height:3px;background:#30b8ff}.nav a:hover,.nav button:hover{color:#67cfff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap}.header-actions button,.language{height:46px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:17px;font-size:15px}.header-actions .theme-toggle{height:27px;padding:2px 6px;border-radius:20px;background:#ffffff20;color:#fff;gap:6px}.theme-toggle .icon{width:20px;height:20px;fill:currentColor}.theme-toggle span{font-size:17px}.language,.login{padding:0 17px;background:#051c3870;color:#fff}.primary{background:linear-gradient(120deg,#138bff,#1475f7);color:#fff;border:1px solid #268eff;border-radius:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .2s,transform .2s}.primary:hover{background:#0068e8;transform:translateY(-1px)}.header-actions .register{border-radius:10px;padding:0 23px}.header-actions .menu-toggle{display:none}.hero{height:349px;position:relative;max-width:1800px;margin:auto}.hero-copy{padding:33px 0 0 3.9%;position:relative;z-index:2}.eyebrow{color:#8fccff;letter-spacing:1.2px;font-size:17px;font-weight:500;margin:0 0 8px}.hero h1{font-size:54px;letter-spacing:-1.1px;line-height:1.15;margin:0 0 14px;font-weight:800}.hero h1 span{display:block;font-size:40px;line-height:1.25;letter-spacing:-.7px}.hero-description{font-size:18px;line-height:1.45;margin:0;color:#f0f1f8}.hero-buttons{display:flex;gap:22px;margin-top:23px}.big{height:59px;padding:0 29px;font-size:16px}.outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff4a;background:#07122450;color:#fff;border-radius:10px;font-weight:600}.outline:hover{background:#ffffff15}.hero-script{position:absolute;left:49%;top:111px;font-family:Yellowtail,cursive;font-size:43px;line-height:1.15;color:#76baff;transform:rotate(-12deg);margin:0;text-shadow:0 2px 10px #092040}.hero-script span{display:block;text-align:center;margin-left:45px}
.phone{position:absolute;width:316px;height:468px;top:0;right:11.7%;padding:10px;background:#030609;border:2px solid #b0b2b4;border-radius:54px;box-shadow:0 0 0 2px #18222e,3px 0 2px #ffffff5c,inset 0 0 0 3px #363d44,0 15px 35px #0008;z-index:1}.phone:before,.phone:after{content:'';position:absolute;width:3px;height:47px;background:#89929b;left:-5px;top:107px;border-radius:2px}.phone:after{top:164px;height:34px}.phone-screen{height:100%;border-radius:41px;background:linear-gradient(145deg,#0a1e39,#16394c);overflow:hidden;padding:12px;color:#fff}.phone-status{display:flex;justify-content:space-between;font-size:11px;padding:0 14px}.notch{position:absolute;left:50%;transform:translateX(-50%);top:10px;width:94px;height:27px;background:#000;border-radius:0 0 19px 19px}.notch:after{content:'';position:absolute;left:12px;top:8px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#13436b,#020a12)}.phone-brand{justify-content:center;margin:31px 0 23px;gap:5px}.phone-brand>svg{width:34px;height:34px}.phone-brand b{font-size:20px;letter-spacing:-.5px}.phone-brand small{font-size:12px}.phone-card{padding:19px 16px 17px;background:linear-gradient(125deg,#ffffff0c,#ffffff07);border-radius:13px;margin-bottom:12px;box-shadow:inset 0 0 25px #7395b306}.connection{display:flex;align-items:flex-start;gap:10px}.connection>.flag{width:42px;height:32px;margin-top:1px}.connection b,.vpn-status b{font-size:15px;font-weight:500;white-space:nowrap}.connection small,.vpn-status small{display:block;color:#1cdf9a;font-size:12px;margin-top:9px;white-space:nowrap}.network{margin-left:auto;color:#a4ce75;font-weight:700;text-align:right}.network small{font-size:11px;color:#fff;margin-top:7px}.network mark{background:#637e33;color:#f1ffb9;border-radius:4px;padding:1px 2px}.usage-bar{height:12px;background:#34465f;border-radius:20px;margin:18px 0 10px;overflow:hidden}.usage-bar i{display:block;width:63%;height:100%;border-radius:20px;background:#13c793}.usage-label{display:flex;justify-content:space-between;font-size:12px}.vpn-status{display:flex;align-items:center;gap:13px;padding:19px 16px}.vpn-status>.icon{width:35px;height:40px;fill:#83d9d6;stroke:white}.location{margin-left:auto;text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:8px;font-size:12px}.location .flag{width:27px;height:18px}.phone-bottom{text-align:center;font-size:11px;color:#94b3c5;margin:25px 0}.flag{position:relative;display:inline-block;width:27px;height:20px;border-radius:4px;overflow:hidden;flex-shrink:0;vertical-align:middle;box-shadow:0 1px 3px #00000015}.flag.jp{background:#fff}.flag.jp:after{content:'';position:absolute;left:28%;top:20%;width:44%;height:60%;background:#e7192c;border-radius:50%}.flag.vn{background:#f42430}.flag.vn:after{content:'★';position:absolute;color:#ffdf38;inset:0;text-align:center;font-size:18px;line-height:20px}.flag.us{background:repeating-linear-gradient(#ee344b 0 1.54px,#fff 1.54px 3.08px)}.flag.us:after{content:'⁙⁙';position:absolute;left:0;top:0;width:45%;height:55%;background:#1552a0;color:#fff;font-size:12px;line-height:10px}.flag.world{background:none;box-shadow:none;color:#00a6ef}.flag.world .icon{width:24px;height:24px}
.benefit-strip{display:grid;grid-template-columns:minmax(0,2.23fr) minmax(300px,1fr);gap:34px;padding:17px 2.3% 9px 3.9%;min-height:117px;background:linear-gradient(120deg,#f9fbff,#f5f8fd)}.benefits{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:20px}.benefit{display:flex;gap:15px;align-items:flex-start}.benefit>.icon{width:33px;height:36px;color:#096fff;filter:drop-shadow(0 5px 7px #3679fc18)}.benefit:nth-child(3)>.icon{fill:#167bff;stroke:#fff;background:#167bff;border-radius:9px}.benefit b{display:block;font-size:12px;white-space:nowrap;margin:1px 0 7px}.benefit p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.travel-banner{display:flex;align-items:center;gap:28px;padding:16px 20px 14px 32px;border-radius:10px;background:linear-gradient(90deg,#dcecfdec,#d2e6fb9c),url('images/plane.jpg') center 46%/cover;min-height:91px}.travel-banner b{font-size:14px}.travel-banner small{display:block;font-size:12px;color:#425573;line-height:1.6;margin-top:4px}.plane-circle{display:grid;place-items:center;background:#ffffffa8;border-radius:50%;width:57px;height:57px;flex-shrink:0;color:#19a7ff}.plane-circle .icon{width:30px;height:30px;fill:currentColor;stroke-width:.5}.round-arrow{display:grid;place-items:center;margin-left:auto;border-radius:50%;background:#ffffffad;width:30px;height:30px;flex-shrink:0}
.products{display:grid;grid-template-columns:1.12fr 1fr;gap:29px;padding:0 2.3% 0 2.6%;background:linear-gradient(120deg,#f7faff,#f0f5fd 60%,#fafbfc)}.product-section{min-width:0;padding:17px 0 34px;scroll-margin-top:15px}.vpn-section{border-radius:13px 13px 0 0;background:linear-gradient(140deg,#ffffffd9,#ffffff50);padding:17px 0 16px 21px}.section-head{display:flex;gap:12px;align-items:center;margin-bottom:19px;min-height:48px}.section-icon{width:32px;height:38px;color:#2542ef}.section-head h2{font-size:24px;letter-spacing:-.6px;margin:0 0 5px;font-weight:700;white-space:nowrap}.section-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.view-all{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;font-size:12px;background:none;padding:0;color:#183564}.view-all .icon{width:20px;height:20px}.esim-grid,.vpn-grid{display:grid;gap:15px}.esim-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vpn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan{border-radius:11px;overflow:hidden;background:linear-gradient(140deg,var(--surface),#f7faff);box-shadow:0 5px 11px #1736680b,0 1px 3px #17366805;transition:transform .2s,box-shadow .2s}.plan:hover{transform:translateY(-4px);box-shadow:0 9px 22px #17366816}.plan-cover{position:relative;height:99px;overflow:hidden;background:#1c3c66}.plan-cover img{width:100%;height:100%;object-fit:cover;display:block}.plan[data-plan="jp"] .plan-cover img{object-position:center 53%}.plan[data-plan="vn"] .plan-cover img{object-position:center 55%}.plan-body{position:relative;padding:14px 14px 13px;border-radius:9px 9px 0 0;margin-top:-3px;background:linear-gradient(140deg,var(--surface),#f6f9ff)}.plan h3{display:flex;align-items:center;gap:7px;font-size:14px;margin:0 0 10px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.plan p{font-size:12px;font-weight:500;margin:0 0 13px}.price{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;letter-spacing:-.4px;margin-bottom:17px}.price small{font-size:11px;font-weight:600;letter-spacing:0;background:#e6ecf6;padding:4px 8px;border-radius:20px;white-space:nowrap}.buy-button{height:42px;width:100%;font-size:14px;border-radius:6px}.vplan .plan-cover{height:79px}.vplan .plan-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#03172a45)}.cover-symbol{position:absolute;left:16px;top:20px;z-index:1;color:#d4ffff;filter:drop-shadow(0 0 6px #18dbff)}.cover-symbol>.icon{width:35px;height:35px}.cover-symbol>.flag{width:40px;height:30px;filter:none}.vplan .plan-body{padding:12px 14px 11px}.vplan h3{margin-bottom:6px}.vplan p{color:var(--muted);font-weight:400;margin-bottom:6px}.vplan .price{font-size:19px;margin-bottom:9px}.vplan ul{list-style:none;padding:0;margin:0 0 15px;font-size:12px;line-height:1.8;color:var(--muted)}.vplan li:before{content:'✓';color:#00b976;font-size:15px;font-weight:600;margin-right:7px}.vplan .buy-button{height:38px;color:#fff;background:#06152c;border:0;font-weight:600}.vplan .buy-button.blue{background:linear-gradient(110deg,#282293,#073da5)}.vplan .buy-button.green{background:#008551}.vplan .buy-button:hover{filter:brightness(1.2)}
.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:95px;background:var(--surface);padding:18px 4%;border-top:1px solid #edf1f9}.stats{display:grid;grid-template-columns:repeat(4,1fr);width:65%;gap:30px}.stats>div{display:flex;align-items:center;gap:16px}.stats .icon{width:34px;height:36px;color:#59647a;stroke-width:1.9}.stats b{display:block;font-size:21px;white-space:nowrap}.stats small{display:block;font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap}blockquote{font-size:14px;margin:0;text-align:center;line-height:1.6}blockquote>div{display:flex;align-items:center;justify-content:center;gap:12px}.stars{color:#ffab0c;font-size:21px;letter-spacing:1px}cite{font-size:12px;font-style:normal;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;padding:34px;max-width:540px;width:calc(100% - 32px);color:var(--ink);background:var(--surface);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#03142dbb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:15px;width:34px;height:34px;font-size:28px;background:none;color:var(--muted)}.dialog-kicker{font-size:11px;font-weight:700;color:#168aff;letter-spacing:2px}dialog h2{font-size:25px;margin:12px 0 18px}#dialog-content{font-size:14px;line-height:1.7;color:var(--muted)}#dialog-content ul,#dialog-content ol{padding-left:21px}.dialog-done{padding:11px 23px;margin-top:18px}.selected-price{font-size:30px;color:var(--ink);font-weight:700}.demo-note{padding:13px 16px;background:#eff6ff;border-radius:10px;color:#3c587b}.catalog-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border-bottom:1px solid var(--line);padding:14px 0;text-align:left;gap:15px}.catalog-row:hover{color:#087cff}
body.dark{--ink:#edf4ff;--muted:#b2c0d7;--surface:#122039;--line:#2c3c57;background:#101d32;color:var(--ink)}.dark .benefit-strip,.dark .products{background:#0d1a30}.dark .vpn-section{background:#14233b}.dark .plan,.dark .plan-body{background:#172741}.dark .price small{background:#31415b}.dark .trust-strip{border-color:#24334d}.dark .view-all{color:#a5c9ff}.dark .travel-banner{color:#0a1736}.dark .demo-note{background:#1c3455;color:#c5dfff}
@media(min-width:1700px){.header{gap:85px}.products{gap:40px}.section-head p,.benefit p{font-size:13px}.plan-cover{height:120px}.vplan .plan-cover{height:100px}}
@media(max-width:1350px){.header{gap:35px}.brand b{font-size:27px}.brand small{font-size:18px}.brand>svg{width:46px}.nav{gap:21px}.nav>a,.nav>button{font-size:13px}.header-actions{gap:9px}.header-actions button,.language{font-size:13px}.language,.login{padding:0 12px}.hero h1{font-size:49px}.hero h1 span{font-size:34px}.hero-description{font-size:16px}.hero-script{font-size:36px;left:50%;top:127px}.phone{right:8%;width:295px}.benefit-strip{gap:20px;padding-left:3%}.benefits{gap:14px}.benefit{gap:8px}.benefit b{font-size:11px}.benefit p{font-size:11px}.benefit>.icon{width:28px}.travel-banner{gap:14px;padding-left:17px}.section-head{gap:8px}.section-head h2{font-size:21px}.section-head p{font-size:10px}.section-head .view-all{font-size:10px}.section-icon{width:27px}.products{gap:19px}.vpn-section{padding-left:15px}.esim-grid,.vpn-grid{gap:11px}.plan-body,.vplan .plan-body{padding-left:10px;padding-right:10px}.plan h3{font-size:12px}.plan p,.vplan ul{font-size:11px}.price{font-size:18px}.price small{font-size:10px;padding:4px 6px}.stats{gap:15px}.stats>div{gap:10px}.stats small{font-size:10px}blockquote{font-size:12px}cite{font-size:10px}}
@media(max-width:1100px){.header{gap:24px}.nav{gap:16px}.login{font-size:0!important;gap:0!important}.header-actions .theme-toggle{display:none}.hero-script{display:none}.phone{right:5%;width:282px}.hero h1 span{max-width:590px;font-size:32px}.hero-description{max-width:590px;font-size:15px}.benefit-strip{grid-template-columns:1fr;padding:20px 3%}.travel-banner{display:none}.benefit b{font-size:12px}.benefit p{font-size:12px}.products{grid-template-columns:1fr;padding:0 3%;gap:0}.vpn-section{padding:15px 0 25px;background:none}.section-head p{font-size:12px}.section-head .view-all{font-size:12px}.section-head h2{font-size:24px}.plan-cover{height:145px}.vplan .plan-cover{height:125px}.plan-body,.vplan .plan-body{padding:16px}.plan h3{font-size:15px}.plan p,.vplan ul{font-size:13px}.price{font-size:22px}.price small{font-size:12px}.trust-strip{flex-wrap:wrap;gap:20px}.stats{width:100%}blockquote{margin:auto;font-size:14px}.stats small{font-size:12px}}
@media(max-width:800px){.header{height:72px;padding:0 22px;gap:15px}.brand b{font-size:25px}.brand small{font-size:16px}.brand>svg{width:43px;height:43px}.header-actions .login,.language{display:none}.header-actions .register{padding:0 18px;height:40px}.header-actions .menu-toggle{display:flex;background:#ffffff15;color:white;border-radius:9px;width:40px;height:40px}.nav{display:none;position:absolute;top:65px;left:16px;right:16px;background:#102742;border:1px solid #ffffff20;border-radius:12px;padding:12px;height:auto;box-shadow:0 12px 30px #0005;gap:0}.nav.open{display:grid;grid-template-columns:repeat(3,1fr)}.nav>a,.nav>button{padding:14px 9px;justify-content:center;font-size:13px}.nav .active:after{bottom:5px;left:15px;right:15px}.masthead{height:610px;background-position:61% center}.masthead:before{background:linear-gradient(90deg,#031023e6,#03102345)}.hero{height:538px}.hero-copy{padding:31px 25px 0}.eyebrow{font-size:13px}.hero h1{font-size:44px}.hero h1 span{font-size:30px;max-width:530px}.hero-description{font-size:15px;max-width:520px}.hero-buttons{gap:12px;margin-top:21px}.big{height:49px;padding:0 18px;font-size:14px}.phone{top:293px;right:calc(50% - 140px);transform:scale(.8);transform-origin:top center}.hero-script{display:block;left:auto;right:5%;top:337px;font-size:29px}.benefits{grid-template-columns:repeat(3,1fr);gap:20px}.benefit b,.benefit p{font-size:11px}.benefit{gap:10px}.benefit>.icon{width:27px;height:30px}.benefit-strip{padding:23px}.esim-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.plan-cover{height:150px}.products{padding:0 22px}.section-head h2{font-size:22px}.section-head p{font-size:11px}.vpn-grid{gap:12px}.vplan .plan-body{padding:13px 10px}.vplan h3{font-size:12px}.vplan ul{font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.trust-strip{padding:25px}.stats b{font-size:21px}.stats small{font-size:11px}}
@media(max-width:480px){.header{padding:0 16px}.brand{gap:5px}.brand b{font-size:23px}.brand small{font-size:15px}.brand>svg{width:38px}.header-actions{gap:8px}.header-actions .register{font-size:12px;padding:0 13px}.hero-copy{padding:27px 20px 0}.eyebrow{font-size:11px;letter-spacing:1px}.hero h1{font-size:42px;margin-bottom:13px}.hero h1 span{font-size:29px;max-width:350px;line-height:1.25;margin-top:7px}.hero-description{font-size:13px;line-height:1.65}.hero-description br{display:none}.hero-buttons{gap:10px}.big{padding:0 14px;font-size:12px;gap:8px}.big .icon{width:20px;height:20px}.masthead{height:628px}.phone{top:324px}.hero-script{display:none}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.benefit:last-child{grid-column:1/-1}.benefit-strip{padding:22px 20px}.benefit b{font-size:12px}.benefit p{font-size:11px}.products{padding:0 16px}.product-section{padding-top:17px;padding-bottom:23px}.section-head{position:relative;gap:8px;margin-bottom:16px;padding-bottom:23px}.section-head h2{font-size:22px}.section-head p{font-size:10px}.section-head .view-all{position:absolute;bottom:0;right:0;font-size:11px}.section-icon{width:27px}.esim-grid{gap:13px}.plan-cover{height:111px}.plan-body{padding:12px 10px}.plan h3{font-size:13px;gap:6px}.plan p{font-size:11px}.price{font-size:19px;margin-bottom:14px}.price small{font-size:10px;padding:4px 6px}.buy-button{height:39px;font-size:13px}.vpn-grid{grid-template-columns:1fr}.vplan .plan-cover{height:125px}.vplan .plan-body{padding:16px}.vplan h3{font-size:16px}.vplan ul{font-size:13px}.vplan .price{font-size:23px}.vplan .buy-button{height:42px}.stats .icon{width:29px}.stats b{font-size:19px}.stats small{font-size:10px}.stats{gap:22px 12px}.trust-strip{padding:24px 20px;gap:24px}blockquote{font-size:12px}cite{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.section-head{margin-bottom:14px}.vplan li:before{line-height:1}