/* Reference-led homepage. Other routes retain the quiet document/product layout. */
.language-switch{display:flex;padding:3px;border-radius:999px;background:var(--surface);gap:2px}.language-switch a{font-size:13px;border-radius:999px;padding:7px 14px;min-width:43px;text-align:center}.language-switch a[aria-current]{background:var(--blue-soft);color:var(--blue)}
.landing{--ink:#0e1729;--muted:#4f5e78;--blue:#087bff;--surface:#ffffff60;--blue-soft:#c4d9ff;color-scheme:light;background:#e6edfb;min-height:100svh;overflow-x:hidden}.landing .site-header{position:absolute;z-index:5;top:0;left:0;right:0;width:min(1280px,calc(100% - 100px));height:86px}.landing .wordmark{font-weight:750;font-size:27px}.landing nav{gap:30px;font-size:15px}.landing main{width:100%;margin:0}.landing nav .language-switch{background:#dce5f650;backdrop-filter:blur(12px)}.landing nav .language-switch a[aria-current]{background:#bcd3ff;box-shadow:inset 0 1px 1px #fff7}.landing-world{position:relative;isolation:isolate;height:100svh;min-height:680px;overflow:hidden}.scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.scene-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#f5f7ff33,transparent 50%)}.landing-intro{position:absolute;top:15%;left:max(7.5%,calc((100% - 1250px)/2));z-index:3;max-width:500px}.landing-intro h1{font-size:clamp(64px,7.4vw,114px);font-weight:740;letter-spacing:-.065em;margin:0 0 18px;line-height:1.1}.landing-intro>p{font-size:clamp(19px,2vw,29px);line-height:1.5;letter-spacing:-.035em;margin:0 0 34px;max-width:510px}.custom-app-button{border:0;border-radius:999px;background:#ffffffdf;box-shadow:0 10px 26px #778cb61a;padding:7px 8px 7px 27px;display:inline-flex;align-items:center;gap:24px;color:var(--ink);font:inherit;font-size:17px;cursor:pointer;min-height:56px;backdrop-filter:blur(12px)}.custom-app-button i{font-style:normal;width:43px;height:43px;display:grid;place-items:center;font-size:24px;background:var(--blue);color:#fff;border-radius:50%;box-shadow:0 3px 8px #1374ff30}.custom-app-button:hover{background:#fff}.custom-app-button:active{transform:scale(.97)}button:focus-visible{outline:3px solid #165dcd;outline-offset:5px}.orbit-scene{position:absolute;width:570px;height:350px;top:29%;left:53%;perspective:1100px;pointer-events:none;z-index:1}.orbit-system{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(48deg) rotateZ(-18deg)}.orbit-object{position:absolute;top:50%;left:50%;width:1px;height:1px;transform-style:preserve-3d;--phase:0deg;--radius:245px;--speed:70s;animation:orbit-spin var(--speed) linear infinite}.orbit-primary{--phase:18deg;--radius:350px}.orbit-game{--phase:130deg;--radius:375px}.orbit-pencil{--phase:245deg;--radius:350px}.orbit-window{--phase:310deg;--radius:400px}.floating-icon{position:absolute;border-radius:24%;display:grid;place-items:center;color:#2478ed;background:linear-gradient(145deg,#ffffff,#f4f7ff);border:1px solid #ffffffdd;box-shadow:inset 0 2px 3px #fff,0 12px 25px #648fc827;transform-style:preserve-3d;animation:orbit-face var(--speed) linear infinite;will-change:transform;font-weight:400}.pointer-tile{width:105px;height:105px;background:linear-gradient(150deg,#8eccff,#2786ff 55%,#194ded);box-shadow:inset 0 2px 4px #d9f2ff,0 16px 30px #428bea2e}.pointer-tile i{width:0;height:0;border-top:57px solid white;border-right:40px solid transparent;transform:rotate(-15deg);filter:drop-shadow(0 3px 3px #125edb44)}.game-tile{width:65px;height:65px;font-size:32px}.pencil-tile{width:68px;height:68px;font-size:46px}.window-tile{width:52px;height:52px}.window-tile i{width:26px;height:22px;border:2px solid #84a8e7;border-radius:5px}.window-tile i:after{content:"";display:block;height:5px;border-bottom:2px solid #84a8e7}@keyframes orbit-spin{from{transform:rotateZ(var(--phase)) translateX(var(--radius))}to{transform:rotateZ(calc(var(--phase) + 360deg)) translateX(var(--radius))}}@keyframes orbit-face{from{transform:translate(-50%,-50%) rotateZ(calc(-1 * var(--phase))) rotateZ(18deg) rotateX(-48deg) rotateY(-12deg)}to{transform:translate(-50%,-50%) rotateZ(calc(-1 * var(--phase) - 360deg)) rotateZ(18deg) rotateX(-48deg) rotateY(-12deg)}}
.app-deck{position:absolute;width:min(820px,calc(100% - 70px));left:50%;bottom:6%;transform:translateX(-50%);z-index:4;outline-offset:8px;perspective:1300px}.deck-viewport{position:relative;height:190px;perspective:1300px;overflow:visible}.deck-card{position:absolute;inset:0;display:grid;grid-template-columns:138px 1fr 56px;gap:30px;align-items:center;padding:25px 30px;border:1px solid #ffffffc7;border-radius:34px;background:#ffffffb5;box-shadow:inset 0 1px 2px #fff,0 18px 65px #556b9624;backdrop-filter:blur(25px);opacity:0;visibility:hidden;transform:translateY(34px) rotateX(-18deg) scale(.96);transform-origin:center bottom;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .35s,visibility .48s;pointer-events:none}.deck-card.is-current{opacity:1;visibility:visible;transform:translateY(0) rotateX(0) scale(1);pointer-events:auto}.deck-card.is-exiting-up{opacity:0;visibility:visible;transform:translateY(-40px) rotateX(19deg) scale(.96)}.deck-card.is-exiting-down{opacity:0;visibility:visible;transform:translateY(40px) rotateX(-19deg) scale(.96)}.deck-card.from-up{transform:translateY(-40px) rotateX(19deg) scale(.96)}.deck-icon .icon-motion{width:138px}.deck-icon .app-icon{box-shadow:inset 0 1px 3px #fff9,0 9px 24px #2274e944}.deck-icon .icon-trackpad{display:none}.deck-icon .icon-cursor{left:35%;top:28%;border-top:67px solid #fff;border-right:48px solid transparent;transform:rotate(-14deg)}.deck-copy h2{font-size:28px;letter-spacing:-.04em;margin:0 0 9px;line-height:1.2}.deck-copy>p{font-size:15px;line-height:1.65;margin:0 0 13px;max-width:420px}.platform-choices{display:flex;gap:17px;align-items:center;font-size:13px;min-height:25px}.platform-control{position:relative}.platform-button{border:0;background:transparent;color:#354662;font:inherit;font-size:13px;padding:5px 0;cursor:pointer;border-radius:4px}.platform-button:hover{color:#056de0}.download-popover{position:absolute;left:50%;bottom:calc(100% + 13px);transform:translateX(-50%);width:200px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 12px 45px #1d365330;border:1px solid #e5edfa;z-index:8;text-align:center;color:#1a2944}.download-popover:after{content:"";position:absolute;bottom:-12px;height:14px;left:0;width:100%}.download-popover p{font-size:12px;line-height:1.5;margin:9px 0 0;color:#65718a}.download-popover strong{font-size:14px}.download-link{display:block;font-size:13px;color:#1673ec}.qr-slot{display:grid;place-items:center;margin-bottom:12px}.qr-slot img{width:150px;height:150px}.deck-arrow{width:54px;height:54px;border-radius:50%;background:#fff9;display:grid;place-items:center;font-size:30px;color:#18253a}.deck-arrow:hover{background:#fff;color:#087bff}.upcoming-arrow{font-size:27px;color:#8490a4}.planned-label{color:#607599;font-size:13px}.deck-navigation{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:16px}.deck-navigation button{width:29px;height:29px;border-radius:50%;border:1px solid #ffffff80;background:#ffffff66;color:#394e72;cursor:pointer;font-size:16px}.deck-position{font-size:12px;color:#485c7c;margin:0;display:flex;gap:12px}.deck-count{color:#526786;letter-spacing:.06em;font-variant-numeric:tabular-nums}.puzzle-icon{width:138px;height:138px;border-radius:24%;background:linear-gradient(140deg,#d9e7ff,#acc7f8);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:29px;box-shadow:inset 0 2px 3px #fff9,0 9px 24px #567ab627}.puzzle-icon span{background:#ffffffee;border-radius:10px;box-shadow:0 3px 7px #58799b10}.puzzle-icon span:last-child{background:#377def;transform:translate(4px,4px) rotate(-10deg)}.landing-legal{position:absolute;bottom:18px;left:45px;display:flex;gap:18px;z-index:4;font-size:11px;color:#506486}.inquiry-dialog{width:min(520px,calc(100% - 36px));padding:38px;border:1px solid #fff;border-radius:28px;background:#fffffff5;box-shadow:0 30px 120px #20365645;max-height:calc(100svh - 40px);overflow:auto;color:#182438}.inquiry-dialog::backdrop{background:#24385433;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border:0;border-radius:50%;background:#edf1f8;font-size:24px;color:#627089;cursor:pointer}.dialog-kicker{font-size:13px;letter-spacing:-.025em;color:#73829b;margin:0 0 15px}.inquiry-dialog h2{font-size:28px;line-height:1.3;letter-spacing:-.04em;margin-bottom:14px}.dialog-intro{color:#6d798f;font-size:15px;margin-bottom:27px}#inquiry-form>label{display:block;font-size:14px;margin:18px 0 9px}#inquiry-form textarea,#inquiry-form>input{width:100%;border:1px solid #dfe6f1;border-radius:13px;padding:13px 15px;background:#f8fafe;color:#27364f;font:inherit;font-size:14px;line-height:1.6;resize:vertical}#inquiry-form textarea:focus,#inquiry-form>input:focus{outline:2px solid #8dbbff;outline-offset:2px}#inquiry-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#67778e;line-height:1.6;margin-top:18px}.consent input{accent-color:#1677fa;margin-top:4px}.consent a{color:#1574e9}.inquiry-submit{width:100%;border:0;background:#1677fa;color:#fff;border-radius:999px;padding:14px 20px;margin-top:13px;font:inherit;font-size:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.inquiry-submit:disabled{opacity:.65;cursor:wait}.form-status{font-size:13px;color:#4b6589;line-height:1.6;margin:14px 0}.form-status:empty{display:none}.email-alternative{font-size:12px;color:#687c99;display:block;text-align:center;margin-top:18px}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.no-js-message{display:none}.app-deck:not(:focus-visible){outline:none}
@media(max-width:1100px){.landing-intro{top:15%;left:6%;max-width:410px}.landing-intro h1{font-size:80px}.landing-intro>p{font-size:23px;max-width:390px}.orbit-scene{width:430px;left:53%;top:31%;transform:scale(.8)}.app-deck{width:min(740px,calc(100% - 60px))}.deck-card{grid-template-columns:120px 1fr 48px;gap:25px;padding:24px}.deck-icon .icon-motion,.puzzle-icon{width:120px;height:120px}.deck-copy h2{font-size:26px}.deck-arrow{width:48px;height:48px}.deck-viewport{height:178px}}
@media(max-height:740px) and (min-width:768px){.landing-world{min-height:620px}.landing-intro{top:16%}.landing-intro h1{font-size:77px}.landing-intro>p{font-size:22px;margin-bottom:22px}.app-deck{bottom:5%}.deck-viewport{height:163px}.deck-card{grid-template-columns:112px 1fr 48px;padding:22px 26px}.deck-icon .icon-motion,.puzzle-icon{width:112px;height:112px}.deck-copy h2{font-size:25px}.deck-copy>p{font-size:14px;margin-bottom:7px}.orbit-scene{top:26%;transform:scale(.7)}}
@media(max-width:767px){.landing .site-header{width:calc(100% - 40px);height:76px}.landing .wordmark{font-size:23px}.landing nav{gap:15px;font-size:13px}.language-switch a{font-size:12px;padding:7px 10px;min-width:34px}.landing-world{min-height:800px;height:100svh;max-height:1100px}.scene-background{object-fit:cover;object-position:54% center}.scene-wash{background:linear-gradient(180deg,#f7f9ffcf 0,#f7f9ffbb 22%,transparent 45%,#e9effb40)}.landing-intro{left:24px;right:24px;top:12%;max-width:440px}.landing-intro h1{font-size:64px;margin-bottom:12px}.landing-intro>p{font-size:19px;max-width:350px;margin-bottom:22px}.custom-app-button{min-height:47px;padding:5px 6px 5px 23px;font-size:14px;gap:22px}.custom-app-button i{width:37px;height:37px;font-size:22px}.orbit-scene{top:40%;left:50%;width:320px;height:250px;transform:translateX(-50%) scale(.65)}.orbit-primary{--radius:175px}.orbit-game{--radius:190px}.orbit-pencil{--radius:170px}.orbit-window{display:none}.app-deck{width:calc(100% - 36px);bottom:5.5%}.deck-viewport{height:182px}.deck-card{grid-template-columns:80px 1fr;gap:17px;padding:20px;border-radius:27px}.deck-icon .icon-motion,.puzzle-icon{width:80px;height:80px}.deck-icon .icon-cursor{border-top-width:40px;border-right-width:28px}.puzzle-icon{padding:17px;gap:4px}.puzzle-icon span{border-radius:6px}.deck-copy h2{font-size:24px;margin-bottom:8px}.deck-copy>p{font-size:12px;line-height:1.65;margin-bottom:9px}.platform-choices{gap:14px;flex-wrap:wrap}.platform-button{font-size:12px}.deck-arrow{position:absolute;right:16px;top:16px;width:27px;height:27px;font-size:21px;opacity:.7}.deck-copy{padding-top:6px}.deck-copy h2{padding-right:24px}.deck-navigation{margin-top:13px}.deck-position{font-size:11px}.download-popover{width:180px;left:0;transform:translateX(-35%)}.landing-legal{font-size:10px;left:22px;bottom:12px;gap:15px}.inquiry-dialog{padding:32px 24px}.inquiry-dialog h2{font-size:26px}.deck-copy>p{max-width:290px}}
@media(max-width:374px){.landing nav{gap:10px}.landing .wordmark{font-size:21px}.landing-intro h1{font-size:58px}.deck-card{grid-template-columns:64px 1fr;gap:13px;padding:17px}.deck-icon .icon-motion,.puzzle-icon{width:64px;height:64px}.deck-copy h2{font-size:21px}.deck-icon .icon-cursor{border-top-width:34px;border-right-width:22px}.platform-choices{gap:11px}}
@media(prefers-reduced-motion:no-preference){.custom-app-button,.deck-arrow,.platform-button{transition:background .2s,color .2s,transform .2s}.inquiry-dialog[open]{animation:dialog-enter .25s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.orbit-object,.floating-icon{animation:none}.deck-card{transition:none}.deck-card.is-exiting-up,.deck-card.is-exiting-down{visibility:hidden}.inquiry-dialog{animation:none}}
@media(prefers-reduced-transparency:reduce){.deck-card{background:#f4f7ff;backdrop-filter:none}.inquiry-dialog::backdrop{background:#24385490;backdrop-filter:none}}
/* The orbital center stays on the mascot rather than drifting to the viewport edge. */
.orbit-scene{left:56%;top:48%;transform:translate(-50%,-50%)}
@media(max-width:1100px){.orbit-scene{left:56%;top:48%;transform:translate(-50%,-50%) scale(.8)}}
@media(max-height:740px) and (min-width:768px){.orbit-scene{transform:translate(-50%,-50%) scale(.7)}}
@media(max-width:767px){.orbit-scene{left:56%;top:51%;transform:translate(-50%,-50%) scale(.65)}}
/* Real product assets and a vertical carousel with visible neighboring apps. */
.real-app-icon{display:block;width:100%;height:auto;border-radius:24%;box-shadow:0 8px 24px #2274e930}
.real-icon-tile{width:82px;height:82px;background:none;border:0;box-shadow:0 12px 24px #5184c530;border-radius:24%;overflow:hidden}.real-icon-tile img{width:100%;height:100%;object-fit:cover}.orbit-primary .real-icon-tile{width:110px;height:110px}.orbit-pencil .real-icon-tile{width:58px;height:58px}
.app-deck{bottom:10%;perspective:1000px}.deck-viewport{transform-style:preserve-3d;perspective:1000px}.deck-card{transform-origin:center;transition:transform .15s cubic-bezier(.22,.7,.22,1),opacity .12s,filter .12s;transform:translateY(130px) translateZ(-100px) rotateX(-52deg);filter:blur(3px)}.deck-card.is-current{transform:translateY(0) translateZ(0) rotateX(0);filter:blur(0);z-index:3}.deck-card.from-up{transform:translateY(-130px) translateZ(-100px) rotateX(52deg);opacity:.35;visibility:visible}.deck-card.from-down{transform:translateY(130px) translateZ(-100px) rotateX(-52deg);opacity:.35;visibility:visible}.deck-card.is-exiting-up{transform:translateY(-130px) translateZ(-100px) rotateX(52deg);opacity:0;filter:blur(3px);z-index:2}.deck-card.is-exiting-down{transform:translateY(130px) translateZ(-100px) rotateX(-52deg);opacity:0;filter:blur(3px);z-index:2}
.deck-neighbor{position:absolute;inset:0;pointer-events:none;opacity:.42;filter:blur(2.4px);transition:opacity .18s;transform-style:preserve-3d;z-index:1}.neighbor-above{transform:translateY(-124px) translateZ(-155px) rotateX(49deg) scale(.9)}.neighbor-below{transform:translateY(124px) translateZ(-155px) rotateX(-49deg) scale(.9)}.deck-neighbor .deck-card{opacity:1;visibility:visible;transform:none;filter:none;background:#f7faffbf;box-shadow:0 14px 30px #5975a515}.deck-neighbor .platform-choices,.deck-neighbor .deck-arrow{visibility:hidden}.app-deck.is-turning .deck-neighbor{opacity:0}.deck-navigation{position:relative;z-index:4;margin-top:30px}.deck-arrow{border:0;cursor:pointer}.app-intro-dialog{width:min(600px,calc(100% - 36px))}.intro-app-icon{width:70px;margin-bottom:22px}.intro-app-icon .icon-motion,.intro-app-icon .puzzle-icon{width:70px;height:70px}.intro-app-icon .puzzle-icon{padding:15px}.intro-features{list-style:none;padding:0;margin:0}.intro-features li{margin-top:22px}.intro-features strong{font-size:16px}.intro-features p,.intro-planned{font-size:14px;line-height:1.7;color:#61718a;margin:6px 0 0}.app-intro-dialog .dialog-intro{line-height:1.7}.mascot-eyes{position:absolute;pointer-events:none;z-index:0}.mascot-eye{position:absolute;background:radial-gradient(ellipse at 70% 20%,#fff 0 6%,#aeb9c2 7%,transparent 12%),radial-gradient(ellipse at 28% 24%,#152733,#05070a 58%,#131719 88%);border-radius:50%;box-shadow:inset 2px 0 3px #ffffff40,1px 2px 3px #101d2833;transform:translate(var(--gaze-x,0px),var(--gaze-y,0px)) rotate(-22deg);transition:transform .16s ease-out}
@media(max-width:767px){.app-deck{bottom:11%}.neighbor-above{transform:translateY(-118px) translateZ(-155px) rotateX(52deg) scale(.9)}.neighbor-below{transform:translateY(118px) translateZ(-155px) rotateX(-52deg) scale(.9)}.deck-neighbor{opacity:.35}.deck-navigation{margin-top:35px}.orbit-primary .real-icon-tile{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){.deck-card,.deck-neighbor,.mascot-eye{transition:none}}
.mascot-eyes{inset:0;display:none}.mascot-eyes.is-ready{display:block}.eye-right{transform:translate(var(--gaze-x,0px),var(--gaze-y,0px)) rotate(-29deg)}
/* The same scene supplies exact fur/nose occlusion, with responsive alignment. */
.mascot-cutout,.mascot-nose{position:absolute;pointer-events:none;display:none;background:url('/assets/hero-scene-eye-base.webp') center/100% 100% no-repeat}
.mascot-cutout.is-ready,.mascot-nose.is-ready{display:block}
.mascot-cutout{z-index:0;clip-path:polygon(29.8% 57%,31% 53%,34% 47%,38% 41%,41% 39%,43% 36%,47% 32%,52% 30%,57% 29.8%,61% 31.3%,64% 35%,68% 39%,72% 42%,74.8% 46.5%,75.2% 50%,73.8% 53.3%,71% 55%,69% 55%,68.5% 58.8%,70.7% 59.9%,72% 62%,72.2% 66.4%,69% 67%,66% 65.7%,57% 65.2%,51% 65%,47% 64.8%,43% 63%,39% 63.4%,34% 64%,31% 62.8%,30% 61%)}
.mascot-eyes{z-index:1}.mascot-nose{z-index:2;clip-path:polygon(59.4% 40.6%,59.8% 39.8%,61% 39%,62.8% 38.3%,64.1% 38.3%,65.2% 38.8%,65.8% 39.7%,65.7% 41.8%,65.1% 44.8%,64.6% 45.3%,63.1% 45%,61% 44.2%,60% 43.1%,59.4% 42%)}
.landing .orbit-scene{inset:0;width:auto;height:auto;perspective:none;transform:none;z-index:auto}.orbit-system{transform:none;transform-style:flat}.orbit-object{animation:none;transform-style:flat}.floating-icon{animation:none;transform:none;will-change:auto}.orbit-object .real-icon-tile{width:100%;height:100%;aspect-ratio:1;box-shadow:0 9px 20px #376ad62b}.real-icon-tile img{object-fit:contain}
/* Leave enough air around the central card to read both neighboring apps. */
.app-deck{width:min(720px,calc(100% - 70px));bottom:14%}.deck-viewport{height:164px}.deck-card{grid-template-columns:104px 1fr 48px;gap:24px;padding:22px 26px;border-radius:29px}.deck-icon .icon-motion,.deck-icon .puzzle-icon{width:104px;height:104px}.deck-copy h2{font-size:25px}.deck-copy>p{font-size:14px}.deck-arrow{width:48px;height:48px}.deck-neighbor{opacity:.67;filter:blur(1.3px)}.neighbor-above{transform:translateY(-130px) translateZ(-100px) rotateX(38deg) scale(.94)}.neighbor-below{transform:translateY(130px) translateZ(-100px) rotateX(-38deg) scale(.94)}.deck-neighbor .deck-card{background:#f7faffeb}.deck-navigation{margin-top:83px}
@media(max-height:740px) and (min-width:768px){.app-deck{bottom:17%}.deck-viewport{height:142px}.deck-card{grid-template-columns:90px 1fr 43px;padding:18px 24px}.deck-icon .icon-motion,.deck-icon .puzzle-icon{width:90px;height:90px}.deck-copy>p{font-size:13px}.neighbor-above{transform:translateY(-114px) translateZ(-100px) rotateX(38deg) scale(.94)}.neighbor-below{transform:translateY(114px) translateZ(-100px) rotateX(-38deg) scale(.94)}.deck-navigation{margin-top:68px}}
@media(max-width:767px){.app-deck{width:calc(100% - 48px);bottom:17%}.deck-viewport{height:164px}.deck-card{grid-template-columns:66px 1fr;gap:14px;padding:18px;border-radius:25px}.deck-icon .icon-motion,.deck-icon .puzzle-icon{width:66px;height:66px}.deck-copy h2{font-size:21px}.deck-copy>p{font-size:11px}.deck-arrow{width:27px;height:27px}.deck-neighbor{opacity:.62;filter:blur(1.2px)}.neighbor-above{transform:translateY(-118px) translateZ(-90px) rotateX(40deg) scale(.93)}.neighbor-below{transform:translateY(118px) translateZ(-90px) rotateX(-40deg) scale(.93)}.deck-navigation{margin-top:72px}.platform-choices{gap:12px}.platform-button{font-size:11px}}
.app-deck{bottom:7%}
@media(max-height:740px) and (min-width:768px){.app-deck{bottom:6%}}
@media(max-width:767px){.app-deck{bottom:7%}}
/* Smaller product icons, including the neighboring carousel previews. */
.app-deck .deck-icon .icon-motion,.app-deck .deck-icon .puzzle-icon{width:68px;height:68px;margin-inline:auto}
.app-deck .deck-icon .puzzle-icon{padding:15px;gap:4px}
@media(max-height:740px) and (min-width:768px){.app-deck .deck-icon .icon-motion,.app-deck .deck-icon .puzzle-icon{width:60px;height:60px}}
@media(max-width:767px){.app-deck .deck-icon .icon-motion,.app-deck .deck-icon .puzzle-icon{width:46px;height:46px}.app-deck .deck-icon .puzzle-icon{padding:10px;gap:3px}.app-deck .deck-icon .puzzle-icon span{border-radius:4px}}
/* Reduce the whole product card, not only its app icon. */
.app-deck{width:min(600px,calc(100% - 70px))}.deck-viewport{height:138px}.deck-card{grid-template-columns:78px 1fr 40px;gap:18px;padding:18px 22px;border-radius:25px}.deck-copy h2{font-size:23px;margin-bottom:7px}.deck-copy>p{font-size:12px;margin-bottom:9px}.deck-arrow{width:40px;height:40px;font-size:25px}.neighbor-above{transform:translateY(-113px) translateZ(-90px) rotateX(38deg) scale(.94)}.neighbor-below{transform:translateY(113px) translateZ(-90px) rotateX(-38deg) scale(.94)}.deck-navigation{margin-top:72px}
@media(max-height:740px) and (min-width:768px){.deck-viewport{height:120px}.deck-card{grid-template-columns:70px 1fr 36px;gap:16px;padding:14px 20px}.deck-copy h2{font-size:22px}.deck-copy>p{font-size:12px}.deck-arrow{width:36px;height:36px}.neighbor-above{transform:translateY(-99px) translateZ(-90px) rotateX(38deg) scale(.94)}.neighbor-below{transform:translateY(99px) translateZ(-90px) rotateX(-38deg) scale(.94)}.deck-navigation{margin-top:61px}}
@media(max-width:767px){.app-deck{width:calc(100% - 68px)}.deck-viewport{height:140px}.deck-card{grid-template-columns:50px 1fr;gap:12px;padding:14px;border-radius:23px}.deck-copy h2{font-size:20px;margin-bottom:6px}.deck-copy>p{font-size:11px;margin-bottom:6px}.deck-arrow{width:25px;height:25px;font-size:20px;top:13px;right:13px}.platform-choices{gap:10px}.neighbor-above{transform:translateY(-104px) translateZ(-80px) rotateX(40deg) scale(.93)}.neighbor-below{transform:translateY(104px) translateZ(-80px) rotateX(-40deg) scale(.93)}.deck-navigation{margin-top:66px}}
/* Five visible positions: two nearby previews on each side of the active app. */
.app-deck{width:min(520px,calc(100% - 70px))}.deck-viewport{height:120px;touch-action:pan-x pinch-zoom;cursor:grab;transform:translateY(var(--drag-offset,0px)) rotateX(var(--drag-tilt,0deg));transition:transform .18s ease-out}.deck-viewport::before{content:"";position:absolute;inset:-160px 0 -145px;z-index:0}.is-dragging .deck-viewport{cursor:grabbing;transition:none}.is-dragging{user-select:none}.deck-card{grid-template-columns:60px 1fr 34px;gap:15px;padding:15px 18px;border-radius:23px}.deck-copy h2{font-size:21px}.deck-copy>p{font-size:11px}.deck-arrow{width:34px;height:34px;font-size:23px}.app-deck .deck-icon .icon-motion,.app-deck .deck-icon .puzzle-icon{width:54px;height:54px}.app-deck .deck-icon .puzzle-icon{padding:12px}.deck-neighbor{z-index:2;opacity:.65;filter:blur(1.3px)}.neighbor-above{transform:translateY(-89px) translateZ(-75px) rotateX(32deg) scale(.92)}.neighbor-below{transform:translateY(89px) translateZ(-75px) rotateX(-32deg) scale(.92)}.neighbor-above-far,.neighbor-below-far{z-index:1;opacity:.36;filter:blur(2px)}.neighbor-above-far{transform:translateY(-155px) translateZ(-130px) rotateX(44deg) scale(.82)}.neighbor-below-far{transform:translateY(155px) translateZ(-130px) rotateX(-44deg) scale(.82)}.deck-navigation{margin-top:106px}.app-deck{bottom:5.5%}
@media(max-height:740px) and (min-width:768px){.deck-viewport{height:108px}.deck-card{padding:12px 17px}.deck-copy h2{font-size:20px}.deck-copy>p{font-size:11px}.deck-navigation{margin-top:91px}.app-deck{bottom:5%}.neighbor-above{transform:translateY(-78px) translateZ(-70px) rotateX(32deg) scale(.92)}.neighbor-below{transform:translateY(78px) translateZ(-70px) rotateX(-32deg) scale(.92)}.neighbor-above-far{transform:translateY(-135px) translateZ(-120px) rotateX(44deg) scale(.82)}.neighbor-below-far{transform:translateY(135px) translateZ(-120px) rotateX(-44deg) scale(.82)}}
@media(max-width:767px){.app-deck{width:calc(100% - 86px);bottom:5.5%}.deck-viewport{height:128px}.deck-card{grid-template-columns:42px 1fr;gap:10px;padding:12px;border-radius:21px}.deck-copy h2{font-size:19px}.deck-copy>p{font-size:11px}.app-deck .deck-icon .icon-motion,.app-deck .deck-icon .puzzle-icon{width:40px;height:40px}.app-deck .deck-icon .puzzle-icon{padding:9px}.deck-arrow{width:23px;height:23px;font-size:19px;right:10px;top:10px}.platform-choices{gap:9px}.platform-button{font-size:11px}.neighbor-above{transform:translateY(-88px) translateZ(-70px) rotateX(32deg) scale(.92)}.neighbor-below{transform:translateY(88px) translateZ(-70px) rotateX(-32deg) scale(.92)}.neighbor-above-far{transform:translateY(-148px) translateZ(-120px) rotateX(44deg) scale(.82)}.neighbor-below-far{transform:translateY(148px) translateZ(-120px) rotateX(-44deg) scale(.82)}.deck-navigation{margin-top:101px}}
@media(prefers-reduced-motion:reduce){.deck-viewport{transition:none}}

.deck-navigation .deck-sound{width:auto;height:27px;padding:0 10px;font:inherit;font-size:11px;color:#506486;background:#ffffff80;white-space:nowrap}.deck-sound[aria-pressed=false]{opacity:.65}
/* Continuous depth motion: nearby cards are clearer than the outer previews. */
.deck-viewport{transform:none;transition:none}.deck-rolling-card{transition:none;pointer-events:none;transform-style:preserve-3d}.deck-rolling-card .deck-card{opacity:1;visibility:visible;transform:none;filter:none;transition:none;background:#ffffffb5}.deck-rolling-card .platform-choices,.deck-rolling-card .deck-arrow{visibility:visible}.app-deck.is-rolling [data-card]{opacity:0;visibility:hidden;pointer-events:none;transition:none}.app-deck [data-card]{transition:none}
/* The central card occludes preview edges instead of showing two bands through it. */
.app-deck [data-card].is-current{z-index:12;background:#f7f9fd}.deck-rolling-card .deck-card{background:#f7f9fd}
/* Flatten sibling painting to avoid backdrop/3D seams across the center panel. */
.app-deck .deck-viewport,.app-deck .deck-rolling-card{transform-style:flat}.app-deck .deck-card{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 12px 34px #556b961c;border:0}
/* The illustrated homepage always uses dark text, including on dark-mode phones. */
.landing{color:#0e1729}.landing .deck-copy{color:#182438}.landing .platform-button{color:#354662}.landing .planned-label{color:#526580}
@media(max-width:767px){.landing .deck-copy>p{font-size:12px;line-height:1.55}.landing .platform-button{font-size:12px}.landing .deck-copy h2{font-size:21px}.landing .deck-position,.landing .deck-count{font-size:12px}.landing .deck-navigation .deck-sound{font-size:12px}.landing .deck-viewport{height:136px}}
@media(max-width:767px){.landing .deck-navigation{width:calc(100% + 62px);margin-left:-31px;gap:10px}.landing .deck-position{gap:8px;white-space:nowrap}.landing .deck-count{white-space:nowrap;flex-shrink:0}.landing .deck-sound{flex-shrink:0}}

/* Give the mascot a little more breathing room on phone screens. */
@media(max-width:767px){.landing-world{background:linear-gradient(140deg,#edf2ff,#f4f5fb 55%,#dce6f6)}.scene-background{top:10%;bottom:auto;height:80%;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent)}.landing .wordmark{font-size:22px}}
@media(max-width:374px){.landing .wordmark{font-size:18px}.landing nav{gap:10px}}
/* Reduce the desktop carousel footprint while preserving the phone layout. */
@media(min-width:768px){.landing .app-deck{transform:translateX(-50%) scale(.82);transform-origin:center bottom}}
@media(max-width:767px){.landing .app-deck{width:calc(100% - 40px);transform:translateX(-50%) scale(.85);transform-origin:center bottom}}