:root{--bg:#F5F8FC;--nav:rgba(10,24,42,.94);--title:#102033;--brand:#3B82F6;--deep:#172B4D;--ice:#38BDF8;--cyan:#22D3C5;--indigo:#6366F1;--blue-lite:#E9F5FF;--cyan-lite:#E8FCFA;--gray-lite:#F0F4F8;--text:#263748;--muted:#657789;--soft:#8C9AAA;--card:#fff;--border:rgba(59,130,246,.14);--shadow:0 20px 50px rgba(29,78,119,.10);--radius:24px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.78;overflow-x:hidden}body.drawer-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:#2563EB;text-decoration:none}a:hover{color:#1D4ED8}button,a{transition:.22s ease}button{font:inherit}.site-header{position:sticky;top:0;width:100%;z-index:9999;background:var(--nav);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(10,35,60,.12);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{max-width:1280px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:22px}.site-logo{display:flex;align-items:center;gap:9px;color:#fff;min-width:max-content}.site-logo:hover{color:#fff}.site-logo img{max-height:44px;width:auto}.site-logo strong{font-size:21px;letter-spacing:.04em}.nav-core{display:flex;align-items:center;gap:8px}.nav-core a{color:#DCEAF7;border-radius:999px;padding:8px 12px;white-space:nowrap}.nav-core a:hover,.nav-core a.active{color:#fff;background:rgba(56,189,248,.14)}.header-actions{display:flex;align-items:center;gap:10px}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;background:linear-gradient(135deg,#2563EB 0%,#3B82F6 48%,#22D3C5 100%);color:#fff;font-weight:700;box-shadow:0 14px 32px rgba(37,99,235,.20);border:0}.main-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 18px 38px rgba(37,99,235,.28)}.outline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid rgba(37,99,235,.24);border-radius:999px;background:rgba(255,255,255,.7);font-weight:700}.menu-toggle{width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-content:center;gap:4px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:#EAF4FF;border-radius:5px}.mobile-menu-toggle{display:none}.drawer-overlay{position:fixed;inset:0;z-index:10000;background:rgba(5,18,31,.48);opacity:0;transition:.18s ease}.drawer-overlay.show{opacity:1}.site-drawer{position:fixed;z-index:10001;top:0;right:0;width:min(390px,90vw);height:100dvh;background:#0F2438;color:#fff;transform:translateX(105%);transition:.24s ease;box-shadow:-20px 0 60px rgba(0,0,0,.2);overflow:auto;padding:22px}.site-drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:20px;font-weight:800}.drawer-brand img{height:38px}.drawer-close{width:40px;height:40px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}.drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 0}.drawer-nav a{color:#D9EBF9;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.drawer-nav a:hover{background:rgba(56,189,248,.12);color:#fff}.drawer-note{font-size:13px;color:#9DB3C7;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.mobile-bottom-nav{display:none}.page-shell,.section-inner,.footer-inner{max-width:var(--max);margin:0 auto;padding-left:24px;padding-right:24px}.hero{position:relative;overflow:hidden;padding:78px 0 62px;background:radial-gradient(circle at 80% 10%,rgba(56,189,248,.20),transparent 26%),radial-gradient(circle at 12% 72%,rgba(34,211,197,.16),transparent 28%),linear-gradient(135deg,#F8FBFF 0%,#EDF7FF 52%,#F4FFFD 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 88%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:50px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#0284C7;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,#2563EB,#22D3C5);border-radius:8px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:1.02;margin:12px 0;color:var(--title);letter-spacing:-.04em}.hero-subtitle{font-size:clamp(22px,3vw,34px);font-weight:760;color:var(--deep);line-height:1.35;margin-bottom:18px}.hero-copy{font-size:16px;color:#536A7F;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.hero-points{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.hero-points li{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(59,130,246,.12);font-size:14px;color:#3D566C}.hero-visual{position:relative;min-height:480px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.16),rgba(34,211,197,.05) 56%,transparent 72%);filter:blur(8px)}.hero-main-img{position:relative;z-index:2;border-radius:30px;box-shadow:0 30px 70px rgba(27,72,115,.20);max-height:500px;object-fit:contain}.float-card{position:absolute;z-index:3;right:-5%;bottom:3%;width:210px;padding:14px;border-radius:20px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.float-card img{border-radius:14px;margin-bottom:8px;max-height:120px;margin-left:auto;margin-right:auto}.float-card strong{display:block;color:var(--deep)}.highlight-strip{max-width:var(--max);margin:-24px auto 0;position:relative;z-index:4;padding:0 24px}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.88);backdrop-filter:blur(15px);border:1px solid rgba(59,130,246,.12);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.highlight-item{padding:24px;position:relative}.highlight-item:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:rgba(59,130,246,.12)}.highlight-item small{font-weight:800;color:#0284C7}.highlight-item h2{font-size:18px;margin:4px 0;color:var(--title)}.highlight-item p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}.section{padding:78px 0}.section-tight{padding:54px 0}.section-soft{background:linear-gradient(180deg,#EFF7FF,#F8FBFF)}.section-cyan{background:linear-gradient(135deg,#F2FBFF,#EDFFFB)}.section-dark{background:#12253A;color:#D8E6F1}.section-dark h2,.section-dark h3{color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2,.page-hero h1{margin:8px 0 0;color:var(--title);font-size:clamp(30px,4vw,48px);line-height:1.2}.section-head p{max-width:650px;color:var(--muted);margin:0}.channel-pills{display:flex;flex-wrap:wrap;gap:12px}.channel-pill{display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:999px;border:1px solid rgba(59,130,246,.12);background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(29,78,119,.05);color:var(--deep)}.channel-pill span{font-size:12px;color:var(--muted)}.channel-pill:hover{background:#fff;transform:translateY(-1px)}.editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.editorial-grid.reverse{grid-template-columns:.95fr 1.05fr}.content-img{width:100%;border-radius:28px;box-shadow:0 24px 58px rgba(29,78,119,.14);object-fit:contain;background:#EEF7FF}.copy-block h2{font-size:clamp(30px,4vw,46px);line-height:1.25;margin:8px 0 18px;color:var(--title)}.copy-block h3{color:var(--title)}.copy-block p{color:#52697D}.number-mark{font-size:72px;line-height:1;font-weight:900;color:rgba(37,99,235,.09);letter-spacing:-.06em}.text-link{font-weight:800}.feature-list{display:grid;gap:12px;margin:20px 0}.feature-row{padding:14px 0;border-bottom:1px solid rgba(59,130,246,.12)}.feature-row strong{color:var(--deep);display:block}.feature-row span{font-size:14px;color:var(--muted)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.zone-card,.info-card,.review-card,.card{background:rgba(255,255,255,.92);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}.zone-card{padding:26px}.zone-card.alt{background:linear-gradient(145deg,#EEF7FF,#fff)}.zone-card.cyan{background:linear-gradient(145deg,#ECFFFB,#fff)}.zone-card.deep{background:linear-gradient(145deg,#12253A,#183754);color:#D8E6F1}.zone-card.deep h2,.zone-card.deep h3{color:#fff}.zone-card img{border-radius:20px;max-height:360px;margin-bottom:20px}.zone-card h2,.zone-card h3,.info-card h3{color:var(--title);line-height:1.3}.zone-card p,.info-card p{color:var(--muted)}.zone-card.deep p{color:#B9CBD9}.topic-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.topic-tags span{padding:7px 11px;border-radius:999px;background:#E9F5FF;color:#2563EB;font-size:13px}.message-stack{display:grid;gap:10px;margin:18px 0}.message-bubble{padding:12px 15px;border-radius:16px 16px 16px 4px;background:#F0F6FB;color:#4F6579;font-size:14px;max-width:92%}.message-bubble.me{margin-left:auto;border-radius:16px 16px 4px 16px;background:#E8FCFA}.timeline{display:grid;gap:12px;margin-top:18px}.timeline-item{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start}.timeline-item time{font-weight:900;color:#2563EB}.timeline-item div{padding-left:14px;border-left:2px solid rgba(59,130,246,.16)}.security-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.security-panel{padding:30px;border-radius:28px;background:linear-gradient(135deg,#EAF5FF,#F6FFFD);border:1px solid rgba(59,130,246,.14)}.security-panel img{border-radius:20px;margin-top:20px}.mini-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-list div{padding:14px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid rgba(59,130,246,.10)}.reviews{columns:3;column-gap:18px}.review-card{display:inline-block;width:100%;padding:22px;margin:0 0 18px;break-inside:avoid}.review-card q{color:#405A70}.review-card cite{display:block;margin-top:12px;font-style:normal;color:#2563EB;font-size:13px;font-weight:800}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid rgba(59,130,246,.12);border-radius:18px;padding:0 20px;box-shadow:0 10px 30px rgba(29,78,119,.05)}.faq-item summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;font-weight:800;color:var(--title);position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:15px;color:#2563EB;font-size:23px}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 0 18px;margin:0;color:var(--muted)}.notice-band{padding:28px;border-radius:26px;background:#12253A;color:#C8D8E7}.notice-band h2{color:#fff;margin-top:0}.notice-band a{color:#7DD3FC}.page-hero{padding:72px 0 46px;background:radial-gradient(circle at 85% 12%,rgba(56,189,248,.20),transparent 28%),linear-gradient(135deg,#F8FBFF,#EEF7FF)}.page-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:42px;align-items:center}.page-hero p{font-size:16px;color:#596F83}.page-hero img{border-radius:28px;max-height:420px;margin:auto;box-shadow:var(--shadow);object-fit:contain}.breadcrumb{font-size:13px;color:var(--soft);margin-bottom:10px}.breadcrumb a{color:#4B77A0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.stat-row div{padding:16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(59,130,246,.11)}.stat-row strong{display:block;color:#2563EB;font-size:20px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}.article-content{min-width:0}.article-content section{margin-bottom:36px}.article-content h2{font-size:30px;color:var(--title);line-height:1.3}.article-content h3{color:var(--deep)}.article-content p{color:#4D657A}.aside-nav{position:sticky;top:94px;align-self:start;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.aside-nav strong{display:block;color:var(--title);margin-bottom:10px}.aside-nav a{display:block;padding:8px 0;border-bottom:1px solid #EEF3F8;color:#526B81}.step-list{counter-reset:step;display:grid;gap:14px}.step{counter-increment:step;position:relative;padding:20px 20px 20px 68px;background:#fff;border:1px solid var(--border);border-radius:20px}.step:before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:18px;font-weight:900;color:#2563EB}.service-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-matrix article{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--border)}.service-matrix h3{margin-top:0}.quote-box{padding:22px 24px;border-left:4px solid #38BDF8;background:#F1FAFF;border-radius:0 18px 18px 0;color:#496176}.profile-strip{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--border)}.profile-strip img{width:120px;max-height:120px;object-fit:contain;border-radius:18px;background:#EEF7FF}.app-showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:center}.app-device{padding:26px;border-radius:34px;background:linear-gradient(145deg,#DFF4FF,#ECFFFB);text-align:center}.app-device img{max-height:520px;margin:auto;object-fit:contain}.service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-columns article{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--border)}.footer-inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px;padding-top:52px;padding-bottom:34px}.site-footer{background:#0C1B2A;color:#EAF4FF}.site-footer h2{font-size:15px;color:#fff}.site-footer a{display:block;color:#BBD0E2;margin:7px 0}.footer-logo{display:flex!important;margin-bottom:14px}.footer-brand p{color:#9FB5C8;max-width:400px}.footer-bottom{max-width:var(--max);margin:auto;border-top:1px solid rgba(255,255,255,.08);padding:20px 24px 28px;color:#8FA8BC;font-size:13px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legal-card{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--border)}.legal-card h3{margin-top:0;color:var(--title)}.full-img-band{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,#12253A,#173B5C);color:#D6E6F3}.full-img-band h2{color:#fff}.full-img-band p{color:#BDD0DF}.full-img-band img{border-radius:22px;max-height:380px;margin:auto}.announcement-list{display:grid;gap:12px}.announcement{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--border)}.announcement time{color:#2563EB;font-weight:900}.contact-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact-flow div{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--border)}.contact-flow b{display:block;color:#2563EB;margin-bottom:4px}.center{text-align:center}.muted{color:var(--muted)}.spacer-top{margin-top:24px}.mobile-only{display:none}
@media(max-width:1050px){.nav-core{display:none}.mobile-menu-toggle{display:grid}.site-logo{margin-right:auto}.header-actions .desktop-menu-toggle{display:none}.highlight-grid{grid-template-columns:1fr 1fr}.highlight-item:nth-child(2):after{display:none}.editorial-grid,.editorial-grid.reverse,.page-hero-grid,.security-grid,.app-showcase{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:380px}.hero-main-img{max-height:420px}.article-grid{grid-template-columns:1fr}.aside-nav{position:static}.three-column,.service-columns{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1.2fr 1fr 1fr}.footer-inner>section:last-child{grid-column:2/4}.contact-flow{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{padding-bottom:68px}.header-inner{min-height:64px;padding:0 14px;gap:10px}.site-logo strong{display:none}.site-logo img{max-height:36px}.header-cta{min-height:38px;padding:8px 13px;font-size:13px}.menu-toggle{width:40px;height:40px}.hero{padding:54px 0 42px}.hero-grid{gap:28px}.hero h1{font-size:52px}.hero-subtitle{font-size:23px}.hero-visual{min-height:310px}.hero-main-img{max-height:340px}.float-card{width:155px;right:0}.float-card img{max-height:85px}.highlight-strip{padding:0 14px}.highlight-grid{grid-template-columns:1fr}.highlight-item:not(:last-child):after{right:10%;left:10%;top:auto;bottom:0;width:auto;height:1px}.section{padding:56px 0}.section-tight{padding:42px 0}.page-shell,.section-inner,.footer-inner{padding-left:16px;padding-right:16px}.section-head{align-items:flex-start;flex-direction:column}.two-column,.three-column,.service-columns,.service-matrix,.legal-grid{grid-template-columns:1fr}.reviews{columns:1}.mini-list{grid-template-columns:1fr}.page-hero{padding:48px 0 36px}.page-hero h1{font-size:36px}.stat-row{grid-template-columns:1fr}.article-content h2{font-size:26px}.full-img-band{grid-template-columns:1fr}.announcement{grid-template-columns:1fr}.contact-flow{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/3}.footer-inner>section:last-child{grid-column:auto}.mobile-bottom-nav{position:fixed;z-index:9998;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,24,42,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:#DCEAF7;font-size:11px}.mobile-bottom-nav span{font-size:18px;color:#7DD3FC}.drawer-nav{grid-template-columns:1fr}.mobile-only{display:block}.profile-strip{grid-template-columns:84px 1fr}.profile-strip img{width:84px}}
/* Keyboard focus and mobile header alignment */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(56,189,248,.55);outline-offset:3px}
@media(max-width:720px){.header-inner{position:relative}.header-inner>.site-logo{position:absolute;left:50%;transform:translateX(-50%);margin:0}.header-actions{margin-left:auto}}