/* Readable typography on every dark website surface. */
.architecture-section{background:radial-gradient(ellipse at 85% 20%,#dceaff 0,transparent 45%),linear-gradient(145deg,#f6faff,#eef4ff);position:relative}
.architecture-label{display:inline-block;margin:14px 0 30px;padding:6px 14px;border:1px solid #bfd4ff;border-radius:40px;color:#1754ac;font-size:13px}
.architecture-map{border:1px solid #b6cff4;background:linear-gradient(135deg,#e3edfc,#f1f6ff);border-radius:28px;padding:clamp(16px,3vw,40px);box-shadow:0 20px 65px #164db012}
.architecture-tier,.architecture-foundation{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:24px;border:1px solid #d9e5f6;border-radius:18px;background:#fff9}
.architecture-tier-name>span,.architecture-kicker{color:#005aef;font-size:11px;letter-spacing:.1em;font-weight:650}
.architecture-tier-name h3{font-size:22px;margin:8px 0;color:#102955}
.architecture-tier-name small{font-size:12px;color:#526584}
.architecture-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.architecture-business{padding:28px;border:2px solid #448bea;border-radius:20px;background:linear-gradient(140deg,#d8eaff,#eef5ff);box-shadow:0 12px 32px #005aef15}
.architecture-business>.architecture-tier-name{margin-bottom:22px}.architecture-business>.architecture-tier-name h3{font-size:26px}
.architecture-business>.architecture-tier-name p{color:#405b7c;font-size:14px;line-height:1.8;margin:10px 0}
.business-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.business-panel{padding:24px;border-radius:14px;background:#fff;border:1px solid #b0cbf2}
.business-panel h4{font-size:23px;color:#14376b;margin:10px 0}.business-panel p{font-size:14px;color:#405b7c;line-height:1.8}
.business-panel>small{display:block;font-size:12px;color:#31598f;margin-top:20px;line-height:1.8}
.business-state{background:#e5f0ff}.state-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.state-pair>div{border-left:3px solid #005aef;padding-left:14px}.state-pair b{color:#0050cc;font-size:19px}
.business-cycle{list-style:none;padding:18px 0 0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid #a4c2ec}
.business-cycle li{color:#163f79;font-size:13px;line-height:1.8}.business-cycle li:not(:last-child):after{content:'→';color:#005aef;margin-left:10px}
.business-caption{font-size:12px!important;color:#4c6386!important;line-height:1.8;margin:16px 0 0}
@media(max-width:700px){.business-columns{grid-template-columns:1fr}.architecture-business{padding:20px}.business-panel{padding:18px}.state-pair{grid-template-columns:1fr}.business-cycle{align-items:flex-start;flex-direction:column}.business-cycle li:not(:last-child):after{content:'↓'}}
.architecture-node{padding:10px 16px;border-left:2px solid #9dbffc}
.architecture-node b{color:#153463;font-size:17px}
.architecture-node p{font-size:14px;color:#526584;margin:8px 0 0;line-height:1.7}
.architecture-flow{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;font-size:12px;color:#49678e;letter-spacing:.08em}
.architecture-flow>span{font-size:24px;color:#005aef}
.architecture-products{display:grid;grid-template-columns:1fr 90px 1fr;align-items:stretch}
.architecture-product{display:block;padding:32px;border:1px solid #92b9f5;border-top:5px solid #0875f9;border-radius:20px;background:linear-gradient(135deg,#d6eaff,#eef6ff);box-shadow:0 12px 30px #004ab015;text-decoration:none;transition:transform .2s,border-color .2s}
.architecture-product:hover{transform:translateY(-3px);border-color:#005aef}
.architecture-product h3{font-size:clamp(20px,2vw,28px);color:#102955;margin:12px 0}
.architecture-product p{color:#526584;font-size:15px;margin:0 0 22px}
.architecture-product>small{display:block;color:#005aef;font-size:14px;margin-top:24px}
.architecture-chips{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.architecture-chips span{padding:9px 13px;border-radius:9px;background:#e7f0ff;color:#24497c;font-size:13px}
.architecture-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#005aef;text-align:center}
.architecture-link>span{font-size:30px}.architecture-link small{font-size:12px;line-height:1.7;color:#526584}
.architecture-app{background:radial-gradient(ellipse at 100% 0%,#159ffe,transparent 65%),linear-gradient(130deg,#075fea,#103bbc);border-color:#2469ea;box-shadow:0 16px 35px #005aef30;position:relative;overflow:hidden}
.architecture-app:after{content:'';position:absolute;width:220px;height:100px;border:1px solid #ffffff30;border-radius:50%;right:-100px;top:-25px;transform:rotate(-28deg);pointer-events:none}
.architecture-app h3,.architecture-app .architecture-kicker,.architecture-app>small{color:#fff}
.architecture-app p{color:#e1edff}.architecture-app .architecture-chips span{background:#ffffff20;color:#fff;border:1px solid #ffffff35}
.architecture-intelligence{background:linear-gradient(110deg,#112d62,#1b4888);border-color:#295390;box-shadow:0 8px 22px #173a7015}
.architecture-intelligence .architecture-tier-name h3,.architecture-intelligence .architecture-node b{color:#fff}
.architecture-intelligence .architecture-tier-name>span{color:#a8d4ff}
.architecture-intelligence .architecture-tier-name small,.architecture-intelligence .architecture-node p{color:#d5e6ff}
.architecture-intelligence .architecture-node{border-color:#57a7ff}
.architecture-foundation{background:linear-gradient(135deg,#c8ddfb,#e0ecff);border:1px solid #8db5ee;border-top:4px solid #005aef;align-items:start;padding:28px;box-shadow:0 12px 28px #164db012}
.architecture-foundation .architecture-tier-name{padding-top:8px}
.architecture-foundation .architecture-tier-name h3{font-size:25px}
.architecture-foundation .architecture-tier-name p{font-size:13px;line-height:1.8;color:#345477;margin:12px 0}
.foundation-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.foundation-module{padding:20px;border:1px solid #b0caf0;border-radius:12px;background:#f3f8ff}
.foundation-module>span{font-size:10px;font-weight:650;letter-spacing:.09em;color:#1d5bb5}
.foundation-module h4{font-size:18px;color:#12366d;margin:9px 0}
.foundation-module p{font-size:13px;line-height:1.8;color:#405b7c;margin:0}
.foundation-security{background:#d5e7ff;border-color:#5b97ee;box-shadow:inset 3px 0 #005aef}
@media(max-width:600px){.foundation-modules{grid-template-columns:1fr}.architecture-foundation{padding:20px}.foundation-module{padding:18px}}
.architecture-link>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#005aef;color:#fff;box-shadow:0 0 0 6px #005aef0c}
.architecture-note{font-size:12px!important;color:#60718b!important;text-align:center;margin:22px auto 0;max-width:850px;line-height:1.8}
@media(max-width:900px){.architecture-tier,.architecture-foundation{grid-template-columns:1fr}.architecture-products{grid-template-columns:1fr 65px 1fr}}
@media(max-width:600px){.architecture-products,.architecture-nodes{grid-template-columns:1fr}.architecture-link{padding:12px;flex-direction:row}.architecture-link>span{transform:rotate(90deg)}.architecture-link small br{display:none}.architecture-tier,.architecture-foundation,.architecture-product{padding:20px}.architecture-map{border-radius:20px}}
body .space,body .story-feature{color:#F4F8FF}
body .space :is(h1,h2,h3,h4),body .story-feature :is(h1,h2,h3,h4){color:#F4F8FF}
body .space p,body .story-feature p{color:#D6E3F8!important}
body .space :is(.eyebrow,.num,.feature-no),body .story-feature :is(.eyebrow,.feature-no){color:#A8CCFF}
body .space :is(small,.caption,.tag),body .story-feature :is(small,.story-status,figcaption){color:#C4D6F2!important}
body .space .phone{color:#14336D}
body .space .phone small{color:#30466E!important}
body .space .phone .appname{color:#14336D}
/* Original PAG shown at its natural ratio on a viewport-sized stage. */
body .immersive-space{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;width:100%;min-height:calc(100svh - 94px)!important;gap:20px;padding:48px 4% 32px;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 50% 70%,#d5e8ff,#edf5ff 60%,#fff)!important;scroll-margin-top:94px}
.immersive-heading{text-align:center;max-width:760px;z-index:2}
body .immersive-space .feature-no{position:static;color:#005AEF;display:block;font-size:14px;letter-spacing:.18em}
body .immersive-space h3{font-size:clamp(30px,3.5vw,54px);margin:12px 0;color:#091B46}
body .immersive-space p{font-size:clamp(16px,1.2vw,20px);color:#344A70;margin:0}
body .immersive-space .space-window{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(540px,82svh,1100px);margin:0;background:transparent;border:0;border-radius:0;overflow:hidden}
body .immersive-space .space-window:before{display:none}
body .immersive-space .space-window canvas{display:block;flex:none;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:cover;object-position:center center}
.immersive-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.immersive-controls .cta{margin:0;cursor:pointer;font-size:14px;padding:10px 20px}
.immersive-controls .cta:disabled{opacity:.5;cursor:wait}
body .immersive-space .space-status{font-size:14px;white-space:normal;color:#506588;margin:0;text-align:center}
body .immersive-space:fullscreen{height:100svh;padding:20px;background:#edf5ff!important}
body .immersive-space:fullscreen .space-window{flex:1;min-height:0;height:auto}
body .immersive-space{padding-inline:0}
.immersive-heading{padding-inline:24px}
body .immersive-space:fullscreen{padding-inline:0}
@media(max-width:760px){body .immersive-space{scroll-margin-top:78px;min-height:calc(100svh - 78px)!important;padding:36px 0 28px}body .immersive-space .space-window{height:76svh;min-height:420px}body .immersive-space h3{font-size:32px}}
/* Portal: one continuous viewport from the original first frame to arrival. */
body .immersive-space{min-height:100svh!important;padding:0;justify-content:center;background:#081c41!important}
body .immersive-space .space-window{position:absolute;inset:0;height:100%;min-height:0;z-index:-2}
body .immersive-space:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,16,44,.2),rgba(4,16,44,.55));z-index:-1;transition:opacity .8s}
body .immersive-space .immersive-heading{transition:opacity .65s,transform .8s}
body .immersive-space .immersive-heading h3{color:#fff;font-size:clamp(40px,5.4vw,80px);letter-spacing:.04em}
body .immersive-space .immersive-heading p,body .immersive-space .space-status{color:#e1edff}
body .immersive-space .feature-no{color:#b9d9ff}
body .immersive-space .immersive-controls{z-index:2;transition:opacity .5s}
body .immersive-space .space-status{position:absolute;bottom:28px;padding:0 24px}
body .immersive-space.travel-active{position:fixed;inset:0;z-index:10000;width:100%;height:100svh;min-height:0!important;margin:0;animation:portal-open .6s ease both}
.travel-active .immersive-heading,.travel-active .immersive-controls,.travel-active .space-status{opacity:0;pointer-events:none;visibility:hidden}
.travel-active .immersive-heading{transform:translateY(-24px)}
body .immersive-space[data-phase="playing"]:after{opacity:0}
.travel-exit{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));z-index:5;border:1px solid #80b7ff;border-radius:100px;background:#005aef;color:#fff;padding:12px 20px;cursor:pointer;font:inherit;font-size:14px}
.travel-exit[hidden]{display:none}
.travel-arrival{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:28px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 1.2s,transform 1.2s;pointer-events:none}
body .immersive-space .travel-arrival h3{color:#fff;font-size:clamp(36px,5vw,72px);margin:0;text-shadow:0 3px 30px #071a40}
body .immersive-space .travel-arrival p,.travel-arrival>span{color:#e5f1ff;letter-spacing:.15em}
.travel-arrival .cta{cursor:pointer}
[data-phase="arrived"] .travel-arrival{visibility:visible;opacity:1;transform:none;pointer-events:auto}
@keyframes portal-open{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body .immersive-space *,body .immersive-space:after{transition:none!important;animation:none!important}}
/* Shared, restrained type scale across all five pages. */
.brand-hero{position:relative;overflow:hidden;padding:clamp(62px,7vw,118px) 0;background:radial-gradient(circle at 76% 34%,#83b8ff55 0,transparent 35%),linear-gradient(120deg,#f7fbff 0,#e8f2ff 48%,#bdd8ff 100%)}
.brand-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1.5px,transparent 2px),radial-gradient(circle,#88b8ff 0 1px,transparent 2px);background-size:113px 127px,181px 197px;opacity:.62;pointer-events:none}
.brand-hero>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);align-items:center;gap:clamp(34px,6vw,100px);min-height:520px}
.brand-hero h1{font-size:var(--type-display);line-height:1.24;letter-spacing:-.03em;margin:0 0 24px}.brand-hero-copy>p{max-width:650px;color:#304b74;font-size:var(--type-body)}
.brand-subnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.brand-subnav a{padding:10px 18px;border:1px solid #8eb6ee;border-radius:40px;background:#ffffff80;color:#174b9d;font-size:14px;transition:.2s}.brand-subnav a:hover{background:#005aef;color:#fff;border-color:#005aef;transform:translateY(-2px)}
.brand-hero-art{position:relative;display:grid;place-items:center;min-height:480px}.brand-hero-art img{position:relative;z-index:3;width:min(80%,410px);filter:drop-shadow(0 22px 22px #174a8130)}.brand-hero-art>span{position:absolute;bottom:2%;right:7%;z-index:4;color:#2b65bd;font-size:15px;letter-spacing:.14em}
.brand-planet{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff,#d2e6ff 38%,#75acfa);box-shadow:inset -24px -30px 60px #286bc247,0 30px 80px #1d62b42b}.brand-orbit{position:absolute;width:108%;height:42%;border:2px solid #fff;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 25px #fff}
.story-index{color:#0759de;font-size:13px;font-weight:700;letter-spacing:.17em;margin-bottom:16px}.brand-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);align-items:center;gap:clamp(40px,7vw,110px)}
.brand-story-copy{max-width:690px}.brand-story-copy .brand-lead{font-size:clamp(18px,1.5vw,23px);line-height:1.8;color:#173968}.brand-story-copy>p{line-height:2;margin-bottom:20px}.brand-story-copy blockquote{margin:32px 0 0;padding:22px 0 22px 25px;border-left:3px solid #005aef;color:#0d3470;font-size:clamp(18px,1.7vw,25px);font-weight:700;line-height:1.7}
.founding-visual{margin:0;border-radius:50% 50% 24px 24px;overflow:hidden;background:linear-gradient(#d6e9ff,#f6faff);box-shadow:0 25px 65px #174b8e1c}.founding-visual img{display:block;width:100%;min-height:520px;object-fit:cover;object-position:center}.founding-visual figcaption{padding:15px;text-align:center;color:#5d7190;font-size:13px}
.ip-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#061536,#0d3472);color:#fff}.ip-story:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.8px),radial-gradient(circle,#7fb5ff 0 1.3px,transparent 2px);background-size:91px 103px,157px 173px;opacity:.45}.ip-story>.wrap{position:relative}.ip-story .story-index{color:#9bc8ff}.ip-story h2,.ip-story h3{color:#fff}.ip-story p{color:#d6e5fb!important}.ip-story-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:42px}.ip-story-heading>p{font-size:17px;line-height:1.9}
.ip-story-stage{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(40px,6vw,90px);padding:clamp(26px,4vw,56px);border:1px solid #8ab8ff55;border-radius:28px;background:radial-gradient(circle at 18% 50%,#377bd84a,transparent 34%),#ffffff09;backdrop-filter:blur(8px)}
.ip-story-pet{position:relative;text-align:center}.ip-story-pet:before{content:'';position:absolute;left:7%;right:7%;bottom:15%;height:30%;border:1px solid #8ec2ff;border-radius:50%;box-shadow:0 0 35px #6aabff80}.ip-story-pet img{position:relative;z-index:1;width:100%;filter:drop-shadow(0 20px 24px #0007)}.ip-story-pet span{display:block;color:#b9d9ff;font-size:13px;letter-spacing:.3em}
.ip-story-copy>p{line-height:1.95;margin-bottom:18px}.ip-story-copy>strong{display:block;margin-top:30px;color:#fff;font-size:clamp(19px,1.6vw,24px)}.growth-path{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:28px 0;padding:0;gap:8px}.growth-path li{position:relative;padding:13px 7px;text-align:center;border:1px solid #8ebcff50;border-radius:10px;background:#ffffff0a;color:#e6f0ff;font-size:14px}.growth-path li:not(:last-child):after{content:'→';position:absolute;right:-10px;color:#7ab4ff}.growth-path span{display:block;color:#7eb7ff;font-size:10px;margin-bottom:4px}
.brand-values{background:linear-gradient(150deg,#f8fbff,#e8f2ff)}.brand-values .center>p{margin-bottom:38px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.value-grid article{display:grid;grid-template-columns:52px 1fr;gap:17px;align-items:start;padding:28px;border:1px solid #c8dcf8;border-radius:18px;background:#ffffffbf;box-shadow:0 12px 35px #154d9910;transition:.2s}.value-grid article:hover{transform:translateY(-4px);border-color:#6ba1ec}.value-grid article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#e7f2ff,#bcd8ff);color:#075bea;font-size:26px}.value-grid small{color:#3471c4;font-size:11px;letter-spacing:.12em}.value-grid h3{margin:6px 0 8px;color:#12356c}.value-grid p{margin:0;font-size:15px;line-height:1.75;color:#506686}
@media(max-width:1000px){.brand-hero>.wrap,.brand-story-grid{grid-template-columns:1fr 1fr}.brand-hero-art{min-height:400px}.growth-path{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.brand-hero>.wrap,.brand-story-grid,.ip-story-heading,.ip-story-stage{grid-template-columns:1fr}.brand-hero>.wrap{min-height:0}.brand-hero-art{min-height:360px}.brand-hero-art>span{right:4%;bottom:0}.brand-story-grid{gap:36px}.founding-visual img{min-height:360px}.ip-story-heading{gap:8px}.ip-story-stage{padding:24px}.ip-story-pet img{max-width:360px}.growth-path{grid-template-columns:repeat(2,1fr)}.growth-path li:not(:last-child):after{display:none}.value-grid{grid-template-columns:1fr}.value-grid article{padding:22px}.brand-subnav a{font-size:14px}}
.yomi-purchase{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.yomi-purchase .cta{margin:0;border:0}.yomi-purchase .yomi-cart{background:#fff;color:#005aef;box-shadow:inset 0 0 0 1px #75a8ee}.yomi-purchase button:disabled{cursor:not-allowed;opacity:.78;transform:none}.yomi-purchase small{flex-basis:100%;color:#58708f;font-size:13px}
.hardware-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(42px,7vw,110px)}.hardware-copy>p{font-size:16px;line-height:1.95;margin-bottom:18px}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.feature-pills span{padding:8px 16px;border:1px solid #9ebeea;border-radius:30px;background:#fff;color:#164985;font-size:14px}.hardware-note{display:block;color:#687c99;font-size:12px;line-height:1.7;margin-top:20px}
.touch-visual{position:relative;display:grid;place-items:center;min-height:510px;border-radius:32px;background:radial-gradient(circle at 50% 50%,#fff,#dfecff 58%,#c7ddff);overflow:hidden}.touch-visual img{position:relative;z-index:2;width:78%;filter:drop-shadow(0 22px 18px #0b397025)}.touch-ring{position:absolute;border:1px solid #4d91f0;border-radius:50%;animation:touch-pulse 2.6s ease-out infinite}.touch-ring-one{width:62%;aspect-ratio:1}.touch-ring-two{width:85%;aspect-ratio:1;animation-delay:1.3s}.touch-point{position:absolute;z-index:3;padding:7px 12px;border-radius:20px;background:#075bea;color:#fff;font-size:12px;box-shadow:0 8px 22px #075bea33}.point-head{top:19%;left:44%}.point-side{right:8%;top:51%}.point-hug{left:9%;bottom:25%}@keyframes touch-pulse{0%{transform:scale(.7);opacity:0}35%{opacity:.8}100%{transform:scale(1.08);opacity:0}}
.yomi-growth{background:linear-gradient(145deg,#f3f8ff,#dcecff)}.hardware-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:38px}.hardware-heading>p{font-size:16px;line-height:1.95}.growth-system{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.growth-state{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid #b5d0f3;border-radius:14px;background:#fff}.growth-state span{padding:7px 12px;border-radius:20px;background:#075bea;color:#fff;font-size:13px}.growth-state strong{font-size:15px;color:#173b70}.yomi-growth-path{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:24px;border:1px solid #bad1f0;border-radius:22px;background:#ffffffa6}.yomi-growth-path li{position:relative;padding:22px 10px;text-align:center}.yomi-growth-path li:not(:last-child):after{content:'→';position:absolute;right:-4px;top:42%;color:#4488e6}.yomi-growth-path span{display:block;color:#4383d7;font-size:11px}.yomi-growth-path b{display:block;margin:7px 0;color:#153b70;font-size:18px}.yomi-growth-path small{color:#637894;font-size:12px}
.yomi-nfc{background:linear-gradient(145deg,#081a42,#123b79);color:#fff}.yomi-nfc h2{color:#fff}.yomi-nfc .hardware-copy>p,.yomi-nfc .hardware-list{color:#d6e5fb}.nfc-visual{position:relative;display:grid;grid-template-columns:1fr 100px 1fr;align-items:end;min-height:390px}.nfc-visual>img{position:relative;z-index:2;width:115%;max-width:none;filter:drop-shadow(0 20px 20px #0006)}.nfc-visual>img:first-child{transform:translateX(8%)}.nfc-visual>img:last-child{transform:translateX(-8%) scaleX(-1)}.nfc-signal{align-self:center;display:grid;place-items:center;position:relative;z-index:3;width:74px;height:74px;margin:auto;border-radius:50%;background:#fff;color:#075bea;font-size:13px;font-weight:800;box-shadow:0 0 40px #73b6ff}.nfc-signal i{position:absolute;inset:-13px;border:1px solid #7fbdff;border-radius:50%;animation:nfc-wave 2s ease-out infinite}.nfc-signal i:nth-child(2){inset:-27px;animation-delay:.45s}.nfc-signal i:nth-child(3){inset:-41px;animation-delay:.9s}@keyframes nfc-wave{0%{opacity:0;transform:scale(.8)}35%{opacity:.8}100%{opacity:0;transform:scale(1.12)}}.hardware-list{padding-left:1.2em;line-height:2}.hardware-quote{padding:15px 18px;border-left:3px solid #66adff;background:#ffffff0c;color:#fff!important}.yomi-nfc .hardware-note{color:#b8cae4}
.yomi-connect{background:#edf5ff}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.connection-grid article{padding:30px;border:1px solid #bdd4f3;border-radius:20px;background:#fff}.connection-grid article>span{font-size:11px;letter-spacing:.14em;color:#3673c6}.connection-grid h3{font-size:22px;margin:12px 0;color:#14386e}.connection-grid p{font-size:15px;line-height:1.85}.connection-grid small{display:inline-block;margin-top:18px;padding:5px 11px;border-radius:20px;background:#e7f1ff;color:#215999;font-size:12px}.connection-grid .connection-primary{background:linear-gradient(145deg,#075bea,#133da9);border-color:#075bea;box-shadow:0 18px 36px #075bea22}.connection-grid .connection-primary h3,.connection-grid .connection-primary>span{color:#fff}.connection-grid .connection-primary p{color:#dceaff}.connection-grid .connection-primary small{background:#ffffff20;color:#fff}
.yomi-specs{background:#f7faff}.spec-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:30px;align-items:stretch}.spec-table{margin:0;border:1px solid #c9daf1;border-radius:20px;background:#fff;overflow:hidden}.spec-table>div{display:grid;grid-template-columns:150px 1fr;padding:17px 22px;border-bottom:1px solid #e0e9f6}.spec-table>div:last-child{border-bottom:0}.spec-table dt{color:#536d91;font-size:14px}.spec-table dd{margin:0;color:#163968;font-size:15px}.spec-package{margin:0;display:grid;grid-template-rows:1fr auto;border-radius:20px;overflow:hidden;background:#e5efff}.spec-package img{width:100%;height:100%;min-height:380px;object-fit:cover}.spec-package figcaption{display:flex;flex-wrap:wrap;gap:9px;padding:18px}.spec-package figcaption b{width:100%;color:#14386e}.spec-package figcaption span{padding:5px 9px;border-radius:6px;background:#fff;color:#49617f;font-size:12px}
@media(max-width:900px){.hardware-split,.hardware-heading,.spec-layout{grid-template-columns:1fr}.touch-visual{min-height:430px}.yomi-growth-path{grid-template-columns:repeat(3,1fr)}.nfc-visual{max-width:650px;margin:auto}.spec-package img{min-height:300px}}
@media(max-width:600px){.growth-system,.connection-grid{grid-template-columns:1fr}.yomi-growth-path{grid-template-columns:repeat(2,1fr);padding:14px}.yomi-growth-path li:not(:last-child):after{display:none}.touch-visual{min-height:340px}.touch-point{font-size:11px}.nfc-visual{grid-template-columns:1fr 60px 1fr;min-height:260px}.nfc-signal{width:52px;height:52px}.spec-table>div{grid-template-columns:1fr;gap:5px}.spec-package img{min-height:230px}.yomi-purchase{align-items:stretch}.yomi-purchase .cta{justify-content:center}}
.about-subnav{padding:20px 0!important;background:#f4f8ff;border-bottom:1px solid #dce8f8;position:sticky;top:94px;z-index:8}.about-subnav .wrap{display:flex;justify-content:center;gap:12px}.about-subnav a{padding:9px 20px;border:1px solid #aac6eb;border-radius:30px;background:#fff;color:#174b91;font-size:14px}.about-subnav a:hover{background:#005aef;border-color:#005aef;color:#fff}
.contact-section{scroll-margin-top:150px;background:linear-gradient(145deg,#f8fbff,#e6f1ff)}.contact-heading,.news-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:38px}.contact-heading>p,.news-heading>p{font-size:16px;line-height:1.9}.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.contact-grid article{border-radius:24px;padding:clamp(24px,3vw,38px)}.contact-no{display:block;font-size:11px;letter-spacing:.14em;color:#80b5ff;margin-bottom:14px}.service-card{background:linear-gradient(140deg,#071a43,#12458c);color:#fff;box-shadow:0 20px 44px #0b3a7b24}.service-card h3{color:#fff;font-size:25px}.service-card>p{color:#cfe0f8!important;font-size:14px}.service-card ul{list-style:none;padding:0;margin:25px 0}.service-card li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff22}.service-card li b{font-size:14px}.service-card li span{color:#dceaff;font-size:14px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px}.contact-links a{padding:9px 15px;border-radius:22px;background:#fff;color:#075bea;font-size:14px}.contact-links>span{color:#bdd3ef;font-size:13px}
.cooperation-card{border:1px solid #b8d1f3;background:#fff}.cooperation-card h3{font-size:25px;color:#12376e}.cooperation-card>p{font-size:15px;line-height:1.8}.cooperation-card>a{position:relative;display:flex;flex-direction:column;gap:5px;margin-top:15px;padding:18px;border:1px solid #c8dcf7;border-radius:14px;background:#f3f8ff}.cooperation-card>a:hover{border-color:#4389e8}.cooperation-card>a small{color:#59708e;font-size:12px}.cooperation-card>a b{color:#164b91;font-size:15px;word-break:break-all}.cooperation-card>a span{position:absolute;right:16px;top:16px;color:#075bea;font-size:12px}
.contact-secondary{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;margin-top:20px}.legal-panel,.social-panel{padding:30px;border:1px solid #bfd3f0;border-radius:22px;background:#ffffffb8}.legal-panel h3,.social-panel h3{font-size:21px;color:#153a70}.legal-panel .contact-no,.social-panel .contact-no{color:#3677cf}.legal-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legal-links>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border-radius:10px;background:#edf4ff;color:#425b7d;font-size:14px}.legal-links small{padding:3px 7px;border-radius:10px;background:#fff;color:#7890b0;font-size:11px}.social-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:25px}.social-panel p{font-size:14px}.social-codes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.qr-placeholder{display:grid;place-items:center;aspect-ratio:1;border:1px dashed #72a3e7;border-radius:10px;background:linear-gradient(135deg,#f9fcff,#e0edff);color:#6684aa;font-size:11px}.social-codes b{display:block;margin-top:8px;color:#315681;font-size:12px}
.legal-links>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:10px;padding:13px;background:#edf4ff;color:#425b7d;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background .2s,transform .2s}.legal-links>button:after{content:'查看';flex:none;padding:3px 7px;border-radius:10px;background:#fff;color:#7890b0;font-size:11px}.legal-links>button:hover{background:#e3efff;transform:translateY(-1px)}.social-codes>a,.social-codes>div{display:grid;justify-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none}.social-codes img{display:block;width:96px;height:96px;object-fit:contain;padding:5px;border:1px dashed #b9d0f5;border-radius:10px;background:#f6f9ff}.social-codes>a:hover img{border-color:#5b94e9;background:#edf5ff}
.news-section{scroll-margin-top:145px;background:#07183b;color:#fff}.news-section .eyebrow{color:#9cc9ff}.news-section h2{color:#fff}.news-heading>p{color:#cedff6!important}.news-heading>p b{color:#fff}.news-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.news-categories span{padding:8px 15px;border:1px solid #75a8eb55;border-radius:22px;background:#ffffff0b;color:#d8e8ff;font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.news-grid article{min-height:230px;padding:27px;border:1px solid #80b6ff35;border-radius:18px;background:linear-gradient(145deg,#ffffff12,#ffffff06)}.news-grid article>span{color:#89beff;font-size:12px}.news-grid h3{color:#fff;font-size:19px;line-height:1.55;margin:14px 0}.news-grid p{color:#c8daef!important;font-size:14px;line-height:1.8}.news-grid small{display:inline-block;margin-top:14px;color:#83b4ef;font-size:12px}
@media(max-width:900px){.contact-grid,.contact-secondary{grid-template-columns:1fr}.social-panel{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.about-subnav{top:78px}.contact-heading,.news-heading{grid-template-columns:1fr;gap:6px}.contact-grid article,.legal-panel,.social-panel{padding:22px}.social-panel{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.legal-links{grid-template-columns:1fr}.contact-section,.news-section{scroll-margin-top:126px}.social-codes{gap:8px}}
body .phone.app-screen-phone{height:auto!important;aspect-ratio:1500/3248;padding:0!important;overflow:hidden;line-height:0;background:#dcedff}
body .app-screen-phone:not(.launch-phone):before{display:none}
body .phone.app-screen-phone .app-screen-image{display:block;width:100%;height:auto;max-width:none;margin:0!important;border-radius:0;mix-blend-mode:normal!important;object-fit:contain;visibility:hidden}
.yomi-skins{background:#edf5ff;scroll-margin-top:100px}
.skins-showcase{margin:24px auto 0;max-width:1200px}.skins-showcase img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.skins-showcase figcaption{font-size:12px;color:#5e7494;text-align:center}
.skins-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:30px auto;max-width:1200px}.skins-palette>div{text-align:center;border-top:1px solid #c5d7ef;padding-top:22px}.skins-palette i{display:block;width:22px;height:22px;background:var(--skin);border:3px solid #fff;border-radius:50%;margin:0 auto 12px;box-shadow:0 0 0 1px #c5d7ef}.section .skins-palette h3{font-size:16px;margin:8px 0;color:#14366d}.section .skins-palette p{font-size:13px;color:#506588}
@media(max-width:760px){.skins-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skins-palette>div:last-child{grid-column:1/-1}.skins-showcase{margin-inline:-4%}}
.page-app .hero .mini-pet{left:-10%;bottom:-1%;width:clamp(140px,14vw,230px);z-index:4;pointer-events:none}
@media(max-width:1000px){.page-app .hero .mini-pet{left:-12%;width:150px;bottom:-2%}}
@media(max-width:760px){.page-app .hero .mini-pet{left:0;bottom:-2%;width:clamp(125px,31vw,165px)}}
body .immersive-space .space-window{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;min-height:0}
body .immersive-space .space-window video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;background:radial-gradient(ellipse at center,#16365c,#07182e 75%)}
body .immersive-space.travel-active{animation:none;backdrop-filter:none}
body.page-app .hero .launch-phone{padding:0!important;overflow:hidden;background:#071b3d;isolation:isolate;line-height:0;min-height:0;border-radius:36px;transform:rotate(8deg);clip-path:inset(0 round 36px)}
.launch-phone:before{z-index:3;pointer-events:none}
body.page-app .hero .launch-phone canvas{position:absolute;inset:-2px;display:block;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0;object-fit:fill;object-position:center;border-radius:28px;aspect-ratio:auto!important}
.launch-phone:after{content:'';position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px #071b3d80;pointer-events:none;z-index:2}
.launch-phone .launch-status{position:absolute;left:12px;right:12px;bottom:24px;padding:10px;background:#eaf3fff0;border-radius:10px;font-size:12px;line-height:1.6;color:#14336d;margin:0}
.launch-phone.launch-ready .launch-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}
.architecture-ai-stack{border:1px solid #255ba2;border-radius:20px;background:linear-gradient(125deg,#102c60,#184584);padding:28px;color:#fff}
.architecture-ai-stack .architecture-tier-name h3,.architecture-ai-stack h4,.architecture-ai-stack .architecture-node b{color:#fff}
.architecture-ai-stack .architecture-tier-name>span,.architecture-ai-stack .architecture-tier-name small{color:#b8d9ff}
.architecture-ai-stack p,.architecture-ai-stack .architecture-node p{color:#deebff;font-size:14px;line-height:1.8}
.ai-engine{margin-top:22px;padding:24px;border:1px solid #ffffff38;border-radius:14px;background:#ffffff0b}
.ai-engine h4,.ai-capabilities h4{font-size:18px;margin:0 0 10px}.ai-engine>.architecture-nodes{margin-top:22px}
.architecture-ai-stack .architecture-flow,.architecture-ai-stack .architecture-flow span{color:#b8d9ff}
.ai-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ai-capabilities>div{padding:20px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff0b}.ai-capabilities p{margin:0}
.architecture-ai-stack .ai-boundary{font-size:12px;margin:20px 0 0;padding-top:16px;border-top:1px solid #ffffff30}
.architecture-ecosystem{margin-top:32px;padding:28px;border:1px solid #8bb8f4;border-top:4px solid #005aef;border-radius:20px;background:linear-gradient(145deg,#f5f9ff,#dcecff)}
.architecture-ecosystem>.architecture-tier-name p{font-size:14px;color:#405b7c;line-height:1.8}
.ecosystem-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.ecosystem-stages>div{position:relative;padding:20px;border:1px solid #bed3f2;border-radius:12px;background:#fff9}.ecosystem-stages>div:not(:last-child):after{content:'→';position:absolute;right:-19px;top:45%;color:#005aef}
.ecosystem-stages>div>span{display:inline-grid;place-items:center;background:#005aef;color:#fff;width:30px;height:30px;border-radius:50%;font-size:12px}.ecosystem-stages h4{font-size:18px;margin:14px 0 10px;color:#14376b}.ecosystem-stages p{font-size:14px;color:#345780}.ecosystem-stages small{font-size:12px;line-height:1.8;color:#526887}
.ecosystem-feedback{margin-top:20px;padding:18px 22px;border-left:3px solid #005aef;background:#cadefb;border-radius:8px}.ecosystem-feedback b{font-size:15px;color:#103d81}.ecosystem-feedback p{font-size:13px;color:#345780;margin:8px 0 0;line-height:1.8}
@media(max-width:760px){.architecture-ai-stack,.architecture-ecosystem{padding:20px}.ai-capabilities,.ecosystem-stages{grid-template-columns:1fr}.ai-engine{padding:18px}.ecosystem-stages>div:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-24px}}
:root{--type-display:clamp(2rem,4vw,4rem);--type-h2:clamp(1.5rem,2.2vw,2.25rem);--type-h3:clamp(1.125rem,1.4vw,1.375rem);--type-body:clamp(.9375rem,1vw,1rem);--type-small:.8125rem}
.hero h1{line-height:1.25;letter-spacing:-.025em;margin-bottom:22px}
.section h2{line-height:1.4;letter-spacing:-.025em}
.links a,.cta,.textlink{font-size:15px}
.cta{padding:12px 24px}
.product-ecosystem-figure figcaption{font-size:14px}
body .immersive-space .immersive-heading h3,body .immersive-space .travel-arrival h3{font-size:clamp(30px,3.8vw,56px)}
body .immersive-space p{font-size:var(--type-body)}
.architecture-product h3{font-size:clamp(19px,1.65vw,24px)}
.architecture-tier-name h3,.architecture-foundation .architecture-tier-name h3{font-size:21px}
.architecture-business>.architecture-tier-name h3{font-size:22px}
.business-panel h4{font-size:20px}
@media(max-width:760px){.hero h1{font-size:clamp(32px,7vw,42px)}.hero p,.section p{font-size:15px}.section h2{font-size:clamp(24px,5.5vw,30px)}.product-ecosystem-figure figcaption{font-size:14px}}
.yomi-motion{position:relative;overflow:hidden;background:radial-gradient(circle at 24% 45%,#174e9a 0,#0b2c62 28%,#061a3f 66%,#030d24 100%);color:#fff}.yomi-motion:before{content:'';position:absolute;inset:-30%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#8ec9ff 0 1px,transparent 1.5px);background-size:83px 83px,137px 137px;background-position:0 0,34px 21px;opacity:.22;transform:rotate(-8deg);pointer-events:none}.yomi-motion-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(34px,6vw,90px);align-items:center}.yomi-motion-stage{position:relative;display:grid;place-items:center;min-height:clamp(420px,54vw,680px);overflow:hidden;border:1px solid #8fc1ff50;border-radius:32px;background:radial-gradient(circle at 50% 45%,#1b5aa0,#061839 70%);box-shadow:0 28px 80px #0007,inset 0 0 55px #78bdff18}.yomi-motion-stage video{position:relative;z-index:2;display:block;width:100%;height:auto;max-height:min(72vh,680px);object-fit:contain;object-position:center;background:#061839}.yomi-motion-stage.is-portrait video{width:auto;height:min(72vh,680px);max-width:100%}.motion-glow{position:absolute;z-index:1;width:78%;aspect-ratio:1;border-radius:50%;background:#4aa8ff22;filter:blur(55px)}.motion-caption{position:absolute;z-index:3;left:22px;bottom:20px;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #ffffff35;border-radius:30px;background:#03122cb8;backdrop-filter:blur(10px);color:#e6f2ff;font-size:12px}.motion-caption i{width:7px;height:7px;border-radius:50%;background:#6dffb0;box-shadow:0 0 12px #6dffb0}.yomi-motion-copy .eyebrow{color:#8fc5ff}.yomi-motion-copy h2{color:#fff}.yomi-motion-copy p{color:#d4e5fb!important;line-height:1.95}.yomi-motion-copy small{display:block;margin-top:24px;color:#90a9c9;line-height:1.7}.motion-moments{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.motion-moments span{padding:8px 14px;border:1px solid #80b9ff55;border-radius:30px;background:#ffffff0b;color:#e6f1ff;font-size:13px}
.yomi-identity-pet,.brand-hero-art>img,.ip-story-pet img{animation:yomi-alive 5.6s ease-in-out infinite;transform-origin:50% 90%}@keyframes yomi-alive{0%,100%{transform:translateY(0) rotate(-.35deg)}48%{transform:translateY(-7px) rotate(.35deg)}55%{transform:translateY(-7px) rotate(.25deg)}}
@media(max-width:900px){.yomi-motion-layout{grid-template-columns:1fr}.yomi-motion-stage{min-height:0}.yomi-motion-stage video{max-height:68vh}.yomi-motion-copy{max-width:680px}}
@media(max-width:600px){.yomi-motion-stage{border-radius:22px}.motion-caption{left:14px;bottom:14px}.yomi-motion-stage video{max-height:62vh}}
@media(prefers-reduced-motion:reduce){.yomi-identity-pet,.brand-hero-art>img,.ip-story-pet img{animation:none}}
.page-yomi .yomi-hero-identity{gap:clamp(14px,1.5vw,24px);min-height:440px}.yomi-hero-stage{position:relative;display:grid;place-items:end center;width:100%;min-height:330px;isolation:isolate}.page-yomi .yomi-identity-pet{position:relative;z-index:3;width:min(78%,520px);mix-blend-mode:normal;filter:drop-shadow(0 20px 18px #244b7d22)}.yomi-hero-platform{position:absolute;z-index:1;left:12%;right:12%;bottom:1%;height:24%;border:1px solid #79aff455;border-radius:50%;background:radial-gradient(ellipse,#fff 0,#deedff 48%,#83b8fa55 69%,transparent 70%);transform:perspective(500px) rotateX(64deg);box-shadow:0 18px 40px #2d73c826}.yomi-hero-orbit{position:absolute;z-index:2;left:8%;right:8%;bottom:7%;height:36%;border:1px solid #70abf499;border-radius:50%;transform:rotate(-7deg);clip-path:inset(0 0 48% 0)}.yomi-hero-orbit:before,.yomi-hero-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #4b9cff44,0 0 22px #338bff}.yomi-hero-orbit:before{left:12%;top:32%}.yomi-hero-orbit:after{right:8%;top:50%}.yomi-hero-message{position:absolute;z-index:4;right:9%;top:28%;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #9dbfee;border-radius:22px;background:#ffffffe6;box-shadow:0 12px 28px #1f5ba21c;color:#234d85;font-size:12px;animation:yomi-message 3.6s ease-in-out infinite}.yomi-hero-message i{width:7px;height:7px;border-radius:50%;background:#36d899;box-shadow:0 0 10px #36d899}@keyframes yomi-message{50%{transform:translateY(-5px)}}
.page-yomi .touch-visual{min-height:540px;isolation:isolate;background:radial-gradient(circle at 50% 55%,#fbfdff 0,#e4f1ff 43%,#c8e0ff 72%,#a9ccfb 100%);box-shadow:inset 0 0 0 1px #fff8,0 24px 55px #174f9020}.touch-stars{position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,#4b91ed 0 1px,transparent 1.5px);background-size:82px 82px,121px 121px;background-position:18px 12px,44px 31px;opacity:.68}.page-yomi .touch-platform{position:absolute;z-index:1;left:19%;right:19%;bottom:10%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#fff 4%,#b9d9ff 48%,#4d9df044 67%,transparent 69%);transform:perspective(480px) rotateX(66deg);box-shadow:0 20px 42px #276db233}.page-yomi .touch-visual img{position:absolute;z-index:3;left:50%;bottom:13%;width:60%;mix-blend-mode:normal;filter:drop-shadow(0 22px 17px #143f702c);animation:touch-pet-alive 4.8s ease-in-out infinite;transform-origin:50% 90%}@keyframes touch-pet-alive{0%,100%{transform:translateX(-50%) translateY(0) rotate(-.35deg)}48%{transform:translateX(-50%) translateY(-8px) rotate(.35deg)}54%{transform:translateX(-50%) translateY(-8px) rotate(.2deg)}}.page-yomi .touch-ring{z-index:1;border-color:#438cea55}.page-yomi .touch-ring-one{width:52%;aspect-ratio:1}.page-yomi .touch-ring-two{width:76%;aspect-ratio:1}.page-yomi .touch-point{display:grid;grid-template-columns:32px auto;column-gap:9px;align-items:center;min-width:128px;padding:10px 13px;border:1px solid #96bbed;border-radius:16px;background:#ffffffdf;box-shadow:0 12px 28px #1b57951c;color:#173e75;backdrop-filter:blur(8px);animation:touch-card-float 4s ease-in-out infinite}.page-yomi .touch-point i{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#0870f8,#5aa9ff);color:#fff;font-style:normal;font-size:16px;box-shadow:0 7px 15px #0870f83b}.page-yomi .touch-point b{font-size:13px;line-height:1.2}.page-yomi .touch-point small{color:#6a7f9d;font-size:10px;line-height:1.2}.page-yomi .point-head{top:9%;left:8%}.page-yomi .point-side{top:25%;right:5%;animation-delay:-1s}.page-yomi .point-hug{left:6%;bottom:7%;animation-delay:-2s}.page-yomi .point-shake{right:7%;bottom:8%;animation-delay:-3s}@keyframes touch-card-float{50%{transform:translateY(-6px)}}.touch-reaction{position:absolute;z-index:4;left:50%;top:39%;padding:7px 13px;border-radius:18px;background:#075beae8;color:#fff;font-size:11px;box-shadow:0 8px 20px #075bea36;transform:translateX(-50%);animation:reaction-pop 3s ease-in-out infinite}@keyframes reaction-pop{0%,100%{opacity:.72;transform:translateX(-50%) scale(.96)}45%,60%{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1)}}
@media(max-width:760px){.page-yomi .yomi-hero-identity{min-height:0}.yomi-hero-stage{min-height:240px}.page-yomi .yomi-identity-pet{width:min(78%,320px)}.yomi-hero-message{right:3%;top:18%;padding:7px 11px}.page-yomi .touch-visual{min-height:430px}.page-yomi .touch-visual img{width:66%;bottom:20%}.page-yomi .touch-platform{bottom:16%;left:14%;right:14%}.page-yomi .touch-point{min-width:112px;padding:8px 9px;grid-template-columns:27px auto}.page-yomi .touch-point i{width:27px;height:27px;font-size:13px}.page-yomi .point-head{top:5%;left:4%}.page-yomi .point-side{top:6%;right:4%}.page-yomi .point-hug{left:4%;bottom:4%}.page-yomi .point-shake{right:4%;bottom:4%}.touch-reaction{top:39%}}
@media(max-width:390px){.page-yomi .touch-point{min-width:0}.page-yomi .touch-point small{display:none}.page-yomi .touch-visual img{width:72%}}
@media(prefers-reduced-motion:reduce){.yomi-hero-message,.page-yomi .touch-visual img,.page-yomi .touch-point,.touch-reaction{animation:none}}
.page-yomi .yomi-skins{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 16%,#fff6d9 0,#fff6d900 18%),radial-gradient(circle at 10% 74%,#d9cfff 0,#d9cfff00 25%),linear-gradient(145deg,#f7fbff,#dcecff 58%,#edf2ff)}.page-yomi .yomi-skins:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,#4f91e6 0 1px,transparent 1.5px);background-size:94px 94px,151px 151px;background-position:12px 8px,43px 31px;opacity:.34;pointer-events:none}.skins-heading{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:end;gap:clamp(34px,7vw,110px);margin-bottom:48px}.skins-heading>p{max-width:540px;margin:0 0 8px;color:#526b8e;font-size:16px;line-height:1.9}.skins-editorial{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.skins-story{position:relative;margin:0;overflow:hidden;border:1px solid #ffffffcc;border-radius:30px;background:#0a2e68;box-shadow:0 24px 55px #164d8e24;isolation:isolate;transition:transform .45s ease,box-shadow .45s ease}.skins-story:hover{transform:translateY(-7px) rotate(0);box-shadow:0 32px 70px #164d8e33}.skins-story img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.skins-story:hover img{transform:scale(1.035)}.skins-story figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:80px 30px 28px;background:linear-gradient(transparent,#071b47de);color:#fff;text-align:left}.skins-story figcaption span{color:#b8d9ff;font-size:10px;letter-spacing:.15em}.skins-story figcaption h3{margin:8px 0 0;color:#fff;font-size:clamp(19px,1.65vw,25px);line-height:1.45}.skins-story figcaption p{margin:9px 0 0;color:#d4e5fb!important;font-size:13px;line-height:1.7}.skins-story-primary{aspect-ratio:1;transform:rotate(-1deg)}.skins-story-column{display:grid;gap:24px;padding-top:30px}.skins-story-life{aspect-ratio:3/2;transform:rotate(.65deg)}.page-yomi .skins-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;max-width:none;margin:0;padding:18px;border:1px solid #b7d0f1;border-radius:22px;background:#ffffffbd;box-shadow:0 16px 36px #174c8816;backdrop-filter:blur(10px)}.page-yomi .skins-palette>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 8px;border:0;border-radius:14px;background:#f4f8ff;text-align:left;transition:.25s}.page-yomi .skins-palette>div:hover{transform:translateY(-3px);background:#fff}.page-yomi .skins-palette i{display:block;flex:0 0 auto;width:17px;height:17px;margin:0;border:2px solid #fff;border-radius:50%;background:var(--skin);box-shadow:0 0 0 1px #9eb9dc}.page-yomi .skins-palette span{color:#234d82;font-size:12px;font-weight:700;white-space:nowrap}.page-yomi .yomi-skins>.wrap>.caption{position:relative;margin-top:28px}
@media(max-width:900px){.skins-heading{grid-template-columns:1fr;gap:12px}.skins-editorial{grid-template-columns:1fr}.skins-story-primary{width:min(100%,680px);margin:auto}.skins-story-column{padding-top:0}.skins-story-life{transform:none}.page-yomi .skins-palette{max-width:680px;margin:auto}}
@media(max-width:600px){.skins-heading{margin-bottom:28px}.skins-story{border-radius:22px}.skins-story-primary{transform:none}.skins-story figcaption{padding:65px 20px 20px}.skins-story figcaption p{display:none}.skins-story-column{gap:16px}.page-yomi .skins-palette{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.page-yomi .skins-palette>div:last-child{grid-column:1/-1}.page-yomi .skins-palette>div{justify-content:flex-start;padding-left:14px}}
.page-yomi .yomi-hero-identity{min-height:0;gap:18px;padding-block:14px}.yomi-hero-family{position:relative;width:min(94%,590px);aspect-ratio:16/10;margin:0;overflow:hidden;border:1px solid #ffffffcc;border-radius:28px;background:#dbeaff;box-shadow:0 24px 55px #164f9124;transform:rotate(1deg)}.yomi-hero-family img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:family-scene-breathe 9s ease-in-out infinite}.yomi-hero-family figcaption{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #ffffff90;border-radius:16px;background:#08275ea8;backdrop-filter:blur(10px);color:#fff}.yomi-hero-family figcaption span{display:flex;align-items:center;gap:7px;color:#cfe4ff;font-size:11px}.yomi-hero-family figcaption i{width:7px;height:7px;border-radius:50%;background:#72ffbd;box-shadow:0 0 12px #72ffbd}.yomi-hero-family figcaption strong{font-size:13px}@keyframes family-scene-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025) translate3d(-.4%,.3%,0)}}
.page-yomi .touch-story-scene{position:relative;display:block;min-height:0;aspect-ratio:1;overflow:hidden;background:#cedfff}.page-yomi .touch-story-scene>img{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;filter:none;animation:touch-story-pan 12s ease-in-out infinite;transform:none}@keyframes touch-story-pan{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.7%,-.5%,0)}}.touch-story-scene:after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(125deg,#081d460f 35%,transparent 60%),linear-gradient(0deg,#071b4540,transparent 32%);pointer-events:none}.touch-focus{position:absolute;z-index:3;left:50%;top:67%;width:86px;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 45px #ffe99f;animation:touch-focus-pulse 2.8s ease-out infinite}@keyframes touch-focus-pulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.75)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.touch-story-label{position:absolute;z-index:4;display:grid;grid-template-columns:31px auto;column-gap:9px;align-items:center;padding:10px 13px;border:1px solid #ffffffb0;border-radius:16px;background:#06265cb8;box-shadow:0 12px 30px #061c4540;backdrop-filter:blur(9px);color:#fff;animation:story-label-float 4.5s ease-in-out infinite}.touch-story-label i{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#2c83f1;color:#fff;font-style:normal;font-size:10px}.touch-story-label b{font-size:13px}.touch-story-label small{color:#cfe0f6;font-size:10px}.label-near{left:5%;top:7%}.label-touch{right:4%;top:39%;animation-delay:-1.5s}.label-stay{left:6%;bottom:6%;animation-delay:-3s}@keyframes story-label-float{50%{transform:translateY(-6px)}}
.founding-visual{position:relative;aspect-ratio:4/5;border-radius:32px;overflow:hidden;background:#0b2d68;box-shadow:0 28px 68px #174b8e2c}.founding-visual img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:54% center;transition:transform .8s ease}.founding-visual:hover img{transform:scale(1.035)}.founding-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:90px 26px 26px;background:linear-gradient(transparent,#071b47e8);color:#fff;text-align:left}.founding-visual figcaption span{display:block;color:#a9d1ff;font-size:10px;letter-spacing:.16em}.founding-visual figcaption strong{display:block;margin-top:8px;color:#fff;font-size:18px;line-height:1.45}
@media(max-width:760px){.yomi-hero-family{width:100%;border-radius:22px;transform:none}.yomi-hero-family figcaption{left:12px;right:12px;bottom:12px;padding:10px 12px}.yomi-hero-family figcaption strong{font-size:11px}.page-yomi .touch-story-scene{min-height:0;aspect-ratio:1}.touch-story-label{grid-template-columns:25px auto;padding:7px 9px}.touch-story-label i{width:25px;height:25px}.touch-story-label small{display:none}.label-near{left:3%;top:4%}.label-touch{right:3%;top:41%}.label-stay{left:4%;bottom:4%}.founding-visual{aspect-ratio:4/3;border-radius:24px}.founding-visual img{object-position:48% center}.founding-visual figcaption{padding:65px 20px 19px}}
@media(prefers-reduced-motion:reduce){.yomi-hero-family img,.page-yomi .touch-story-scene>img,.touch-focus,.touch-story-label{animation:none}}

/* Bespoke hero artwork: one continuous scene instead of layered cutouts. */
.yomi-hero-story{width:min(100%,660px);aspect-ratio:16/9;border:0;border-radius:34px;transform:none;background:#dbeaff;box-shadow:0 28px 72px #174f922b,0 0 0 1px #ffffffb8;isolation:isolate}
.yomi-hero-story:before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#ddecff26 0,transparent 34%),linear-gradient(0deg,#071d4f99 0,transparent 34%);pointer-events:none}
.yomi-hero-story img{position:relative;z-index:1;object-position:center;animation:yomi-story-drift 11s ease-in-out infinite}
.yomi-hero-story figcaption{z-index:3;background:#09285b9c;box-shadow:0 10px 32px #001c4d26}
@keyframes yomi-story-drift{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.7%,.35%,0)}}
.brand-origin-art{position:relative;display:block;min-height:0;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:38px;background:#0a2b67;box-shadow:0 32px 78px #153e7a35,0 0 0 1px #ffffffc9;isolation:isolate}
.brand-origin-art:before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,#061c4ebd 0,transparent 35%),linear-gradient(90deg,#dcecff1f 0,transparent 42%);pointer-events:none}
.brand-origin-art>img{position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;animation:brand-origin-breathe 12s ease-in-out infinite}
.brand-origin-art figcaption{position:absolute;z-index:3;left:26px;right:26px;bottom:24px;color:#fff;text-align:left}
.brand-origin-art figcaption span{display:block;margin-bottom:8px;color:#b9d7ff;font-size:10px;letter-spacing:.16em}
.brand-origin-art figcaption strong{font-size:17px;line-height:1.45}
@keyframes brand-origin-breathe{0%,100%{transform:scale(1.01)}50%{transform:scale(1.045) translate3d(0,-.5%,0)}}
@media(max-width:760px){.yomi-hero-story{border-radius:24px}.brand-origin-art{width:100%;aspect-ratio:16/11;border-radius:26px}.brand-origin-art>img{object-position:center 63%}.brand-origin-art figcaption{left:18px;right:18px;bottom:16px}.brand-origin-art figcaption strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.yomi-hero-story img,.brand-origin-art>img{animation:none}}

/* Merge hero artwork into the banner canvas instead of presenting it as a separate card. */
.page-yomi .hero{isolation:isolate;background:linear-gradient(100deg,#f7fbff 0%,#eaf4ff 45%,#d9eaff 100%)}
.page-yomi .hero:before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 82% 35%,#8dbdff42 0,transparent 31%),radial-gradient(circle at 61% 75%,#fff 0,transparent 28%);pointer-events:none}
.page-yomi .hero .wrap{z-index:1}
.page-yomi .yomi-hero-identity{position:relative;align-self:stretch;min-height:520px;padding:0;display:block}
.page-yomi .yomi-identity-mark{position:absolute;z-index:4;top:5%;right:5%;width:clamp(126px,10vw,175px);background:#123568}
.page-yomi .yomi-hero-story{position:absolute;z-index:1;inset:-8% -13% -8% -24%;width:auto;aspect-ratio:auto;margin:0;border-radius:0;background:transparent;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 100%),linear-gradient(0deg,transparent 0,#000 13%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 19%,#000 100%),linear-gradient(0deg,transparent 0,#000 13%,#000 92%,transparent 100%);mask-composite:intersect}
.page-yomi .yomi-hero-story:before{background:linear-gradient(90deg,#eef7ff4a 0,transparent 35%),linear-gradient(0deg,#102d5a66 0,transparent 28%)}
.page-yomi .yomi-hero-story figcaption{left:auto;right:7%;bottom:9%;width:min(78%,420px)}

.brand-hero{isolation:isolate;padding-block:clamp(58px,6vw,96px);background:linear-gradient(105deg,#f8fbff 0%,#edf5ff 46%,#d6e8ff 100%)}
.brand-hero:before{z-index:0;background:radial-gradient(circle at 79% 37%,#4f8fff38 0,transparent 33%),radial-gradient(circle,#fff 0 1.4px,transparent 2px);background-size:auto,119px 131px}
.brand-hero>.wrap{z-index:1;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:0;min-height:570px}
.brand-hero-copy{position:relative;z-index:4;padding-right:clamp(20px,5vw,76px)}
.brand-origin-art{position:absolute;z-index:1;top:-8%;right:-8vw;bottom:-8%;width:62%;min-height:0;aspect-ratio:auto;border-radius:0;background:transparent;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%),linear-gradient(0deg,transparent 0,#000 12%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%),linear-gradient(0deg,transparent 0,#000 12%,#000 91%,transparent 100%);mask-composite:intersect}
.brand-origin-art:before{background:linear-gradient(90deg,#edf5ff6e 0,transparent 37%),linear-gradient(0deg,#061a47a6 0,transparent 34%)}
.brand-origin-art figcaption{left:auto;right:12%;bottom:10%;width:min(72%,390px)}

@media(max-width:760px){
  .page-yomi .hero{padding-bottom:18px}
  .page-yomi .hero .wrap{gap:4px}
  .page-yomi .hero .wrap>div:first-child{position:relative;z-index:4}
  .page-yomi .yomi-hero-identity{z-index:2;min-height:238px;margin-top:-24px}
  .page-yomi .yomi-hero-story{position:absolute;inset:-10px -8% -2px -8%;width:auto;aspect-ratio:auto;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 12%,#000 74%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0,#000 12%,#000 74%,transparent 100%)}
  .page-yomi .yomi-hero-story:after{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,#eaf4ff 0,transparent 31%,transparent 78%,#eaf4ff 100%);pointer-events:none}
  .page-yomi .yomi-hero-story img{object-position:58% center}
  .page-yomi .yomi-identity-mark{top:17%;left:8%;right:auto;width:108px;background:#fff;filter:drop-shadow(0 2px 8px #13376d48)}
  .page-yomi .yomi-hero-story figcaption{right:7%;bottom:10%;width:80%;padding:8px 10px}
  .page-yomi .yomi-hero-story figcaption strong{font-size:10px}
  .brand-hero{min-height:760px;padding:42px 0 24px;background:linear-gradient(180deg,#f8fbff 0%,#e9f4ff 51%,#dcecff 100%)}
  .brand-hero>.wrap{display:block;min-height:694px}
  .brand-hero-copy{padding-right:0}
  .brand-origin-art{top:auto;right:-7%;bottom:-4%;width:114%;height:66%;aspect-ratio:auto;-webkit-mask-image:linear-gradient(0deg,#000 0,#000 69%,transparent 100%);mask-image:linear-gradient(0deg,#000 0,#000 69%,transparent 100%)}
  .brand-origin-art>img{object-position:center 58%}
  .brand-origin-art figcaption{left:8%;right:auto;bottom:9%;width:76%}
}

/* Visible celestial technology language across both hero canvases. */
.page-yomi .hero:after,.brand-hero:after{content:'';position:absolute;z-index:1;inset:-12%;pointer-events:none;background:radial-gradient(circle at 14% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 33% 68%,#63a8ff 0 1.3px,transparent 2.4px),radial-gradient(circle at 69% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 88% 74%,#ffc96e 0 1.5px,transparent 3px),radial-gradient(ellipse at 74% 55%,transparent 0 35%,#66a8ff6b 35.2% 35.45%,transparent 35.75%),radial-gradient(ellipse at 74% 55%,transparent 0 46%,#ffffff9c 46.15% 46.38%,transparent 46.68%);background-size:131px 137px,191px 179px,157px 163px,229px 211px,100% 100%,100% 100%;opacity:.76;animation:hero-starmap-drift 20s linear infinite}
.page-yomi .hero .wrap,.brand-hero>.wrap{position:relative;z-index:2}
.page-yomi .yomi-hero-story img,.brand-origin-art>img{filter:saturate(1.12) contrast(1.035)}
.spec-package{box-shadow:0 24px 60px #163f8120,0 0 0 1px #c8daf2}
.spec-package img{object-position:center;filter:saturate(1.04) contrast(1.02)}
@keyframes hero-starmap-drift{to{transform:rotate(.45deg) translate3d(-.6%,.4%,0)}}
@media(max-width:760px){.page-yomi .hero:after,.brand-hero:after{opacity:.68;background-size:97px 103px,139px 151px,127px 133px,181px 173px,125% 100%,125% 100%}.spec-package img{aspect-ratio:4/3;height:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.page-yomi .hero:after,.brand-hero:after{animation:none}}

/* Show the complete five-character campaign artwork at its native landscape ratio. */
.founding-story .brand-story-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(34px,5vw,82px)}
.founding-story .founding-visual{width:100%;max-width:620px;justify-self:center;aspect-ratio:3/2;border-radius:28px;background:#eaf4ff;box-shadow:0 20px 50px #174b8e20}
.founding-story .founding-visual img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.founding-story .founding-visual:hover img{transform:scale(1.012)}
.founding-story .founding-visual figcaption{padding:54px 22px 18px;background:linear-gradient(transparent,#082958c9)}
.founding-story .founding-visual figcaption strong{font-size:15px}
@media(max-width:760px){.founding-story .brand-story-grid{grid-template-columns:1fr;gap:30px}.founding-story .founding-visual{max-width:520px;aspect-ratio:3/2;border-radius:22px}.founding-story .founding-visual figcaption{padding:44px 16px 14px}.founding-story .founding-visual figcaption strong{font-size:13px}}

/* Corporate AI hero: one full-width canvas connecting AI, hardware and virtual worlds. */
.brand-tech-hero{min-height:680px;padding-block:clamp(62px,7vw,108px);background:#eef6ff}
.brand-tech-hero:before{z-index:2;background:linear-gradient(90deg,#f8fbff 0%,#f8fbfff2 27%,#edf6ff5c 48%,transparent 68%),linear-gradient(0deg,#eaf4ff80 0,transparent 26%);opacity:1}
.brand-tech-hero:after{z-index:2;opacity:.22}
.brand-tech-hero>.wrap{display:block;min-height:510px}
.brand-tech-hero .brand-hero-copy{position:relative;z-index:5;width:min(48%,610px);padding-right:0}
.brand-tech-hero .brand-ai-art{position:absolute;z-index:1;top:calc(clamp(62px,7vw,108px)*-1);bottom:calc(clamp(62px,7vw,108px)*-1);left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);width:auto;height:auto;min-height:0;aspect-ratio:auto;border-radius:0;box-shadow:none;background:#eaf4ff;-webkit-mask-image:none;mask-image:none}
.brand-tech-hero .brand-ai-art:before{z-index:2;background:linear-gradient(90deg,#f8fbff 0%,#f8fbffe8 24%,#f1f8ff70 44%,transparent 62%),linear-gradient(0deg,#eaf4ff66 0,transparent 23%)}
.brand-tech-hero .brand-ai-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.01);animation:brand-ai-breathe 14s ease-in-out infinite}
.brand-tech-hero .brand-ai-art figcaption{position:absolute;z-index:4;left:auto;right:6%;bottom:7%;width:auto;max-width:420px;padding:12px 16px;border:1px solid #ffffffb8;border-radius:15px;background:#f7fbffb8;backdrop-filter:blur(14px);box-shadow:0 14px 34px #174c9020;color:#123d76}
.brand-tech-hero .brand-ai-art figcaption span{color:#3970b7}
.brand-tech-hero .brand-ai-art figcaption strong{color:#123d76;font-size:14px}
@keyframes brand-ai-breathe{0%,100%{transform:scale(1.005)}50%{transform:scale(1.025) translate3d(-.25%,.2%,0)}}
@media(max-width:760px){
  .brand-tech-hero{min-height:730px;padding:42px 0 22px;background:#eef6ff}
  .brand-tech-hero>.wrap{min-height:666px}
  .brand-tech-hero .brand-hero-copy{width:100%}
  .brand-tech-hero .brand-ai-art{top:-42px;bottom:-22px;left:-6.9%;right:-6.9%;height:auto;width:auto}
  .brand-tech-hero .brand-ai-art:before{background:linear-gradient(180deg,#f8fbff 0%,#f8fbfff8 45%,#eef6ff9a 58%,transparent 76%),linear-gradient(90deg,#eef6ff4d 0,transparent 45%)}
  .brand-tech-hero .brand-ai-art>img{object-position:66% center}
  .brand-tech-hero .brand-ai-art figcaption{right:6%;bottom:5%;max-width:84%;padding:9px 11px}
  .brand-tech-hero .brand-ai-art figcaption strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.brand-tech-hero .brand-ai-art>img{animation:none}}

/* Preserve the complete brand artwork and keep all copy away from characters. */
.brand-tech-hero{min-height:650px}
.brand-tech-hero .brand-ai-art>img{object-fit:contain;object-position:center}
.brand-tech-hero .brand-ai-art:before{background:linear-gradient(90deg,#f8fbff 0%,#f8fbfff5 24%,#f2f8ff78 42%,transparent 58%)}
.brand-tech-hero .brand-hero-copy{width:min(43%,580px)}
@media(max-width:760px){
  .brand-tech-hero{min-height:760px;padding-bottom:24px}
  .brand-tech-hero>.wrap{min-height:694px}
  .brand-tech-hero .brand-hero-copy{width:100%}
  .brand-tech-hero .brand-ai-art{top:auto;left:-5%;right:-5%;bottom:18px;width:110%;height:auto;aspect-ratio:16/9}
  .brand-tech-hero .brand-ai-art:before{display:none}
  .brand-tech-hero .brand-ai-art>img{object-fit:contain;object-position:center;animation:none}
}

/* Final brand-banner layout: render the complete 16:9 artwork as an image, never as a cropped cover layer. */
.brand-tech-hero{min-height:0;padding-block:clamp(58px,6vw,92px);background:radial-gradient(circle at 78% 42%,#b8d8ff70 0,transparent 38%),linear-gradient(105deg,#f8fbff 0%,#edf6ff 52%,#dcecff 100%)}
.brand-tech-hero:before{background:linear-gradient(90deg,#f8fbff 0%,#f5faffc7 40%,transparent 70%)}
.brand-tech-hero>.wrap{display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);align-items:center;gap:clamp(18px,2.5vw,44px);min-height:520px}
.brand-tech-hero .brand-hero-copy{width:100%;max-width:570px;padding-right:0}
.brand-tech-hero .brand-ai-art{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;min-height:0;aspect-ratio:16/9;margin:0;overflow:visible;background:transparent;-webkit-mask-image:none;mask-image:none}
.brand-tech-hero .brand-ai-art:before{display:none}
.brand-tech-hero .brand-ai-art>img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;max-width:none;filter:saturate(.94) contrast(1.01);animation:brand-ai-breathe 14s ease-in-out infinite}
@media(max-width:1000px) and (min-width:761px){.brand-tech-hero>.wrap{grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr)}}
@media(max-width:760px){
  .brand-tech-hero{min-height:0;padding:42px 0 34px}
  .brand-tech-hero>.wrap{display:grid;grid-template-columns:1fr;gap:24px;min-height:0}
  .brand-tech-hero .brand-hero-copy{width:100%;max-width:none}
  .brand-tech-hero .brand-ai-art{position:relative;top:auto;right:auto;bottom:auto;left:50%;width:112%;height:auto;aspect-ratio:16/9;transform:translateX(-50%)}
  .brand-tech-hero .brand-ai-art>img{width:100%;height:auto;object-fit:contain;animation:none}
}

/* Final integrated banners: one continuous canvas for copy, character and product relationship. */
.brand-tech-hero{position:relative;min-height:clamp(620px,48vw,760px);padding-block:clamp(72px,7vw,112px);background:#eaf4ff}
.brand-tech-hero>.wrap{display:block;min-height:clamp(470px,36vw,580px)}
.brand-tech-hero .brand-hero-copy{position:relative;z-index:5;width:min(43%,570px);padding:clamp(12px,1.4vw,22px) 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.brand-tech-hero .brand-ai-art{position:absolute;z-index:1;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;overflow:hidden}
.brand-tech-hero .brand-ai-art:after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#edf6fff5 0%,#edf6ffb8 32%,transparent 58%),linear-gradient(0deg,#dcecff42,transparent 35%);pointer-events:none}
.brand-tech-hero .brand-ai-art>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;animation:brand-ai-breathe 14s ease-in-out infinite}

.page-yomi .hero{min-height:0;padding-block:clamp(58px,6vw,92px);background:radial-gradient(circle at 78% 43%,#a9ceff66 0,transparent 39%),linear-gradient(105deg,#f8fbff 0%,#edf6ff 52%,#dcecff 100%)}
.page-yomi .hero .wrap{display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);align-items:center;gap:clamp(18px,2.5vw,44px);min-height:520px}
.page-yomi .yomi-hero-identity{position:relative;display:block;align-self:center;min-height:0;padding:0;margin:0}
.page-yomi .yomi-hero-story{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;-webkit-mask-image:none;mask-image:none}
.page-yomi .yomi-hero-story:before,.page-yomi .yomi-hero-story:after{display:none}
.page-yomi .yomi-hero-story>img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/9;max-width:none;object-fit:contain;object-position:center;filter:saturate(.96) contrast(1.01);animation:yomi-story-drift 11s ease-in-out infinite}
.page-yomi .yomi-hero-story figcaption{display:none}
.page-yomi .yomi-identity-mark{position:absolute;z-index:4;top:7%;left:5%;right:auto;width:clamp(104px,8.5vw,150px);background:#fff;filter:drop-shadow(0 3px 9px #153a6f55)}

.page-products .hero{background:radial-gradient(circle at 79% 42%,#9ec8ff70 0,transparent 38%),linear-gradient(105deg,#f8fbff 0%,#edf6ff 54%,#dcecff 100%)}
.page-products .product-hero-art{position:relative;min-height:500px;isolation:isolate}
.page-products .product-orbit{left:9%;top:24%;width:82%;height:53%;border:1px solid #5e9ff273;box-shadow:0 0 35px #70adff2e,inset 0 0 25px #fff7;transform:rotate(-17deg)}
.page-products .product-orbit:before,.page-products .product-orbit:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #4094ff33,0 0 20px #1674ea}
.page-products .product-orbit:before{left:18%;top:8%}.page-products .product-orbit:after{right:12%;bottom:13%}
.page-products .product-app{z-index:3;left:58%;top:13%;gap:10px;color:#17468a;font-size:15px}
.page-products .product-app img{width:clamp(92px,8.4vw,132px);border-radius:25%;box-shadow:0 20px 45px #3378d82c,0 0 0 7px #ffffff66}
.page-products .product-companion{z-index:3;left:5%;bottom:14%;width:41%;font-size:15px}
.page-products .product-companion img{width:100%;filter:drop-shadow(0 18px 16px #315d8e24);margin:0 0 5px}
.page-products .product-link-copy{position:absolute;z-index:4;left:41%;top:54%;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #ffffffb5;border-radius:22px;background:#f8fbffca;box-shadow:0 12px 28px #174c8a18;backdrop-filter:blur(8px);color:#54749e;font-size:10px;white-space:nowrap;transform:translate(-15%,-50%)}
.page-products .product-link-copy b{color:#0755f5;font-size:12px}.page-products .product-spark{left:52%;top:24%;font-size:24px;color:#5c9ef0;text-shadow:0 0 14px #fff}

@media(max-width:1000px) and (min-width:761px){.page-yomi .hero .wrap{grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr)}}
@media(max-width:760px){
  .brand-tech-hero{min-height:680px;padding:42px 0 34px}
  .brand-tech-hero>.wrap{display:block;min-height:604px}
  .brand-tech-hero .brand-hero-copy{width:100%;padding:8px 0;border-radius:0;background:transparent}
  .brand-tech-hero .brand-ai-art{position:absolute;inset:0;width:100%;height:100%;transform:none;aspect-ratio:auto}
  .brand-tech-hero .brand-ai-art>img{width:100%;height:100%;object-fit:cover;object-position:64% center;animation:none}
  .brand-tech-hero .brand-ai-art:after{background:linear-gradient(180deg,#edf6fff7 0%,#edf6ffdb 43%,transparent 70%)}
  .page-yomi .hero{padding:42px 0 32px}
  .page-yomi .hero .wrap{grid-template-columns:1fr;gap:22px;min-height:0}
  .page-yomi .yomi-hero-identity{left:50%;width:112%;min-height:0;transform:translateX(-50%)}
  .page-yomi .yomi-hero-story{position:relative;inset:auto;width:100%;aspect-ratio:16/9}
  .page-yomi .yomi-hero-story>img{object-fit:contain;animation:none}
  .page-yomi .yomi-identity-mark{top:8%;left:8%;width:102px}
  .page-products .product-hero-art{min-height:330px}
  .page-products .product-app{left:62%;top:9%;font-size:13px}.page-products .product-app img{width:86px}
  .page-products .product-companion{left:1%;bottom:12%;width:40%;font-size:13px}
  .page-products .product-orbit{left:4%;top:22%;width:91%;height:55%}
  .page-products .product-link-copy{left:44%;top:57%;gap:5px;padding:6px 8px}.page-products .product-link-copy small{display:none}.page-products .product-link-copy b{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.brand-tech-hero .brand-ai-art>img,.page-yomi .yomi-hero-story>img{animation:none}}

/* Edge-free hero treatment: artwork fills the banner and fades under the copy. */
.page-yomi .hero{position:relative;min-height:clamp(620px,47vw,760px);padding-block:clamp(72px,7vw,110px);background:#eaf4ff}
.page-yomi .hero .wrap{display:block;min-height:clamp(470px,35vw,570px)}
.page-yomi .hero .wrap>div:first-child{position:relative;z-index:6;width:min(44%,590px);padding:clamp(12px,1.4vw,22px) 0;border-radius:0;background:transparent;backdrop-filter:none}
.page-yomi .yomi-hero-identity{position:absolute;z-index:1;inset:0;width:100%;height:100%;transform:none;overflow:hidden}
.page-yomi .yomi-hero-story{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
.page-yomi .yomi-hero-story:after{content:'';display:block;position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#edf6fff5 0%,#edf6ffb0 34%,transparent 60%),linear-gradient(0deg,#deedff52,transparent 33%);pointer-events:none}
.page-yomi .yomi-hero-story>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;animation:yomi-story-drift 11s ease-in-out infinite}
.page-yomi .yomi-identity-mark{top:8%;left:auto;right:5%;width:clamp(105px,8vw,145px)}

.palumi-life-system{grid-column:1/-1;display:grid;gap:22px;margin-top:2px}
.palumi-download{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:34px;padding:clamp(28px,4vw,52px);border-radius:28px;background:radial-gradient(circle at 82% 18%,#81b7ff55,transparent 27%),linear-gradient(125deg,#071c48,#124d9e);box-shadow:0 24px 58px #163f7f24;color:#fff}
.palumi-download:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px);background-size:83px 87px;opacity:.18;pointer-events:none}
.palumi-download>div{position:relative;z-index:1}.palumi-download h3{margin:12px 0 8px;color:#fff;font-size:clamp(24px,2.5vw,38px)}.palumi-download p{color:#d8e8ff!important}.download-badges{display:flex;gap:10px;margin-top:22px}.download-badges a{padding:7px 16px;border:1px solid #ffffff59;border-radius:20px;background:#ffffff0d;color:#fff;font-size:13px}.download-badges a:hover{background:#ffffff22}
.download-qr{justify-self:end;display:grid;place-items:center;width:210px;min-height:210px;padding:18px;border:1px solid #ffffff80;border-radius:24px;background:#f7fbfff2;box-shadow:0 20px 40px #00163855;color:#173f78;text-align:center}.download-qr .palumi-app-icon{display:none}.download-qr .palumi-qr-image{width:106px;height:106px;object-fit:contain;border-radius:10px;background:#fff}.download-qr b{font-size:15px}.download-qr small{color:#6b82a2;font-size:12px}
.life-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.life-grid>article{position:relative;overflow:hidden;padding:clamp(24px,3vw,38px);border:1px solid #bed4f3;border-radius:24px;background:linear-gradient(145deg,#fbfdff,#e7f2ff);box-shadow:0 16px 40px #174c8a12}.life-grid h3{margin:9px 0 22px;color:#123b75;font-size:clamp(20px,1.8vw,27px)}.life-index{color:#0755f5;font-size:11px;font-weight:700;letter-spacing:.13em}
.six-stage{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0;margin:28px 0 24px;list-style:none}.six-stage:before{content:'';position:absolute;left:5%;right:5%;top:11px;height:1px;background:#78a9e9}.six-stage li{position:relative;padding-top:33px;color:#345a8e;font-size:12px;text-align:center}.six-stage li:before{content:'';position:absolute;z-index:1;top:5px;left:50%;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#0755f5;box-shadow:0 0 0 2px #83b4f2;transform:translateX(-50%)}.growth-system p{font-size:14px!important}.growth-system small,.membership-system small{color:#607b9d;font-size:12px}
.realm-visual{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:22px}.realm-visual>img{width:190px;height:250px;object-fit:cover;object-position:center 58%;border-radius:22px;box-shadow:0 18px 36px #1c58952a}.realm-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.realm-list span{padding:10px 12px;border:1px solid #a9c7ee;border-radius:14px;background:#fff;color:#315a91;font-size:13px;text-align:center}
.social-system ul{display:grid;gap:12px;padding:0;margin:0;list-style:none}.social-system li{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:15px;border-radius:16px;background:#ffffffae}.social-system li b{color:#0755f5}.social-system li span{color:#526f95;font-size:13px;line-height:1.7}
.membership-table{display:grid;gap:10px}.membership-table>div{display:grid;grid-template-columns:75px 1fr;gap:14px;padding:14px;border:1px solid #ccdcf2;border-radius:15px;background:#ffffffc4}.membership-table b{color:#174b8c}.membership-table span{color:#506b90;font-size:13px}.membership-system small{display:block;margin-top:16px}

@media(max-width:760px){
  .page-yomi .hero{min-height:680px;padding:42px 0 28px}
  .page-yomi .hero .wrap{display:block;min-height:610px}
  .page-yomi .hero .wrap>div:first-child{width:100%;padding:8px 0;border-radius:0;background:transparent}
  .page-yomi .yomi-hero-identity{position:absolute;inset:0;width:100%;height:100%;transform:none}
  .page-yomi .yomi-hero-story{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
  .page-yomi .yomi-hero-story>img{width:100%;height:100%;object-fit:cover;object-position:66% center;animation:none}
  .page-yomi .yomi-hero-story:after{background:linear-gradient(180deg,#edf6fff8 0%,#edf6ffe2 43%,transparent 71%)}
  .page-yomi .yomi-identity-mark{top:auto;right:7%;bottom:7%;left:auto;width:100px}
  .palumi-download{grid-template-columns:1fr;padding:26px}.download-qr{justify-self:start;width:180px;min-height:180px}
  .life-grid{grid-template-columns:1fr}.six-stage{grid-template-columns:repeat(3,1fr);row-gap:18px}.six-stage:before{display:none}.realm-visual{grid-template-columns:120px 1fr;gap:14px}.realm-visual>img{width:120px;height:190px}.realm-list{gap:6px}.realm-list span{padding:8px 5px;font-size:11px}.social-system li{grid-template-columns:1fr;gap:4px}.membership-table>div{grid-template-columns:1fr;gap:4px}
}

/* Keep both hero artworks complete; fade their edges into the shared banner color. */
.brand-tech-hero .brand-ai-art,.page-yomi .yomi-hero-identity{background:linear-gradient(105deg,#f7fbff 0%,#eaf4ff 52%,#dcecff 100%)}
.brand-tech-hero .brand-ai-art>img,.page-yomi .yomi-hero-story>img{object-fit:contain;object-position:right center;transform:none;animation:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 97%,transparent 100%),linear-gradient(0deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 11%,#000 97%,transparent 100%),linear-gradient(0deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-composite:intersect}
.brand-tech-hero .brand-ai-art:after{background:linear-gradient(90deg,#edf6fff7 0%,#edf6ffbd 29%,transparent 54%),linear-gradient(0deg,#e4f0ff99 0%,transparent 14%,transparent 86%,#e4f0ff99 100%)}
.page-yomi .yomi-hero-story:after{background:linear-gradient(90deg,#edf6fff7 0%,#edf6ffb5 31%,transparent 56%),linear-gradient(0deg,#e4f0ff8c 0%,transparent 13%,transparent 87%,#e4f0ff8c 100%)}
@media(max-width:760px){
  .brand-tech-hero,.page-yomi .hero{min-height:690px}
  .brand-tech-hero>.wrap,.page-yomi .hero .wrap{min-height:614px}
  .brand-tech-hero .brand-ai-art>img,.page-yomi .yomi-hero-story>img{top:auto;right:-5%;bottom:0;left:-5%;width:110%;height:auto;max-height:none;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 19%,#000 96%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 19%,#000 96%,transparent 100%)}
  .brand-tech-hero .brand-ai-art:after,.page-yomi .yomi-hero-story:after{background:linear-gradient(180deg,#edf6fff8 0%,#edf6ffe8 48%,transparent 70%),linear-gradient(90deg,#e8f3ff94 0%,transparent 10%,transparent 90%,#e8f3ff94 100%)}
}

/* YOMI relationship timeline: keep every node label on one line. */
.page-yomi .hero .yomi-hero-story>img{width:76%;left:auto;right:0;top:50%;bottom:auto;height:auto;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.brand-tech-hero,.page-yomi .hero{background:#edf6ff;isolation:isolate;overflow:hidden}
.brand-tech-hero:before,.brand-tech-hero:after,.page-yomi .hero:before,.page-yomi .hero:after{display:none}
.brand-tech-hero>.brand-ai-art,.page-yomi .hero>.yomi-hero-identity{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;mask:none;-webkit-mask:none}
.brand-tech-hero>.wrap,.page-yomi .hero>.wrap{position:relative;z-index:2}
.brand-tech-hero .brand-ai-art:before,.brand-tech-hero .brand-ai-art:after,.page-yomi .yomi-hero-story:before,.page-yomi .yomi-hero-story:after{display:none}
.brand-tech-hero .brand-ai-art>img,.page-yomi .yomi-hero-story>img{position:absolute;top:50%;bottom:auto;left:0;right:auto;width:100%;height:auto;aspect-ratio:auto;max-width:none;transform:translateY(-50%);animation:none;object-fit:contain;filter:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 86%,transparent 100%)}
.brand-tech-hero>.brand-ai-art:after,.page-yomi .hero>.yomi-hero-identity:after{content:'';display:block;position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#edf6ff 0%,#edf6ffed 17%,#edf6ff88 35%,transparent 55%);pointer-events:none}
@media(max-width:760px){
 .brand-tech-hero .brand-ai-art>img,.page-yomi .yomi-hero-story>img{top:auto;bottom:12px;left:0;right:auto;width:100%;height:auto;transform:none}
 .brand-tech-hero>.brand-ai-art:after,.page-yomi .hero>.yomi-hero-identity:after{background:none}
}
.yomi-growth-path{grid-template-columns:repeat(6,minmax(158px,1fr));gap:10px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8fb8ec #e4effc}
.yomi-growth-path li{min-width:158px;padding-inline:14px}.yomi-growth-path b,.yomi-growth-path small{white-space:nowrap}
@media(max-width:900px){.yomi-growth-path{grid-template-columns:repeat(6,150px);padding:18px}.yomi-growth-path li{min-width:150px}.yomi-growth-path li:not(:last-child):after{display:block}}

/* Final character scale overrides the shared full-width artwork rule. */
.page-yomi .hero .yomi-hero-story>img{width:76%;left:auto;right:0;height:auto}
@media(max-width:760px){.page-yomi .hero .yomi-hero-story>img{width:84%;top:auto;bottom:16px;right:0;left:auto;transform:none}}

/* Brand IP story: restrained character scale with a centered footprint. */
.page-brand .ip-story-pet{width:100%;max-width:360px;justify-self:center;margin:auto}
.page-brand .ip-story-pet img{display:block;width:100%;max-width:none;height:auto;margin:0 auto 20px}
@media(max-width:760px){.page-brand .ip-story-pet{width:72%;max-width:240px}}

/* Product space: balanced ecosystem cards, with room for future IPs. */
.product-space-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;scroll-margin-top:90px}
.product-space-grid>.card{min-width:0;padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;min-height:640px}
.product-space-grid h2{font-size:clamp(26px,2.5vw,38px);line-height:1.35;margin:22px 0 16px}
.product-space-grid p{font-size:16px;line-height:1.85;margin:0 0 24px}
.product-space-card .cta{align-self:flex-start;margin:0}
.product-space-copy{position:relative;z-index:2}
.product-phone-stage{display:flex;align-items:center;justify-content:center;gap:25px;flex:1;padding:28px 0 0;min-height:0}
.product-space-grid .card .phone{width:150px;max-width:45%;margin:0;transform:rotate(6deg);border-width:6px;border-radius:27px;flex-shrink:0;box-shadow:0 20px 45px #03182b55}
.product-phone-caption{font-size:13px;letter-spacing:2px;color:#dceaff;writing-mode:vertical-rl}
.product-space-grid .future-ip-card{background:linear-gradient(145deg,#f5f9ff,#e8f3ff);color:#102650}
.future-ip-card>.tag{align-self:flex-start;color:#235ec0;border-color:#b8d1f2;background:#ffffff80}
.future-ip-card>p{color:#4c6587;max-width:31em}
.future-ip-art{margin:auto -16px 16px;min-width:0;text-align:center;scroll-margin-top:95px}
.future-ip-art img{display:block;width:100%;max-height:310px;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 45%,transparent 74%)}
.future-ip-art figcaption{font-size:13px;color:#557399;letter-spacing:2px;margin:8px 0}
.future-ip-card>.textlink{font-size:15px;margin-top:8px;color:#005bea}
@media(max-width:850px){.product-space-grid{grid-template-columns:1fr}.product-space-grid>.card{min-height:0;padding:28px}.product-phone-stage{padding-top:30px}.product-space-grid .card .phone{width:145px}.future-ip-art{margin:8px -10px 20px}.future-ip-art img{max-height:300px}}

/* A continuous scene, with live text in the quiet left-hand space. */
.page-yomi .hero.yomi-garden-hero{padding:0;min-height:0;background:#edf6ff;aspect-ratio:2.8/1;overflow:hidden}
.page-yomi .yomi-garden-hero>.yomi-garden-art{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0}
.yomi-garden-art>img{display:block;width:100%;height:100%;object-fit:fill}
.page-yomi .yomi-garden-hero>.wrap{display:flex;align-items:center;min-height:0;height:100%;position:absolute;inset:0;z-index:1;pointer-events:none}
.page-yomi .yomi-garden-hero .yomi-garden-copy{width:43%;padding:0;background:none}
.page-yomi .yomi-garden-hero h1{font-size:clamp(28px,3.2vw,58px);line-height:1.3;letter-spacing:0;margin:0 0 20px;color:#102852}
.page-yomi .yomi-garden-hero p{font-size:clamp(15px,1.25vw,20px);color:#435e83;margin:0}
@media(max-width:760px){
 .page-yomi .hero.yomi-garden-hero{aspect-ratio:auto;min-height:450px;padding:0}
 .page-yomi .yomi-garden-hero>.yomi-garden-art{top:auto;bottom:0;height:auto;aspect-ratio:1.65;width:100%}
 .yomi-garden-art>img{object-fit:cover;object-position:right center;mask-image:linear-gradient(180deg,transparent,#000 18%)}
 .page-yomi .yomi-garden-hero>.wrap{display:block;min-height:0;height:auto;padding-top:38px}
 .page-yomi .yomi-garden-hero .yomi-garden-copy{width:100%;padding:0}
 .page-yomi .yomi-garden-hero h1{font-size:30px;margin-bottom:12px}
}
@media(max-width:480px){.page-yomi .hero.yomi-garden-hero{min-height:380px}}

.yomi-style-section{background:linear-gradient(180deg,#fff,#f1f7ff);scroll-margin-top:85px}
.yomi-style-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-bottom:30px}
.yomi-style-heading h2{font-size:clamp(25px,2.6vw,38px);line-height:1.4;margin:12px 0}
.yomi-style-heading p,.yomi-style-heading .yomi-intro-content{font-size:16px;line-height:1.9;color:#536982}
.yomi-style-scene{margin:0;overflow:hidden;border-radius:24px;background:#eaf2fa}
.yomi-style-scene img{display:block;width:100%;height:auto}
.yomi-style-scene figcaption{font-size:12px;text-align:right;color:#61758c;padding:10px 20px}
.yomi-style-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:26px}
.yomi-style-notes b{font-size:17px;color:#193e72}.yomi-style-notes p{font-size:14px;color:#536982;margin:8px 0 0}
@media(max-width:760px){.yomi-style-heading{grid-template-columns:1fr;gap:0}.yomi-style-notes{grid-template-columns:1fr;gap:20px}.yomi-style-scene{border-radius:14px}.yomi-style-heading .eyebrow{font-size:10px;letter-spacing:1px}}

/* All phone previews use the same edge-to-edge native launch animation. */
body .phone.launch-phone{padding:0!important;position:relative;overflow:hidden;line-height:0;min-height:0;background:#f1f3f7;aspect-ratio:1500/3248;isolation:isolate}
body .phone.launch-phone canvas{display:block;position:absolute;z-index:1;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0;aspect-ratio:auto!important;border-radius:0;object-fit:fill}
body .phone.launch-phone:not(.launch-ready) canvas{visibility:hidden}
body .phone.launch-phone:not(.launch-ready) .launch-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}
body .phone.launch-phone:before{display:block;z-index:3;pointer-events:none}

/* 首页未配置 PAG 时，仅保留后台配置的背景图和文案。 */
.page-index .hero-visual:not(.home-banner-pag) .phone,
.page-index .hero-visual:not(.home-banner-pag) .mini-pet,
.page-index .hero-visual:not(.home-banner-pag) .orbital,
.page-index .hero-visual:not(.home-banner-pag) .star{display:none}
.page-index .hero-visual:not(.home-banner-pag){height:0;min-height:0}
.page-app main > .hero .hero-visual:not(.home-banner-pag) .phone,
.page-app main > .hero .hero-visual:not(.home-banner-pag) .mini-pet,
.page-app main > .hero .hero-visual:not(.home-banner-pag) .orbital,
.page-app main > .hero .hero-visual:not(.home-banner-pag) .star{display:none}
.page-app main > .hero .hero-visual:not(.home-banner-pag){height:0;min-height:0}

/* Dynamic hero backgrounds: do not flash the built-in artwork before the public configuration arrives. */
html.website-config-pending .page-index .hero,
html.website-config-pending .page-app main > .hero,
html.website-config-pending .page-yomi .hero,
html.website-config-pending .page-brand .brand-hero{background-image:none!important}
html.website-config-pending .page-yomi .yomi-garden-art,
html.website-config-pending .page-brand .brand-ai-art{visibility:hidden}
.page-yomi .yomi-garden-hero.website-configured-background .yomi-garden-art,
.page-brand .brand-tech-hero.website-configured-background .brand-ai-art{display:none}

/* Give all six stage names one continuous, full-width timeline. */
.life-grid>.growth-system{display:block;grid-column:1/-1;min-width:0;margin-bottom:0}
.life-grid>.growth-system h3{margin-top:12px}

/* Desktop hero backgrounds share one canvas so configured images keep a consistent visual scale. */
@media(min-width:761px){
  :root{--website-hero-height:clamp(760px,44vw,850px)}
  .page-brand .brand-tech-hero,
  .page-products main>.hero,
  .page-yomi .hero.yomi-garden-hero,
  .page-about main>.hero{height:var(--website-hero-height);min-height:var(--website-hero-height)}
  .page-index .hero,
  .page-app main>.hero{height:auto;min-height:var(--website-hero-height)}
  .page-yomi .hero.yomi-garden-hero{aspect-ratio:auto}
}
.six-stage-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8cb5ed #e7f2ff;margin:26px 0 22px;padding:4px 0 10px}
.life-grid .six-stage{display:grid;grid-template-columns:repeat(6,minmax(128px,1fr));gap:0;width:100%;min-width:768px;margin:0;padding:0;list-style:none}
.life-grid .six-stage:before{display:block;left:8.333%;right:8.333%;top:11px;background:#78a9e9}
.life-grid .six-stage li{white-space:nowrap;font-size:14px;padding:34px 10px 0;text-align:center}
.life-grid>.growth-system>p{margin:0 0 12px}

.touch-demo{min-width:0;border:1px solid #cedff3;border-radius:28px;background:linear-gradient(145deg,#f9fcff,#eaf3ff);padding:26px;overflow:hidden}
.touch-demo-top{display:flex;justify-content:space-between;gap:15px;color:#23497c;font-size:15px}.touch-demo-top small{font-size:12px;color:#64809e}
.touch-demo-stage{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;padding:55px 35px 35px}
.touch-demo-stage>img{width:70%;max-width:320px;height:auto;filter:drop-shadow(0 14px 14px #5f7fab24);transition:transform .4s}
.touch-hotspot{position:absolute;background:#fff;border:1px solid #aacbf1;border-radius:24px;color:#194980;padding:8px 13px;cursor:pointer;font-size:13px;box-shadow:0 6px 20px #4988d31a;z-index:2}
.touch-hotspot i{font-style:normal;margin-left:10px;color:#075bea}.touch-hotspot[aria-pressed=true]{background:#075bea;color:#fff;border-color:#075bea}.touch-hotspot[aria-pressed=true] i{color:#fff}
.hotspot-head{top:25px;left:40%}.hotspot-pat{right:0;top:48%}.hotspot-hug{left:0;bottom:38px}
.touch-feedback{display:flex;align-items:center;gap:13px;padding:18px;background:#ffffffb8;border-radius:16px;color:#1c4277;min-height:98px}.touch-action-label{white-space:nowrap;font-size:14px}.touch-feedback b{font-size:15px}.touch-feedback p{font-size:12px!important;color:#627a96;margin:5px 0 0!important;line-height:1.7}
.touch-material{display:flex;align-items:center;gap:14px;margin-top:18px}.touch-material>img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 15%;background:#e1edfa}.touch-material b{display:block;font-size:13px;color:#3b587a}.touch-material small{display:block;font-size:11px;color:#71849b;margin-top:4px}
.touch-demo-stage[data-action=pat]>img{transform:rotate(-4deg)}.touch-demo-stage[data-action=hug]>img{transform:scale(.95)}
@media(max-width:600px){.touch-demo{padding:18px}.touch-demo-stage{min-height:260px;padding-inline:15px}.touch-feedback{gap:8px;padding:12px}.touch-demo-top{flex-wrap:wrap}.touch-feedback b{font-size:13px}}

.footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:100%;margin-top:12px;padding:0 12px;background:#fff;color:#647797;font-size:13px}
.footer-icp{display:inline-block;color:#0755f5;text-decoration:underline}
.footer-icp[hidden]{display:none}