/* 海联VPN：原创品牌视觉 · Mobile-first responsive web */
:root{--brand-primary:#5e6cff;--brand-accent:#61ddc3;--brand-ink:#0c1740;--navy:#0b1238;--navy-2:#101d54;--muted:#66708b;--soft:#f5f7fd;--line:#e6eaf5;--white:#fff;--container:1216px;--shadow:0 24px 68px rgba(25,35,100,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:#172247;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}p{line-height:1.85}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:clamp(48px,6.2vw,91px);line-height:1.17;font-weight:800}h2{font-size:clamp(34px,4.2vw,60px);line-height:1.22;font-weight:780}h3{font-size:clamp(22px,2.5vw,36px);line-height:1.32}::selection{background:#a7b5ff;color:#0b1238}:focus-visible{outline:3px solid var(--brand-accent);outline-offset:4px}.wrap{width:min(calc(100% - 64px),var(--container));margin:0 auto}.skip-link{position:fixed;top:-200px;left:10px;background:#fff;color:#101d54;padding:12px;z-index:400}.skip-link:focus{top:10px}.kicker{display:inline-block;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;color:#6670dc}.kicker.on-dark{color:#8fe2d7}.section-pad{padding:106px 0}.light-section{background:#fff}.offwhite{background:#f6f8fd}.section-heading{margin-bottom:45px}.section-heading h2{color:#142046;margin:14px 0 17px}.section-heading p{max-width:570px;color:var(--muted);font-size:16px;margin:0}.section-heading.center{text-align:center}.section-heading.center p{margin:0 auto}
/* navigation */
.site-header{position:absolute;left:0;right:0;top:0;z-index:80;color:#fff}.nav-wrap{height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:40px;height:40px}.brand-name{font-size:21px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand small{display:block;border-left:1px solid rgba(255,255,255,.26);padding-left:12px;margin-left:5px;font-size:9px;letter-spacing:.22em;font-weight:800;opacity:.68}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,39px);margin-left:auto;margin-right:auto}.desktop-nav a{font-size:14px;font-weight:600;opacity:.79;position:relative;white-space:nowrap;padding:8px 0;transition:opacity .2s}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{opacity:1}.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--brand-accent);border-radius:9px}.nav-actions{display:flex;align-items:center;gap:12px}.nav-download{display:flex;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.28);padding:13px 19px;border-radius:100px;font-size:13px;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:background .2s}.nav-download:hover{background:rgba(255,255,255,.19)}.menu-toggle{display:none;background:transparent;border:0;color:#fff;padding:7px;width:40px;height:40px}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px auto;border-radius:10px}.mobile-nav[hidden]{display:none!important}.mobile-nav{background:#101d4b;border-top:1px solid rgba(255,255,255,.16);padding:12px 24px 25px;box-shadow:0 20px 30px rgba(0,0,0,.15)}.mobile-nav a{display:block;padding:13px 0;color:#fff;font-size:15px;border-bottom:1px solid rgba(255,255,255,.09)}.mobile-nav .mobile-download{border:0;border-radius:12px;text-align:center;background:#f6f9ff;color:#151e57;font-weight:800;margin-top:15px;padding:15px}
/* hero */
.hero{background:radial-gradient(circle at 72% 37%,rgba(70,93,219,.47) 0,transparent 31%),radial-gradient(circle at 18% 21%,rgba(61,105,202,.22),transparent 38%),linear-gradient(117deg,#070e2c 0%,#101c56 60%,#171a54 100%);color:#fff;position:relative;overflow:hidden;min-height:780px;padding:132px 0 29px}.hero-noise{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.24) .65px,transparent .65px);background-size:35px 35px;mask-image:linear-gradient(to right,transparent 0,#000 75%)}.orbit{position:absolute;border:1px solid rgba(134,168,250,.13);border-radius:50%;pointer-events:none}.orbit-1{width:880px;height:880px;right:-350px;top:-150px}.orbit-2{width:630px;height:630px;right:-235px;top:35px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:26px;min-height:590px;position:relative;z-index:1}.hero-copy{padding-bottom:48px}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(154,176,255,.23);background:rgba(255,255,255,.05);border-radius:60px;padding:11px 17px;font-size:12px;letter-spacing:.07em;color:#d7e1ff;font-weight:700}.eyebrow-dot,.green-dot{width:8px;height:8px;background:#58edca;border-radius:50%;box-shadow:0 0 0 5px rgba(90,241,207,.12)}.hero h1{margin:30px 0 24px;letter-spacing:-.065em}.gradient-text{background:linear-gradient(95deg,#fff 10%,#aab5ff 56%,#6de5d8 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-sub{font-size:17px;color:#c7d4ef;line-height:1.9;margin-bottom:23px;max-width:520px}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:33px}.feature-pills span{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:9px 13px;font-size:12px;font-weight:650;color:#d9e0f7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 25px;border-radius:100px;line-height:1.1;font-weight:780;white-space:nowrap;min-height:54px;font-size:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-3px)}.btn-white{background:#fff;color:#17205c;box-shadow:0 12px 35px rgba(10,18,70,.18)}.btn-white:hover{box-shadow:0 18px 40px rgba(8,12,50,.25)}.btn-outline{border:1px solid rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.06)}.btn-outline:hover{background:rgba(255,255,255,.15)}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 12px 30px rgba(91,104,234,.16)}.btn-primary:hover{background:#4d5aea}.hero-devices{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:38px;color:rgba(231,235,255,.56);font-size:12px}.hero-devices a{color:#fff;font-weight:750;opacity:.84}.hero-devices a:hover{opacity:1;text-decoration:underline}.hero-bottomline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.11);font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.44);padding-top:23px;position:relative;z-index:1}.hero-bottomline span:last-child{letter-spacing:.02em;font-size:12px}
/* hero phone */
.hero-visual{height:610px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-glow{position:absolute;inset:45px 9% 40px 7%;z-index:-1;background:radial-gradient(ellipse at center,rgba(98,106,249,.4),transparent 66%);filter:blur(35px)}.phone{background:#09122f;border:8px solid #f3f5ff;border-radius:47px;width:280px;height:565px;padding:7px;box-shadow:0 37px 80px rgba(0,3,25,.55),inset 0 0 0 1px rgba(21,24,59,.6);position:relative;transform:rotate(-7deg)}.phone:before{content:"";position:absolute;inset:-3px;border:2px solid #b8c5f7;border-radius:44px;pointer-events:none}.phone-speaker{width:88px;height:22px;border-radius:0 0 18px 18px;background:#09122f;position:absolute;top:8px;left:calc(50% - 44px);z-index:3}.phone-screen{height:100%;border-radius:32px;background:radial-gradient(circle at 48% 38%,rgba(50,99,177,.36),transparent 45%),linear-gradient(150deg,#172967,#0b143c 75%);overflow:hidden;position:relative;padding:18px 17px 12px;color:#fff}.phone-status{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin:2px 7px 35px}.phone-mini-brand{text-align:center;font-size:17px;font-weight:800}.mini-logo{color:#7cf2dc;font-size:22px}.connection-state{text-align:center;margin-top:32px;color:#a7f7e1;font-size:12px;letter-spacing:.04em}.connected-dot{display:inline-block;background:#7af0cc;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:5px}.radar-orbit{width:177px;height:177px;border:1px solid rgba(106,203,253,.25);border-radius:50%;margin:13px auto 26px;display:grid;place-items:center;box-shadow:0 0 0 19px rgba(110,184,251,.055),0 0 0 38px rgba(110,184,251,.027),inset 0 0 60px rgba(117,144,245,.16)}.radar-inner{height:110px;width:110px;border-radius:50%;background:linear-gradient(125deg,#9df2e0,#5d74ed);box-shadow:0 0 30px rgba(107,225,208,.32);display:grid;place-items:center;font-size:43px;font-weight:200;transform:rotate(45deg)}.mock-country{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);padding:11px 12px;font-size:12px}.mock-country .flag{font-size:19px}.mock-country span:nth-child(2){font-weight:700;flex:1}.mock-country small{display:block;color:#a1b5dc;font-size:10px;margin-top:3px}.phone-bottom-tabs{display:flex;justify-content:space-around;position:absolute;bottom:0;left:0;right:0;padding:16px 8px 24px;background:rgba(3,9,34,.33)}.phone-bottom-tabs span{text-align:center;font-size:17px;color:#b9c3e2}.phone-bottom-tabs small{display:block;font-size:9px;margin-top:4px}.floating-label{display:flex;gap:11px;align-items:center;position:absolute;z-index:5;padding:12px 15px;background:rgba(255,255,255,.94);backdrop-filter:blur(9px);color:#18264f;border-radius:18px;box-shadow:0 17px 40px rgba(0,0,0,.25);font-size:12px}.floating-label b{display:block;font-size:12px}.floating-label small{display:block;margin-top:2px;color:#78849d;font-size:10px}.label-icon{display:grid;place-items:center;background:#e9edff;border-radius:12px;width:35px;height:35px;color:#5967d9;font-size:22px}.label-icon.mint{color:#169d8f;background:#d8fff5}.floating-left{left:-5px;top:123px;transform:rotate(-6deg)}.floating-right{right:-13px;bottom:125px;transform:rotate(6deg)}.arc{position:absolute;border-radius:100%;width:10px;height:10px;background:#78f1da;box-shadow:0 0 20px #7af5e1}.arc-a{top:12%;right:18%}.arc-b{bottom:15%;left:18%;width:6px;height:6px;background:#bbc6ff}
/* features */
.intro-section{padding:105px 0 116px}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,130px);align-items:center;margin-top:60px;min-height:515px}.story-row.reverse .story-art{order:2}.story-row.reverse .story-copy{order:1}.story-copy h3{color:#172245;font-size:clamp(30px,3.6vw,49px);line-height:1.23;margin:18px 0 22px}.story-copy p{color:#75809a;font-size:16px;line-height:2;max-width:470px}.text-link{font-size:14px;font-weight:800;color:#4a5de9;display:inline-flex;align-items:center;gap:16px;margin-top:17px}.text-link:hover{gap:23px}.story-art{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.visual-panel{width:min(100%,440px);min-height:400px;border-radius:30px;position:relative}.connection-panel{background:radial-gradient(circle at 50% 35%,#ffffff 0%,#eef2ff 70%,#e4eaff 100%);border:1px solid #ecedff;box-shadow:var(--shadow);padding:29px}.panel-pill{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#5667a9;border:1px solid #dfE4f8;border-radius:100px;background:#fff;padding:9px 14px}.panel-ring{width:194px;height:194px;border:1px solid rgba(102,131,247,.2);border-radius:50%;margin:18px auto 20px;display:grid;place-items:center;box-shadow:0 0 0 21px rgba(93,127,238,.05),0 0 0 43px rgba(93,127,238,.03)}.panel-ring>div{width:118px;height:118px;background:linear-gradient(135deg,#6ce9d1,#6877f1);display:grid;place-items:center;border-radius:50%;font-size:64px;color:#fff;box-shadow:0 15px 30px rgba(83,107,209,.3)}.panel-controller{border-radius:17px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#6b7691;font-size:12px}.panel-controller b{color:#1a2754;font-size:13px}.panel-controller b span{margin-left:10px;color:#7b88a9}.panel-tabs{display:flex;justify-content:space-around;margin-top:16px;color:#7b8ba9;font-size:12px}.art-star{position:absolute;color:#6977e9;font-size:33px;right:40px;top:0}.country-panel{padding:40px;box-shadow:var(--shadow);background:linear-gradient(158deg,#eef3ff,#e3e9ff);border:1px solid #dfe8ff}.panel-topline{font-size:21px;color:#1e2b59;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-topline span{color:#6973b2;font-size:11px;padding:7px 12px;background:#fff;border-radius:100px}.country-item{background:rgba(255,255,255,.85);padding:15px 18px;border-radius:13px;margin:11px 0;display:flex;align-items:center;gap:16px;font-size:17px;box-shadow:0 5px 12px rgba(65,73,155,.035)}.country-item b{flex:1;font-size:14px;font-weight:700}.country-item i{font-size:18px;font-style:normal;color:#9ca6c0}.country-item i.selected{color:#2fb68b}.country-note{text-align:center;font-size:11px;color:#8995ae;margin-top:20px}
/* statement */
.statement-section{background:radial-gradient(circle at 100% 0,rgba(106,137,255,.25),transparent 37%),linear-gradient(125deg,#0c1643,#18236b);padding:100px 0;color:white}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.statement-grid h2{margin:20px 0 0;color:#fff}.statement-grid h2 span{color:#8fece0}.statement-grid-right>p{color:#c0cae9;font-size:16px;line-height:2;margin-bottom:40px}.statement-facts{display:flex;gap:45px;flex-wrap:wrap}.statement-facts span{font-size:12px;color:#b4c0e6}.statement-facts b{font-size:42px;display:block;color:#fff;margin-bottom:10px;line-height:1}
/* pricing */
.plans-preview{padding:110px 0}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-card{border:1px solid #e6eaf5;border-radius:21px;padding:27px 23px 24px;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(22,38,91,.035);min-width:0;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-7px);box-shadow:0 26px 55px rgba(37,54,113,.12)}.plan-card.featured{background:linear-gradient(162deg,#f0f1ff,#fbfbff);border-color:#a4afff;box-shadow:0 20px 50px rgba(79,91,212,.1)}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.plan-card h3{margin:0;font-size:20px;white-space:nowrap}.plan-card>p{color:#8a93ac;font-size:13px;margin:15px 0 25px;min-height:22px}.popular{background:#6371f1;color:#fff;border-radius:30px;padding:6px 8px;font-size:10px;font-weight:800;white-space:nowrap}.plan-price{font-size:44px;font-weight:820;letter-spacing:-.075em;white-space:nowrap;color:#17224d}.plan-price sup{font-size:19px;vertical-align:super;margin-right:4px}.plan-price small{font-size:10px;color:#929bb0;letter-spacing:0;margin-left:4px}.plan-divider{height:1px;background:#e6eaf4;margin:25px 0}.plan-card ul{margin:0 0 27px;padding:0;list-style:none;flex:1}.plan-card li{font-size:12px;line-height:1.65;color:#737f98;padding:8px 0 8px 19px;position:relative}.plan-card li:before{content:"✓";position:absolute;left:0;color:#28aa9c;font-weight:900}.plan-button{display:block;background:#eff2ff;color:#5366d8;text-align:center;border-radius:12px;padding:14px 8px;font-weight:800;font-size:12px}.featured .plan-button{background:#5e6cff;color:#fff}.plan-note{font-size:12px;color:#939bad;margin-top:22px}.info-note{border:1px solid #e2e7f9;background:#f8faff;color:#69768e;border-radius:16px;padding:18px 23px;margin-top:27px;font-size:13px;line-height:1.9}.info-note strong{color:#344474}
/* faq */
.faq-home{padding:110px 0;background:#f6f8fd}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px}.faq-grid h2{margin:18px 0}.faq-grid>div:first-child>p{color:#7a85a0;max-width:380px}.faq-list{min-width:0}.faq-item{border-bottom:1px solid #dce3f0}.faq-item:first-child{border-top:1px solid #dce3f0}.faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0;cursor:pointer;font-weight:750;font-size:16px;color:#253055}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:23px;color:#6678e6;font-weight:400;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:-4px 0 23px;font-size:14px;color:#7e899e;max-width:690px}
/* device download */
.download-section{padding:102px 0 108px;color:#fff;background:radial-gradient(circle at 50% 10%,rgba(68,111,216,.25),transparent 46%),#0d1743;overflow:hidden}.download-section .section-heading h2,.download-section .section-heading p{color:#fff}.download-section .section-heading p{color:#c1cee8}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:52px}.device-card{background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.17);border-radius:23px;padding:31px 24px 28px;min-height:223px;position:relative;transition:transform .2s,border-color .2s}.device-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.5)}.device-image{height:77px;width:77px;background:rgba(255,255,255,.12);display:grid;place-items:center;border-radius:21px;margin-bottom:20px}.device-image img{width:45px;height:45px}.device-card b{display:block;font-size:18px}.device-card small{display:block;color:#b0bddc;font-size:12px;margin-top:6px}.device-arrow{position:absolute;right:23px;bottom:25px;font-size:21px;color:#9ce2dc}.download-final{text-align:center;margin-top:45px}.download-final p{font-size:11px;color:#8fa0c9;margin-top:12px}
/* footer */
.site-footer{background:#08112f;color:#fff;padding-top:72px}.footer-top{display:grid;grid-template-columns:2.3fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:65px}.footer-brand p{font-size:13px;color:#8c9bc4;margin-top:22px}.footer-links{display:flex;flex-direction:column;gap:13px}.footer-links h3{font-size:13px;letter-spacing:.09em;margin:3px 0 10px}.footer-links a{color:#98a6c9;font-size:13px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:#697ba6;border-top:1px solid rgba(255,255,255,.11);font-size:11px;padding:22px 0}
/* subpages */
.subhero,.article-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 32%,rgba(90,105,228,.31),transparent 32%),linear-gradient(112deg,#080f32,#17225b);padding:174px 0 107px;color:#fff}.subhero:after,.article-hero:after{content:"";position:absolute;right:-120px;top:70px;width:550px;height:550px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.02),0 0 0 175px rgba(255,255,255,.016);pointer-events:none}.subhero h1,.article-hero h1{font-size:clamp(45px,5.4vw,75px);margin:18px 0 18px;max-width:910px}.subhero h1 span,.article-hero h1 span{color:#8bdfd6}.subhero p,.article-hero>div>p{color:#c6d0ec;font-size:17px;max-width:680px;margin-bottom:0}.split-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.split-panel h2{margin:18px 0;color:#1b2753}.check-list>div{display:flex;gap:22px;padding:19px 0;border-bottom:1px solid #e0e5f0}.check-list>div>b{color:#5f6cda;font-size:20px}.check-list strong{display:block;color:#283456}.check-list small{display:block;margin-top:6px;color:#7a859c;line-height:1.7;font-size:13px}.download-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.download-platform{display:grid;grid-template-columns:70px 1fr;column-gap:20px;position:relative;background:#fff;border:1px solid #e4e9f6;border-radius:22px;padding:29px;min-height:240px}.platform-icon{width:66px;height:66px;border-radius:18px;background:#eef1ff;display:grid;place-items:center;grid-row:span 2}.platform-icon img{width:36px;height:36px}.platform-type{color:#7b8bad;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.download-platform h3{margin:7px 0 9px;font-size:25px}.download-platform p{font-size:13px;color:#7d8a9f;margin:0;line-height:1.8}.platform-links{grid-column:1 / -1;display:flex;align-items:center;gap:20px;margin-top:24px}.platform-links .btn{padding:13px 19px;min-height:45px;font-size:12px}.minor-link{font-size:12px;font-weight:800;color:#5868cd}.step-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-cards>div{padding:32px;border-radius:20px;background:#fff;border:1px solid #e7eaf5;min-height:226px}.step-cards>div>span{color:#6571e6;font-size:34px;font-weight:800}.step-cards h3{font-size:20px;margin:21px 0 8px}.step-cards p{font-size:13px;color:#77839a;margin-bottom:0}
/* help */
.help-search{margin-top:34px;display:flex;align-items:center;gap:13px;padding:0 18px;background:#fff;border-radius:15px;width:min(100%,595px);height:60px;color:#495b83;position:relative;z-index:1}.help-search>span{font-size:27px}.help-search input{border:0;outline:0;flex:1;min-width:0;height:100%;color:#182348;font-size:14px;background:transparent}.help-search kbd{color:#7c86a5;background:#eff1f9;border-radius:6px;padding:4px 7px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.guide-card{display:flex;gap:17px;align-items:flex-start;padding:25px;border:1px solid #e2e7f3;border-radius:18px;transition:transform .2s,box-shadow .2s;background:#fff}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.guide-card[hidden]{display:none}.guide-symbol{width:47px;height:47px;background:#edf1ff;border-radius:14px;display:grid;place-items:center;color:#6470d8;font-size:22px;flex-shrink:0}.guide-card>div:nth-child(2){flex:1}.guide-card span{font-size:11px;color:#6b7bd5;font-weight:800}.guide-card h3{font-size:17px;letter-spacing:-.02em;margin:8px 0}.guide-card p{font-size:12px;color:#8992aa;line-height:1.7;margin:0}.guide-card>b{color:#94a1c5}.empty-state{padding:22px;text-align:center;color:#7c85a0}
/* article */
.article-hero{padding-bottom:84px}.article-hero h1{font-size:clamp(36px,4.6vw,63px)}.breadcrumbs{display:flex;gap:11px;align-items:center;font-size:12px;color:#9aabd1;margin-bottom:37px;flex-wrap:wrap}.breadcrumbs a:hover{color:#fff}.article-tags{margin-top:25px;display:flex;gap:10px}.article-tags span{font-size:11px;border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:6px 12px;color:#c4d2ed}.article-body-section{background:#f8faff;padding:75px 0 105px}.article-layout{display:grid;grid-template-columns:250px 1fr;gap:60px;align-items:start}.article-sidebar{position:sticky;top:30px}.article-sidebar>div:first-child{padding:25px;border-radius:17px;background:#fff;border:1px solid #e5e9f6;display:flex;flex-direction:column;gap:17px}.article-sidebar>div:first-child span{font-size:12px;font-weight:800;color:#6b7aa0;margin-bottom:3px}.article-sidebar a{font-size:13px;color:#566585;font-weight:650}.article-sidebar a:hover{color:#5364dc}.article-sidebar-cta{background:#172355;border-radius:18px;color:#fff;padding:24px;margin-top:15px}.article-sidebar-cta b{font-size:14px}.article-sidebar-cta p{color:#b9c4e0;font-size:12px;line-height:1.8;margin:8px 0 17px}.article-sidebar-cta a{font-size:12px;color:#79e9d9}.article-main{background:#fff;padding:47px;border:1px solid #e7eafa;border-radius:24px;min-width:0}.article-block{padding:0 0 46px;margin-bottom:43px;border-bottom:1px solid #ebedf5;scroll-margin-top:30px}.article-block h2{font-size:29px;color:#233052;margin:15px 0 28px}.article-steps{display:flex;flex-direction:column;gap:25px}.article-step{display:flex;align-items:flex-start;gap:23px}.article-step>span{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;background:#eff1ff;color:#6473d9;border-radius:14px;font-weight:820}.article-step h3{font-size:18px;margin:4px 0 9px}.article-step p{color:#7b87a0;font-size:14px;margin:0}.guide-tips{padding-left:19px;color:#758199;line-height:2;font-size:14px}.guide-tips li{margin-bottom:13px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.related-grid a{display:flex;justify-content:space-between;gap:8px;background:#f2f5ff;padding:16px;border-radius:12px;font-size:13px;font-weight:750;color:#4b5bd1}.article-final{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f3f5ff;padding:25px 28px;border-radius:17px}.article-final h3{font-size:20px;margin:0 0 5px}.article-final p{font-size:12px;color:#7b87a1;margin:0}
/* reveal */
[data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}}
/* responsive */
@media(max-width:1100px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}.brand small{display:none}.hero-grid{grid-template-columns:1.08fr .92fr}.phone{transform:scale(.88) rotate(-7deg)}.floating-right{right:-20px}.floating-left{left:-24px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1.6fr 1fr 1fr 1fr}}
@media(max-width:850px){.wrap{width:min(calc(100% - 42px),var(--container))}.nav-wrap{height:76px}.desktop-nav{display:none}.menu-toggle{display:block}.site-header{position:absolute}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{padding:0}.hero-copy .eyebrow{margin:auto}.hero h1{margin-top:22px}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.hero-devices,.feature-pills{justify-content:center}.hero-visual{height:520px;margin-top:12px}.hero-bottomline{margin-top:8px}.phone{transform:scale(.79) rotate(-7deg)}.floating-left{left:15%;top:85px}.floating-right{right:12%;bottom:70px}.story-row{gap:30px;min-height:0}.story-art{min-height:330px}.visual-panel{min-height:340px}.connection-panel{padding:24px}.panel-ring{width:155px;height:155px}.panel-ring>div{width:95px;height:95px}.statement-grid{gap:35px}.faq-grid{gap:30px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-links:last-child{grid-column:2 / 4}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}}
@media(max-width:620px){h1{font-size:clamp(43px,12vw,65px)}h2{font-size:clamp(32px,8.7vw,47px)}.wrap{width:calc(100% - 38px)}.nav-download{font-size:11px;padding:11px 14px;gap:7px}.brand-name{font-size:19px}.brand img{width:36px;height:36px}.nav-wrap{height:72px}.hero{padding:119px 0 23px;min-height:0}.eyebrow{font-size:10px;padding:9px 12px}.hero h1{font-size:clamp(48px,12.1vw,69px);line-height:1.16}.hero-sub{font-size:14px;line-height:1.85;margin-top:10px}.hero-sub br{display:none}.feature-pills{gap:7px;margin-bottom:24px}.feature-pills span{font-size:10px;padding:8px 10px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{min-width:min(100%,260px);min-height:48px;font-size:13px}.hero-devices{margin-top:25px;gap:10px;font-size:10px}.hero-devices span{width:100%}.hero-visual{height:440px;overflow:visible;margin-top:3px}.hero-glow{inset:65px 0}.phone{transform:scale(.69) rotate(-7deg);flex-shrink:0}.floating-label{padding:9px 10px;border-radius:12px;gap:7px}.floating-label b{font-size:10px}.floating-label small{font-size:8px}.label-icon{width:25px;height:25px;font-size:15px}.floating-left{left:0;top:105px}.floating-right{right:-5px;bottom:84px}.hero-bottomline{font-size:8px}.hero-bottomline>span:last-child{font-size:10px}.intro-section,.plans-preview,.faq-home,.download-section,.statement-section,.section-pad{padding:70px 0}.section-heading{margin-bottom:32px}.section-heading h2{margin:14px 0}.section-heading p{font-size:14px}.story-row,.statement-grid,.faq-grid,.split-panel{grid-template-columns:1fr;gap:15px}.story-row{margin-top:25px}.story-row.reverse .story-art{order:0}.story-row.reverse .story-copy{order:1}.story-copy h3{font-size:33px}.story-copy p{font-size:14px}.story-art{min-height:350px}.visual-panel{width:100%;min-height:355px}.country-panel{padding:23px}.panel-topline{font-size:18px}.country-item{padding:11px 14px;margin:9px 0}.statement-grid h2{font-size:41px}.statement-facts{gap:30px}.statement-facts b{font-size:35px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-card{padding:20px 15px;border-radius:15px}.plan-card h3{font-size:16px}.plan-card>p{font-size:11px;min-height:40px;margin:13px 0 15px}.popular{font-size:8px;padding:5px}.plan-price{font-size:31px}.plan-price sup{font-size:14px}.plan-price small{display:block;margin-top:3px;font-size:9px}.plan-divider{margin:17px 0}.plan-card li{font-size:10px;padding:7px 0 7px 15px}.plan-button{font-size:10px;padding:12px 5px}.device-grid{gap:10px}.device-card{border-radius:16px;padding:21px 15px;min-height:180px}.device-image{height:55px;width:55px;border-radius:14px;margin-bottom:15px}.device-image img{height:34px;width:34px}.device-card b{font-size:16px}.device-card small{font-size:10px}.device-arrow{right:14px;bottom:19px}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;padding-bottom:40px}.footer-brand{grid-column:1 / -1}.footer-links:last-child{grid-column:auto}.site-footer{padding-top:48px}.footer-bottom{gap:16px;align-items:flex-start}.subhero,.article-hero{padding:146px 0 70px}.subhero h1,.article-hero h1{font-size:clamp(40px,10vw,54px)}.subhero p,.article-hero>div>p{font-size:14px}.download-platform-grid,.guide-grid,.step-cards{grid-template-columns:1fr}.download-platform{padding:24px}.faq-item summary{font-size:14px}.article-main{padding:27px 20px}.article-body-section{padding:40px 0 75px}.article-step{gap:14px}.article-step h3{font-size:16px}.article-step p{font-size:13px}.article-block h2{font-size:24px}.related-grid{grid-template-columns:1fr}.article-final{flex-direction:column;align-items:flex-start}.help-search{height:54px}.help-search input{font-size:12px}}
@media(max-width:340px){.wrap{width:calc(100% - 28px)}.nav-actions{gap:4px}.brand-name{font-size:17px}.nav-download{padding:9px 10px;font-size:10px}.phone{transform:scale(.62) rotate(-7deg)}.hero-visual{height:405px}.floating-label{display:none}.plan-card{padding:17px 10px}.plan-price{font-size:28px}.device-card{padding:18px 12px}.device-card small{font-size:9px}.hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}