:root{
  --ink:#111827;--muted:#64748b;--line:rgba(148,163,184,.22);--brand:#2563eb;--brand-2:#6d5dfc;--cyan:#06b6d4;--surface:rgba(255,255,255,.88);--shadow:0 24px 80px rgba(31,41,55,.13);--shadow-sm:0 10px 30px rgba(31,41,55,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.78;font-size:17px;-webkit-font-smoothing:antialiased;background:#f4f7fb;position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 8% 8%,rgba(99,102,241,.22),transparent 31%),radial-gradient(circle at 90% 10%,rgba(14,165,233,.20),transparent 30%),radial-gradient(circle at 82% 78%,rgba(168,85,247,.15),transparent 34%),radial-gradient(circle at 10% 92%,rgba(34,197,94,.11),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#f4f6fb 46%,#eef3fb 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(100,116,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 76%)}::selection{background:#dbeafe;color:#0f172a}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(248,250,252,.78);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(148,163,184,.18)}.header-inner{width:min(1200px,calc(100% - 32px));height:72px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;color:#0f172a;text-decoration:none;white-space:nowrap;letter-spacing:-.025em}.brand:before{content:"";width:31px;height:31px;border-radius:10px;background:conic-gradient(from 210deg,#2563eb,#6d5dfc,#06b6d4,#2563eb);box-shadow:0 9px 24px rgba(37,99,235,.28)}.nav{display:flex;gap:3px;flex:1;align-items:center}.nav a,.footer-links a{color:#596579;text-decoration:none}.nav a{padding:8px 12px;border-radius:11px;font-size:15px;font-weight:680;transition:.18s ease}.nav a:hover,.nav a[aria-current="page"]{background:rgba(255,255,255,.82);color:#0f172a;box-shadow:0 4px 18px rgba(15,23,42,.06)}.product-link{padding:10px 16px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff!important;box-shadow:0 10px 28px rgba(37,99,235,.22)}.mobile-product{display:none}.menu-btn{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px;border-radius:10px;box-shadow:var(--shadow-sm)}
.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:52px;align-items:center;margin-top:38px;padding:72px 66px;border:1px solid rgba(255,255,255,.55);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(34,211,238,.30),transparent 30%),radial-gradient(circle at 10% 94%,rgba(139,92,246,.32),transparent 34%),linear-gradient(135deg,#07152f 0%,#102a5a 44%,#172554 72%,#111827 100%);box-shadow:0 30px 90px rgba(30,58,138,.25)}.home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(110deg,rgba(0,0,0,.8),transparent 75%)}.home-hero:after{content:"";position:absolute;width:520px;height:520px;right:-190px;bottom:-250px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 144px rgba(255,255,255,.018)}.hero-copy,.hero-visual{position:relative;z-index:2}.home-hero .eyebrow{color:#a5d8ff}.home-hero .eyebrow:before{background:#22d3ee;box-shadow:0 0 0 5px rgba(34,211,238,.13)}.home-hero h1{font-size:clamp(45px,5.1vw,68px);line-height:1.03;letter-spacing:-.055em;margin:14px 0 22px;max-width:780px;color:#fff;text-wrap:balance}.home-hero .lead{max-width:720px;color:#d7e2f2}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.95);border-radius:12px;text-decoration:none;color:#111827;font-weight:790;transition:.18s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.home-hero .btn.primary{background:#fff;color:#0f172a;border-color:#fff}.home-hero .btn.ghost{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}.home-hero .btn.ghost:hover{background:rgba(255,255,255,.15)}
.hero-visual{height:340px;min-width:0}.visual-orbit{position:absolute;border:1px solid rgba(165,216,255,.30);border-radius:50%;box-shadow:inset 0 0 40px rgba(59,130,246,.035)}.orbit-one{width:300px;height:300px;right:10px;top:12px}.orbit-two{width:214px;height:214px;right:54px;top:55px;border-color:rgba(196,181,253,.28)}.visual-card{position:absolute;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.07));backdrop-filter:blur(16px);color:#fff;border-radius:18px;padding:15px 17px;box-shadow:0 20px 50px rgba(2,6,23,.22)}.visual-card strong,.visual-card b{display:block}.visual-card small{color:#c3d2e7}.visual-card-main{right:34px;top:100px;width:225px;padding:23px}.visual-card-main strong{font-size:25px;margin:4px 0}.visual-kicker{font-size:12px;color:#7dd3fc;font-weight:850;letter-spacing:.08em}.visual-card-a{left:2px;top:20px;width:160px}.visual-card-b{right:0;bottom:10px;width:158px}.visual-card-c{left:18px;bottom:34px;width:154px}.visual-card-a span,.visual-card-b span,.visual-card-c span{display:block;width:9px;height:9px;border-radius:50%;margin-bottom:8px;background:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.11)}.visual-card-b span{background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.09)}.visual-card-c span{background:#fbbf24;box-shadow:0 0 0 5px rgba(251,191,36,.09)}
main>section:not(.hero){margin-top:70px}.article{max-width:860px;margin:30px auto 96px;background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.75);border-radius:28px;padding:0 46px 60px;box-shadow:0 24px 72px rgba(42,55,83,.10);backdrop-filter:blur(10px)}.breadcrumbs{padding-top:28px;font-size:14px;color:#8290a5;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumbs a{color:#64748b;text-decoration:none}.breadcrumbs a:hover{color:#2563eb}.article-head{padding:46px 0 28px;border-bottom:1px solid rgba(148,163,184,.20);margin-bottom:26px}.article-head h1{font-size:clamp(34px,4vw,49px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 18px;max-width:860px;text-wrap:balance}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:850;color:#2563eb;letter-spacing:.08em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px #eaf2ff}.lead,.dek{font-size:20px;color:#526075;max-width:830px;line-height:1.75}
main>section>h2{font-size:30px;letter-spacing:-.035em;margin:0 0 22px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem,.card{display:block;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.78);border-radius:20px;padding:24px;text-decoration:none;color:var(--ink);box-shadow:0 12px 38px rgba(39,54,82,.08);backdrop-filter:blur(10px);transition:.2s ease}.problem:hover,.card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(39,54,82,.13)}.problem span{display:inline-flex;color:#1d4ed8;background:#edf4ff;border:1px solid #d9e7ff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;margin-bottom:12px}.problem strong{display:block;font-size:20px;line-height:1.4;margin-bottom:8px;letter-spacing:-.015em}.problem small{display:block;color:#667085;font-size:15px;line-height:1.65}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin:68px 0}.split>div:first-child{padding:4px 0}.fact-box,.note{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.75);border-radius:18px;padding:27px;box-shadow:0 12px 38px rgba(39,54,82,.07);backdrop-filter:blur(10px)}.fact-box strong{font-size:19px}.pill-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.pill-links a{background:rgba(255,255,255,.92);padding:8px 13px;border:1px solid rgba(148,163,184,.22);border-radius:11px;text-decoration:none;color:#344054;font-weight:680}.pill-links a:hover{border-color:#b7c6dc;color:#1d4ed8}
.article h2{font-size:27px;line-height:1.32;letter-spacing:-.025em;margin:46px 0 13px;padding-top:18px;border-top:1px solid rgba(148,163,184,.20)}.article h3{font-size:21px;margin-top:32px}.article p{margin:13px 0;color:#344054}.article a{color:#1d4ed8;text-underline-offset:3px}.choice-list{display:grid;gap:14px;margin:28px 0}.choice-list>div{background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px}.choice-list h2{margin:0 0 8px;padding:0;border:0;font-size:22px}.compare{display:grid;gap:10px;margin:28px 0}.compare>div{background:#f7fafe;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:190px 1fr;gap:16px}.compare strong{color:#111827}.compare span{color:#667085}.cta{margin:46px 0 0;background:linear-gradient(135deg,#0f172a,#172554);color:#fff;border-radius:20px;padding:28px 30px;box-shadow:0 18px 45px rgba(15,23,42,.18)}.cta strong{font-size:20px}.cta p{color:#cbd5e1;margin:8px 0 14px}.cta a{display:inline-flex;color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}.ref{font-size:15px;color:#475467;background:#f8fafc;border:1px solid #e5e9f0;border-radius:12px;padding:14px 16px;margin:24px 0}.source{white-space:nowrap}.updated{display:inline-flex;font-size:13px;color:#667085;margin-top:12px;background:#eef2f7;border-radius:999px;padding:5px 9px}.sitemap-list{columns:2;gap:34px}.sitemap-list a{display:inline-block;margin:4px 0}
.site-footer{margin-top:92px;background:linear-gradient(180deg,#111827,#0b1220);padding:50px 0 56px;color:#94a3b8;box-shadow:0 -20px 60px rgba(15,23,42,.06)}.site-footer strong{color:#fff;font-size:17px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{margin:5px 0}.footer-links{display:flex;gap:17px;flex-wrap:wrap;font-size:14px}.footer-links a{color:#cbd5e1}.footer-links a:hover{color:#fff}
@media(max-width:900px){body{font-size:16px}.wrap{width:min(100% - 28px,760px)}.header-inner{width:calc(100% - 24px);height:64px;gap:12px}.menu-btn{display:block;margin-left:auto;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.86);padding:8px 11px;border-radius:9px;color:#344054;font-weight:700}.nav{display:none;position:absolute;top:64px;left:12px;right:12px;background:rgba(255,255,255,.96);border:1px solid rgba(148,163,184,.20);padding:10px;border-radius:14px;box-shadow:var(--shadow);flex-direction:column}.nav.open{display:flex}.nav a{padding:10px 12px}.product-link{display:none}.mobile-product{display:block;border-top:1px solid var(--line);margin-top:6px;padding-top:12px!important}.home-hero{grid-template-columns:1fr;margin-top:20px;padding:50px 28px 42px}.hero-visual{height:250px}.visual-card-main{right:18%;top:72px}.visual-card-a{left:6%;top:12px}.visual-card-c{left:10%;bottom:16px}.visual-card-b{right:6%;bottom:6px}.article{padding:0 28px 46px;border-radius:22px}.article-head{padding:40px 0 25px}.home-hero h1,.article-head h1{font-size:38px}.lead,.dek{font-size:18px}.problem-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr;margin:44px 0}.compare>div{grid-template-columns:1fr;gap:5px}.sitemap-list{columns:1}.footer-grid{flex-direction:column}.article h2{font-size:24px}.site-footer{margin-top:58px}}
@media(max-width:520px){.wrap{width:calc(100% - 22px)}.home-hero{padding:38px 20px 34px;border-radius:22px}.home-hero h1,.article-head h1{font-size:34px;letter-spacing:-.04em}.hero-actions{flex-direction:column}.btn{width:100%;text-align:center}.hero-visual{height:230px}.visual-card-main{right:8%;width:200px}.visual-card-a{left:2%}.visual-card-c{left:4%}.problem,.choice-list>div{padding:20px}.article{padding:0 20px 38px;border-radius:18px}.article h2{font-size:23px}.cta{padding:24px 22px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.problem,.card,.btn{transition:none}.problem:hover,.card:hover,.btn:hover{transform:none}}