/* Editorial typography and a more expressive motion layer for the approved sound-universe direction. */
:root{font-family:'DM Sans','Hiragino Sans GB','PingFang SC','Microsoft YaHei',sans-serif}
body{letter-spacing:.005em}
h1,h2,h3{font-weight:800}
.hero h1{font-size:clamp(58px,5.7vw,88px);font-weight:800;letter-spacing:-.065em;line-height:1.15;margin-bottom:22px}
.hero h1 em{font-family:'Songti SC','STSong','Noto Serif CJK SC',serif;font-weight:700;letter-spacing:-.07em;background-image:linear-gradient(105deg,#fff1c9 0%,#ffdb93 22%,#eec9ed 42%,#b7b9ff 62%,#a6f2dd 82%,#fff1c9 100%);background-size:220% 100%;animation:headline-light 10s ease-in-out infinite}
.hero-lead{font-size:16px;max-width:540px;line-height:1.85;color:#d9ddf3}
.hero-actions .button-primary{background:linear-gradient(110deg,#7864eb,#9975f1 52%,#6864eb);background-size:200% 100%;animation:button-glow 8s ease-in-out infinite;box-shadow:0 16px 42px rgba(92,77,208,.38)}
.entry-deck{grid-template-columns:178px 266px;max-width:456px}
.miniprogram-code{display:block;width:100%;height:auto;aspect-ratio:1}
.hero-world::before{opacity:.95;animation:universe-halo 8s ease-in-out infinite}
.voice-seed{box-shadow:0 0 0 17px rgba(192,171,255,.11),0 0 95px rgba(156,125,255,.64),0 0 145px rgba(111,207,196,.22),inset -20px -20px 44px rgba(27,22,94,.45)}
.voice-bars{box-shadow:0 12px 30px #070c2f55,0 0 26px rgba(147,214,237,.42)}
.voice-bars i{animation:voice-pulse 1.4s ease-in-out infinite;transform-origin:center}
.voice-bars i:nth-child(2){animation-delay:.12s}.voice-bars i:nth-child(3){animation-delay:.24s}.voice-bars i:nth-child(4){animation-delay:.36s}.voice-bars i:nth-child(5){animation-delay:.48s}.voice-bars i:nth-child(6){animation-delay:.6s}.voice-bars i:nth-child(7){animation-delay:.72s}
.orbit-one{animation:orbit-drift 20s linear infinite}.orbit-two{animation:orbit-drift 32s linear reverse infinite}.orbit-three{animation:orbit-drift 46s linear infinite}
.story-ribbon path{stroke-width:3.4;stroke-dasharray:4 10;animation:ribbon-flow 12s linear infinite;filter:drop-shadow(0 0 5px #9d81f8aa)}
.section-kicker{display:flex;align-items:center;gap:10px;letter-spacing:.2em;font-size:11px}.section-kicker::before{content:'';display:block;width:28px;height:1px;background:currentColor;opacity:.65}
h2{font-weight:800;letter-spacing:-.055em;line-height:1.17}
h2 em{font-family:'Songti SC','STSong','Noto Serif CJK SC',serif;font-style:normal;font-weight:700;letter-spacing:-.06em;color:#6d5acb}
.worlds h2 em,.final-cta h2 em{color:#ffe0a1}
@media(min-width:761px){.worlds-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.worlds h2 em{white-space:nowrap}}
.home-preview{background:linear-gradient(145deg,#f4f0ff 0%,#fffaf2 100%)}
.home-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:center}
.home-preview-copy{max-width:555px}.home-preview-copy h2{margin:22px 0}.home-preview-copy>p{max-width:490px;color:#66708b;font-size:16px;line-height:1.9}
.home-preview-points{display:grid;gap:13px;margin:30px 0}.home-preview-points span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#303867}.home-preview-points span::before{content:'✦';color:#816de6}
.home-preview-link{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:999px;background:#ece6ff;color:#624fc8;font-size:13px;font-weight:800;transition:transform .25s,background .25s}.home-preview-link:hover{background:#e2d9ff;transform:translateY(-2px)}
.home-preview-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:720px;margin:0;isolation:isolate}.home-preview-visual::before{content:'';position:absolute;z-index:-1;width:min(100%,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ddd4ff 0%,#e8e7ff80 50%,transparent 72%);filter:blur(12px)}
.home-preview-phone{width:min(100%,320px);aspect-ratio:390/844;padding:3px;border:2px solid #2d3041;border-radius:42px;background:#3b3e4d;box-shadow:0 28px 44px rgba(44,39,104,.2);overflow:hidden}.home-preview-scroll{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:36px;background:#fff}.home-preview-scroll::-webkit-scrollbar{display:none}.home-preview-scroll:focus-visible{outline:3px solid #816de6;outline-offset:-6px}.home-preview-scroll img{display:block;width:100%;height:auto;max-width:none;clip-path:none;filter:none}.home-preview-visual figcaption{margin-top:16px;color:#747d98;font-size:11px;text-align:center}
.demo-video{color:#fff;background:radial-gradient(circle at 50% 20%,#37378c 0,transparent 48%),#171b49}.demo-video-intro{max-width:850px;margin:0 auto 34px;text-align:center}.demo-video-intro .section-kicker{justify-content:center;color:#d6c7ff}.demo-video-intro h2{margin:20px 0}.demo-video-intro p{color:#d3d7ee;font-size:15px;line-height:1.8}.demo-video-stage{max-width:1040px;margin:0 auto}.demo-video-stage video{display:block;width:100%;aspect-ratio:16/9;border:5px solid rgba(255,255,255,.14);border-radius:24px;background:#0e1233;box-shadow:0 25px 75px rgba(5,9,37,.42)}.demo-video-stage figcaption{margin-top:15px;color:#bdc5e6;font-size:12px;text-align:right}
.demo-video-intro h2 em{color:#ffe0a1;font-size:clamp(27px,8vw,54px);white-space:nowrap}
.step-card{position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;isolation:isolate}
.step-card::before{content:'';position:absolute;z-index:-1;inset:-45%;background:radial-gradient(circle at 66% 46%,rgba(191,167,255,.16),transparent 38%);transform:translateX(-10%);transition:transform .8s,opacity .8s;pointer-events:none}
.step-card:nth-child(2)::before{background:radial-gradient(circle at 66% 46%,rgba(253,208,113,.19),transparent 38%)}
.step-card:nth-child(3)::before{background:radial-gradient(circle at 66% 46%,rgba(117,221,183,.18),transparent 38%)}
.step-card:hover{transform:translateY(-5px);border-color:#c9bbf4;box-shadow:0 30px 80px rgba(49,47,109,.13)}
.step-card:hover::before{transform:translateX(4%)}
.step-content h3{font-weight:800;letter-spacing:-.04em;line-height:1.2}
.step-visual img{width:auto;max-width:100%;clip-path:inset(0 round 10% / 4.75%);filter:drop-shadow(0 26px 29px rgba(31,29,76,.21))}
.step-story .step-visual img{clip-path:inset(0 round 10% / 3.9%)}
.step-listen .step-visual img{clip-path:inset(0 round 10% / 4.73%)}
@media(min-width:761px){.step-listen{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);column-gap:20px}.step-listen .step-content h3{font-size:clamp(27px,3.2vw,48px);white-space:nowrap}.step-listen .step-visual{justify-content:flex-end;transform:translateX(18px)}}
.step-visual::before{background:radial-gradient(circle,#b69cfdac,#a7c8ff47 45%,transparent 72%);animation:universe-halo 8s ease-in-out infinite}
.child-universe::before,.care-orbit{animation:orbit-drift 35s linear infinite}
.planet-one,.planet-two{animation:planet-drift 8s ease-in-out infinite}.planet-two{animation-delay:-4s}
.care-lock{box-shadow:0 15px 36px #504a8c22,0 0 55px #c5baff88}
.care-card{transition:transform .5s,box-shadow .5s}.care-card:hover{transform:rotate(-2deg) translateY(-5px);box-shadow:0 35px 72px #504a8c35}
.faq-list summary{font-weight:700}.faq-list details[open] summary{color:#6857c9}
.final-seed{box-shadow:0 0 0 18px #ffffff12,0 0 90px #8d7bf77a,0 0 170px #e5c3ff44}
.site-footer .footer-compliance{justify-content:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.site-footer .footer-compliance a{color:#d9d0ff;font-size:12px;text-decoration:none}
.site-footer .footer-compliance a:hover{text-decoration:underline}
@keyframes headline-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes button-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes voice-pulse{0%,100%{scale:1 .58}50%{scale:1 1.1}}
@keyframes ribbon-flow{to{stroke-dashoffset:-140}}
@keyframes universe-halo{0%,100%{opacity:.68;scale:1}50%{opacity:1;scale:1.07}}
@keyframes orbit-drift{to{rotate:360deg}}
@keyframes planet-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:1050px){.hero h1{font-size:clamp(46px,5vw,68px)}}
@media(max-width:760px){.hero h1{font-size:clamp(46px,12vw,57px);line-height:1.18;margin-top:21px}.hero-lead{font-size:13px}.entry-deck{grid-template-columns:minmax(0,142px) minmax(0,1fr);max-width:none}.miniprogram-code{width:100%;height:auto}.step-card:hover{transform:none}.step-visual img{width:215px}.section-kicker{font-size:10px}.section-kicker::before{width:20px}h2{line-height:1.2}.step-content h3{font-size:30px}.story-ribbon path{stroke-width:2.7}}
@media(max-width:760px){.home-preview-grid{grid-template-columns:1fr;gap:28px}.home-preview-copy>p{font-size:13px}.home-preview-points{gap:10px;margin:24px 0}.home-preview-points span{font-size:12px}.home-preview-visual{min-height:0}.home-preview-phone{width:min(100%,286px)}.home-preview-visual figcaption{max-width:290px;line-height:1.6}.demo-video-intro{margin-bottom:22px}.demo-video-intro p{font-size:13px}.demo-video-stage video{border-width:3px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.hero-actions .button-primary,.hero-world::before,.voice-bars i,.orbit,.story-ribbon path,.step-visual::before,.child-universe::before,.care-orbit,.planet-one,.planet-two{animation:none!important}.step-card,.care-card{transition:none!important}}