/* V15 / The next chapter. Navy, light and movement with a human story. */
html[data-theme="dark"]{--canvas:#0b1721;--surface:#152632;--surface-raised:#213a4a;--surface-alt:#11222f;--line:#365363;--muted:#b7cbd8;--ink:#f0f5f8}
html[data-theme] body{isolation:isolate}html[data-theme] main{background:transparent;position:relative;z-index:1}.neural-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 90% 18%,#7da9c61d,transparent 50%),radial-gradient(ellipse at 2% 70%,#9cb7ca12,transparent 40%),var(--canvas)}.neural-ambient:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#d1e3ef44 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#0008,transparent)}.neural-ambient>span{position:absolute;width:70vw;height:70vw;border:1px solid #a4c2d916;border-radius:50%;right:-35vw;top:-20vw;box-shadow:0 0 0 65px #b8d3e704,0 0 0 130px #b8d3e704,0 0 0 210px #b8d3e703;animation:ambient-travel 28s ease-in-out infinite alternate}.neural-ambient>span:nth-child(2){top:50vh;left:-50vw;animation-delay:-12s}.neural-ambient>span:nth-child(3){width:120vw;height:50vw;right:-10vw;top:80vh;transform:rotate(-25deg);animation:none}
html[data-theme] .announcement{letter-spacing:.09em;font-size:8px;background:#08131b}html[data-theme] .header{background:#10212ee8;border-color:#526d7e55;box-shadow:0 5px 35px #0002}html[data-theme] .partner-hero{background:radial-gradient(ellipse at 76% 50%,#8fb7d32b,transparent 46%),linear-gradient(110deg,#0b1822ee,#172d3dcc 65%,#0a1822dd);border-bottom:0;overflow:hidden}html[data-theme] .partner-hero:before{background-size:72px 72px;opacity:.65;transform:perspective(600px) rotateX(55deg) scale(1.5);transform-origin:center bottom;mask-image:linear-gradient(transparent,#000)}html[data-theme] .partner-hero:after{content:"";position:absolute;width:600px;height:600px;right:2%;top:-80px;border-radius:50%;border:1px solid #a8c4d61a;box-shadow:0 0 0 60px #b6cde20a,0 0 0 120px #b6cde205;pointer-events:none}.partner-hero .hero-store-layout{position:relative;z-index:1;min-height:645px!important;grid-template-columns:1.12fr 1fr!important;gap:0!important;padding-block:35px!important}.partner-hero .hero-store-copy{padding-block:15px;padding-right:20px}.partner-hero h1{font-size:clamp(43px,4.25vw,65px)!important;line-height:1.1!important;letter-spacing:-.055em!important;margin:25px 0!important;max-width:660px}.partner-hero h1 em{background:linear-gradient(115deg,#fff 10%,#d1e3ef 45%,#8faec3 90%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}.partner-hero .hero-store-copy>p{font-size:15px!important;line-height:1.9!important;max-width:510px}.partner-hero .hero-store-kicker{font-size:8px!important;letter-spacing:.13em!important}.partner-hero .actions{margin-top:28px;gap:12px}.partner-hero .actions .btn{font-size:12px!important;min-height:49px}.partner-hero .hero-business-signature{margin-top:29px}.partner-hero .hero-avatar-stage{height:540px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.partner-hero .partner-hero-illustration{filter:none!important;opacity:1!important;object-fit:unset;position:relative;inset:auto;width:100%;height:100%}.live-robot-stage{display:flex;align-items:center;justify-content:center;isolation:isolate}.live-robot-stage:before{content:"";position:absolute;inset:30% 10% 2%;background:radial-gradient(ellipse at center,#b4d2e229,transparent 65%);filter:blur(24px);z-index:-1}.live-robot-stage .mj-robot-rig{width:480px;height:570px;max-width:110%;position:relative;z-index:2;overflow:visible}.partner-hero .avatar-stage-label{display:none}.partner-hero .hero-film-actions{left:auto;right:0;bottom:-5px!important}.partner-hero .hero-film-button{font-size:10px;background:#0e202ce8;border:1px solid #98b7cb70}.hero-studio-caption{position:absolute;bottom:7px;left:0;color:#b6cfdf;font-size:8px;letter-spacing:.17em}.holo-orbit{position:absolute;left:3%;right:3%;top:19%;bottom:15%;border:1px solid #b6cfe843;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 22px #afcde304,0 0 0 44px #afcde304;z-index:0}.holo-orbit:before{content:"";position:absolute;left:13%;top:8%;width:7px;height:7px;border-radius:50%;background:#cfdeea;box-shadow:0 0 25px #e3efff}.orbit-two{inset:30% -7% 22%;transform:rotate(30deg);border-style:dashed;border-color:#b9d1e526;animation:orbit-slow 32s linear infinite}.orbit-label{position:absolute;z-index:3;border:1px solid #b9cfde57;border-radius:13px;background:#152c3bd9;padding:13px 18px;color:#e4f0f7;font-size:11px;letter-spacing:.03em;backdrop-filter:blur(12px);box-shadow:0 10px 30px #06111a30}.orbit-label-one{top:21%;left:-1%;animation:label-drift 7s ease-in-out infinite}.orbit-label-two{right:-2%;bottom:24%;animation:label-drift 7s ease-in-out -3s infinite}
/* A segmented vector character: body, head, eyelids and waving arm move independently. */
.mj-robot-rig{display:block;overflow:visible;max-width:100%;height:auto}.rig-body{animation:robot-breathe 6s ease-in-out infinite;transform-origin:320px 550px}.rig-head{animation:robot-head 8s ease-in-out infinite;transform-origin:320px 335px}.rig-wave{animation:robot-wave 7s ease-in-out infinite;transform-origin:419px 414px}.rig-arm-left{animation:robot-carry 8s ease-in-out infinite;transform-origin:221px 412px}.rig-eyes{animation:robot-blink 6.5s linear infinite;transform-origin:320px 237px}.rig-spark{animation:spark-soft 5s ease-in-out infinite}.rig-ground{animation:ground-breathe 6s ease-in-out infinite}.mj-robot-rig:hover .rig-wave{animation-duration:3s}.dream-orbit .rig-wave{animation-delay:-3s}.companion-art .rig-wave{animation-delay:-5s}.companion-art .rig-head{animation-delay:-2s}
.belief-ribbon{display:flex;align-items:center;justify-content:center;gap:43px;min-height:90px;padding:25px 35px;border-block:1px solid #7d9bb039;background:linear-gradient(90deg,#1a304040,#9db5c314,#1a304040);color:var(--ink);position:relative;z-index:1}.belief-ribbon span{font-size:clamp(15px,1.9vw,24px);letter-spacing:-.035em;font-weight:500}.belief-ribbon i{font-style:normal;color:var(--silver);font-size:17px}.dream-story{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:95px 70px}.dream-statement h2{font-size:clamp(34px,3.6vw,51px);letter-spacing:-.055em;line-height:1.16;font-weight:500;margin:25px 0}.dream-statement h2 em{font-style:normal;color:var(--muted)}.dream-statement>p{font-size:15px;line-height:1.95;max-width:540px}.dream-orbit{position:relative;min-height:460px;border:1px solid var(--line);border-radius:50% 50% 24px 24px;background:radial-gradient(ellipse at 50% 30%,#b8d0e920,transparent 65%),var(--surface-alt);padding:0 25px 15px;overflow:hidden}.dream-orbit-art{height:370px;display:flex;justify-content:center}.dream-orbit-art .mj-robot-rig{height:410px;width:340px;margin-top:-10px}.dream-note{position:relative;border-top:1px solid var(--line);padding-top:20px}.dream-note>span{font-size:9px;letter-spacing:.14em;color:var(--ink)}.dream-note p{font-size:12px;line-height:1.8;margin-bottom:0}.motion-control{position:fixed;left:17px;bottom:18px;z-index:80;display:flex;align-items:center;gap:7px;background:#132936ec;border:1px solid #8ba7b66b;border-radius:25px;padding:10px 13px;color:#dae7ef;font-size:10px;backdrop-filter:blur(16px);box-shadow:0 4px 20px #0002}.motion-control:disabled{opacity:.75;cursor:default}.motion-control>span:first-child{font-size:12px}.motion-control:focus-visible{outline:2px solid #dceaf4;outline-offset:4px}
/* Let the story breathe; make illustrations feel present throughout the journey. */
html[data-theme] .partner-showcase{padding-block:65px}.partner-scene-grid{gap:28px}.partner-scene{border-radius:25px!important}.scene-art{height:300px!important}.scene-art img{animation:mascot-drift 8s ease-in-out infinite;filter:grayscale(1) drop-shadow(0 17px 22px #0003)!important}.partner-scene:nth-child(2) .scene-art img{animation-delay:-3s}.partner-scene:nth-child(3) .scene-art img{animation-delay:-5s}.scene-orbit{animation:orbit-slow 40s linear infinite}.product-card{transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 45px #0003!important}.product-card:hover img{animation:mascot-drift 4s ease-in-out infinite}.spotlight-robot{animation:mascot-drift 9s ease-in-out infinite}.capability-robot{animation:mascot-drift 9s ease-in-out -3s infinite}.workflow-meta>.mj-robot-rig{width:130px;height:150px}.policy-robot .mj-robot-rig{width:180px;height:210px}.companion-art>.mj-robot-rig{position:relative;width:300px;height:350px;z-index:1}.companion-band{background:radial-gradient(ellipse at 12% 40%,#94b4cb24,transparent 60%),#112634!important;border-color:#65849673}.companion-ring{animation:orbit-slow 35s linear infinite}.companion-watermark{font-size:240px}.business-introduction{border-top:1px solid var(--line);padding-top:70px}.tools-spotlight{padding-top:60px}.catalogue-header h2,.service-catalogue h2{letter-spacing:-.055em}.dream-story+.section{padding-top:45px}
html[data-theme="light"] .neural-ambient{background:radial-gradient(ellipse at 90% 18%,#a0bdcf4a,transparent 55%),#e7eef2}html[data-theme="light"] .neural-ambient:before{background-image:radial-gradient(#284c6540 1px,transparent 1px)}html[data-theme="light"] .dream-orbit{background:radial-gradient(ellipse at 50% 20%,#b0c5d74d,transparent 70%),#d7e2e9}html[data-theme="light"] .belief-ribbon{background:#d7e2e9b0}
@keyframes robot-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes robot-head{0%,35%,100%{transform:rotate(0)}50%,70%{transform:rotate(-4deg)}}@keyframes robot-wave{0%,25%,100%{transform:rotate(0)}35%{transform:rotate(-11deg)}43%{transform:rotate(9deg)}51%{transform:rotate(-11deg)}59%{transform:rotate(6deg)}70%{transform:rotate(0)}}@keyframes robot-carry{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes robot-blink{0%,37%,40%,82%,85%,100%{transform:scaleY(1)}38.5%,83.5%{transform:scaleY(.09)}}@keyframes ground-breathe{0%,100%{transform:scaleX(1);opacity:.7}50%{transform:scaleX(.9);opacity:.45}}@keyframes spark-soft{0%,100%{opacity:.35}50%{opacity:.85}}@keyframes orbit-slow{to{transform:rotate(360deg)}}@keyframes label-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascot-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes ambient-travel{to{transform:translate(-8vw,7vh) rotate(12deg)}}
html[data-motion="paused"] :is(.mj-robot-rig *,.neural-ambient *, .scene-art img,.scene-orbit,.product-card img,.spotlight-robot,.capability-robot,.companion-ring,.holo-orbit,.orbit-label){animation-play-state:paused!important}html[data-motion="paused"] .product-card{transition:none}
@media(max-width:1100px){.dream-story{gap:35px}.partner-hero .hero-store-layout{min-height:610px!important}.live-robot-stage .mj-robot-rig{width:430px}.partner-hero .hero-avatar-stage{height:500px!important}.orbit-label{font-size:9px;padding:10px 12px}.hero-studio-caption{font-size:7px}.partner-hero .hero-film-actions{bottom:-20px!important}}
@media(max-width:760px){.partner-hero .hero-store-layout{grid-template-columns:1fr!important;min-height:0!important;gap:0!important;padding-top:35px!important;padding-bottom:35px!important}.partner-hero .hero-store-copy{padding-right:0;padding-bottom:0}.partner-hero h1{font-size:clamp(39px,7vw,55px)!important;margin-block:22px!important;max-width:620px}.partner-hero .hero-store-copy>p{font-size:14px!important;max-width:600px}.partner-hero .hero-avatar-stage{height:425px!important;max-width:500px;width:100%;margin:0 auto}.live-robot-stage .mj-robot-rig{width:390px;height:460px;max-width:110%}.partner-hero .hero-film-actions{bottom:-4px!important;right:0}.hero-studio-caption{bottom:13px;max-width:160px;line-height:1.7}.orbit-label-one{left:1%;top:27%}.orbit-label-two{right:0;bottom:27%}.belief-ribbon{gap:15px;min-height:75px;padding:20px}.belief-ribbon span{font-size:13px;max-width:150px}.belief-ribbon i{font-size:12px}.dream-story{grid-template-columns:1fr;padding-block:50px 25px;gap:30px}.dream-statement h2{font-size:35px}.dream-statement p{font-size:14px}.dream-orbit{min-height:420px;max-width:500px;width:100%;margin:auto}.dream-orbit-art{height:330px}.dream-orbit-art .mj-robot-rig{height:370px;width:315px}.partner-showcase .section-top h2{font-size:33px}.scene-art{height:270px!important}.motion-control{left:12px;bottom:16px;padding:8px 10px;font-size:9px}.companion-art>.mj-robot-rig{width:240px;height:280px}.workflow-meta>.mj-robot-rig{width:100px;height:120px}}
@media(max-width:400px){.partner-hero h1{font-size:37px!important}.partner-hero .hero-store-kicker{font-size:7px!important}.partner-hero .actions{flex-direction:column;align-items:flex-start}.partner-hero .actions .btn{min-height:46px}.partner-hero .hero-business-signature{gap:8px;font-size:8px}.partner-hero .hero-avatar-stage{height:370px!important}.live-robot-stage .mj-robot-rig{width:340px;height:415px}.hero-studio-caption{font-size:6px;max-width:125px}.partner-hero .hero-film-button{font-size:8px!important;padding:10px}.orbit-label{font-size:8px;padding:9px 10px}.belief-ribbon{gap:11px}.belief-ribbon span{font-size:11px}.dream-statement h2{font-size:31px}.motion-control{bottom:15px}}
@media(prefers-reduced-motion:reduce){html .mj-robot-rig *,html .neural-ambient *,html .scene-art img,html .scene-orbit,html .product-card img,html .spotlight-robot,html .capability-robot,html .companion-ring,html .holo-orbit,html .orbit-label{animation:none!important}.product-card{transition:none!important}.neural-ambient>span{transform:none}}
@media print{.neural-ambient,.motion-control{display:none}.mj-robot-rig *{animation:none!important}.partner-hero:before,.partner-hero:after{display:none}}
html[data-theme] .product-detail-copy .service-mantra{font-size:18px;line-height:1.5;color:var(--ink);letter-spacing:-.025em;border-left:2px solid var(--silver);padding-left:17px;margin-block:22px}
.official-film-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding-block:65px 30px}.official-film-section h2{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-.045em;margin:22px 0}.official-film-section p{font-size:14px;line-height:1.9}.official-film-section small{font-size:10px}.official-film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#08131b;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px #0003}.official-film-player>a{display:inline-block;margin-top:15px;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.official-film-section{grid-template-columns:1fr;gap:25px;padding-block:40px 15px}.official-film-section h2{font-size:31px}.official-film-player video{border-radius:14px}}
/* V18 / The supplied official character, with its original details intact. */
.official-avatar{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;position:relative;vertical-align:middle;max-width:100%}
html[data-theme] .official-avatar>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;animation:official-avatar-float 7s ease-in-out infinite;mask-image:radial-gradient(ellipse 66% 68% at 50% 50%,#000 61%,transparent 100%)}
.live-robot-stage .official-avatar{width:360px;height:490px;max-width:90%}.live-robot-stage .official-avatar>img{object-position:center}
.avatar-welcome{border-left:2px solid var(--silver);padding:3px 0 3px 17px;margin:24px 0;max-width:490px}.avatar-welcome .eyebrow{font-size:9px;letter-spacing:.14em}.avatar-welcome p{font-size:14px!important;line-height:1.65!important;margin:10px 0!important;color:var(--muted)!important}.avatar-welcome strong{display:block;color:var(--ink)}
.welcome-play{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:var(--surface-raised);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.welcome-play:hover{border-color:var(--silver)}.welcome-play:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.welcome-play:disabled{opacity:.65}.welcome-status{display:block;min-height:17px;font-size:11px;margin-top:7px;color:var(--muted)}
.avatar-speaking .official-avatar:after{content:"";position:absolute;inset:3% 0;border:1px solid #c7dbea;border-radius:50%;box-shadow:0 0 45px #bdd9ec50;animation:welcome-pulse 1.1s ease-in-out infinite;pointer-events:none}
@keyframes official-avatar-float{50%{transform:translateY(-9px)}}@keyframes welcome-pulse{50%{opacity:.35;transform:scale(1.025)}}
html[data-motion="paused"] .official-avatar>img,html[data-motion="paused"] .avatar-speaking .official-avatar:after{animation-play-state:paused!important}
@media(max-width:760px){.live-robot-stage .official-avatar{width:270px;height:405px}.avatar-welcome{margin:22px 0}.partner-hero .hero-store-layout{gap:15px!important}}
@media(max-width:400px){.live-robot-stage .official-avatar{height:355px;width:237px}}
@media(prefers-reduced-motion:reduce){html .official-avatar>img,html .avatar-speaking .official-avatar:after{animation:none!important}}
