@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');

:root { --blue:#2b7cff; --violet:#7154ff; --ink:#14214a; --muted:#63708f; --line:#dfe8fb; --pale:#f5f8ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Noto Sans SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; } .container { width:min(1160px, calc(100% - 48px)); margin:auto; }
.site-header { position:sticky; top:0; z-index:20; height:80px; background:rgba(255,255,255,.84); border-bottom:1px solid rgba(225,233,250,.7); backdrop-filter:blur(16px); }
.nav-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:20px; font-weight:800; letter-spacing:.5px; }.brand img { width:43px; height:43px; object-fit:contain; }.main-nav { display:flex; align-items:center; gap:31px; color:#53607c; font-size:14px; }.main-nav>a { transition:.2s; }.main-nav>a:hover,.main-nav .active { color:var(--blue); }.nav-cta { padding:11px 17px; color:#fff!important; background:linear-gradient(100deg,var(--blue),var(--violet)); border-radius:999px; box-shadow:0 8px 20px rgba(54,102,246,.22); }.nav-cta span { margin-left:6px; }.menu-toggle { display:none; border:0; background:none; }
.hero { position:relative; overflow:hidden; min-height:660px; background:radial-gradient(circle at 76% 45%,#e7e9ff 0,rgba(235,239,255,.72) 18%,transparent 43%),linear-gradient(130deg,#f9fbff 1%,#f4f7ff 55%,#edf0ff); }.hero:before { content:""; position:absolute; left:-100px; top:92px; width:330px; height:330px; border-radius:50%; border:1px solid rgba(105,129,255,.13); }.hero-grid { min-height:660px; position:relative; display:grid; grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr); column-gap:34px; align-items:center; }.hero-copy { position:relative; z-index:2; padding:68px 0; }.eyebrow,.section-kicker { display:inline-flex; align-items:center; gap:9px; color:#6173a5; font:500 11px "DM Mono",monospace; letter-spacing:1.2px; }.eyebrow-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px rgba(43,124,255,.12); }.hero h1 { margin:22px 0 18px; font-size:58px; line-height:1.22; letter-spacing:-2px; font-weight:800; }.hero h1 em { font-style:normal; background:linear-gradient(90deg,#2d75ff,#8453fa); -webkit-background-clip:text; background-clip:text; color:transparent; }.hero-desc { color:#60708d; font-size:17px; line-height:1.9; }.hero-desc strong { color:var(--blue); font-weight:800; }.hero-actions { display:flex; gap:14px; margin-top:31px; }.button { display:inline-flex; justify-content:center; align-items:center; gap:17px; min-width:174px; height:52px; border-radius:11px; font-size:15px; font-weight:600; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); }.button-primary { color:#fff; background:linear-gradient(100deg,#267eff,#7351fa); box-shadow:0 13px 25px rgba(56,91,239,.27); }.button-primary span { font-size:21px; }.button-ghost { color:#4d5d82; border:1px solid #d2dcef; background:rgba(255,255,255,.74); }.trust-row { display:flex; gap:27px; margin-top:62px; }.trust-row>div { display:flex; align-items:center; gap:9px; }.trust-row b { font:500 13px "DM Mono",monospace; color:#a1acc3; }.trust-row span { color:#66738e; font-size:11px; line-height:1.5; }
.hero-art { position:relative; justify-self:end; width:420px; height:590px; }.poster-frame { position:relative; z-index:1; height:100%; overflow:hidden; border:1px solid rgba(255,255,255,.9); border-radius:34px; background:#eaf0ff; box-shadow:0 25px 55px rgba(66,82,182,.21); transform:rotate(2deg); }.poster-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }.hero-glow { position:absolute; z-index:0; inset:10% -18% 5%; background:#6e75ff; filter:blur(65px); opacity:.22; }
.value-strip { border-bottom:1px solid #e5ebf7; background:#fff; }.value-list { min-height:72px; display:flex; justify-content:space-between; align-items:center; gap:30px; }.value-list p { margin:0; color:#65718c; font-size:13px; }.value-list span { margin-right:8px; color:#7361ff; }
.section { padding:118px 0; }.section-heading { max-width:560px; margin:0 auto 51px; text-align:center; }.section-heading h2,.process h2,.faq h2 { margin:12px 0 14px; font-size:36px; line-height:1.4; letter-spacing:-1px; }.section-heading p,.process-copy>p,.faq-intro>p { margin:0; color:var(--muted); font-size:15px; line-height:1.8; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:19px; }.feature-card { position:relative; min-height:335px; padding:29px 29px 25px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; transition:transform .25s,box-shadow .25s; }.feature-card:hover { transform:translateY(-7px); box-shadow:0 21px 42px rgba(61,91,177,.12); }.feature-card:after { content:""; position:absolute; width:170px; height:170px; right:-60px; top:-70px; border-radius:50%; }.feature-card--blue:after { background:#e9f2ff; }.feature-card--violet:after { background:#f0edff; }.feature-card--mint:after { background:#e9faf8; }.feature-index { color:#9faac2; font:500 12px "DM Mono",monospace; }.feature-icon { position:relative; z-index:1; display:flex; align-items:flex-end; gap:5px; width:68px; height:68px; margin:31px 0 19px; padding:15px; border-radius:18px; background:linear-gradient(145deg,#e9f0ff,#fff); box-shadow:0 9px 19px rgba(69,99,183,.13); }.icon-target { justify-content:center; align-items:center; border:1px solid #e4ecff; }.icon-target i { display:block; position:absolute; border:2px solid #4c79ff; border-radius:50%; }.icon-target i:nth-child(1){width:36px;height:36px;}.icon-target i:nth-child(2){width:22px;height:22px;}.icon-target i:nth-child(3){width:8px;height:8px;background:#7558fa;border:0;}.icon-chart i { width:8px; background:linear-gradient(#7c69ff,#307eff); border-radius:5px 5px 2px 2px; }.icon-chart i:nth-child(1){height:18px}.icon-chart i:nth-child(2){height:29px}.icon-chart i:nth-child(3){height:39px}.icon-chart i:nth-child(4){height:47px}.icon-plan { align-items:center; justify-content:center; }.icon-plan i { position:absolute; width:33px; height:4px; background:#527eff; border-radius:5px; left:20px; }.icon-plan i:nth-child(1){top:20px}.icon-plan i:nth-child(2){top:31px}.icon-plan i:nth-child(3){top:42px;width:21px}.feature-card h3 { margin:0 0 9px; font-size:21px; }.feature-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.8; }.feature-tag { position:absolute; bottom:25px; padding:6px 10px; border-radius:99px; color:#596a95; background:#f3f6ff; font-size:11px; }
.process { background:linear-gradient(180deg,#fafcff,#f4f7ff); }.process-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:center; }.process h2,.faq h2 { font-size:40px; }.text-link { display:inline-block; margin-top:29px; padding-bottom:5px; border-bottom:1px solid #6d7ea5; color:#334b86; font-size:14px; font-weight:600; }.text-link span { margin-left:13px; color:var(--blue); font-size:20px; }.steps { position:relative; margin:0; padding:0; list-style:none; }.steps:before { content:""; position:absolute; top:51px; bottom:51px; left:24px; border-left:1px dashed #b8c8ef; }.steps li { position:relative; z-index:1; display:flex; align-items:center; gap:20px; min-height:104px; padding:17px 21px 17px 0; border-bottom:1px solid #e1e8f7; }.step-num { display:grid; place-items:center; flex:none; width:49px; height:49px; border-radius:50%; color:#4d6eff; background:#fff; box-shadow:0 6px 15px rgba(74,106,190,.13); font:500 12px "DM Mono",monospace; }.steps h3 { margin:0 0 6px; font-size:17px; }.steps p { margin:0; color:#77839c; font-size:13px; }.step-icon { display:grid; place-items:center; margin-left:auto; width:36px; height:36px; border-radius:11px; color:#5d65f8; background:#eaf0ff; font-style:normal; }
.evidence { padding-top:100px; }.evidence-card { position:relative; display:grid; grid-template-columns:1fr .75fr; gap:55px; padding:74px 73px; overflow:hidden; border-radius:23px; color:#fff; background:linear-gradient(112deg,#224dce,#6a56e9); box-shadow:0 22px 44px rgba(58,81,182,.22); }.evidence-card:after { content:""; position:absolute; inset:0; opacity:.2; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:24px 24px; }.evidence-copy,.evidence-points { position:relative; z-index:2; }.evidence .section-kicker { color:#bfceff; }.evidence h2 { margin:12px 0 17px; font-size:31px; line-height:1.45; }.evidence-copy p { max-width:470px; margin:0; color:#dbe4ff; font-size:14px; line-height:1.8; }.evidence-points { display:flex; flex-direction:column; justify-content:center; gap:22px; }.evidence-points div { display:flex; align-items:baseline; gap:18px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.22); }.evidence-points b { min-width:73px; font-size:16px; }.evidence-points span { color:#d2ddff; font-size:13px; }.evidence-orbit { position:absolute; border:1px solid rgba(255,255,255,.23); border-radius:50%; }.orbit-one { width:470px;height:190px;right:-75px;top:-64px;transform:rotate(-18deg);}.orbit-two { width:670px;height:270px;right:-220px;bottom:-160px;transform:rotate(19deg);}
.faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }.faq-list { border-top:1px solid #dce5f6; }.faq details { border-bottom:1px solid #dce5f6; }.faq summary { display:flex; justify-content:space-between; align-items:center; min-height:76px; cursor:pointer; list-style:none; font-size:16px; font-weight:600; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:#6680ca; font-size:25px; font-weight:400; transition:transform .2s; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { max-width:570px; margin:-6px 0 22px; color:#71809c; font-size:13px; line-height:1.9; }
.experience { padding:5px 0 105px; }.experience-card { display:flex; justify-content:space-between; align-items:center; padding:56px 82px; overflow:hidden; border:1px solid #d9e4ff; border-radius:24px; background:linear-gradient(110deg,#f6f9ff,#edf1ff); }.experience-copy h2 { margin:10px 0 14px; font-size:34px; line-height:1.4; }.experience-copy p { margin:0; color:#687591; font-size:14px; }.experience-notice { margin-top:21px; color:#8190ae; font-size:11px; }.experience-notice span { display:inline-grid; place-items:center; width:16px; height:16px; margin-right:5px; border-radius:50%; color:white; background:#6a70f9; }.qr-box { display:grid; grid-template-columns:116px 1fr; column-gap:18px; align-items:center; min-width:290px; padding:15px; border-radius:15px; background:#fff; box-shadow:0 12px 27px rgba(61,79,164,.12); }.qr-box img { grid-row:span 2; width:116px; height:116px; object-fit:cover; }.qr-box strong { font-size:14px; }.qr-box span { color:#7a87a2; font-size:11px; }
.site-footer { padding:26px 0; border-top:1px solid #e4eaf6; }.footer-wrap { display:flex; align-items:center; }.brand--footer { font-size:16px; }.brand--footer img { width:31px;height:31px; }.site-footer p { margin:0 0 0 24px; padding-left:24px; border-left:1px solid #dbe3f1; color:#8792aa; font-size:12px; }.site-footer div:last-child { display:flex; gap:19px; margin-left:auto; color:#8490a9; font-size:12px; }.site-footer a:hover { color:var(--blue); }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }.feature-card:nth-child(2){transition-delay:.1s}.feature-card:nth-child(3){transition-delay:.2s}
@media (min-width:801px) and (max-width:1080px) { .hero-grid { grid-template-columns:minmax(0,1fr) minmax(360px,.92fr); column-gap:10px; }.hero h1 { font-size:48px; }.hero-art { width:360px; height:520px; }.trust-row { gap:16px; } }
@media (max-width:800px) { .container { width:min(100% - 36px,600px); }.site-header { height:66px; }.main-nav { position:absolute; top:66px; right:18px; left:18px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:10px; border:1px solid #e0e8fa; border-radius:14px; background:#fff; box-shadow:0 15px 32px rgba(47,71,147,.13); }.main-nav.open { display:flex; }.main-nav>a { padding:12px; }.nav-cta { margin-top:5px; text-align:center; }.menu-toggle { display:flex; flex-direction:column; gap:4px; padding:7px; }.menu-toggle i { width:22px; height:2px; border-radius:2px; background:#3c4e7d; }.hero { min-height:auto; }.hero-grid { min-height:auto; display:block; }.hero-copy { padding:58px 0 8px; }.eyebrow { font-size:10px; }.hero h1 { margin:17px 0 14px; font-size:42px; letter-spacing:-1.8px; }.hero-desc { font-size:14px; line-height:1.8; }.hero-actions { gap:10px; margin-top:25px; }.button { min-width:0; flex:1; height:48px; font-size:13px; }.trust-row { gap:16px; margin-top:37px; }.trust-row span { font-size:10px; }.hero-art { position:relative; top:auto; right:auto; width:280px; height:446px; margin:29px auto 0; transform:none; }.poster-frame { border-width:1px; border-radius:24px; }.value-list { min-height:auto; flex-direction:column; align-items:flex-start; gap:12px; padding:19px 0; }.value-list p { font-size:12px; }.section { padding:78px 0; }.section-heading { margin-bottom:35px; text-align:left; }.section-heading h2,.process h2,.faq h2 { font-size:30px; }.section-heading p { font-size:13px; }.feature-grid { grid-template-columns:1fr; }.feature-card { min-height:274px; }.feature-icon { margin:21px 0 15px; }.process-layout,.faq-layout { grid-template-columns:1fr; gap:35px; }.process h2,.faq h2 { margin-top:10px; }.steps li { min-height:88px; }.evidence { padding-top:48px; }.evidence-card { grid-template-columns:1fr; gap:36px; padding:43px 27px; }.evidence h2 { font-size:25px; }.evidence-points div { display:block; }.evidence-points span { display:block; margin-top:6px; }.experience { padding:0 0 76px; }.experience-card { display:block; padding:39px 25px; }.experience-copy h2 { font-size:27px; }.qr-box { min-width:0; margin-top:29px; }.site-footer { padding:21px 0; }.footer-wrap { flex-wrap:wrap; gap:15px; }.site-footer p { margin:0; padding:0; border:0; font-size:11px; }.site-footer div:last-child { width:100%; margin:0; }.reveal { opacity:1; transform:none; } }