:root{--color-ink:#1c2430;--color-ink-muted:#5a6573;--color-background:#faf9f7;--color-card:#fff;--color-muted:#f2f0ec;--color-line:#1c24301a;--color-accent:#0f8f7b;--color-accent-hover:#0c7464;--color-accent-soft:#0f8f7b1a;--color-on-accent:#fff;--font-sans:Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-brand:var(--font-sans);--font-body:var(--font-sans);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-1:0 1px 2px #1c24300d, 0 1px 1px #1c243008;--shadow-2:0 8px 24px -8px #1c24301f;--shadow-3:0 24px 60px -20px #1c24302e;--section-gap:clamp(56px, 8vw, 96px);--gutter:clamp(20px, 5vw, 24px);--max:1152px;--ease-out:cubic-bezier(.16, .84, .24, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-background);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}a{color:var(--color-accent);text-decoration:none}img{max-width:100%}.skip-link{z-index:60;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);padding:10px 16px;font-size:.9rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:12px;left:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.nav{z-index:30;justify-content:space-between;align-items:center;gap:var(--gutter);padding:12px var(--gutter);background:color-mix(in srgb, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line);transition:background .3s,box-shadow .3s;display:flex;position:sticky;top:0}.nav.is-scrolled{background:color-mix(in srgb, var(--color-background) 92%, transparent);box-shadow:var(--shadow-2)}.nav-brand{color:var(--color-ink);letter-spacing:.01em;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:inline-flex}.nav-brand img{object-fit:contain;width:32px;height:32px}.nav-links{color:var(--color-ink-muted);align-items:center;gap:clamp(16px,2.4vw,32px);font-size:.9rem;font-weight:500;display:flex}.nav-links>a{color:inherit;transition:color .25s;position:relative}.nav-links>a:hover{color:var(--color-ink)}.nav-links>a.is-active{color:var(--color-accent)}.nav-links>a.is-active:after{content:"";background:currentColor;border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.nav-cta{background:var(--color-accent);border-radius:var(--radius-pill);padding:8px 18px;transition:background .25s;color:var(--color-on-accent)!important}.nav-cta:hover{background:var(--color-accent-hover)}.nav-burger{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-card);width:40px;height:40px;color:var(--color-ink);cursor:pointer;justify-content:center;align-items:center;display:none}.nav-burger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.nav-drawer{z-index:31;padding:8px var(--gutter) 14px;border-bottom:1px solid var(--color-line);background:var(--color-background);box-shadow:var(--shadow-2);flex-direction:column;gap:2px;display:none;position:absolute;top:100%;left:0;right:0}.nav-drawer.is-open{display:flex}.nav-drawer a{border-bottom:1px solid var(--color-line);color:var(--color-ink-muted);padding:11px 4px;font-size:.95rem;font-weight:500}.nav-drawer a:hover{color:var(--color-ink)}.nav-drawer a.is-active{color:var(--color-accent)}.btn{border-radius:var(--radius-pill);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:600;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.btn.primary{background:var(--color-accent);color:var(--color-on-accent)}.btn.primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.btn.ghost{color:var(--color-ink);border-color:var(--color-line);background:var(--color-card)}.btn.ghost:hover{background:var(--color-muted);color:var(--color-ink)}.btn.light{background:var(--color-card);color:var(--color-accent)}.btn.light:hover{background:var(--color-background);color:var(--color-accent-hover)}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.hero{background:var(--color-background);position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bg img{object-fit:cover;opacity:.2;width:100%;height:100%}.hero-halo{z-index:0;background:var(--color-accent-soft);filter:blur(72px);pointer-events:none;border-radius:50%;width:min(90vw,420px);height:min(90vw,420px);position:absolute}.hero-inner{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,72px);padding-block:clamp(64px,10vw,128px);display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.hero-eyebrow{border-radius:var(--radius-pill);background:var(--color-muted);color:var(--color-ink-muted);align-items:center;gap:8px;margin:0;padding:5px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.hero-eyebrow .dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.hero-title{letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:600;line-height:1.15}.hero-title em{color:var(--color-accent);font-style:normal}.hero-lede{max-width:34rem;color:var(--color-ink-muted);margin:0;font-size:clamp(1.05rem,2vw,1.18rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-apps{flex-wrap:wrap;gap:8px;display:flex}.hero-apps:empty{display:none}.hero-app{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-card);color:var(--color-ink);align-items:center;gap:7px;padding:5px 14px 5px 5px;font-size:.85rem;font-weight:500;transition:border-color .25s,transform .25s;display:inline-flex}.hero-app:hover{border-color:var(--color-accent);transform:translateY(-2px)}.hero-app img{object-fit:contain;border-radius:7px;width:22px;height:22px}.hero-app-more{color:var(--color-ink-muted);padding:5px 14px}.hero-showcase{justify-content:center;display:flex;position:relative}.hero-showcase .hero-halo{top:50%;left:50%;transform:translate(-50%,-50%)}.phone{z-index:1;border:1px solid var(--color-line);background:var(--color-card);width:280px;max-width:100%;box-shadow:var(--shadow-3);border-radius:48px;padding:12px;position:relative}.phone-screen{background:var(--color-muted);border-radius:40px;height:536px;position:relative;overflow:hidden}.phone-notch{background:var(--color-card);z-index:2;border-radius:0 0 16px 16px;width:96px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-app{flex-direction:column;gap:16px;height:100%;padding:40px 20px 20px;display:flex}.phone-head{justify-content:space-between;align-items:center;display:flex}.phone-head p{margin:0}.phone-greet{color:var(--color-ink-muted);font-size:.75rem}.phone-appname{color:var(--color-ink);font-size:1.05rem;font-weight:600}.phone-avatar{background:var(--color-accent-soft);width:32px;height:32px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.phone-avatar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.phone-balance{border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-2);padding:16px}.phone-balance span{opacity:.9;font-size:.72rem;display:block}.phone-balance strong{margin-top:4px;font-size:1.5rem;font-weight:600;display:block}.phone-list{flex-direction:column;flex:1;gap:12px;margin:0;padding:0;list-style:none;display:flex}.phone-item{border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-1);align-items:center;gap:12px;padding:12px;display:flex}.phone-item-ico{background:var(--color-muted);width:32px;height:32px;color:var(--color-ink-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.phone-item-ico svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.phone-item-text{flex-direction:column;line-height:1.3;display:flex}.phone-item-title{color:var(--color-ink);font-size:.85rem;font-weight:500}.phone-item-time{color:var(--color-ink-muted);font-size:.72rem}.phone-amount{color:var(--color-ink);margin-left:auto;font-size:.85rem}.hero-scroll{z-index:1;width:max-content;color:var(--color-ink-muted);letter-spacing:.08em;align-items:center;gap:8px;margin:0 auto clamp(24px,4vw,40px);font-size:.8rem;display:flex;position:relative}.hero-scroll svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;animation:2.2s ease-in-out infinite scroll-nudge}.hero-scroll:hover{color:var(--color-accent)}@keyframes scroll-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.section{padding-block:var(--section-gap)}.section.on-card{background:var(--color-card)}.section-head{max-width:42rem;margin-bottom:clamp(40px,5vw,64px)}.section-head h2{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600}.section-head p{color:var(--color-ink-muted);margin:0;font-size:1.05rem;line-height:1.7}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2vw,28px);display:grid}.product-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-background);flex-direction:column;gap:16px;padding:24px;transition:box-shadow .3s,transform .3s,border-color .3s;display:flex}.section.on-card .product-card{background:var(--color-background)}.product-card:hover{box-shadow:var(--shadow-2);border-color:color-mix(in srgb, var(--color-accent) 30%, transparent);transform:translateY(-4px)}.product-card-icon{border-radius:var(--radius-lg);background:var(--color-accent-soft);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.product-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.product-card-icon img{object-fit:contain;width:26px;height:26px}.product-card h3{margin:0;font-size:1.2rem;font-weight:600}.product-card p{color:var(--color-ink-muted);margin:0;line-height:1.7}.product-card-more{color:var(--color-accent);align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:.9rem;font-weight:600;transition:gap .25s;display:inline-flex}.product-card-more svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.product-card:hover .product-card-more{gap:10px}.product-status{max-width:var(--max);padding:clamp(28px, 5vw, 48px) var(--gutter);text-align:center;color:var(--color-ink-muted);margin:0 auto}.value-inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,64px);display:grid}.value-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.value-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-1);padding:20px;transition:transform .25s,box-shadow .25s}.value-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.value-card svg{fill:none;width:24px;height:24px;stroke:var(--color-accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}.value-card h4{margin:0 0 6px;font-size:1rem;font-weight:600}.value-card p{color:var(--color-ink-muted);margin:0;font-size:.9rem;line-height:1.6}.value-copy h2{letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600}.value-copy>p{color:var(--color-ink-muted);margin:0 0 28px;font-size:1.05rem;line-height:1.75}.value-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.value-list li{align-items:flex-start;gap:12px;display:flex}.value-list svg{fill:none;width:20px;height:20px;stroke:var(--color-accent);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px}.value-list strong{font-weight:600;display:block}.value-list span{color:var(--color-ink-muted);font-size:.92rem;line-height:1.6;display:block}.cta-band{background:var(--color-accent);color:var(--color-on-accent);padding-block:var(--section-gap)}.cta-inner{text-align:center;max-width:48rem;margin:0 auto}.cta-band h2{margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600}.cta-band p{opacity:.9;margin:0 0 32px;font-size:1.05rem}.footer{background:var(--color-card);border-top:1px solid var(--color-line);padding-block:clamp(40px,6vw,56px) 24px;font-size:.9rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(28px,4vw,48px);margin-bottom:40px;display:grid}.footer-about{flex-direction:column;gap:12px;display:flex}.footer-brand{color:var(--color-ink);align-items:center;gap:8px;font-weight:600;display:inline-flex}.footer-brand img{object-fit:contain;width:28px;height:28px}.footer-tagline{max-width:22rem;color:var(--color-ink-muted);margin:0;line-height:1.7}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h3{color:var(--color-ink);margin:0 0 2px;font-size:.85rem;font-weight:600}.footer-col a{color:var(--color-ink-muted);transition:color .25s}.footer-col a:hover{color:var(--color-ink)}.footer-legal{border-top:1px solid var(--color-line);color:var(--color-ink-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;padding-top:24px;font-size:.8rem;display:flex}.stats{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.stats-grid{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-1);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px);padding:clamp(20px,2.4vw,28px);display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat-value{font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:600;line-height:1}.stat-label{color:var(--color-ink-muted);font-size:.84rem}.intro-eyebrow{color:var(--color-accent);letter-spacing:.14em;margin:0 0 12px;font-size:.82rem;font-weight:600}.intro-eyebrow .eyebrow-num{border-right:1px solid var(--color-line);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;margin-right:10px;padding-right:10px}.product-switcher{position:relative}.app-grid{max-width:var(--max);padding:0 var(--gutter) var(--section-gap);flex-direction:column;gap:clamp(18px,2.6vw,28px);margin:0 auto;display:flex}.app-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-1);transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--card-lift,0px));opacity:0;filter:blur(5px);transition:opacity .55s ease, translate .8s var(--ease-out), rotate .8s var(--ease-out), filter .55s ease, transform .18s ease-out, box-shadow .3s ease;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:clamp(18px,2.4vw,34px);padding:clamp(18px,2.2vw,24px);display:grid;position:relative;overflow:hidden;translate:0 30px;rotate:-.6deg}.app-card.is-drawn{opacity:1;filter:blur();translate:0;rotate:0deg}.app-card:hover{--card-lift:-6px;box-shadow:var(--shadow-2)}.app-card:after{content:"";z-index:2;pointer-events:none;opacity:0;background:linear-gradient(104deg,#0000 40%,#ffffff9e 50%,#0000 60%);position:absolute;inset:-30% -60%}.app-card.is-drawn:after{animation:1s cubic-bezier(.3,.7,.3,1) .1s both card-draw-sheen}.app-card:before{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--shine-x,50%) var(--shine-y,50%), #ffffff80, #ffffff14 45%, transparent 70%);transition:opacity .3s;position:absolute;inset:0}.app-card:hover:before{opacity:1}@keyframes card-draw-sheen{0%{opacity:0;transform:translate(-70%)rotate(6deg)}25%{opacity:.95}to{opacity:0;transform:translate(70%)rotate(6deg)}}.app-card:nth-child(2n) .app-card-media{order:2}.app-card-media{aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);background:linear-gradient(160deg,#e3f1eb,#d2e8df);margin:0;position:relative;overflow:hidden}.app-card-media>img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.app-card:hover .app-card-media>img{transform:scale(1.04)}.app-card-fallback{place-items:center;display:grid;position:absolute;inset:0}.app-card-fallback img{border-radius:var(--radius-lg);object-fit:contain;width:72px;height:72px}.app-card-body{flex-direction:column;flex:1;gap:10px;padding:clamp(6px,1.2vw,14px);display:flex}.app-card-title{align-items:center;gap:12px;display:flex}.app-card-title img{border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;width:40px;height:40px}.app-card-title h3{margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:600}.app-card-index{color:var(--color-accent);letter-spacing:.16em;font-variant-numeric:tabular-nums;margin:0;font-size:.82rem;font-weight:600}.app-card-summary{max-width:34rem;color:var(--color-ink-muted);margin:0;line-height:1.7}.app-card-actions{flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.app-card-actions .btn{align-self:flex-start;min-height:40px;padding:8px 18px;font-size:.9rem}.app-card-downloads{flex-wrap:wrap;align-items:center;gap:6px 16px;min-height:22px;display:flex}.download-link{color:var(--color-ink-muted);border-bottom:1px solid var(--color-line);font-size:.85rem;transition:color .25s,border-color .25s}.download-link:hover{color:var(--color-accent);border-color:currentColor}.app-card-note{color:var(--color-ink-muted);margin:0;font-size:.85rem}.reveal{opacity:0;transition:opacity .62s ease, transform .62s var(--ease-out);transform:translateY(22px)}.reveal.is-in{opacity:1;transform:none}@media (width>=768px){.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.value-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.value-cards{order:1}.value-copy{order:2}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.nav-links>a:not(.nav-cta){display:none}.nav-burger{display:inline-flex}.phone{width:260px}.phone-screen{height:480px}}@media (width<=860px){.app-card{grid-template-columns:minmax(0,1fr);gap:18px}.app-card:nth-child(2n) .app-card-media{order:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.value-cards,.footer-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scroll svg{animation:none}.reveal{opacity:1;transition:none;transform:none}.app-card{opacity:1;filter:none;transition:none;transform:none}.app-card:after{animation:none}.product-card,.value-card,.hero-app,.btn{transition:none}.product-card:hover,.value-card:hover,.hero-app:hover{transform:none}}