:root,:root[data-look=violet]{--bg:#211d2c;--surface:#363044;--panel:#30283e;--text:#f2edf8;--muted:#bfb4cf;--accent:#bfa4ed;--accent2:#dfb8aa;--ink:#241a32;--line:#d6bbff30;--footer:#18151f;font-family:'Segoe UI',Arial,sans-serif;color-scheme:dark}
:root[data-look=ink]{--bg:#172334;--surface:#293f53;--panel:#223449;--text:#eef0f8;--muted:#adbcd1;--accent:#a3bada;--accent2:#c3adcf;--ink:#162132;--line:#bfd2ff30;--footer:#101b29}
:root[data-look=paper]{--bg:#f0eaf5;--surface:#d5c8e1;--panel:#e1d7eb;--text:#30263f;--muted:#625270;--accent:#70518e;--accent2:#9b655f;--ink:#fff8ff;--line:#56406a30;--footer:#e1d5ea;color-scheme:light}
body{overflow-x:clip}h1,h2,h3{font-weight:650;letter-spacing:-.055em}h1{font-size:clamp(60px,6.8vw,106px);line-height:1.02;white-space:pre-line}h2{font-size:clamp(34px,4vw,62px)}h3{font-size:26px;white-space:pre-line}p{font-size:15px}.micro{font-size:11px}.eyebrow{font:600 10px/1.5 Consolas,monospace;letter-spacing:.14em}.wrap{max-width:1440px}.look-preview.violet{background:linear-gradient(135deg,#211d2c 50%,#bfa4ed 50%)}.look-preview.ink{background:linear-gradient(135deg,#172334 50%,#a3bada 50%)}.look-preview.paper{background:linear-gradient(135deg,#f0eaf5 50%,#70518e 50%)}.brand{font-size:18px;letter-spacing:-.04em}.brand img,.hero-product img{filter:grayscale(1) brightness(1.6)}[data-look=paper] .brand img,[data-look=paper] .hero-product img{filter:grayscale(1) brightness(.55)}.brand-dot{display:none}
.brain-hero{position:relative;min-height:760px;height:calc(100svh - 130px);max-height:1000px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;padding:55px 0 100px}.hero-copy{position:relative;z-index:2;min-width:0}.hero-product{gap:14px;margin-bottom:24px}.hero-product strong{font-size:26px;letter-spacing:-.025em}.hero-product img{width:52px;height:52px}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy .intro{max-width:470px;margin-top:25px;color:var(--muted)}.hero-copy .micro{margin-top:16px;max-width:430px}.hero-bottom{bottom:18px}.cube-scene{height:500px;min-width:0;display:grid;place-items:center;perspective:1100px;position:relative;touch-action:pan-y;outline-offset:0}.brain-object{position:relative;width:270px;height:270px;transform-style:preserve-3d;transform:rotateX(calc(-24deg + var(--rx,0deg))) rotateY(calc(-32deg + var(--ry,0deg))) rotateZ(8deg);transition:transform .2s linear;scale:1.05}.voxel{width:112px;height:112px;position:absolute;transform-style:preserve-3d;left:79px;top:79px;transform:translate3d(calc(var(--x)*132px),calc(var(--y)*132px),calc(var(--z)*132px));--voxel:var(--accent)}.voxel i{display:block;position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--voxel),white 30%);background:var(--voxel);backface-visibility:hidden;transition:background .35s,box-shadow .35s}.voxel i:nth-child(1){transform:translateZ(56px)}.voxel i:nth-child(2){transform:rotateY(90deg) translateZ(56px);background:color-mix(in srgb,var(--voxel),var(--bg) 25%)}.voxel i:nth-child(3){transform:rotateY(180deg) translateZ(56px);background:color-mix(in srgb,var(--voxel),var(--bg) 50%)}.voxel i:nth-child(4){transform:rotateY(-90deg) translateZ(56px);background:color-mix(in srgb,var(--voxel),var(--bg) 40%)}.voxel i:nth-child(5){transform:rotateX(90deg) translateZ(56px);background:color-mix(in srgb,var(--voxel),white 20%)}.voxel i:nth-child(6){transform:rotateX(-90deg) translateZ(56px);background:color-mix(in srgb,var(--voxel),var(--bg) 45%)}.voxel:nth-child(3n){--voxel:color-mix(in srgb,var(--accent),var(--accent2) 45%)}.voxel:hover,.voxel.hot{--voxel:var(--accent2)}.voxel.hot i{box-shadow:inset 0 0 22px #fff2}.cube-caption{position:absolute;bottom:0;font:10px Consolas,monospace;letter-spacing:.15em;color:var(--muted)}
.brain-ribbon{position:relative;height:110px;overflow:clip;background:var(--surface);isolation:isolate}.brain-ribbon::before{content:'';position:absolute;inset:0;background:var(--bg);clip-path:polygon(0 0,100% 0,100% 25%,0 65%)}.brain-ribbon .ribbon-track{position:absolute;top:17px;left:-5%;background:var(--accent);color:var(--ink);padding:20px 0;rotate:-1.4deg;animation:marquee 42s linear infinite}.ribbon-group span{font-size:clamp(25px,3vw,46px);font-weight:750}.ribbon-group svg{stroke-width:2;width:28px}.idea-surface{background:var(--surface);padding:40px 0 25px}.idea-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:end}.idea-grid .eyebrow{margin-bottom:22px}.idea-grid>p{max-width:380px;color:var(--muted)}.fill-heading{color:var(--text);text-shadow:none;transform:translateY(var(--fill-shift,0px));transition:transform .1s}.layers-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;margin-top:30px}.layers-section>div:last-child{max-width:370px}.layers-section p{color:var(--muted);margin-top:18px}.layer-stack{height:300px;position:relative;perspective:1000px;transform-style:preserve-3d}.knowledge-layer{position:absolute;width:260px;height:140px;left:calc(50% - 130px);top:75px;background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:18px;display:flex;gap:20px;align-items:start;transform:rotateX(52deg) rotateZ(-24deg) translateZ(calc((var(--n) - 1.5)*var(--spread,30px)));box-shadow:0 10px 20px #0002}.knowledge-layer small{font:12px Consolas,monospace;color:var(--accent)}.knowledge-layer strong{font-size:26px}.brain-transition{height:160px;position:relative;overflow:hidden;background:var(--surface);margin-block:-1px}.brain-transition svg{width:100%;height:100%;fill:var(--bg);stroke:var(--bg);stroke-width:1;transform:translateX(var(--pattern-drift,0px));min-width:calc(100% + 100px);margin-left:-50px}
.app-section{padding:48px 0 55px}.section-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:end;margin-bottom:30px}.section-intro .eyebrow{margin-bottom:20px}.section-intro>p{color:var(--muted);max-width:400px}.brain-screenshot{margin:0 auto;width:88%;max-width:1050px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;transform:perspective(1500px) rotateX(var(--shot-angle,0deg));transform-origin:center top}.brain-screenshot img{width:100%;height:auto}.brain-screenshot figcaption{padding:12px 18px;color:var(--muted);font:10px Consolas,monospace}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.feature-grid article{border-top:1px solid var(--line);padding-top:18px}.feature-grid h3{font-size:22px}.feature-grid p{font-size:13px;color:var(--muted);margin-top:12px}.workspace-section{background:var(--panel);padding:48px 0}.workspace-diagram{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--bg)}.workspace-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.workspace-tabs>span{border:1px solid var(--line);padding:10px 17px;border-radius:22px;font-size:12px}.workspace-tabs>span:last-child{background:var(--accent);color:var(--ink)}.workspace-body{display:flex;gap:25px;align-items:center;padding:20px;border-top:1px solid var(--line)}.workspace-body img{flex-shrink:0;filter:grayscale(1)}.workspace-body p{font-size:13px;color:var(--muted);margin-top:12px;max-width:680px}
.mini-game{width:80%;max-width:1440px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:40px 0;margin:30px auto 0;border:0;background:var(--bg);color:var(--text);--mg-accent:var(--accent)}.mini-game h2{font-size:clamp(34px,4vw,62px);margin:20px 0}.mini-game .micro{margin-top:20px;color:var(--muted);max-width:410px}.mg-field{min-height:210px;margin:0 0 12px;background:none}.mg-align{scale:.82}.mg-align span{border-color:var(--accent)}.mg-align span:first-child{background:color-mix(in srgb,var(--accent),transparent 85%)}.mg-controls label{color:var(--text);font-size:12px}.mg-controls input{accent-color:var(--accent)}.mg-status{font-size:12px;text-align:center;min-height:40px;color:var(--muted)}.mg-replay.button{display:block;margin:8px auto 0;background:var(--accent);color:var(--ink);border:0;border-radius:22px;font-size:12px}.mini-game.mg-won .game-copy h2{color:var(--accent)}
.faq-section{padding:55px 0 35px}.archive{padding:0 0 30px}.archive details{border-block:1px solid var(--line);padding:20px 0}.archive summary{cursor:pointer;font-size:13px;color:var(--muted);min-height:24px}.archive p{max-width:750px;font-size:13px;color:var(--muted);margin:18px 0}.archive video{width:100%;max-width:750px;display:block;margin:20px 0}.archive .button{font-size:12px}.final-cta{padding-top:35px}.final-cta h2{font-size:clamp(44px,5.6vw,76px)}.final-cta>div>p:last-child{max-width:570px}.orbit-cta{position:relative}.discover{padding-top:30px}.app-card{background:var(--panel)}.review-footer .footer-brand p{white-space:pre-line}.gallery-controls button:first-child svg{rotate:180deg}.review-footer .brand{font-size:21px}.header-actions{width:172px}.pages-menu,.pages-menu summary{width:104px}.language{flex-shrink:0}
[data-motion=paused] .ribbon-track,[data-motion=paused] .mg-spark,[data-motion=paused] .mg-align{animation-play-state:paused!important}
@media(max-width:1050px){.brain-hero{gap:0;min-height:740px}.brain-object{scale:.85}.cube-scene{height:430px}.hero-product strong{font-size:22px}.brain-hero h1{font-size:75px}.feature-grid{gap:22px}.final-cta h2{font-size:58px}}
@media(max-width:700px){.brain-hero{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;max-height:none;padding:35px 0 70px;gap:10px}.brain-hero h1{font-size:clamp(58px,13vw,80px)}.hero-product{margin-bottom:22px}.hero-product strong{font-size:23px}.hero-copy .intro{font-size:14px}.hero-copy .micro{font-size:10px}.cube-scene{height:370px;overflow:clip;margin:0 -10px}.brain-object{scale:.74}.cube-caption{bottom:5px;font-size:8px}.hero-bottom{bottom:10px}.hero-bottom>a{font-size:8px}.brain-ribbon{height:86px}.brain-ribbon .ribbon-track{padding:14px 0;top:15px}.idea-surface{padding-top:25px}.idea-grid{grid-template-columns:1fr;gap:22px}.idea-grid p{font-size:14px}.layers-section{grid-template-columns:1fr;gap:0;margin-top:10px}.layer-stack{height:260px}.knowledge-layer{width:230px;height:125px;left:calc(50% - 115px)}.layers-section>div:last-child{max-width:none}.layers-section p{font-size:13px}.layers-section h3{font-size:28px}.brain-transition{height:115px}.app-section{padding:30px 0}.section-intro{grid-template-columns:1fr;gap:20px}.section-intro>p{font-size:13px}.brain-screenshot{width:100%}.brain-screenshot figcaption{font-size:8px;padding:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.feature-grid article:last-child{grid-column:1/-1}.feature-grid h3{font-size:20px}.feature-grid p{font-size:12px}.workspace-section{padding:30px 0}.workspace-diagram{padding:16px}.workspace-tabs{gap:6px}.workspace-tabs>span{padding:8px 12px;font-size:10px}.workspace-body{padding:15px 0;gap:15px;align-items:start}.workspace-body img{width:42px;height:42px}.workspace-body h3{font-size:23px}.workspace-body p{font-size:12px}.mini-game{width:calc(100% - 36px);grid-template-columns:1fr;padding:30px 0;gap:20px;margin:0 auto}.mini-game h2{font-size:38px}.mini-game p{font-size:13px}.mg-field{min-height:190px}.mini-game .micro{font-size:10px}.faq-section{padding-top:30px}.final-cta h2{font-size:clamp(43px,11vw,58px)}.brand{font-size:15px}.brand img{width:30px;height:30px}.brand{gap:7px}.header-actions{width:150px}.pages-menu,.pages-menu summary{width:102px}.review-footer .brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){.brain-object,.fill-heading,.brain-screenshot,.knowledge-layer{transition:none!important}.ribbon-track{animation:none!important}.brain-screenshot{transform:none!important}}

.brain-transition svg{stroke-width:1;fill:var(--bg);stroke:var(--bg)}
.brain-transition.to-workspace{background:var(--bg);height:110px}.brain-transition.to-workspace svg{fill:var(--panel);stroke:var(--panel)}
.brain-transition.from-workspace{background:var(--panel);height:110px}
.workspace-section{padding-top:25px;padding-bottom:20px}
@media(max-width:700px){.brain-transition.to-workspace,.brain-transition.from-workspace{height:80px}}
.knowledge-layer{align-items:flex-end;padding:12px 18px}.knowledge-layer strong{font-size:21px}
[data-motion=paused] .brain-object{transition:none!important}

/* The viewport-sized plane tilts; the long running text does not. */
.brain-ribbon{height:138px;z-index:2;overflow:clip}
.ribbon-plane{position:absolute;left:-5%;width:110%;top:27px;background:var(--accent);color:var(--ink);rotate:-1.4deg;overflow:hidden}
.brain-ribbon .ribbon-track{position:relative;left:auto;top:auto;rotate:none;padding:18px 0}
.layer-stack{height:370px}.knowledge-layer{top:100px;transform:translateY(calc((1.5 - var(--n))*var(--spread,12px))) rotateX(48deg) rotateZ(calc(-24deg + var(--layer-turn,0deg)));z-index:calc(var(--n) + 1)}
.discover{position:relative;padding-inline:48px}.discover-heading{margin-bottom:0}.gallery-controls{position:absolute;left:0;right:0;top:138px;display:flex;justify-content:space-between;pointer-events:none}.gallery-controls button{pointer-events:auto;background:var(--panel);width:40px;height:44px}.gallery-controls button:first-child svg{rotate:0deg}
.app-gallery{grid-auto-columns:calc((100% - 48px)/4.5);padding:34px 14px 25px;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:end}.app-gallery::-webkit-scrollbar{display:none}.app-card{scroll-snap-align:start;transform:translateY(calc(var(--dock,0)*-8px)) scale(calc(1 + var(--dock,0)*.07));transform-origin:center bottom;transition:transform .18s ease;background:var(--panel)}.app-card img{transition:transform .2s}.app-card:hover img,.app-card:focus-visible img{transform:translateY(-22px) scale(.95)}
.dock-dots{display:flex;justify-content:center;gap:4px;margin-top:0}.dock-dots button{width:32px;height:32px;padding:0;border-radius:50%;background:transparent;display:grid;place-items:center}.dock-dots button::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.4;transition:width .2s}.dock-dots button[aria-current=true]::before{width:22px;border-radius:6px;opacity:1;background:var(--accent)}
@media(max-width:700px){.brain-ribbon{height:105px}.ribbon-plane{top:21px}.brain-ribbon .ribbon-track{padding:14px 0}.layer-stack{height:335px}.knowledge-layer{top:92px}.discover{padding-inline:0}.discover-heading{padding-right:94px;min-height:48px;align-items:center}.gallery-controls{top:24px;left:auto;right:0;gap:6px}.app-gallery{grid-auto-columns:calc((100% - 14px)/2);gap:14px;padding:20px 0 15px}.app-card{transform:none}.app-card:hover img,.app-card:focus-visible img{transform:none}}
@media(prefers-reduced-motion:reduce){.app-card{transform:none;transition:none}.dock-dots button::before{transition:none}}

/* App deck follows DAYRIVO's weekday card selection. */
.discover{padding-inline:0}.discover-heading{margin-bottom:0}.app-gallery{display:block;position:relative;width:min(100%,760px);height:330px;margin:0 auto;padding:0;overflow:clip;scroll-snap-type:none;perspective:1200px;touch-action:pan-y}
.app-card{position:absolute;left:calc(50% - 125px);top:30px;width:250px;height:240px;min-height:0;padding:28px 20px;display:flex;justify-content:center;gap:16px;transform:translateX(calc(var(--slot)*62px)) translateY(calc(var(--distance)*13px)) rotate(calc(var(--slot)*7deg)) scale(calc(1 - var(--distance)*.09));transform-origin:center 85%;transition:transform .65s cubic-bezier(.2,.8,.2,1),background .3s,color .3s;pointer-events:none;border:1px solid var(--line);box-shadow:0 14px 30px #0002;opacity:1}
.app-card.is-active{pointer-events:auto;background:var(--accent);color:var(--ink);border-color:var(--accent)}
.app-card img,.app-card:hover img,.app-card:focus-visible img{width:64px;height:64px;transform:none}.app-card .app-name,.app-card:hover .app-name,.app-card:focus-visible .app-name{transform:none;font-size:17px}.app-card .app-info,.app-card:hover .app-info{position:static;opacity:1;transform:none;font-size:12px;color:inherit;line-height:1.45;max-width:210px}
.app-selectors{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.app-selectors button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:22px;padding:10px 14px;min-height:44px;font-size:11px}.app-selectors button:hover,.app-selectors button:focus-visible{background:var(--panel);color:var(--text)}.app-selectors button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--panel)}
.gallery-controls{top:184px;left:0;right:0;z-index:20}.gallery-controls button{background:var(--panel)}
@media(max-width:700px){.discover-heading{padding-right:0}.app-gallery{height:305px;width:100%}.app-card{width:202px;height:228px;left:calc(50% - 101px);top:24px;padding:24px 16px;transform:translateX(calc(var(--slot)*30px)) translateY(calc(var(--distance)*12px)) rotate(calc(var(--slot)*6deg)) scale(calc(1 - var(--distance)*.12))}.app-card img,.app-card:hover img,.app-card:focus-visible img{width:52px;height:52px}.app-card .app-name{font-size:15px}.app-card .app-info{font-size:11px}.gallery-controls{top:155px;left:-8px;right:-8px;gap:0}.gallery-controls button{width:34px;height:44px;background:var(--bg)}.app-selectors{gap:4px}.app-selectors button{padding:9px 11px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-card{transition:none}}

.mini-game{overflow:visible}.game-interaction{min-width:0}.mg-field{height:330px;min-height:330px;isolation:isolate;position:relative;touch-action:pan-y;border-radius:28px;outline-offset:3px;cursor:crosshair;overflow:hidden;background:color-mix(in srgb,var(--accent),transparent 96%)}
.mg-field .puzzle-symbol{width:300px;height:280px;overflow:visible;stroke:none;position:relative;z-index:2;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.puzzle-target{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:3 7;opacity:.3}.puzzle-piece{fill:var(--accent);stroke:var(--bg);stroke-width:1.5;transform-origin:160px 140px;transition:transform .14s ease,fill .4s}.puzzle-piece:nth-child(2n){fill:color-mix(in srgb,var(--accent),var(--accent2) 45%)}.puzzle-piece:nth-child(3n){fill:color-mix(in srgb,var(--accent),var(--bg) 25%)}.puzzle-check{fill:none;stroke:var(--ink);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:160;opacity:0}.puzzle-glow{position:absolute;inset:15%;border-radius:50%;background:var(--accent);opacity:calc(var(--near,.1)*.12);filter:blur(40px);transition:opacity .5s}
.puzzle-meter{width:180px;height:4px;border-radius:8px;background:var(--line);overflow:hidden;margin:12px auto}.puzzle-meter i{display:block;height:100%;background:var(--accent);transition:width .15s}.victory-ring{position:absolute;width:150px;height:150px;border:2px solid var(--accent);border-radius:50%;opacity:0;pointer-events:none;left:calc(50% - 75px);top:calc(50% - 75px)}.victory-particle{position:absolute;left:50%;top:50%;width:8px;height:14px;background:var(--accent);opacity:0;pointer-events:none;border-radius:2px;z-index:3}.victory-particle:nth-child(3n){background:var(--accent2);border-radius:50%;width:7px;height:7px}.victory-message{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:26px;font-weight:800;letter-spacing:-.04em;color:var(--accent);opacity:0;transform:translateY(16px);z-index:4;transition:opacity .4s .3s,transform .5s .3s}
.mg-won .mg-field .puzzle-symbol{transform:translateY(-15px) scale(.86)}.mg-won .puzzle-piece{fill:var(--accent);transition:transform .45s cubic-bezier(.2,1.5,.5,1),fill .5s}.mg-won .puzzle-check{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .6s .35s,opacity .1s .35s}.mg-won .puzzle-target{opacity:0}.mg-won .puzzle-glow{opacity:.3}.mg-won .victory-message{opacity:1;transform:translateY(0)}.mg-won .victory-ring{animation:puzzle-wave 1.2s ease-out both}.mg-won .victory-ring.second{animation-delay:.18s}.mg-won .victory-particle{animation:puzzle-burst 1.5s cubic-bezier(.15,.6,.35,1) var(--delay) both}
@keyframes puzzle-wave{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(3)}}@keyframes puzzle-burst{0%{opacity:0;transform:translate(0,0) scale(.2)}12%{opacity:1}100%{opacity:0;transform:translate(var(--px),var(--py)) rotate(var(--spin)) scale(.6)}}
[data-motion=paused] .victory-particle,[data-motion=paused] .victory-ring{animation:none!important}[data-motion=paused] .puzzle-symbol,[data-motion=paused] .puzzle-piece{transition:none}
@media(max-width:700px){.mg-field{height:300px;min-height:300px}.mg-field .puzzle-symbol{width:260px;height:245px}.victory-message{font-size:24px}}
@media(prefers-reduced-motion:reduce){.victory-particle,.victory-ring{animation:none!important}.puzzle-piece,.puzzle-symbol,.puzzle-check,.victory-message{transition:none!important}.mg-won .victory-message{opacity:1}}

/* One strongly accented cube at a time. No residual hover palette. */
:root{--cube-hot:#f2b56b}:root[data-look=ink]{--cube-hot:#59dfd3}:root[data-look=paper]{--cube-hot:#cb6530}
.voxel:hover{--voxel:var(--accent)}.voxel:nth-child(3n):hover{--voxel:color-mix(in srgb,var(--accent),var(--accent2) 45%)}.voxel.hot,.voxel.hot:hover{--voxel:var(--cube-hot)}.voxel i{transition:none}.voxel.hot i{box-shadow:inset 0 0 25px #fff3}
.heading-fill{background:linear-gradient(90deg,var(--text) 0,var(--text) var(--heading-fill,100%),transparent var(--heading-fill,100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--muted)}
.discover{padding-inline:48px}.app-gallery{position:relative;display:flex;gap:18px;width:100%;height:auto;max-width:none;margin:0;padding:22px 20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 45px,#000 calc(100% - 45px),transparent)}.app-gallery.at-start{mask-image:linear-gradient(90deg,#000,#000 calc(100% - 45px),transparent)}.app-gallery.at-end{mask-image:linear-gradient(90deg,transparent,#000 45px,#000)}
.app-card,.app-card.is-active{position:relative;inset:auto;flex:0 0 210px;width:210px;height:222px;padding:24px 18px;transform:none!important;transition:background .2s,border-color .2s;pointer-events:auto;background:var(--panel);color:var(--text);border-color:var(--line);scroll-snap-align:start;box-shadow:none;justify-content:center}.app-card:hover,.app-card:focus-visible{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border-color:var(--accent)}.app-card img,.app-card:hover img,.app-card:focus-visible img,.app-card .app-name,.app-card:hover .app-name{transform:none!important}.app-card .app-name{text-align:center;font-size:15px}.app-card .app-info{font-size:12px;color:var(--muted)}.gallery-controls{top:150px}
@media(max-width:700px){.discover{padding-inline:0}.discover-heading{padding-right:95px}.gallery-controls{top:25px;left:auto;right:0;gap:6px}.app-gallery{gap:14px;padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 15px,#000 calc(100% - 15px),transparent)}.app-card,.app-card.is-active{flex-basis:calc((100% - 14px)/2);width:auto;height:215px;padding:18px 10px}.app-card .app-name{font-size:13px}.app-card .app-info{font-size:11px}}

/* Approved card-switch effect, aligned horizontally without fanning. */
.discover{padding-inline:0}.app-gallery,.app-gallery.at-start,.app-gallery.at-end{display:block;position:relative;width:100%;height:290px;padding:0;margin:0;overflow:hidden;scroll-snap-type:none;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.app-card,.app-card.is-active{position:absolute;left:calc(50% - 125px);top:25px;width:250px;height:240px;padding:26px 20px;transform:translateX(calc(var(--slot)*172px)) scale(calc(1 - var(--distance)*.075))!important;transform-origin:center center;transition:transform .65s cubic-bezier(.2,.8,.2,1),background .3s,color .3s;pointer-events:none;box-shadow:0 12px 24px #0002;opacity:1}
.app-card.is-active{pointer-events:auto;background:var(--accent);color:var(--ink);border-color:var(--accent)}.app-card.is-active .app-info{color:var(--ink)}.app-card .app-info{position:static;opacity:1;transform:none}.app-card:hover,.app-card:focus-visible{transform:translateX(calc(var(--slot)*172px)) scale(calc(1 - var(--distance)*.075))!important}
.app-selectors{display:flex;justify-content:center;flex-wrap:nowrap;gap:0;margin-top:5px}.app-selectors button{width:28px;min-width:0;min-height:36px;height:36px;padding:0;border:0;background:transparent;display:grid;place-items:center}.app-selectors button::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.5}.app-selectors button[aria-pressed=true]{background:transparent;border:0}.app-selectors button[aria-pressed=true]::before{width:18px;border-radius:6px;background:var(--accent);opacity:1}.gallery-controls{top:165px;left:0;right:0}
@media(max-width:700px){.discover-heading{padding-right:0}.app-gallery{height:270px}.app-card,.app-card.is-active{width:200px;height:226px;left:calc(50% - 100px);top:20px;transform:translateX(calc(var(--slot)*116px)) scale(calc(1 - var(--distance)*.075))!important}.app-card:hover,.app-card:focus-visible{transform:translateX(calc(var(--slot)*116px)) scale(calc(1 - var(--distance)*.075))!important}.app-selectors button{width:20px}.gallery-controls{top:155px;left:-8px;right:-8px;gap:0}.app-card .app-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){.app-card{transition:none}}

.app-gallery{overflow:clip;scroll-snap-type:none}