.hero{border-bottom:1px solid var(--color-border);background:var(--color-surface-solid);height:min(100dvh,48rem);min-height:min(44rem,100dvh);position:relative;overflow:hidden}.hero__nav-sentinel{width:1px;height:1px;position:absolute;top:1.5rem;left:0}.hero__media{position:absolute;inset:0}.hero__image{object-fit:cover;object-position:center;animation:hero-media-in .9s var(--ease-out-expo) both}.hero__scrim{background:linear-gradient(90deg,#f8fafcfa 0%,#f8fafced 36%,#0000 66%),linear-gradient(#f8fafc33,#0000 64%,#edf1f47a);position:absolute;inset:0}.hero__content{z-index:1;pointer-events:none;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;min-height:100%;padding-top:5.5rem;padding-bottom:3rem;display:grid;position:relative}.hero__copy{max-width:42rem}.hero__stage{pointer-events:auto;isolation:isolate;width:100%;height:min(34rem,66vh);animation:hero-stage-in .9s .1s var(--ease-out-expo) both;background:radial-gradient(circle at 56% 38%,#707b882e,#0000 31%),#090d11;border:1px solid #ffffffd1;border-radius:clamp(1.25rem,2.2vw,2rem);grid-column:2;position:relative;overflow:hidden;box-shadow:0 36px 70px #313c4833,0 8px 24px #313c481f,inset 0 0 0 1px #ffffff14}.hero__stage:before{z-index:2;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.hero__stage:after{z-index:2;content:"";pointer-events:none;background:#f4f7faeb;border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:1.1rem;left:1.2rem;box-shadow:0 0 1.2rem #ffffffb8}.hero__canvas,.hero__canvas>div,.hero__canvas canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.hero-logo-fallback{background:#090d11;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.hero-logo-fallback__moon{opacity:.92;filter:grayscale()contrast(1.04);width:min(79%,30rem);height:auto;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.hero-logo-fallback__wordmark{z-index:1;filter:drop-shadow(0 5px 18px #000000b3);width:68%;height:auto;position:relative}.hero__content a,.hero__content button{pointer-events:auto}.hero__title,.hero__sub,.hero__ctas{animation:hero-copy-in .7s var(--ease-out-expo) both}.hero__sub{animation-delay:80ms}.hero__ctas{animation-delay:.15s}.hero__title{max-width:17ch;color:var(--color-text-muted);letter-spacing:-.045em;font-size:clamp(2.8rem,2.2rem + 2.35vw,5rem);font-weight:650;line-height:1.03}.hero__line{display:block}.hero__line--accent{color:var(--color-text)}.hero__sub{max-width:39rem;margin-top:var(--space-6);color:var(--color-text-muted);font-size:clamp(1rem,.94rem + .25vw,1.15rem)}.hero__ctas{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@keyframes hero-media-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes hero-stage-in{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:none}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:900px){.hero{height:auto;min-height:100dvh}.hero__image{object-position:63% center}.hero__scrim{background:linear-gradient(#f8fafc38 0%,#0000 36%,#f8fafce6 61%,#f8fafcfc 100%)}.hero__content{grid-template-rows:minmax(18rem,43vh) auto;grid-template-columns:1fr;align-items:stretch;gap:clamp(1.5rem,5vw,2.5rem);padding-top:6.6rem;padding-bottom:clamp(2.25rem,7vw,4rem)}.hero__stage{border-radius:1.25rem;grid-area:1/1;height:100%}.hero__copy{grid-row:2}.hero__title{max-width:15ch;font-size:clamp(2.55rem,10vw,4.4rem)}.hero-logo-fallback__moon{width:min(84%,26rem)}}@media (prefers-reduced-motion:reduce){.hero__image,.hero__stage,.hero__title,.hero__sub,.hero__ctas{animation:none}}
.proof-strip{border-block:1px solid var(--color-border);background:#fcfdfee6}.proof-strip__grid{grid-template-columns:repeat(4,1fr);margin-block:0;display:grid}.proof-strip__item{border-left:1px solid var(--color-border);min-width:0;padding:1.25rem clamp(1rem,2.2vw,2rem)}.proof-strip__item:last-child{border-right:1px solid var(--color-border)}.proof-strip__value{color:var(--color-text);font-family:var(--font-space-grotesk), sans-serif;margin:0;font-size:clamp(1.35rem,1.1rem + .8vw,2rem);font-weight:700}.proof-strip__label{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:.2rem}@media (max-width:720px){.proof-strip__grid{grid-template-columns:repeat(2,1fr)}.proof-strip__item:nth-child(3),.proof-strip__item:nth-child(4){border-top:1px solid var(--color-border)}}
.pain{background:var(--color-bg-raised)}.pain__layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2.5rem,3vw,5rem);display:grid}.pain__title{max-width:18ch;font-size:var(--text-2xl)}.pain__lede,.pain__turn{max-width:34rem;margin-top:var(--space-4);color:var(--color-text-muted)}.pain__turn{margin-top:var(--space-8);padding-left:var(--space-4);border-left:3px solid var(--color-accent);color:var(--color-text);font-size:var(--text-lg)}.pain__list{flex-direction:column;display:flex}.pain__item{gap:var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(9rem,.75fr) minmax(0,1.4fr);padding-block:clamp(1.25rem,2.4vw,2rem);display:grid}.pain__item-title{color:var(--color-text);font-size:var(--text-xl)}.pain__item-body{color:var(--color-text-muted);font-size:var(--text-base)}@media (max-width:900px){.pain__layout{grid-template-columns:1fr}}@media (max-width:560px){.pain__item{gap:var(--space-3);grid-template-columns:1fr}}
.product-showcase{background:#f8fafcb8}.product-showcase__head{max-width:46rem}.product-showcase__title{max-width:18ch;font-size:var(--text-2xl)}.product-showcase__lede{max-width:40rem;margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-lg)}.product-showcase__panel{gap:var(--space-4);grid-template-columns:minmax(12rem,.26fr) minmax(0,1fr);margin-top:clamp(2.25rem,4vw,3.5rem);display:grid}.product-showcase__tabs{gap:var(--space-2);flex-direction:column;display:flex}.product-showcase__tab{border-radius:var(--radius-md);color:var(--color-text-faint);text-align:left;cursor:pointer;transition:color var(--duration-fast) linear, background-color var(--duration-fast) linear, border-color var(--duration-fast) linear;background:0 0;border:1px solid #0000;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;display:flex}.product-showcase__tab span{font-size:var(--text-sm);font-weight:700}.product-showcase__tab strong{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.product-showcase__tab:hover,.product-showcase__tab:focus-visible,.product-showcase__tab--active{border-color:var(--color-border-bright);background:var(--color-surface);color:var(--color-accent)}.product-showcase__tab--active strong{color:var(--color-text)}.product-showcase__figure{border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);background:#f9fafb;min-width:0;margin:0;overflow:hidden;box-shadow:0 30px 72px -40px #3d4b5959}.product-showcase__browserbar{background:#f6f8fa;border-bottom:1px solid #dce1e6;align-items:center;gap:.4rem;height:2.5rem;padding-inline:.9rem;display:flex}.product-showcase__browserbar>span{background:#b5bdc6;border-radius:50%;width:.5rem;height:.5rem}.product-showcase__browserbar p{color:#67727d;margin-inline:auto;padding-right:3rem;font-size:.7rem}.product-showcase__image{filter:saturate(.76)contrast(1.02);border-bottom:1px solid #dce1e6;width:100%;height:auto;display:block}.product-showcase__caption{gap:var(--space-6);color:#58636e;font-size:var(--text-sm);grid-template-columns:.4fr 1fr;padding:1rem 1.25rem 1.2rem;display:grid}.product-showcase__caption strong{color:#20262d}.product-showcase__note{margin-top:var(--space-3);color:var(--color-text-faint);font-size:var(--text-xs);text-align:right}@media (max-width:900px){.product-showcase__panel{grid-template-columns:1fr}.product-showcase__tabs{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width:560px){.product-showcase__tabs{padding-bottom:var(--space-2);scroll-snap-type:x mandatory;flex-direction:row;display:flex;overflow-x:auto}.product-showcase__tab{scroll-snap-align:start;min-width:10.5rem}.product-showcase__caption{gap:var(--space-2);grid-template-columns:1fr}.product-showcase__browserbar p{padding-right:0}}
.feature-rows{border-top:1px solid var(--color-border-bright)}.feature-row{border-bottom:1px solid var(--color-border);transition:border-color var(--duration-fast) linear;grid-template-columns:minmax(7rem,.7fr) minmax(0,2.4fr) auto;align-items:start;gap:clamp(1.5rem,3vw,3rem);padding-block:clamp(1.5rem,2.5vw,2.25rem);scroll-margin-top:6rem;display:grid}.feature-row:hover{border-color:var(--color-border-bright)}.feature-card__tag{color:var(--color-accent);font-size:var(--text-sm);font-weight:650}.feature-card__title{font-size:var(--text-xl)}.feature-card__body{max-width:46rem;margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-base)}.feature-card__more{width:max-content;color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) linear;font-weight:650}.feature-card__more:hover,.feature-card__more:focus-visible{color:var(--color-accent)}@media (max-width:760px){.feature-row{gap:var(--space-3);grid-template-columns:1fr}.feature-card__more{margin-top:var(--space-2)}}
.scrolly{background:var(--color-bg-raised)}.scrolly__steps{border-top:2px solid var(--color-border-bright);grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.scrolly__step{border-right:1px solid var(--color-border);height:100%;padding:clamp(1.25rem,2vw,2rem);position:relative}.scrolly__step:last-child{border-right:0}.scrolly__step:before{content:"";background:var(--color-accent);width:42%;height:2px;position:absolute;top:-2px;left:0}.scrolly__step-title{max-width:9ch;font-size:var(--text-xl)}.scrolly__step-body{margin-top:var(--space-4);color:var(--color-text);font-size:var(--text-base)}.scrolly__points{gap:var(--space-2);margin:var(--space-6) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;padding:0;list-style:none;display:flex}.scrolly__points li:before{content:"";background:var(--color-border-bright);width:.7rem;height:1px;margin:0 .55rem .3rem 0;display:inline-block}@media (max-width:900px){.scrolly__steps{grid-template-columns:repeat(2,1fr)}.scrolly__step{border-bottom:1px solid var(--color-border)}}@media (max-width:560px){.scrolly__steps{grid-template-columns:1fr}.scrolly__step{border-right:0}}
.platform__grid{gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}.platform__item:first-child,.platform__item:nth-child(4){grid-column:span 7}.platform__item:nth-child(2),.platform__item:nth-child(3){grid-column:span 5}.platform__item{border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;min-height:13rem;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#fcfdfefa,#ebeff3e6);padding:clamp(1.5rem,2.6vw,2.5rem)}.platform__item:first-child{background:linear-gradient(90deg,#fcfdfef7,#fcfdfeb8),url(/brand/hero-white-silver.webp) 50%/cover}.platform__item:nth-child(2),.platform__item:nth-child(3){background:#fcfdfee6}.platform__item-title{max-width:16ch;color:var(--color-text);font-size:var(--text-xl)}.platform__item-body{max-width:38rem;margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-base)}@media (max-width:760px){.platform__grid{grid-template-columns:1fr}.platform__item:nth-child(n){grid-column:auto}.platform__item{min-height:0}}
.contact__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.contact__rule{height:1px;margin:clamp(1.75rem, 1.25rem + 2vw, 2.75rem) 0 var(--space-6);background:linear-gradient(90deg, var(--color-border-bright), transparent);border:0}.contact__direct-label{font-family:var(--font-space-grotesk), sans-serif;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);margin-bottom:var(--space-2);font-weight:600}.contact__direct-person{color:var(--color-text);margin-bottom:var(--space-1);font-weight:600}.contact__direct-link{width:fit-content;margin-top:var(--space-1);font-family:var(--font-space-grotesk), sans-serif;font-size:var(--text-lg);color:var(--color-text);background-image:linear-gradient(var(--color-accent), var(--color-accent));transition:color var(--duration-fast) linear, background-size var(--duration-normal) var(--ease-out-expo);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;font-weight:600;display:block}.contact__direct-link:hover,.contact__direct-link:focus-visible{color:var(--color-accent);background-size:100% 1px}.contact__direct-link--wechat{background-image:none;margin-bottom:0}.contact__direct-link--wechat:hover{color:var(--color-text)}.contact__trust{margin-top:var(--space-6);padding-left:var(--space-4);border-left:2px solid var(--color-border-bright);color:var(--color-text-muted);font-size:var(--text-sm)}.contact__form{gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);box-shadow:var(--shadow-card);flex-direction:column;padding:clamp(1.5rem,1rem + 2vw,2.75rem);display:flex}.contact__row{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.contact__field{gap:var(--space-2);flex-direction:column;display:flex}.contact__field label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);font-weight:600}.contact__field input,.contact__field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;transition:border-color var(--duration-fast) linear;background:#f8fafb;padding:.7rem .9rem}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--color-text-faint);opacity:1}.contact__field textarea{resize:vertical;min-height:6rem}.contact__field input:hover,.contact__field textarea:hover{border-color:var(--color-border-bright)}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-accent);outline:none}.contact__field input[aria-invalid=true]{border-color:var(--color-danger)}.contact__error{color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.contact__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact__actions{display:flex}.contact__success{align-items:flex-start;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);font-size:var(--text-lg);flex-direction:column;padding:clamp(2rem,1.5rem + 2vw,3.5rem);display:flex}.contact__success-mark{background:var(--color-accent);width:3rem;height:3rem;color:var(--color-accent-ink);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:700;display:grid}@media (max-width:900px){.contact__inner,.contact__row{grid-template-columns:1fr}}