/* Motion and brand additions. Anchored station props do not share environment transforms. */
.hero h1{font-family:'Kaiti SC',STKaiti,KaiTi,var(--brush);font-size:calc(49 * var(--u));font-weight:400;letter-spacing:calc(-2 * var(--u));line-height:1.1;transform:rotate(-8deg) skewX(-6deg);margin-top:calc(25 * var(--u));color:#f8fcff;text-shadow:0 2px 3px #174b91a6,0 0 12px #15509a9c}
.hero h1:after{content:"";position:absolute;left:12%;right:7%;bottom:calc(-7 * var(--u));height:1px;background:#f7fbff;transform:rotate(-1deg);box-shadow:0 1px 2px #326eaf}
.hero h1 .title-heart{left:calc(295 * var(--u));bottom:calc(8 * var(--u));font-size:calc(23 * var(--u))}
.hero-english{margin-top:calc(22 * var(--u));font-size:calc(11 * var(--u))}
.hero-companion{position:absolute;z-index:5;left:68%;top:86%;font-size:calc(19 * var(--u));line-height:1.16;transform:rotate(-9deg);color:#11417d;text-shadow:0 1px 2px #fff;pointer-events:none;white-space:nowrap}
.hero-companion span{color:#0788e9}.hero-companion:after{content:"";display:block;height:1px;background:#499fe1;margin-left:10%;transform:rotate(-2deg)}
.platform-name{font-size:calc(11 * var(--u));left:38%;top:91%;opacity:.6}
.train-group{isolation:isolate}.train-group .station-tracks{position:absolute;inset:0 auto auto 0;width:140.924%;max-width:none;height:auto;z-index:-1}
.train-window-light{position:absolute;left:48%;top:42%;width:6%;height:18%;z-index:2;pointer-events:none;border-radius:40%;background:radial-gradient(ellipse,#fff1a577,transparent 72%);opacity:.25}
.bear-breath-light{position:absolute;left:42%;top:48%;width:14%;height:23%;z-index:3;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#bceaff2e,transparent 68%);opacity:.2}
.mid-cloud{z-index:0;right:-8%;top:24%;width:26%;opacity:.3}
.near-cloud{pointer-events:none}.bubbles i{background:linear-gradient(135deg,#e9fcff33 10%,transparent 45%,#cda7ef30 70%,#91f5ff38);box-shadow:inset 2px 3px 5px #ffffff9c,inset -2px -2px 5px #bda7e977}
.bubbles i:first-child{left:72%;top:18%;width:calc(24 * var(--u));height:calc(26 * var(--u))}
.bubbles i:nth-child(3){left:95%;top:66%}.bubbles i:nth-child(4){left:36%;top:41%}
.brand-flag{position:absolute;left:36.8%;top:80.8%;width:calc(39 * var(--u));height:calc(64 * var(--u));z-index:4}
.flag-base{position:absolute;bottom:0;left:0;width:calc(15 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:linear-gradient(130deg,#fff3dd,#9faec2);box-shadow:2px 2px 2px #39587740}
.flag-pole{position:absolute;left:calc(6 * var(--u));bottom:calc(3 * var(--u));width:calc(3 * var(--u));height:93%;background:linear-gradient(90deg,#567c9f,#d9e9f1 50%,#6286a4);border-radius:2px}
.flag-pole:before{content:"";position:absolute;left:-1px;top:-3px;width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:50%;background:linear-gradient(135deg,#fff3d8,#81a0bb)}
.flag-cloth{display:flex;align-items:center;justify-content:center;position:absolute;left:calc(9 * var(--u));top:calc(4 * var(--u));width:calc(30 * var(--u));height:calc(24 * var(--u));border-radius:0 2px 4px 0;background:linear-gradient(105deg,#d9f2ff,#edf9ff 25%,#b6dcf5 60%,#eef9ff);transform-origin:left center;box-shadow:0 1px 2px #33598338}
.flag-cloth img{width:65%;height:auto;border-radius:3px;transition:filter .35s}.flag-cloth:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent,#fff3,transparent,#164e7e12);pointer-events:none}
.brand-can{position:absolute;left:69.6%;top:79.5%;width:calc(19 * var(--u));height:calc(34 * var(--u));z-index:4}
.can-object{position:absolute;inset:0;display:block;transition:filter .35s;transform-origin:center bottom}.can-art{width:100%;height:100%;object-fit:contain}.can-logo{position:absolute;left:35%;top:31%;width:30%;height:auto;border-radius:50%}.can-shadow{position:absolute;bottom:1%;left:12%;width:79%;height:9%;border-radius:50%;background:#31588060;box-shadow:1px 1px 2px #21446740}
.cosmic-streak{position:absolute;z-index:-1;left:17%;top:25%;width:17%;height:1px;opacity:.15;transform:rotate(-14deg);background:linear-gradient(90deg,transparent,#b5eaffbb,transparent);pointer-events:none}
.scene-picture{display:block;flex-shrink:0;aspect-ratio:3/4;width:100%;overflow:hidden;border:2px solid #fff;border-radius:calc(13 * var(--u))}
.scene-picture img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.65,.3,1)}
.scene-rail{padding-top:5px;margin-top:-5px}.scene-card{overflow:visible}.scene-copy{border-radius:0 0 calc(13 * var(--u)) calc(13 * var(--u));background:#f8fcffe0;flex:1}.scene-card:hover{box-shadow:0 3px 12px #498bd22b}
.orb{--icon-glow:#62a7ea;transition:transform .32s ease,box-shadow .32s ease;transform-origin:center}.orb.gold{--icon-glow:#e8b463}.orb.pink{--icon-glow:#df95b5}
button,.pill,.future,.navy-button{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}
.navy-button{display:inline-block}
.download-actions{flex-wrap:nowrap;gap:8px}.download-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 10px;font-size:12px;line-height:1.2;flex:1;max-width:180px}.platform-icon{width:22px;height:25px;fill:currentColor;flex:none;transition:transform .3s}.download-actions button>span{text-align:left}.download-actions small{display:block;font-size:10px;margin-top:4px;opacity:.8;letter-spacing:1px}
@media(hover:hover) and (pointer:fine){
 .orb:hover,.feature:hover .orb,.choice-grid article:hover .orb,.values-card>div:hover .orb,.stats-bar>div:hover .orb{transform:translateY(-2px) scale(1.04);box-shadow:0 3px 12px color-mix(in srgb,var(--icon-glow) 30%,transparent)}
 button:hover,.pill:hover,.future:hover,.navy-button:hover{transform:translateY(-2px)}
 .scene-card:hover{transform:translateY(-3px)}.scene-card:hover .scene-picture img{transform:scale(1.025)}
 .download-actions button:hover .platform-icon{transform:translateY(-1px) scale(1.04)}
 .brand-flag:hover .flag-cloth img,.brand-can:hover .can-object{filter:brightness(1.07)}
}
button:active,.pill:active,.future:active,.navy-button:active{transform:scale(.98)}
button:focus-visible .platform-icon{transform:scale(1.04)}.scene-card:focus-visible .scene-picture img{transform:scale(1.025)}
@media(min-width:701px) and (max-width:900px){.download-actions button{padding:7px;font-size:10px;gap:5px}.download-actions small{font-size:9px}.platform-icon{width:18px;height:22px}}
@media(max-width:700px){
 .hero{height:550px}.hero h1{font-size:42px;width:290px;line-height:1.12;margin-top:23px;letter-spacing:-2px}.hero h1 .title-heart{left:252px;bottom:9px;font-size:19px}.hero-english{margin-top:23px;font-size:9px;width:220px}
 .hero-companion{left:auto;right:17px;top:auto;bottom:15px;font-size:16px;line-height:1.15}
 .hero-character{bottom:0;left:-4%;width:117%}.train-group{left:61%;top:auto;bottom:20%;width:39%}
 .brand-flag{left:12%;top:auto;bottom:20px;width:30px;height:56px}.flag-cloth{width:26px;height:21px}.flag-pole{width:3px}.flag-base{width:15px;height:7px}
 .brand-can{left:75%;top:auto;bottom:57px;width:15px;height:27px}.platform-name{top:93%;left:32%;font-size:8px}
 .mid-cloud{top:34%;right:-16%;width:45%}.bubbles i:first-child{left:90%;top:16%;width:20px;height:22px}.bubbles i:nth-child(n+3){display:none}
 .scene-picture{border-radius:12px}.scene-rail{padding-top:6px;margin-top:-3px}.download-actions{gap:8px}.download-actions button{max-width:none;min-width:0;font-size:12px;padding:10px 8px;gap:7px}.download-actions small{font-size:10px}.platform-icon{width:21px}
}
@media(max-width:360px){.hero h1{font-size:38px;width:260px}.hero h1 .title-heart{left:227px}.hero-companion{font-size:14px;right:12px;bottom:12px}.brand-can{bottom:46px}.brand-flag{bottom:15px;height:49px}.download-actions button{font-size:10px;gap:5px}.platform-icon{width:19px}.download-actions small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.orb:hover,.feature:hover .orb,.choice-grid article:hover .orb,.values-card>div:hover .orb,.stats-bar>div:hover .orb,button:hover,.scene-card:hover .scene-picture img,.scene-card:focus-visible .scene-picture img{transform:none}}
.company-page .page{min-height:100dvh;background:linear-gradient(#e3f1ff,#f4faff 55%,#dcecfc)}
.company-page header{position:sticky;left:0;right:0;top:0;height:70px}.company-page .desktop-nav a[href="#about"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#2585e8}
.company-main{padding-top:28px}.company-intro{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid white;border-radius:18px;overflow:hidden;background:#f6fbff;isolation:isolate}
.company-copy{padding:36px 28px 34px;z-index:2}.company-copy h1{font-family:inherit;font-size:clamp(20px,2.3vw,30px);width:auto;letter-spacing:-.5px;transform:none;margin:14px 0 20px;line-height:1.4;font-weight:800}
.company-copy p:not(.tiny-label){font-size:14px;color:#526e91;line-height:1.9;margin-top:11px}.company-copy .company-lead{font:30px/1.45 var(--brush)!important;color:#164d8b!important;margin-bottom:17px}
.company-copy .navy-button{font-size:13px;padding:10px 22px;margin-top:22px}
.company-art{position:relative;min-width:0;overflow:hidden}.company-art>img{width:100%;height:100%;object-fit:cover;object-position:61% center}.company-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6fbff,transparent 18%);z-index:1;pointer-events:none}.office-light{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 15%,#fff3cf55,transparent 65%);opacity:.2;pointer-events:none}
.company-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block:15px}.company-values article{display:flex;align-items:center;gap:14px;padding:22px 16px;background:#ffffffb8;border:1px solid white;border-radius:14px}.company-values .orb{width:42px;height:42px}.company-values h2{font-size:17px}.company-values p{font-size:12px;color:#6585a9;margin-top:6px}.company-values article:hover .orb{transform:translateY(-2px) scale(1.04)}
.company-future{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:26px 30px;border-radius:15px;background:#d9ebfd;margin-bottom:25px;isolation:isolate}.company-future-cloud{position:absolute;inset:0 -3%;z-index:-1;background:url('assets/cloud-sea.webp') center 60%/cover;opacity:.5}.company-future h2{font-size:29px}.company-future p{font-size:13px;margin-top:8px;color:#4976a4}.company-future .navy-button{font-size:13px;padding:10px 22px;margin:0}.company-page footer{padding-block:24px}
@media(max-width:850px) and (min-width:701px){.company-copy{padding:25px 20px}.company-copy p:not(.tiny-label){font-size:12px}.company-copy .company-lead{font-size:26px!important}.company-values article{padding:18px 12px;gap:10px}.company-values p{font-size:11px}}
@media(max-width:700px){.company-page header{height:64px}.company-main{padding-top:15px}.company-intro{display:flex;flex-direction:column-reverse}.company-art{height:245px}.company-art>img{object-position:center 44%}.company-art:before{background:linear-gradient(0deg,#f6fbff,transparent 24%)}.company-copy{padding:16px 22px 26px}.company-copy h1{font-size:22px;margin:10px 0 15px}.company-copy .company-lead{font-size:28px!important}.company-copy p:not(.tiny-label){font-size:13px}.company-values{grid-template-columns:1fr;gap:8px}.company-values article{padding:17px 20px}.company-values h2{font-size:16px}.company-values p{font-size:12px}.company-future{display:block;padding:24px 20px}.company-future h2{font-size:27px}.company-future p{font-size:12px}.company-future .navy-button{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.company-values article:hover .orb{transform:none}}
.download-section:after{content:"";position:absolute;z-index:1;inset:0 0 0 45%;background:radial-gradient(ellipse at 80% 40%,#f2fbff77,transparent 65%);pointer-events:none;opacity:.2}
@media(max-width:700px){.train-group{bottom:12%}.brand-flag{bottom:23px}.brand-can{left:73.8%;bottom:64px}.hero-companion{bottom:17px}}
@media(max-width:360px){.brand-flag{bottom:18px}.brand-can{bottom:53px}.hero-companion{bottom:12px}}
.download-section:after{display:none}.download-light{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#fff3d333,transparent 64%);opacity:.12}
.world-section{position:relative;isolation:isolate}.world-cloud-layer{position:absolute;inset:0 -1% 30%;z-index:-1;background:url('assets/clouds.webp') center/cover no-repeat;opacity:.12;pointer-events:none}
@media(hover:hover) and (pointer:fine){button:hover>.icon,a:hover>.icon{transform:translateY(-1px) scale(1.04)}.brand:hover>img{transform:scale(1.035)}}
button>.icon,a>.icon,.brand>img{transition:transform .3s ease}
@media(max-width:700px){.brand-flag{left:10.5%}}
@media(prefers-reduced-motion:reduce){button:hover>.icon,a:hover>.icon,.brand:hover>img{transform:none}}
/* The supplied packaging is reconstructed; SVG contour excludes the baked checkerboard. */
.brand-can{width:calc(26 * var(--u));height:calc(35 * var(--u));left:69.2%}
.can-art{object-fit:fill;clip-path:url('#can-silhouette')}.can-logo{left:43.4%;top:30.2%;width:13.2%;border-radius:50%}.can-shadow{left:22%;width:57%;bottom:1%;height:7%}
@media(max-width:700px){.brand-can{width:23px;height:31px;left:72.8%;bottom:61px}}
@media(max-width:360px){.brand-can{width:21px;height:28px;bottom:50px}}