:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#eef7ff;background:#06132d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{position:relative;width:min(100%,430px);margin:0 auto;overflow-x:hidden;background:#06132d;box-shadow:0 0 80px #0008;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #a8d9ff;outline-offset:4px}
.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:#112653;padding:8px 12px}.skip-link:focus{left:8px}
.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(100% - 72px,1200px);height:76px;margin:auto;border-bottom:1px solid #dceaff20}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:"Songti SC","STSong","Noto Serif SC",serif;font-size:20px;font-weight:800;text-shadow:0 0 12px #68aafa}
.brand svg{width:42px;height:42px;fill:none;stroke:#a6d9ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #64aaff)}
.nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#d8e8ff}.nav a{transition:color .2s}.nav a:hover{color:#87caff}
.header-tag{border:1px solid #87b9ee77;border-radius:999px;padding:7px 12px;background:#3566a038;color:#bedcff;font-size:11px;white-space:nowrap}
.hero{position:relative;min-height:690px;overflow:hidden;background:#081a3a}
.hero-image{position:absolute;inset:0;background:url("./assets/hero-mobile-v3.webp") center top / cover no-repeat}
.hero-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061634d9 0%,#06163499 30%,#06163418 58%,transparent 75%),linear-gradient(180deg,#06163433 0%,transparent 70%,#06132d 100%)}
.hero-inner{position:relative;z-index:1;width:min(100% - 72px,1200px);min-height:690px;margin:auto;display:flex;align-items:center}
.hero-content{width:530px;padding:76px 0 44px}
.eyebrow,.mini-kicker,.section-heading>span{font-size:10px;letter-spacing:.22em;color:#9ecfff;font-weight:700}
.hero h1{margin:13px 0 5px;font-family:"Songti SC","STSong","Noto Serif SC",serif;font-size:clamp(58px,7.8vw,106px);letter-spacing:.06em;line-height:1.15;white-space:nowrap;color:#f5fbff;text-shadow:0 0 4px #fff,0 0 16px #74b6ff,0 0 36px #2874f7,0 4px 10px #071c48}
.hero-subtitle{margin:0;font-family:"Songti SC","STSong","Noto Serif SC",serif;font-size:clamp(22px,2.7vw,34px);letter-spacing:.12em;font-weight:700;text-shadow:0 3px 12px #061634}
.hero-motto{display:flex;align-items:center;gap:13px;margin:19px 0 0;color:#d7eaff;font-size:14px;letter-spacing:.08em}.hero-motto i{width:1px;height:13px;background:#bddaff8c}
.hero-divider{width:315px;height:1px;margin:23px 0 21px;background:linear-gradient(90deg,#9ac8ffbd,transparent)}
.hero-facts{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:14px;text-shadow:0 2px 6px #041331}
.hero-facts li{display:flex;align-items:center;gap:10px}.hero-facts strong{font-weight:800}.fact-icon{display:grid;place-items:center;width:26px;height:26px;color:#9fd5ff;font-size:23px;font-weight:900;text-shadow:0 0 11px #449cff}
.download-link{display:flex;align-items:center;justify-content:center;gap:11px;width:305px;height:59px;margin-top:26px;border:1px solid #d9eeff;border-radius:30px;background:linear-gradient(115deg,#53b9ff,#4f78f5);box-shadow:0 0 11px #8ccaff,0 12px 34px #155ec8a8,inset 0 1px #fff9;color:#fff;font-size:17px;text-shadow:0 2px 5px #1b4b9d;transition:transform .2s,box-shadow .2s}.download-link:not(.is-pending):hover{transform:translateY(-2px);box-shadow:0 0 19px #8ccaff,0 16px 36px #155ec8b0}.download-icon{font-size:25px;line-height:1}.download-link>span:last-child{font-size:26px;line-height:1}
.download-caption{display:block;width:305px;margin-top:9px;text-align:center;color:#b9d5f1;font-size:10px;letter-spacing:.06em}
.learn-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#c5ddfa;font-size:12px;border-bottom:1px solid #a0caff77;padding-bottom:5px}.learn-link span{font-size:16px}
.story{position:relative;overflow:hidden;min-height:680px;background:radial-gradient(circle at 70% 45%,#153a79 0%,#0a204a 38%,#061630 72%),#061630}
.story:before{content:"";position:absolute;inset:0;background:url("./assets/hero-mobile-v3.webp") center bottom / cover no-repeat;opacity:.11;filter:blur(2px)}
.story-backdrop{position:absolute;left:max(-100px,calc((100vw - 1200px)/2 - 140px));bottom:-100px;width:460px;height:600px;background:url("./assets/hero-purple.webp") center bottom / contain no-repeat;opacity:.46;mask-image:linear-gradient(90deg,#000 35%,transparent 100%);pointer-events:none}
.story-inner{position:relative;z-index:1;width:min(100% - 72px,1040px);margin:auto;padding:52px 0 28px}
.section-heading{text-align:center}.section-heading h2,.advantages h2{margin:10px 0 7px;font-family:"Songti SC","STSong","Noto Serif SC",serif;font-size:36px;line-height:1.25;letter-spacing:.03em;text-shadow:0 0 16px #327cdb5e}.section-heading p{margin:0;color:#a8c3e4;font-size:13px}
.compare-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:28px auto 0;max-width:850px}
.compare-card{position:relative;min-height:226px;padding:22px 28px;border:1px solid #adc9f854;border-radius:20px;background:linear-gradient(145deg,#9db7e71f,#1b376e61);box-shadow:inset 0 1px #fff1,0 16px 35px #010d2794;backdrop-filter:blur(10px)}
.compare-card.ours{border-color:#5db8ff;box-shadow:0 0 17px #278dff8a,inset 0 1px #d7efff72,0 16px 35px #010d2794;background:linear-gradient(135deg,#1c72cfaa,#172f78b3 70%,#2946a398)}
.compare-name{font-family:"Songti SC","STSong","Noto Serif SC",serif;font-size:20px;font-weight:800}.ours .compare-name{color:#dbf0ff}
.compare-card p{margin:15px 0 14px;color:#c7d7eb;font-size:13px;line-height:1.9}.ours p{color:#f3f9ff}.compare-card strong{display:block;border-top:1px solid #dceaff3b;padding-top:12px;font-size:14px;color:#c9d9f1}.ours strong{color:#98d6ff}
.versus{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #c2e8ff;border-radius:50%;background:radial-gradient(circle,#3fa0ff,#21499e);box-shadow:0 0 20px #47a6ff;color:#fff;font-size:17px;font-weight:900;font-style:italic}
.advantages{max-width:850px;margin:47px auto 0;text-align:center}.advantages h2{font-size:30px;margin-top:6px}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.advantage-grid>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #9fc5ff31}.advantage-grid>div:last-child{border:0}.advantage-grid span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:3px;border:1px solid #76b2ff77;border-radius:50%;background:#3165b66c;box-shadow:0 0 15px #287dff57;color:#d3edff;font-size:26px}.advantage-grid strong{font-size:13px}.advantage-grid small{color:#9bb6d8;font-size:11px}
.fineprint{max-width:850px;margin:34px auto 0;color:#829fc5;font-size:10px;line-height:1.6;text-align:center}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:0 max(36px,calc((100vw - 1040px)/2));border-top:1px solid #9fbeec2b;background:#06132d;color:#8aa6cb;font-size:11px}.site-footer span:first-child{color:#dbeaff;font-weight:800;font-size:13px}.site-footer small{font-size:10px}
@media(min-width:0px){
  .site-header{width:calc(100% - 36px);height:62px}.brand{font-size:16px}.brand svg{width:34px;height:34px}.nav,.header-tag{display:none}
  .hero,.hero-inner{min-height:700px}.hero-image{background-image:url("./assets/hero-mobile-v3.webp");background-position:center top}.hero-tint{background:linear-gradient(90deg,#061634b8 0%,#0616345c 46%,transparent 75%),linear-gradient(180deg,#07183a44 0%,transparent 52%,#06132d 100%)}
  .hero-inner{width:calc(100% - 36px);align-items:flex-start}.hero-content{width:100%;padding:111px 0 0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(44px,11vw,58px);margin:12px 0 6px}.hero-subtitle{font-size:21px}.hero-motto{gap:9px;font-size:12px;margin-top:14px}.hero-divider{width:225px;margin:18px 0}.hero-facts{gap:10px;font-size:12px}.fact-icon{width:22px;height:22px;font-size:19px}
  .download-link{width:255px;height:53px;margin-top:25px;font-size:14px}.download-caption{width:255px}.learn-link{margin-top:15px;font-size:11px}
  .story{min-height:745px}.story-backdrop{display:none}.story-inner{width:calc(100% - 36px);padding:49px 0 26px}.section-heading h2{font-size:28px}.section-heading p{font-size:12px;line-height:1.6}
  .compare-wrap{gap:12px;margin-top:26px}.compare-card{min-height:228px;padding:18px 13px}.compare-name{font-size:15px}.compare-card p{font-size:12px;line-height:1.85;margin:17px 0 14px}.compare-card strong{font-size:11px;white-space:nowrap}.versus{width:42px;height:42px;font-size:12px}
  .advantages{margin-top:45px}.advantages h2{font-size:27px}.advantage-grid{gap:0;margin-top:23px}.advantage-grid span{width:43px;height:43px;font-size:24px}.advantage-grid strong{font-size:12px}.advantage-grid small{font-size:10px;white-space:nowrap}.fineprint{margin-top:38px;text-align:left;font-size:9px}
  .site-footer{min-height:62px;padding:0 18px}.site-footer span:nth-child(2){display:none}
}
@media(max-width:375px){.hero,.hero-inner{min-height:690px}.hero-content{padding-top:100px}.hero h1{font-size:43px}.hero-subtitle{font-size:19px}.hero-facts{font-size:11px}.story-inner{width:calc(100% - 30px)}.compare-card{padding:16px 10px}.compare-name{font-size:14px}.compare-card strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download-link,.nav a{transition:none}}