:root{--ink:#0a2342;--muted:#5f7792;--blue:#1266f1;--line:rgba(40,103,162,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f9ff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{width:min(1180px,calc(100% - 48px));height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:780}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;font:800 22px/1 Georgia,serif;border-radius:11px 11px 11px 4px;background:linear-gradient(145deg,#1677ff,#0753cf);box-shadow:0 8px 18px rgba(17,93,218,.24)}.brand-mark.small{width:34px;height:34px;font-size:19px}.brand-mark img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}.header-meta{display:flex;align-items:center;gap:8px;color:#55708a;font-size:13px;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#15b979;box-shadow:0 0 0 5px rgba(21,185,121,.1)}
.hero{min-height:670px;padding:42px max(24px,calc((100vw - 1180px)/2)) 78px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:42px;position:relative;overflow:hidden}.hero:before{content:"";width:660px;height:660px;position:absolute;right:-100px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(156,221,255,.45),rgba(211,238,255,.2) 54%,transparent 70%)}.hero-copy{position:relative;z-index:2;padding-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px 8px 8px;border:1px solid rgba(18,102,241,.13);border-radius:999px;color:#2d6cac;background:rgba(255,255,255,.68);font-size:13px;font-weight:650}.eyebrow-icon{width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--blue)}h1{max-width:620px;margin:28px 0 22px;color:#0a2548;font-size:clamp(48px,5.1vw,72px);line-height:1.12;letter-spacing:-.06em;font-weight:840}h1 span{color:var(--blue);white-space:nowrap}.headline-prefix{color:#0a2548}.hero-lead{max-width:520px;margin:0;color:var(--muted);font-size:18px;line-height:1.85}.trust-row{display:flex;flex-wrap:wrap;gap:21px;margin-top:27px;color:#45627f;font-size:13px;font-weight:600}.trust-row>span{display:flex;align-items:center;gap:7px}.trust-row b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#098a62;background:#dff7ee;font-size:11px}
.primary-action{margin-top:34px;width:min(100%,354px)}.primary-button,.service-button{display:grid;align-items:center;gap:13px;border-radius:17px}.primary-button{min-height:72px;padding:11px 16px;grid-template-columns:44px 1fr auto;color:#fff;background:linear-gradient(135deg,#1675ff,#0757d7);box-shadow:0 18px 34px rgba(8,85,210,.28)}.download-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.16);font-size:26px}.primary-button>span:nth-child(2),.service-button>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.primary-button small{color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.08em}.primary-button strong{font-size:17px}.button-arrow{font-size:20px}.device-hint{margin:12px 0 0;color:#70869b;font-size:12px;text-align:center}.service-button{min-height:66px;margin-top:16px;padding:10px 16px;grid-template-columns:42px 1fr auto;color:#16466f;border:1px solid rgba(18,102,241,.17);background:rgba(255,255,255,.84);box-shadow:0 12px 26px rgba(31,92,139,.09)}.service-icon{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,#4aa9ff,#1266f1)}.service-button small{color:#7a92a9;font-size:9px}.service-button strong{font-size:15px}
.visual-stage{min-height:580px;position:relative;z-index:2}.visual-stage:before{content:"";width:430px;height:430px;position:absolute;left:50%;top:50%;transform:translate(-45%,-46%);border-radius:50%;background:rgba(166,220,255,.38);box-shadow:0 0 0 44px rgba(207,237,255,.34),0 0 0 90px rgba(223,243,255,.24)}.phone-shell{width:284px;height:570px;padding:8px;position:absolute;left:52%;top:49%;transform:translate(-50%,-50%) rotate(2deg);border-radius:45px;background:#071529;box-shadow:0 38px 80px rgba(20,73,117,.28)}.app-preview-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;border-radius:37px;background:#fff}
.download-section{padding:72px 24px 68px;border-top:1px solid var(--line);background:rgba(255,255,255,.68);text-align:center}.download-heading>span{color:var(--blue);font-size:12px;font-weight:750;letter-spacing:.18em}.download-heading h2{margin:12px 0 10px;color:#102c4b;font-size:clamp(30px,3vw,40px)}.download-heading p{margin:0;color:#6c8298;font-size:14px}.store-buttons{margin:34px auto 22px;display:flex;justify-content:center;gap:16px}.store-button{width:252px;min-height:78px;padding:12px 15px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;border:1px solid rgba(52,105,155,.13);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(50,103,146,.08);text-align:left}.official-logo-wrap{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f4f7fa}.official-logo-wrap img{display:block;max-width:34px;max-height:34px;object-fit:contain}.android-logo-wrap{background:#eaf8ef}.android-logo-wrap img{max-width:38px;max-height:30px}.store-button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.store-button small{color:#8294a6;font-size:9px}.store-button strong{color:#17314d;font-size:16px}.store-button i{color:#9aabba;font-style:normal}.security-note{display:inline-flex;align-items:center;gap:8px;color:#778da1;font-size:11px}.security-note>span:first-child{color:#0b9d70;font-size:18px}.security-copy{font-size:11px;color:#778da1}
footer{width:min(1180px,calc(100% - 48px));min-height:110px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:50px;color:#8395a8;font-size:10px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand div{display:flex;flex-direction:column;gap:3px}.footer-brand strong{color:#1b3652;font-size:13px}footer p{margin:0;text-align:center}
@media(max-width:980px){.hero{grid-template-columns:1fr 420px;gap:10px}}
@media(max-width:820px){.site-header{height:72px}.hero{min-height:auto;padding-top:44px;grid-template-columns:1fr;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.visual-stage{width:min(100%,560px);margin:12px auto 0}footer{padding:26px 0;grid-template-columns:1fr;gap:18px;justify-items:center}footer>span{display:none}}
@media(max-width:560px){.site-header{width:calc(100% - 32px)}.brand{font-size:17px}.brand-mark{width:34px;height:34px;font-size:19px}.header-meta{font-size:11px}.hero{padding:38px 18px 58px}.eyebrow{font-size:11px}h1{margin-top:24px;font-size:clamp(40px,12vw,54px)}.hero-lead{font-size:15px}.trust-row{justify-content:center;gap:12px}.visual-stage{min-height:520px;margin-top:32px;transform:scale(.9);transform-origin:center top}.phone-shell{left:50%}.store-buttons{width:min(100%,360px);flex-direction:column}.store-button{width:100%}.download-section{padding-top:58px}}
.hero-copy h1 {
    font-size: clamp(30px, 5.5vw, 62px);
    line-height: 1.22;
    word-break: break-word;
}
.hero-copy .headline‑highlight {
    font-size: clamp(28px, 5vw, 56px);
    line-height:1.2;
}