﻿:root{color-scheme:light;--blue:#d99000;--navy:#3d2b08;--gold:#ffbf2f;--ink:#122033;--muted:#627087;--line:#eee3c9;--soft:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.brand img{width:40px;height:40px;border-radius:13px;object-fit:cover;box-shadow:0 7px 18px #d9900033}.nav{display:flex;align-items:center;gap:26px;color:#41516a;font-size:14px}.nav a:hover{color:var(--blue)}.hero{position:relative;overflow:hidden;padding:76px 0 86px;background:linear-gradient(135deg,#eef7ff,#fff 55%,#fff7de)}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,#82bfff55,transparent 68%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.eyebrow{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.18em}.hero h1{margin:14px 0 18px;font-size:clamp(38px,5vw,66px);line-height:1.08;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--blue)}.lead{max-width:680px;color:var(--muted);font-size:19px}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;font-weight:800}.primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px #1268e833}.secondary{border:1px solid #bdd2ed;background:#fff;color:var(--navy)}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#41516a;font-size:14px}.trust span:before{content:"✓";color:#10a56b;font-weight:900;margin-right:7px}.visual{padding:26px;border:1px solid #d7e6f7;border-radius:28px;background:#ffffffd9;box-shadow:0 24px 70px #355b8722}.visual .screen{padding:24px;border-radius:20px;background:linear-gradient(145deg,#0b376f,#1268e8);color:#fff}.screen strong{font-size:25px}.screen p{opacity:.82}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.mini-grid div{padding:15px;border-radius:13px;background:#fff;color:var(--ink)}.mini-grid b{display:block;color:var(--blue)}section.content{padding:74px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 38px}.section-head h2{margin:0 0 10px;font-size:36px}.section-head p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 32px #16395d0d}.card .icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e8f2ff;color:var(--blue);font-weight:900}.card h3{margin:16px 0 7px;font-size:20px}.card p{margin:0;color:var(--muted)}.steps{background:var(--soft)}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{display:flex;gap:14px}.step b{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff}.step h3{margin:2px 0 5px}.step p{margin:0;color:var(--muted)}.cta{padding:70px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px;border-radius:26px;background:linear-gradient(120deg,#082b59,#1268e8);color:#fff}.cta h2{margin:0 0 8px;font-size:34px}.cta p{margin:0;opacity:.8}.cta .btn{background:var(--gold);color:#2f2500}.notice{padding:18px 0;border-top:1px solid var(--line);color:#728096;font-size:13px}footer{padding:34px 0;background:#0d1d31;color:#aab8ca}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer strong{color:#fff}.icp-link{color:#d6c28f}.icp-link:hover{color:#ffcf4e}@media(max-width:760px){.wrap{width:min(100% - 28px,1180px)}.topbar{height:62px}.nav a:not(:last-child){display:none}.hero{padding:46px 0 54px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:39px}.lead{font-size:16px}.actions{flex-direction:column}.visual{padding:14px}.cards,.step-list{grid-template-columns:1fr}.section-head h2{font-size:28px}section.content{padding:52px 0}.cta-box,footer .wrap{align-items:flex-start;flex-direction:column}.cta h2{font-size:28px}.trust{gap:8px 14px}}
