*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;color:#1d2433;font:16px/1.75 -apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#fff}
a{color:#1a62c9;text-decoration:none}
.inner{max-width:1160px;margin:0 auto;padding:0 22px}
.nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 22px;background:#0b2a5bf2;backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px}
.mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#2f86f6;font-size:14px}
.nav nav{display:flex;align-items:center;gap:22px}.nav nav a{color:#d8e6ff}.nav nav a:hover{color:#fff}
.btn{display:inline-block;background:#5ee69a;color:#0b2a5b!important;font-weight:700;padding:12px 26px;border-radius:30px;box-shadow:0 6px 18px #5ee69a55}
.btn:hover{filter:brightness(1.05)}.btn.small{padding:6px 16px;font-size:14px;box-shadow:none}
.btn.ghost{background:transparent;color:#fff!important;border:2px solid #ffffff99;box-shadow:none}
.hero{background:linear-gradient(150deg,#0b2a5b 0%,#123e85 55%,#1a56b8 100%);color:#fff;padding:60px 0 70px}
.hero .inner{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}
.hero h1{font-size:46px;line-height:1.25;margin:0 0 18px}.hero h1 em{font-style:normal;color:#5ee69a}
.hero .sub{font-size:18px;opacity:.92;margin:0 0 26px}
.hero img{width:100%;border-radius:14px;box-shadow:0 24px 60px #0008}
.cta{display:flex;flex-wrap:wrap;gap:12px}.cta.center{justify-content:center}
.gift{margin-top:18px;color:#5ee69a;font-weight:600}
section h2{font-size:30px;text-align:center;margin:0 0 30px;color:#0b2a5b}
.pain{background:#f3f6fb;padding:60px 0}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards3 div{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 12px #0b2a5b12;color:#445}
.cards3 b{display:block;color:#e5484d;font-size:18px;margin-bottom:6px}
.features{padding:70px 0}
.feat{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;margin-bottom:56px}
.feat.rev{grid-template-columns:1.3fr 1fr}.feat.rev>div{order:2}
.feat h3{font-size:24px;margin:0 0 10px;color:#123e85}.feat p{color:#445;margin:0 0 10px}
.feat img{width:100%;border-radius:12px;border:1px solid #dde3ee;box-shadow:0 12px 34px #0b2a5b1f}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid4 div{background:#f3f6fb;border-radius:12px;padding:18px;color:#556;font-size:15px}
.grid4 b{display:block;color:#0b2a5b;font-size:17px;margin-bottom:4px}
.who{background:#f3f6fb;padding:60px 0}.who .grid4 div{background:#fff;box-shadow:0 2px 12px #0b2a5b12}
.start{background:linear-gradient(150deg,#0b2a5b,#1a56b8);color:#fff;padding:64px 0;text-align:center}
.start h2{color:#fff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0 0 30px;counter-reset:s}
.steps li{counter-increment:s;background:#ffffff14;border-radius:12px;padding:20px;position:relative}
.steps li::before{content:counter(s);display:block;width:34px;height:34px;margin:0 auto 8px;border-radius:50%;background:#5ee69a;color:#0b2a5b;font-weight:800;line-height:34px}
.steps b{display:block;font-size:18px}
.note{opacity:.7;font-size:14px;margin-top:16px}
footer{text-align:center;color:#889;padding:26px;font-size:14px}
@media(max-width:860px){
  .nav nav a:not(.btn){display:none}
  .hero{padding:36px 0 44px}.hero .inner{grid-template-columns:1fr}.hero h1{font-size:34px}
  .cards3,.steps{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}
  .feat,.feat.rev{grid-template-columns:1fr;gap:16px}.feat.rev>div{order:0}
  section h2{font-size:24px}
}
.together{padding:56px 0;text-align:center;background:#f3f6fb}.together p{max-width:720px;margin:0 auto 24px;color:#445}
.hint{margin:6px 0 0;font-size:14px;opacity:.85}.hint a,.start .note a,.steps a{color:#bfe0ff;text-decoration:underline}
.btn.line{background:transparent;color:#1a62c9!important;border:2px solid #1a62c955;box-shadow:none}
.pricing{padding:64px 0}.pricing .lead{text-align:center;color:#445;margin:-14px 0 28px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}
.plan{border:1px solid #dde3ee;border-radius:14px;padding:22px 24px;background:#fff}
.plan.main{border:2px solid #2f86f6;box-shadow:0 10px 30px #2f86f622}
.plan h3{margin:0 0 10px;color:#123e85;font-size:20px}.plan ul{margin:0;padding-left:20px;color:#445}.plan p{color:#445;margin:0 0 8px}
.plan .small{font-size:14px;color:#778}
.faq{background:#f3f6fb;padding:60px 0}.faq .inner{max-width:860px}
.faq details{background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 2px 10px #0b2a5b10}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:600;color:#0b2a5b;list-style:none}
.faq summary::-webkit-details-marker{display:none}.faq summary::before{content:"＋";color:#2f86f6;margin-right:10px}
.faq details[open] summary::before{content:"－"}.faq details p{margin:0;padding:0 20px 16px 48px;color:#445}
.faq .more{text-align:center;color:#667;margin-top:20px}
.legal{max-width:860px;padding-top:34px;padding-bottom:40px}.legal h1{color:#0b2a5b;margin:0 0 4px}.legal .date{color:#889;margin:0 0 20px}
.legal h2{text-align:left;font-size:20px;margin:28px 0 10px}.legal ul{padding-left:22px}.legal p,.legal li{color:#334}
@media(max-width:860px){.plans{grid-template-columns:1fr}.faq details p{padding-left:20px}}