/* Design: cinematic consumer portal. VARIANCE 9, MOTION 9, DENSITY 3.
   Layers: scene 0, art 1, particle canvas 2, copy 3, header 10, skip 20.
   Shapes: 12px controls, 24px product screenshots, no generic feature cards. */
:root{color-scheme:dark;--bg:#101110;--surface:#191b19;--text:#f7f7ed;--muted:#a8ada6;--accent:#ffd324;--line:#32362e;--on-accent:#181a10;--header:rgba(16,17,16,.88);--hero-scrim:#101110;--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-theme="light"]{color-scheme:light;--bg:#f3f5ee;--surface:#e9ede3;--text:#181c16;--muted:#555e50;--accent:#8b6800;--line:#d2d8ca;--on-accent:#fffefa;--header:rgba(243,245,238,.9);--hero-scrim:#f3f5ee}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body-font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:active,.button:active{transform:scale(.98)}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.6}.section-shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:var(--accent);color:var(--on-accent);padding:12px}.skip-link:focus{transform:none}.site-header{position:absolute;inset:0 0 auto;z-index:10;max-width:1600px;margin:auto;height:88px;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:10px}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.desktop-nav a{display:flex;align-items:center;gap:7px;white-space:nowrap}.desktop-nav small{font-size:9px;font-weight:650;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.desktop-nav a:hover{color:var(--accent)}.header-tools{display:flex;gap:12px;align-items:center}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.language-switch button{padding:7px 9px;background:none;font-size:11px;font-weight:750;border-radius:8px}.language-switch button[aria-pressed="true"]{background:var(--text);color:var(--bg)}.theme-toggle{background:none;font-size:10px;color:var(--muted);max-width:55px;line-height:1.3}
.hero{position:relative;min-height:800px;min-height:max(800px,100dvh);max-height:1100px;isolation:isolate;overflow:hidden}.portal-stage{position:absolute;inset:0;z-index:0;overflow:hidden;perspective:1100px;contain:paint}.portal-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--hero-scrim) 1%,transparent 38%),linear-gradient(0deg,var(--hero-scrim) 1%,transparent 19%);z-index:2}.portal-halo{position:absolute;width:70vw;height:70vw;max-width:1100px;max-height:1100px;right:-9vw;top:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(244,172,23,.12),transparent 65%)}#portal-art{position:absolute;z-index:1;width:min(69vw,1100px);max-width:none;right:-6vw;top:4%;height:100%;object-fit:contain;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 50%;transition:transform .7s ease;filter:drop-shadow(0 20px 65px rgba(246,170,9,.1))}#portal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero-copy{position:relative;z-index:3;width:min(46%,650px);padding:clamp(180px,25dvh,300px) 0 100px;margin-left:max(56px,calc((100vw - 1320px)/2))}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;line-height:1.5;color:var(--muted);margin-bottom:24px}h1{font-size:clamp(50px,5.6vw,86px);font-weight:850;line-height:1.01}h1 span{display:block}.accent{color:var(--accent)}.hero-description{font-size:clamp(16px,1.35vw,20px);max-width:410px;color:var(--muted);margin-top:30px}.hero-actions{margin-top:34px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;min-height:54px;padding:16px 26px;font-size:14px;font-weight:750;letter-spacing:-.02em;border-radius:12px;transition:transform .2s,background .2s}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{transform:translateY(-3px);background:var(--text);color:var(--bg)}.platform-note{font-size:12px;color:var(--muted)}.hero-bottom{position:absolute;bottom:38px;left:56px;right:56px;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:11px;color:var(--muted)}#motion-toggle{font-size:11px;background:var(--bg);border:1px solid var(--line);padding:10px 14px;border-radius:12px}
.universes{padding:70px 0 100px}.worlds-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.worlds-heading h2{font-size:27px;letter-spacing:-.04em;max-width:430px}.worlds-heading p{font-size:13px;color:var(--muted);max-width:290px}.world-list{display:flex;flex-wrap:wrap;column-gap:34px;row-gap:20px;align-items:center;margin-top:38px;padding-top:30px;border-top:1px solid var(--line);font-size:18px;font-weight:750;letter-spacing:-.04em;color:var(--muted)}.world-list span:nth-child(2n){font-weight:500}
.app-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:60px 0 120px;scroll-margin-top:30px}.app-visual{position:relative;min-height:640px;display:grid;place-items:center}.app-visual figure{position:relative;width:265px;transform:rotate(-5deg)}.app-visual img{border-radius:32px;border:6px solid #30322b;box-shadow:0 45px 100px #05070480}.app-visual figcaption{margin-top:22px;font-size:10px;text-align:center;color:var(--muted)}.scan-orbit{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;border:1px solid var(--line)}.scan-orbit:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid var(--line)}h2{font-size:clamp(36px,4vw,60px);line-height:1.06;font-weight:800}.app-copy>p{color:var(--muted);font-size:17px;max-width:430px;margin-top:24px}.feature-list{margin-top:30px}.feature-list details,.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.feature-list summary,.faq-list summary{font-weight:650;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px}.feature-list summary:after,.faq-list summary:after{content:"+";font-size:24px;color:var(--accent);font-weight:400}.feature-list details[open] summary:after,.faq-list details[open] summary:after{content:"−"}.feature-list details p,.faq-list details p{font-size:14px;color:var(--muted);margin-top:14px;max-width:540px}.collection-section{position:relative;min-height:710px;display:flex;align-items:end;overflow:hidden;background:#101110;color:#f7f7ed}.collection-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.collection-section:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101110 1%,rgba(16,17,16,.94) 10%,rgba(16,17,16,.45) 48%,transparent 85%)}.collection-copy{position:relative;z-index:1;padding:90px 0}.collection-copy h2{max-width:800px}.collection-copy p:not(.eyebrow){max-width:430px;font-size:17px;color:#c4c7bd;margin-top:22px}.collection-copy .eyebrow{color:#c4c7bd}.future-section{padding:125px 0 90px}.future-section>h2{max-width:670px}.future-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:60px}.future-item{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:50px}.soon-label{color:var(--accent);font-size:12px}.future-item h3{font-size:36px;margin-top:17px;font-weight:750}.future-item p{font-size:16px;max-width:460px;color:var(--muted);margin-top:18px}.future-status{display:inline-block;font-size:11px;color:var(--muted);margin-top:28px;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.shop-item{padding-top:80px}
.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding:70px 0 110px}.faq h2{font-size:36px;max-width:300px}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:16px}.download-section{text-align:center;padding:100px 0 120px;border-top:1px solid var(--line)}.download-section img{margin:0 auto 28px;border-radius:14px}.download-section h2{font-size:clamp(38px,4.7vw,68px);margin-bottom:34px}.download-section>p{color:var(--muted);font-size:12px;margin-top:18px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--line)}.footer-brand{font-size:24px;font-weight:800;letter-spacing:-1px}.footer-brand span{display:inline-block;font-size:10px;letter-spacing:.15em;margin-left:18px;font-weight:500;color:var(--muted)}.site-footer nav{display:flex;justify-content:end;gap:30px;font-size:12px}.legal{grid-column:1/-1;color:var(--muted);font-size:10px;max-width:800px}.noscript{padding:24px;font-size:13px;background:var(--surface)}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--bg)}}
@media(min-width:1600px){.hero-copy{margin-left:calc((100vw - 1320px)/2)}#portal-art{right:calc((100vw - 1600px)/2 - 40px);width:1000px}.hero{max-height:1100px}.hero-bottom{left:calc((100vw - 1320px)/2);right:calc((100vw - 1320px)/2)}}
@media(max-width:1100px){.site-header{padding:20px 32px;gap:20px;height:80px}.desktop-nav{gap:18px;font-size:12px}.desktop-nav small{display:none}.theme-toggle{display:none}.section-shell{width:calc(100% - 64px)}.hero-copy{margin-left:32px;width:48%;padding-top:220px}h1{font-size:58px;letter-spacing:-.065em}.hero-description{max-width:330px}.hero-bottom{left:32px;right:32px}.app-section{gap:45px}.world-list{gap:20px;font-size:16px}.app-visual figure{width:240px}.faq{gap:45px}.future-grid{gap:36px}}
@media(max-width:767px){html{scroll-padding-top:30px}.site-header{height:76px;padding:16px 20px;gap:10px;flex-wrap:wrap;align-content:start}.brand{font-size:21px;gap:8px}.brand img{width:34px;height:34px;border-radius:8px}.header-tools{margin-left:auto}.desktop-nav{order:3;width:100%;justify-content:center;gap:24px;padding-top:12px;font-size:11px}.desktop-nav small{display:none}.language-switch button{font-size:10px;padding:6px 8px}.hero{min-height:940px;min-height:max(940px,100dvh);max-height:none}.hero-copy{padding:150px 20px 0;margin:0;width:100%;text-align:center}.hero-copy .eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:clamp(39px,9.8vw,68px);letter-spacing:-.06em;line-height:1.02}.hero-description{margin:20px auto 0;font-size:14px;max-width:310px}.hero-actions{margin-top:23px;align-items:center;gap:9px}.button{min-height:50px;padding:14px 24px;font-size:13px}.platform-note{font-size:10px}.portal-stage:after{background:linear-gradient(0deg,var(--hero-scrim),transparent 17%,transparent 53%,var(--hero-scrim) 87%)}#portal-art{top:405px;right:-9%;width:118%;height:560px;transform-origin:50% 50%;object-fit:contain}.portal-halo{width:150vw;height:150vw;max-width:none;max-height:none;right:-25vw;top:380px}.hero-bottom{bottom:14px;left:20px;right:20px;font-size:10px}#motion-toggle{font-size:10px;padding:9px 10px}.section-shell{width:calc(100% - 40px)}.universes{padding:60px 0}.worlds-heading{display:block}.worlds-heading h2{font-size:27px;max-width:320px}.worlds-heading p{margin-top:15px;font-size:13px;max-width:300px}.world-list{font-size:15px;gap:18px 24px;margin-top:28px;padding-top:24px}.app-section{grid-template-columns:1fr;gap:30px;padding:20px 0 70px}.app-visual{min-height:500px;order:2;margin-top:12px}.app-visual figure{width:225px;transform:rotate(-3deg)}.scan-orbit{width:95%;max-width:430px}.app-copy{order:1}.app-copy h2{font-size:42px}.app-copy>p{font-size:15px;margin-top:20px}.feature-list summary{font-size:16px}.feature-list details p{font-size:13px}.collection-section{min-height:610px}.collection-art{object-position:58% 25%;height:70%}.collection-section:after{background:linear-gradient(0deg,#101110 18%,rgba(16,17,16,.93) 34%,rgba(16,17,16,.15) 75%)}.collection-copy{padding:50px 0}.collection-copy h2{font-size:40px}.collection-copy p:not(.eyebrow){font-size:15px;max-width:320px}.collection-copy .eyebrow{font-size:9px;margin-bottom:20px}.future-section{padding:70px 0 30px}.future-section>h2{font-size:40px;max-width:340px}.future-grid{grid-template-columns:1fr;gap:36px;margin-top:40px}.future-item,.shop-item{padding-top:24px}.future-item h3{font-size:31px}.future-item p{font-size:14px}.faq{grid-template-columns:1fr;gap:36px;padding:70px 0}.faq h2{font-size:34px}.faq-list summary{font-size:15px;line-height:1.45}.download-section{padding:65px 0 70px}.download-section h2{font-size:39px}.site-footer{grid-template-columns:1fr;gap:25px;padding:30px 0}.site-footer nav{justify-content:start;gap:24px}.footer-brand{font-size:24px}.footer-brand span{font-size:9px}.legal{font-size:10px}}
@media(max-width:360px){.hero-copy{padding-top:145px}.desktop-nav{gap:16px}.hero-copy .eyebrow{letter-spacing:.07em}h1{font-size:37px}.hero-description{font-size:13px}.hero{min-height:900px}#portal-art{top:405px;height:480px}.hero-bottom{font-size:9px}.world-list{font-size:14px}.download-section h2{font-size:34px}}
@media(prefers-reduced-motion:no-preference){.portal-halo{animation:portal-breath 7s ease-in-out infinite}.hero-copy{animation:hero-enter .9s cubic-bezier(.16,1,.3,1) both}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}@keyframes portal-breath{50%{transform:scale(1.12);opacity:.65}}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
body.motion-paused .portal-halo{animation-play-state:paused}
/* Upcoming navigation stays explicit even on small screens. */
/* Let responsive screenshots preserve their intrinsic aspect ratio, not HTML height hints. */
img{height:auto}
.app-visual img{width:100%;height:auto;aspect-ratio:1320/2868;object-fit:contain}
.collection-art{height:100%}
@media(max-width:767px){.collection-art{height:70%}}
.site-header{height:80px}
@media(min-width:768px) and (max-width:1100px){h1{font-size:clamp(42px,5.4vw,58px)}}
@media(max-width:767px){.site-header{height:100px}.desktop-nav a{flex-direction:column;gap:3px}.desktop-nav small{display:block;font-size:7px;letter-spacing:.02em}.desktop-nav{gap:24px}.theme-toggle{display:block;font-size:9px;max-width:40px}.header-tools{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}