:root { color-scheme: light; --ink:#172033; --muted:#667085; --line:#e8e9f0; --brand:#7457e8; --brand-dark:#5638ca; --soft:#f4f1ff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fff; }
a { color:var(--brand-dark); }
.wrap { width:min(1080px,calc(100% - 40px)); margin:auto; }
header { height:72px; display:flex; align-items:center; border-bottom:1px solid var(--line); }
nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; font-weight:800; }
.mark { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#8a6cf4,#5a3dcc); box-shadow:0 8px 22px rgba(92,63,211,.25); }
.links { display:flex; gap:20px; font-size:14px; }
.links a { color:var(--muted); text-decoration:none; }
.hero { padding:92px 0 72px; background:radial-gradient(circle at 80% 0,#e8e1ff 0,transparent 34%),linear-gradient(#fff,#fbfaff); }
.eyebrow { color:var(--brand); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
h1 { max-width:760px; margin:14px 0 20px; font-size:clamp(42px,7vw,72px); letter-spacing:-.055em; line-height:1.02; }
.lead { max-width:680px; margin:0; color:var(--muted); font-size:19px; line-height:1.6; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { padding:13px 18px; border-radius:12px; background:var(--brand); color:#fff; text-decoration:none; font-weight:750; }
.button.secondary { background:var(--soft); color:var(--brand-dark); }
.section { padding:72px 0; }
.section-soft { background:linear-gradient(145deg,#faf9ff,#f3f0ff); }
.section h2 { margin:0 0 12px; font-size:34px; letter-spacing:-.03em; }
.section-heading { margin-bottom:30px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.section-heading h2 { margin-top:8px; }
.section-heading > a { text-decoration:none; font-weight:750; }
.section-intro { max-width:660px; margin:0 0 30px; color:var(--muted); line-height:1.6; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.card { padding:22px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.card strong { display:block; margin-bottom:7px; }
.card p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.card.featured { border-color:#cfc4ff; box-shadow:0 18px 44px rgba(92,63,211,.12); }
.lifetime-offer { padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid #cfc4ff; border-radius:20px; background:#fff; box-shadow:0 18px 44px rgba(92,63,211,.12); }
.lifetime-offer p { max-width:650px; margin:0; color:var(--muted); line-height:1.6; }
.lifetime-offer .button { flex:0 0 auto; }
.plan-label { display:block; color:var(--brand-dark); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.price { margin:9px 0 6px!important; font-size:32px; letter-spacing:-.04em; }
.document { width:min(820px,calc(100% - 40px)); margin:60px auto 100px; }
.document h1 { font-size:44px; }
.document h2 { margin-top:34px; font-size:22px; }
.document p,.document li { color:#475467; line-height:1.7; }
.notice { padding:18px; border-radius:14px; background:var(--soft); }
.verification { margin-top:40px!important; padding:14px 16px; border:1px dashed #b6a6f5; border-radius:12px; color:var(--brand-dark)!important; background:#f8f6ff; }
.pricing-hero { padding:76px 0 38px; background:radial-gradient(circle at 82% 0,#e8e1ff 0,transparent 36%),linear-gradient(#fff,#fbfaff); }
.pricing-hero h1 { margin-bottom:18px; font-size:clamp(42px,7vw,66px); }
.pricing-section { padding-top:36px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.pricing-grid.single-plan { grid-template-columns:minmax(0,680px); justify-content:center; }
.plan { position:relative; padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(31,28,56,.06); }
.plan.featured { border-color:#b8a8f7; box-shadow:0 20px 48px rgba(92,63,211,.15); }
.plan .popular { position:absolute; top:16px; right:16px; padding:5px 8px; border-radius:99px; color:#fff; background:var(--brand); font-size:11px; font-weight:750; }
.plan h2 { margin:14px 0 0; font-size:38px; letter-spacing:-.05em; }
.plan-period { margin:3px 0 22px; color:var(--muted); font-size:13px; }
.plan ul { min-height:150px; margin:0 0 24px; padding-left:20px; color:#475467; line-height:1.9; }
.plan-action { min-height:44px; display:grid; place-items:center; border-radius:11px; color:white; background:var(--brand); font-weight:750; }
.plan-action.disabled { color:#777d8d; background:#eff0f4; }
.pricing-note { margin-top:24px; padding:20px 22px; border:1px solid #ded8fa; border-radius:16px; background:var(--soft); }
.pricing-note p { margin:7px 0 0; color:var(--muted); line-height:1.6; }
footer { padding:30px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:900px) { header{height:auto;min-height:72px;padding:12px 0}.links{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.pricing-grid{grid-template-columns:1fr}.plan ul{min-height:0}.lifetime-offer{align-items:flex-start;flex-direction:column} }
@media (max-width:760px) { .grid{grid-template-columns:1fr}.hero{padding-top:64px}.links{gap:8px;font-size:11px}.links a{white-space:nowrap}.section-heading{align-items:flex-start;flex-direction:column}.document{margin-top:40px}.document h1{font-size:38px} }

header nav{gap:16px;flex-wrap:wrap}.language-select{max-width:140px;min-height:38px;border:1px solid var(--line);border-radius:9px;background:white;padding:6px 10px;font:inherit;font-size:13px}html:lang(zh){line-break:strict}@media(max-width:760px){header nav{row-gap:12px}.brand{margin-right:auto}.links{order:3;width:100%;justify-content:flex-start}.document h1{overflow-wrap:anywhere}}