/* Homepage: graphite, silver and ice-blue. Client screens retain their colors. */
body.home-page{--paper:#0b0d12;--ink:#f2f4f8;--muted:#a7b0c0;--line:#2a303d;--accent:#acc8ff;--card:#141923;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
body.home-page .nav{background:#0c0f16d9;border-bottom-color:#ffffff14;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
body.home-page .nav::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#789cfc,#cee8ff);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
body.home-page .nav .brand{color:var(--ink)}
body.home-page .nav nav a{color:#aab3c5}
body.home-page .nav nav a:hover,body.home-page .nav nav a.active{color:#f5f7ff}
body.home-page .nav nav a.active{border-bottom-color:#b4cbff}
body.home-page .nav .nav-cta{background:#ffffff12;color:#edf2ff;border:1px solid #ffffff26}
body.home-page .nav .nav-cta:hover{background:#ffffff20;border-color:#ffffff4a}
body.home-page .scroll-veil{background:linear-gradient(180deg,#0b0d12ed,#0b0d1280 25%,#0b0d1200)}
body.home-page main :is(.eyebrow,.capability-index,.scene-grid span,.home-trust-strip small){color:#a7bee6}
body.home-page .hero{position:relative;isolation:isolate;max-width:none;padding-inline:max(var(--home-gutter),calc((100% - var(--home-width))/2))}
body.home-page .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 640px 680px at calc(50% + 350px) 43%,#254d8e40,transparent 72%),radial-gradient(ellipse 700px 500px at calc(50% - 400px) 12%,#40335e27,transparent 72%);pointer-events:none;transform:translateY(calc(var(--hero-progress,0)*30px))}
body.home-page .hero h1{font-weight:650;letter-spacing:-.05em}
body.home-page .hero h1 em{color:#c3d6ff;background:linear-gradient(105deg,#e6f3ff 3%,#adc8ff 45%,#d2c1f5 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.home-page .primary{background:#eef3fb;color:#15223a;box-shadow:0 1px 0 #fff9 inset}
body.home-page .primary:hover{background:#fff;box-shadow:0 6px 24px #9cc3ff1a}
body.home-page .primary:active,body.home-page .mini-program-entry:active{transform:scale(.975)}
body.home-page .mini-program-entry{background:#ffffff08;border-color:#ffffff2c;color:#e5edfa}
body.home-page .mini-program-entry:hover{background:#ffffff12;border-color:#8aa9d866}
body.home-page .mini-program-entry small{color:#adb9cd}
body.home-page .home-guide-link{color:#b5cbef;text-decoration-color:#536a91}
body.home-page .camera-showcase::before{background:radial-gradient(ellipse,#719bdc26,transparent 70%)}
body.home-page .phone-frame{border-color:#67778d;background:#151a23;box-shadow:0 30px 65px -16px #000b,inset 0 0 0 2px #323d4c}
body.home-page .camera-showcase figcaption,body.home-page .camera-showcase figcaption #homePhoneStage{color:#c5d2e8}
body.home-page .camera-showcase figcaption small{color:#9caac0}
body.home-page #homePhonePlay,body.home-page #homePhoneInteract{background:#192130;border-color:#35435c;color:#d0dff4}
body.home-page #homePhonePlay:hover,body.home-page #homePhoneInteract:hover{background:#26344d}
body.home-page .phone-demo-guide{color:#b4c7e8;text-decoration-color:#536b94}
body.home-page .app-download-card{border-radius:24px;border-color:#34435f;background:#15223b;color:#eff4ff;box-shadow:0 12px 32px #0002}
body.home-page .app-download-card:hover{background:#1a2f52;border-color:#688bbd}
body.home-page .app-download-ios{background:linear-gradient(145deg,#f4f7fc,#dbe3f0);border-color:#eef4ff;color:#202a3d}
body.home-page .app-download-ios .app-download-text em{color:#54647b}
body.home-page .app-download-ios:hover{background:linear-gradient(145deg,#fff,#e8eef8);border-color:#fff}
body.home-page .app-download-android .app-download-text em{color:#bac9e0}
body.home-page .home-capability-grid article{padding:28px;border:1px solid #2c3547;border-radius:24px;background:linear-gradient(145deg,#171d29,#11151e)}
body.home-page .home-capability-grid .capability-primary{background:linear-gradient(155deg,#1b3158,#111a2b 78%);border:1px solid #3d5277;color:#f0f5ff}
body.home-page .capability-primary .capability-index{color:#adcaff}
body.home-page .capability-primary p{color:#becde6}
body.home-page .capability-primary li{color:#d7e2f5;border-top-color:#354667}
body.home-page .home-capability-grid a{color:#b0cdff}
body.home-page .home-section-heading h2{font-weight:650;letter-spacing:-.035em;text-wrap:balance}
body.home-page .home-workflow{--ink:#202839;--muted:#5a677b;background:linear-gradient(135deg,#f4f6fa,#e4eaf3);color:#202839;border-color:#f4f7ff;box-shadow:0 22px 65px #0002}
body.home-page .home-workflow .eyebrow{color:#45648d}
body.home-page .home-workflow li{border-top-color:#b4c2d7}
body.home-page .home-workflow li>b{color:#466b9f}
body.home-page .template-callout{background:linear-gradient(120deg,#172a49,#141a29);border-color:#334c72}
body.home-page .template-callout .mini-program-entry{background:#e7effd;color:#1a2b48;border-color:#e7effd}
body.home-page .template-callout .mini-program-entry:hover{background:#fff}
body.home-page[data-shared-site-footer]>.site-footer{background:#090b10;border-top-color:#272d39;color:#a0a9ba}
body.home-page[data-shared-site-footer]>.site-footer a{color:#a0a9ba}
body.home-page[data-shared-site-footer]>.site-footer a:hover{color:#edf2ff}
body.home-page .mini-program-dialog{background:#19202d;color:#edf2ff;border-color:#43516a}
body.home-page .mini-program-dialog p{color:#b7c5dd}
body.home-page .mini-program-dialog .dialog-close{background:#303e56;color:#edf2ff}
body.home-page .mini-program-dialog img{background:#fff}
body.home-page>dialog:not(.mini-program-dialog){--ink:#242b2a;--muted:#68716e;--line:#dedfda;--paper:#f7f7f5;--card:#fff;color:#242b2a;color-scheme:light}
body.home-page>dialog:not(.mini-program-dialog,.home-phone-dialog) .eyebrow{color:#42604c}
body.home-page>dialog.home-phone-dialog{background:#151c29;border-color:#3a4b68;color:#edf2ff}
body.home-page .home-phone-close{background:#25344c;border-color:#435675;color:#edf2ff}
body.home-page .home-phone-dialog>p{color:#b8c9e7}
body.home-page>.page-loading{background:#0b0d12;color:#edf2ff}
body.home-page .page-loading-card{background:#192130;border-color:#35435c;box-shadow:0 15px 40px #0003}
body.home-page .page-loading-identity,body.home-page .page-loading [data-page-loading-detail],body.home-page .page-loading-resources{color:#b8c9e7}
body.home-page .page-loading-track{background:#35435c}
body.home-page .page-loading-track>span{background:#acc8ff}
/* Scroll narrative uses public product assets; it is not a second client UI. */
.home-page .home-scroll-story{position:relative;width:calc(100% - var(--home-gutter)*2);max-width:var(--home-width);margin:0 auto;padding:88px 0;scroll-margin-top:calc(var(--home-nav) + 24px)}
.home-page .story-sticky{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-width:0}
.home-page .story-heading{min-width:0}
.home-page .story-heading h2{margin:0;font-size:clamp(34px,4vw,54px);font-weight:650;letter-spacing:-.045em;line-height:1.22}
.home-page .story-heading h2 span{color:#a9c9ff}
.home-page .story-lead{max-width:455px;margin:24px 0 28px;color:#a7b4ca;font-size:14px;line-height:1.9}
.home-page .story-steps{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.home-page .story-steps li{position:relative;display:flex;gap:18px;padding:14px 0 14px 18px;border-left:2px solid #303b50}
.home-page .story-steps li::before{content:"";position:absolute;inset:0 auto 0 -2px;width:2px;background:#a8c9ff;transform:scaleY(0);transform-origin:top;transition:transform .2s ease-out}
.home-page .story-steps li>span{padding-top:2px;color:#8daddb;font-size:11px;font-variant-numeric:tabular-nums}
.home-page .story-steps h3{margin:0 0 5px;color:#cad7ed;font-size:18px;font-weight:550;letter-spacing:-.02em}
.home-page .story-steps p{margin:0;color:#9faec6;font-size:12px;line-height:1.8}
.home-page [data-story-current="0"] .story-steps li:nth-child(1)::before,.home-page [data-story-current="1"] .story-steps li:nth-child(2)::before,.home-page [data-story-current="2"] .story-steps li:nth-child(3)::before{transform:scaleY(1)}
.home-page .story-visual{position:relative;width:100%;height:min(590px,72svh);min-height:400px;overflow:clip;isolation:isolate}
.home-page .story-visual::before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,#3964a733,transparent 68%);z-index:-1}
.home-page .story-photo{position:absolute;left:10%;top:5%;width:75%;height:83%;overflow:hidden;border:1px solid #8293af70;border-radius:28px;background:#1a2434;box-shadow:0 25px 45px #0005;transform:translate3d(calc(var(--story-progress,.5)*-30px),calc(var(--story-progress,.5)*-18px),0) rotate(calc(-5deg + var(--story-progress,.5)*7deg)) scale(calc(1 - var(--record-progress,1)*.12));opacity:calc(1 - var(--record-progress,1)*.25)}
.home-page .story-scene{width:100%;height:100%;object-fit:cover;object-position:center}
.home-page .story-photo-label{position:absolute;top:18px;left:18px;padding:8px 12px;border:1px solid #ffffff38;border-radius:100px;background:#101827c9;color:#f0f5ff;font-size:11px}
.home-page .story-watermark{position:absolute;left:6%;bottom:10%;width:88%;height:auto;opacity:var(--watermark-progress,1);transform:translate3d(0,calc((1 - var(--watermark-progress,1))*35px),0) scale(calc(.86 + var(--watermark-progress,1)*.14));transform-origin:left bottom}
.home-page .story-record{position:absolute;left:28%;bottom:36px;width:70%;padding:28px;border:1px solid #fff9;border-radius:24px;background:linear-gradient(145deg,#f8faff,#e0e8f5);color:#202d45;box-shadow:0 24px 45px #0005;opacity:var(--record-progress,1);transform:translate3d(calc((1 - var(--record-progress,1))*48px),calc((1 - var(--record-progress,1))*90px),0) rotate(calc((1 - var(--record-progress,1))*5deg));transform-origin:center bottom}
.home-page .story-record-kicker{font-size:10px;color:#456089;letter-spacing:.06em}
.home-page .story-record h3{margin:20px 0;font-size:28px;line-height:1.3;letter-spacing:-.04em;font-weight:650}
.home-page .story-record dl{margin:0;display:grid;gap:12px}
.home-page .story-record dl>div{display:grid;grid-template-columns:28px 1fr;gap:12px;padding-top:12px;border-top:1px solid #b7c6dd}
.home-page .story-record dt{color:#52647e;font-size:11px;line-height:1.7}
.home-page .story-record dd{margin:0;color:#344863;font-size:12px;line-height:1.7}
.home-page .story-record-tag{display:inline-block;margin-top:22px;padding:7px 10px;border-radius:8px;background:#ccdbf2;color:#385a8a;font-size:10px}
.home-page .story-caption{position:absolute;inset:auto 0 0;margin:0;text-align:center;color:#96a9c8;font-size:10px;line-height:1.7}
@media(min-width:681px){.home-page[data-scroll-motion="active"] .home-scroll-story{min-height:220svh;padding:0}.home-page[data-scroll-motion="active"] .story-sticky{position:sticky;top:var(--home-nav);height:calc(100svh - var(--home-nav))}}
@media(prefers-reduced-motion:no-preference){.home-page[data-scroll-motion="active"] .hero h1{transform:translate3d(0,calc(var(--hero-progress,0)*-36px),0)}.home-page[data-scroll-motion="active"] [data-scroll-reveal]{opacity:1;transform:translate3d(0,calc((1 - var(--reveal,1))*80px),0) scale(calc(.95 + var(--reveal,1)*.05));transform-origin:center top}.home-page[data-scroll-motion="active"] [data-scroll-reveal]:focus-within{opacity:1;transform:none}}
@media(max-width:900px){.home-page .story-sticky{gap:30px}.home-page .story-heading h2{font-size:38px}.home-page .story-record{padding:22px;left:20%;width:78%}.home-page .story-record h3{font-size:25px}.home-page .story-lead{font-size:13px}}
@media(max-width:680px){.home-page .home-scroll-story{padding:64px 0 48px}.home-page .story-sticky{grid-template-columns:1fr;gap:24px}.home-page .story-heading h2{font-size:38px}.home-page .story-lead{margin:20px 0;font-size:13px}.home-page .story-steps li{padding-block:10px}.home-page .story-steps h3{font-size:16px}.home-page .story-visual{height:450px;min-height:0;max-width:420px;margin:auto}.home-page .story-record{left:26%;width:72%;padding:24px}.home-page .story-photo{border-radius:24px}.home-page .home-capability-grid article{padding:26px}.home-page .hero::before{background:radial-gradient(ellipse at 80% 48%,#254d8e36,transparent 62%)}}
@media(max-width:360px){.home-page .story-heading h2{font-size:33px}.home-page .story-visual{height:470px}.home-page .story-record{left:21%;width:77%;padding:20px}.home-page .story-record h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.home-page .hero::before,.home-page .hero h1,.home-page .story-photo,.home-page .story-record,.home-page .story-watermark{transform:none}.home-page .story-record,.home-page .story-watermark,.home-page .story-photo{opacity:1}.home-page .story-steps li::before{transition:none}.home-page .story-record{bottom:36px}}
@media(prefers-reduced-transparency:reduce){body.home-page .nav{background:#0b0d12;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body.home-page .hero h1 em{-webkit-text-fill-color:currentColor;background:none}}
@media print{body.home-page{--paper:#fff;--ink:#202839;--muted:#536175;--line:#c6d1e2;background:#fff;color:var(--ink)}body.home-page .hero h1 em{background:none;-webkit-text-fill-color:#365b85}body.home-page .home-workflow,body.home-page .template-callout{background:#eef2f8}body.home-page .home-capability-grid article{background:#eef2f8;color:#202839}body.home-page .capability-primary :is(p,li){color:#536175}.home-page[data-scroll-motion="active"] .home-scroll-story{min-height:0}.home-page[data-scroll-motion="active"] .story-sticky{position:static;height:auto}.home-page [data-scroll-reveal]{opacity:1!important;transform:none!important}.home-page .story-watermark,.home-page .story-record{opacity:1;transform:none}}

/* Give both hero actions the same geometry, with supporting copy below. */
body.home-page .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;max-width:420px}
body.home-page .hero-actions>:is(.primary,.mini-program-entry){box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:56px;min-height:56px;margin:0;padding:0 16px;border:1px solid transparent;border-radius:14px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:none}
body.home-page .hero-actions>.mini-program-entry{border-color:#ffffff2c}
body.home-page .hero-actions :is(svg,img){flex:none;width:22px;height:22px}
body.home-page .hero-actions img{border-radius:6px}
body.home-page .hero-actions .mini-program-entry>span{display:block;text-align:center}
body.home-page .hero-actions-hint{max-width:420px;margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:900px){body.home-page .hero-actions{margin-inline:auto}body.home-page .hero-actions-hint{margin-inline:auto;text-align:center}}
@media(max-width:520px){body.home-page .hero-actions{gap:10px}body.home-page .hero-actions>:is(.primary,.mini-program-entry){height:52px;min-height:52px;padding-inline:10px;gap:7px;font-size:clamp(13px,3.4vw,15px);border-radius:13px}body.home-page .hero-actions :is(svg,img){width:20px;height:20px}}