/* Live typography and independent art replace the flattened page compositions. */
.page-about .hero{background:linear-gradient(110deg,#f7faff 0%,#eaf3ff 46%,#d7e8fc 100%)}
.page-about .hero .wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
.page-about .about-brand-art{display:block;width:100%;max-width:none;mix-blend-mode:normal;border-radius:24px;justify-self:stretch;box-shadow:0 24px 70px #7198d31a}
@media(max-width:760px){.page-about .hero{background:linear-gradient(#f7faff,#dceaff)}.page-about .hero .wrap{grid-template-columns:1fr}.page-about .about-brand-art{width:100%;max-width:none;border-radius:16px}}
html{font-size:16px}body{overflow-wrap:break-word}img{max-width:100%;height:auto}.wrap{width:min(88%,1680px)}.nav{max-width:1920px;padding-inline:6%}.hero{padding:clamp(52px,6vw,112px) 0;background:#edf5ff url('assets/cosmic-space.png') center/cover no-repeat}.hero .wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,80px);min-height:490px}.hero h1{font-size:clamp(44px,5.5vw,96px);letter-spacing:-.04em;line-height:1.19}.hero p{max-width:620px;font-size:clamp(16px,1.25vw,22px);color:#30466e}.hero .eyebrow{color:#184a91}.hero-visual{min-height:clamp(460px,34vw,620px)}.hero .phone{width:clamp(240px,18vw,340px);height:clamp(450px,34vw,630px);padding-top:48px;background:linear-gradient(#91b8ed55,#e7f3ff66),url('assets/cosmic-space.png') 75% center/cover}.phone img{margin-top:clamp(40px,5vw,85px)}.phone .appname{font-size:clamp(23px,2vw,32px)}.phone{flex-shrink:0}.mini-pet{width:clamp(150px,16vw,270px);left:0;bottom:0;filter:drop-shadow(0 15px 16px #13397425)}.section{padding:clamp(56px,5.4vw,104px) 0}.section h2{font-size:clamp(28px,2.8vw,48px)}.section p{font-size:clamp(16px,1.05vw,19px)}.eco{min-width:0;background:linear-gradient(130deg,#f3f7ff,#dfeaff);padding:clamp(20px,2.5vw,42px)}.eco img{flex-shrink:0}.eco h3{font-size:clamp(18px,1.5vw,26px)}.eco p{font-size:16px}.grid2{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch}.card{padding:clamp(28px,3vw,54px);min-width:0}.card.space{background:linear-gradient(100deg,#051334ed,#102f62a8),url('assets/cosmic-space.png') right center/cover}.card .phone{margin:32px auto 0;height:400px;width:230px}.card .caption{color:#c8d6ee!important;margin-top:28px!important}.card:not(.space){background:linear-gradient(150deg,#f2f7ffdd,#d6e5fa77),url('assets/cosmic-space.png') left bottom/cover}.card .petpic{margin:50px auto 20px}.space:not(.card){background:linear-gradient(100deg,#05132ef2,#102a5bc9),url('assets/cosmic-space.png') center/cover}.space .caption{color:#ccdafa!important}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split>*,.hero .wrap>*,.triple>*{min-width:0}.companyhero{max-width:500px;justify-self:center}.archive{background:linear-gradient(90deg,#edf5ffeb,#e3efffa8),url('assets/cosmic-space.png') center 70%/cover}.links{gap:clamp(24px,3vw,52px)}.links a{font-size:16px}.caption{line-height:1.7}.wideimg{max-width:1448px;margin-inline:auto}footer .wrap{width:min(88%,1680px)}
@media(min-width:1800px){.hero .wrap{min-height:620px}.hero{background-position:center 55%}.grid2{gap:36px}}
@media(max-width:1000px){.wrap{width:90%}.hero h1{font-size:clamp(40px,5.5vw,58px)}.hero .wrap{gap:24px}.hero .phone{width:230px;height:440px}.mini-pet{width:160px;left:-2%}.hero-visual{min-height:450px}.grid2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.ecosystem{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:10px}.eco{gap:14px}.eco img{width:58px}.eco h3{font-size:18px}.brand{letter-spacing:0}.links{gap:20px}}
@media(max-width:760px){.hero{background:linear-gradient(#f0f7ffdd,#edf5ff55),url('assets/cosmic-space.png') 68% center/cover;padding:42px 0 54px}.hero .wrap{grid-template-columns:1fr;min-height:0;gap:32px}.hero h1{font-size:clamp(38px,9vw,64px);max-width:100%}.hero p{font-size:17px;max-width:100%}.hero-visual{width:100%;min-height:465px}.hero .phone{width:245px;height:450px}.mini-pet{left:8%;width:160px}.section{padding:52px 0}.grid2,.split,.triple{grid-template-columns:1fr}.ecosystem{grid-template-columns:1fr;gap:12px}.eco{padding:24px}.eco img{width:70px}.eco h3{font-size:22px}.arrow{font-size:30px}.card .phone{margin-bottom:0}.phone{max-width:78vw}.hero .room{margin-top:0}.companyhero{max-width:300px}.links{gap:12px}.cta{gap:20px}.room{padding:28px 20px}.brand small{font-size:10px}.caption{font-size:13px!important}.section h2{font-size:clamp(28px,7vw,38px)}.orbital{right:0;width:85%}.archive .wrap{gap:10px}}
@media(max-width:380px){.mini-pet{left:0;width:135px}.hero .phone{width:215px;height:420px}.hero-visual{min-height:445px}.brand img{width:42px;height:42px}.brand{gap:6px}.menu{padding:8px}.eco{padding:18px;gap:12px}.eco h3{font-size:19px}}
/* About hero: one uninterrupted scene, independent logo and live headline. */
.page-about .hero{background:#e7f1ff url('assets/about-orbit-background.png') center center/cover no-repeat;isolation:isolate;padding-block:clamp(64px,7vw,125px)}
.page-about .hero:after{content:'';position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#fff);pointer-events:none;z-index:-1}
.page-about .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:470px;gap:5%}
.about-brand-stage{display:flex;align-items:center;justify-content:center;min-height:440px;background:none;border:0;box-shadow:none}
.about-floating-logo{display:block;width:clamp(250px,29vw,500px);height:auto;mix-blend-mode:multiply}
@media(min-width:1800px){.page-about .hero .wrap{min-height:590px}}
@media(max-width:760px){.page-about .hero{padding:44px 0 60px;background-position:65% center}.page-about .hero .wrap{grid-template-columns:1fr;min-height:0;gap:10px}.about-brand-stage{min-height:270px;justify-content:center}.about-floating-logo{width:min(68vw,310px)}.page-about .hero h1{margin-bottom:20px}.page-about .hero p{max-width:36ch}}
.page-about .about-brand-stage{background:transparent;isolation:auto}
.page-about .about-floating-logo{mix-blend-mode:normal;background:transparent;width:clamp(260px,27vw,460px);filter:drop-shadow(0 14px 14px rgba(40,84,164,.12))}
@media(max-width:760px){.page-about .about-floating-logo{width:min(68vw,310px)}}
/* Shared interaction palette sampled from the supplied company logo. */
:root{--brand-primary:#005AEF;--brand-hover:#0045BC;--brand-soft:#EAF2FF;--ink:#091B46;--text:#344A70;--muted:#607494;--line:#D7E5F9;--type-display:clamp(2.75rem,5.5vw,6rem);--type-h2:clamp(1.9rem,3vw,3.1rem);--type-h3:clamp(1.3rem,1.7vw,1.8rem);--type-body:clamp(1rem,1.08vw,1.18rem);--type-small:.875rem}
body{color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Inter,system-ui,sans-serif;font-size:var(--type-body);line-height:1.75}h1,h2,h3,p{margin-top:0}.hero h1{font-size:var(--type-display);color:var(--ink)}.section h2{font-size:var(--type-h2);color:var(--ink)}.section h3{font-size:var(--type-h3);color:var(--ink)}.hero p,.section p{color:var(--text);font-size:var(--type-body)}.caption,.feature-no,.launch-status,.story-feature small,.space-feature small{font-size:var(--type-small)}.eyebrow{font-size:.8125rem;letter-spacing:.16em}.brand{color:var(--ink)}.brand img{width:66px;height:52px;object-fit:contain;object-position:left center}.brand small{color:var(--muted)}
.cta,.cta.light,.menu{background:var(--brand-primary);color:#fff;border:1px solid transparent}
.cta:hover,.cta.light:hover,.menu:hover{background:var(--brand-hover);color:#fff}
.cta:active,.menu:active{background:#003792}
.textlink,.links a[aria-current=page],.arrow{color:var(--brand-primary)}
.links a[aria-current=page]:after{background:var(--brand-primary)}
.space .textlink{color:#9EC4FF}
.footer-symbol{display:block!important;width:58px!important;height:40px!important;object-fit:contain!important}.footer-wordmark{font-weight:800;letter-spacing:.08em}.footer-tagline{font-weight:400;letter-spacing:0}.brand:has(.footer-symbol){gap:10px}
.product-ecosystem-figure{margin:0 auto;max-width:1672px;text-align:center}
.product-ecosystem-figure img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
.product-ecosystem-figure figcaption{margin:22px auto 0;max-width:780px;color:#506588;font-size:16px;line-height:1.8}
.diagram-full{font-size:14px;margin-top:12px}
@media(max-width:760px){.product-ecosystem-figure figcaption{text-align:left;font-size:16px}.product-ecosystem-figure{margin-inline:-2%}}
/* Product overview hero: an open composition instead of a dark information card. */
.page-products .hero{background:linear-gradient(90deg,rgba(246,250,255,.3),rgba(233,243,255,.3)),#eaf3ff url('assets/about-orbit-background.png') center/cover no-repeat}
.product-hero-art{position:relative;min-height:460px;background:none;border:0;box-shadow:none}
.product-app{position:absolute;left:48%;top:12%;display:flex;flex-direction:column;align-items:center;gap:18px;color:#17468a;font-size:18px;font-weight:600}
.product-app img{width:clamp(110px,11vw,185px);border-radius:24%;box-shadow:0 18px 40px #5c8cdd25}
.product-companion{position:absolute;left:0;bottom:9%;width:58%;text-align:center;color:#17468a;font-size:18px;font-weight:600}
.product-companion img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 12px 12px #6b95cf20);margin-bottom:10px}
.product-orbit{position:absolute;width:88%;height:49%;left:2%;top:31%;border:1px solid #ffffffd9;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 20px #fff7;pointer-events:none}
.product-spark{position:absolute;left:34%;top:23%;font-size:38px;color:#81acff;text-shadow:0 0 20px #fff}
@media(min-width:1800px){.product-hero-art{min-height:560px}}
@media(max-width:760px){.product-hero-art{min-height:340px}.product-app{top:5%;left:57%;font-size:16px}.product-app img{width:115px}.product-companion{width:60%;bottom:8%;left:0;font-size:16px}.page-products .hero{background-position:65% center}.product-spark{top:18%}}
/* YOMI identity and character share one centered, restrained composition. */

.yomi-hero-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,2.2vw,38px);min-width:0;min-height:460px;padding:20px 0}
.yomi-identity-mark{display:block;flex:none;width:clamp(140px,13vw,210px);aspect-ratio:374/98;background:#091b46;-webkit-mask:url('assets/yomi-logo.png') center/contain no-repeat;mask:url('assets/yomi-logo.png') center/contain no-repeat}
.yomi-identity-pet{display:block;width:min(100%,640px);height:auto;margin:0;mix-blend-mode:multiply;filter:drop-shadow(0 16px 18px rgba(54,91,143,.10))}
@media(max-width:760px){.yomi-hero-identity{min-height:0;gap:22px;padding:15px 0 5px}.yomi-identity-mark{width:150px}.yomi-identity-pet{width:min(100%,440px)}}


.page-products .hero,.page-about .hero{background:#e9f3ff;isolation:isolate}
.animated-orbit{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.animated-orbit svg{display:block;width:100%;height:100%}
.orbit-toggle{position:absolute;right:24px;bottom:16px;z-index:3;padding:7px 14px;border:1px solid #005AEF55;border-radius:24px;color:#fff;background:#005AEF;font-size:13px;cursor:pointer}
.orbit-toggle:hover{background:#0045BC}
@media(max-width:760px){.orbit-toggle{right:5%;bottom:10px;font-size:12px}.page-products .hero,.page-about .hero{padding-bottom:64px}}

/* Palumi APP experience: launch visual, story line, and virtual space. */
.app-experience{background:linear-gradient(180deg,#fff 0%,#edf5ff 100%)}
.palumi-features{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}.palumi-features article{position:relative;overflow:hidden;min-height:370px;padding:clamp(24px,3vw,42px);border:1px solid #c6dafb;border-radius:24px;background:linear-gradient(145deg,#fafdff,#e5f0ff);box-shadow:0 18px 48px #1657b210}.palumi-features h3{margin:10px 0 8px;font-size:var(--type-h3);line-height:1.3}.palumi-features p{margin:0;color:#4d6795;font-size:var(--type-body)}.feature-no{display:inline-block;color:#005AEF;font-weight:700;letter-spacing:2px}.launch-feature{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.35fr);align-items:center;gap:clamp(24px,4vw,64px);background:linear-gradient(145deg,#f5fbff,#d7e9ff)!important}.launch-status{display:block;margin-top:24px;color:#005AEF}.launch-canvas-wrap{display:grid;place-items:center;min-height:clamp(360px,32vw,500px);border-radius:24px;background:radial-gradient(circle at 50% 35%,#fff,#d0e3ff);box-shadow:inset 0 0 0 1px #fff9}.launch-canvas-wrap canvas{display:block;width:100%;height:auto;max-height:480px}.story-feature{background:linear-gradient(150deg,#061c4a,#1754a9)!important;color:#fff;border-color:#295fbc!important}.story-feature p{color:#d5e4ff!important}.story-line{height:105px;margin-top:34px;position:relative}.story-line:before{content:'';position:absolute;left:8%;right:8%;top:52%;height:1px;background:#90baff}.story-line i{position:absolute;top:40%;width:24px;height:24px;border:4px solid #d5e6ff;border-radius:50%;background:#005AEF;box-shadow:0 0 0 7px #78a8ff28}.story-line i:nth-child(1){left:8%}.story-line i:nth-child(2){left:46%}.story-line i:nth-child(3){right:8%;background:#fff}.story-feature small,.space-feature small{display:block;margin-top:16px}.space-feature{background:linear-gradient(155deg,#fbfdff,#e6f1ff)!important}.space-window{position:relative;display:flex;align-items:end;justify-content:center;height:175px;margin-top:20px;border-radius:18px;background:radial-gradient(ellipse at 50% 90%,#a8d0ff,#e7f2ff 65%,#fff)}.space-window:before{content:'';position:absolute;width:80%;height:38%;bottom:12%;border:1px solid #77aaff;border-radius:50%;box-shadow:0 0 24px #9cc2ff}.space-window img{position:relative;width:145px;mix-blend-mode:multiply;z-index:1}.space-window span{position:absolute;bottom:12px;color:#315b9e;font-size:12px;z-index:2}
@media(max-width:980px){.launch-feature{grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr)}.launch-canvas-wrap{min-height:330px}}
@media(max-width:620px){.palumi-features{grid-template-columns:1fr;gap:16px;margin-top:30px}.palumi-features article{min-height:290px;padding:24px}.launch-feature{grid-column:auto;grid-template-columns:1fr}.launch-canvas-wrap{min-height:220px}.story-line{height:70px;margin-top:20px}.space-window{height:150px}}

/* Native PAG showcases for the Palumi story arc and virtual-space entrance. */
.palumi-features .story-feature,.palumi-features .space-feature{grid-column:span 2}.story-feature{min-height:0!important}.story-title{display:flex;align-items:start;justify-content:space-between;gap:22px}.story-status,.space-status{color:#bcd3ff;font-size:var(--type-small);white-space:nowrap}.story-episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.story-episodes figure{margin:0;padding:12px;border:1px solid #74a2ef55;border-radius:16px;background:#ffffff0d}.story-episodes canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:radial-gradient(circle,#275aaf,#081e50)}.story-episodes figcaption{margin-top:10px;color:#dceaff;font-size:var(--type-small);text-align:center}.space-feature{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);align-items:center;gap:clamp(20px,4vw,64px);min-height:430px!important}.space-feature .feature-no{position:absolute;top:30px;left:clamp(24px,3vw,42px)}.space-feature h3{margin-top:34px}.space-window{height:clamp(280px,26vw,430px);margin:0;background:radial-gradient(ellipse at 50% 90%,#84b6ff,#dbeeff 63%,#fff)}.space-window:before{width:86%;height:52%;bottom:9%}.space-window canvas{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:420px;border-radius:16px}.space-feature .space-status{color:#315b9e;margin:0}.launch-canvas-wrap canvas,.story-episodes canvas,.space-window canvas{image-rendering:auto}
@media(max-width:980px){.space-feature{grid-template-columns:minmax(0,.8fr) minmax(260px,1.2fr)}}
@media(max-width:620px){.palumi-features .story-feature,.palumi-features .space-feature{grid-column:auto}.story-title{display:block}.story-status{display:block;margin-top:12px;white-space:normal}.story-episodes{grid-template-columns:1fr;gap:12px}.story-episodes figure{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px}.story-episodes figcaption{margin:0;text-align:left}.space-feature{grid-template-columns:1fr;min-height:0!important}.space-feature .feature-no{position:static}.space-feature h3{margin-top:10px}.space-window{height:240px}.space-feature .space-status{margin-top:4px}.story-episodes canvas{max-width:110px}}
.story-episodes canvas{aspect-ratio:auto}