:root{color-scheme:dark;--bg:#080808;--panel:#11110f;--ink:#f4f1e9;--muted:#aaa59b;--gold:#f5c518;--gold-soft:#efdaa0;--line:rgba(238,218,160,.18);--width:1320px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--gold-soft)}
::selection{background:var(--gold);color:#090909}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.shell{width:min(calc(100% - 80px),var(--width));margin-inline:auto}.section-pad{padding-block:clamp(90px,11vw,158px)}
.skip-link{position:fixed;z-index:100;top:-100px;left:15px;padding:12px 18px;background:var(--gold);color:#111}.skip-link:focus{top:15px}
.site-header{position:fixed;z-index:60;inset:0 0 auto;height:78px;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.site-header.scrolled{background:rgba(8,8,8,.84);border-color:var(--line);backdrop-filter:blur(18px)}
.nav{height:100%;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.brand-ele{color:var(--gold)}
.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.8vw,44px);margin-inline:auto}.nav-links a{font-size:13px;font-weight:600;color:#ddd8cc;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:17px}.language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.nav-actions select{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:12px;font-weight:700;padding:9px 18px 9px 5px;outline-color:var(--gold)}.nav-actions option{background:#111;color:#fff}.nav-cta{display:inline-flex;align-items:center;gap:14px;min-height:42px;padding:11px 17px;background:var(--gold);color:#15130a;border-radius:3px;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta:hover,.button-gold:hover{background:#ffdb55}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:rgba(0,0,0,.4);padding:11px;border-radius:3px}.menu-toggle span{display:block;width:100%;height:2px;background:#eee;margin:4px 0}
.hero{position:relative;min-height:min(930px,100svh);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 68% 42%,#2b2110 0%,#14100a 33%,#050505 77%)}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(5,5,5,.84) 36%,rgba(6,6,6,.1) 70%),linear-gradient(0deg,#080808,transparent 27%)}
.hero-stage{position:absolute;inset:0 0 0 36%;z-index:-2;pointer-events:none}.hero-glow{position:absolute;inset:20% 0 4% 6%;background:radial-gradient(circle at 54% 48%,rgba(247,171,40,.28),transparent 40%);filter:blur(42px);animation:glow 11s ease-in-out infinite alternate}.hero-poster{position:absolute;top:17%;width:29%;height:70%;border:1px solid rgba(255,220,110,.35);box-shadow:0 20px 70px rgba(0,0,0,.75);overflow:hidden;border-radius:8px;filter:saturate(.82)}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster-left{left:18%;transform:rotate(-10deg) translateY(9%);opacity:.7}.hero-poster-center{left:38%;z-index:2;transform:rotate(1deg);width:31%;height:74%;filter:saturate(.95)}.hero-poster-right{left:63%;transform:rotate(9deg) translateY(7%);opacity:.76}.hero-content{position:relative;padding-top:86px;padding-bottom:60px}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.22em;line-height:1.5}.eyebrow-line{width:26px;height:1px;background:var(--gold)}.hero h1{max-width:880px;margin-top:27px;font-size:clamp(54px,7.1vw,112px);font-weight:800;letter-spacing:-.075em;line-height:.99;text-wrap:balance}.hero h1 em,.download h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.06em}.hero-description{max-width:530px;margin-top:30px;color:#e8e3d6;font-size:clamp(16px,1.35vw,20px);line-height:1.65}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:16px 22px;border-radius:3px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#12110b}.button-outline{border:1px solid rgba(255,255,255,.54);background:rgba(5,5,5,.38)}.button-outline:hover{border-color:var(--gold);color:var(--gold)}.hero-scroll{display:flex;align-items:center;gap:12px;margin-top:clamp(65px,9vh,130px);color:#a8a093;letter-spacing:.24em;font-size:10px;font-weight:700}.scroll-line{display:block;width:34px;height:1px;background:var(--gold)}.hero-bottom-line{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.42}
.intro-section{background:#090909}.intro-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:7vw}.intro-kicker{padding-top:18px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.18em;display:flex;gap:20px}.section-number{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.14em}.intro-copy h2,.section-heading h2,.download h2{font-size:clamp(42px,5.5vw,83px);font-weight:750;letter-spacing:-.064em;line-height:1.09}.gold-text{color:var(--gold)}.intro-copy>p{max-width:670px;margin-top:29px;font-size:clamp(16px,1.5vw,21px);color:var(--muted);line-height:1.6}.intro-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.intro-chips span{border:1px solid var(--line);border-radius:50px;color:#c8bfae;padding:10px 15px;font-size:10px;letter-spacing:.16em;font-weight:700}
.stories{background:linear-gradient(180deg,#0d0d0a,#11100b 68%,#090909);overflow:hidden}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:50px}.section-heading .eyebrow{margin-bottom:23px}.section-heading h2{font-size:clamp(43px,5.1vw,75px)}.section-heading>p{max-width:390px;color:var(--muted);font-size:15px;line-height:1.65;padding-bottom:5px}.story-carousel-wrap{position:relative}.story-carousel{display:flex;gap:19px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 22px}.story-carousel::-webkit-scrollbar{display:none}.story-card{flex:0 0 clamp(175px,22vw,286px);scroll-snap-align:start;min-width:0}.story-image{aspect-ratio:5/7;background:#27241b;overflow:hidden;border-radius:3px;position:relative}.story-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.45));pointer-events:none}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.story-card:hover img{transform:scale(1.035)}.story-meta{padding-top:17px}.story-type{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.18em}.story-meta h3{font-size:17px;line-height:1.3;margin-top:6px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.carousel-controls button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#171610;color:#eee;font-size:22px;transition:border .2s,color .2s}.carousel-controls button:hover{border-color:var(--gold);color:var(--gold)}.story-footnote{margin-top:5px;color:#8f8a7b;font-size:12px}
.experience{background:#080808}.feature-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.feature-panel{min-height:490px;position:relative;overflow:hidden;padding:35px;background:#15130e;border:1px solid var(--line);border-radius:5px}.feature-index{display:block;color:var(--gold);font-size:12px;letter-spacing:.18em;font-weight:800}.feature-panel h3{font-size:clamp(28px,2.6vw,42px);letter-spacing:-.05em;line-height:1.13;margin-top:32px}.feature-panel p{font-size:14px;line-height:1.65;max-width:260px;margin-top:17px;color:#b8b2a6}.feature-primary{display:flex;align-items:flex-start;justify-content:space-between;background:radial-gradient(circle at 85% 45%,rgba(247,192,65,.22),transparent 34%),linear-gradient(125deg,#171610,#0d0d0b)}.feature-primary .feature-text{position:relative;z-index:2}.feature-primary h3{margin-top:42px}.phone-preview{position:absolute;right:9%;top:12%;height:105%;width:min(45%,210px);border:8px solid #292824;background:#050505;border-radius:31px;transform:rotate(11deg);box-shadow:-22px 24px 48px #0009,0 0 0 1px #8c7d56;overflow:hidden}.phone-top{position:absolute;top:0;left:31%;width:38%;height:15px;border-radius:0 0 12px 12px;background:#1c1b18;z-index:5}.phone-screen{height:100%;position:relative}.phone-screen img{width:100%;height:100%;object-fit:cover}.phone-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 34%,#000d 86%)}.phone-ui{position:absolute;inset:29px 12px 31px;display:flex;flex-direction:column;justify-content:space-between}.phone-label{font-size:7px;letter-spacing:.14em}.phone-play{align-self:center;width:40px;height:40px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;background:#0005;font-size:14px}.phone-ui strong{font-size:11px;display:block}.phone-ui small{font-size:8px;color:#ddd}.phone-progress{height:2px;background:#fff8;margin-top:11px}.phone-progress i{height:2px;width:37%;display:block;background:var(--gold)}.phone-bottom{position:absolute;bottom:7px;left:30%;right:30%;height:4px;border-radius:8px;background:#ddd}.feature-secondary{background:radial-gradient(circle at 60% 67%,rgba(208,148,48,.1),transparent 50%),#16130f}.feature-tertiary{background:radial-gradient(circle at 70% 75%,rgba(238,189,72,.17),transparent 50%),#12110d}.feature-symbol{font-size:88px;color:#caa64c;opacity:.58;margin-top:20px;line-height:1}.feature-track{position:absolute;bottom:46px;left:35px;right:35px;height:4px;border-radius:5px;background:#544a34}.feature-track span{width:61%;height:100%;display:block;border-radius:5px;background:var(--gold)}.feature-sparkle{position:absolute;bottom:37px;right:32px;font-size:35px;color:var(--gold);letter-spacing:20px;opacity:.62}
.download{position:relative;background:radial-gradient(ellipse at 50% 100%,#2b2313 0%,#17130c 38%,#090909 75%);text-align:center;overflow:hidden}.download::before,.download::after{content:"";position:absolute;left:50%;width:1100px;height:1100px;border-radius:50%;border:1px solid rgba(232,190,81,.11);transform:translateX(-50%);pointer-events:none}.download::before{bottom:-650px}.download::after{bottom:-900px;width:1600px;height:1600px}.download-content{position:relative;z-index:1}.download-logo{width:92px;height:92px;object-fit:contain;border-radius:20px;margin:0 auto 31px;box-shadow:0 15px 45px #0008}.download .eyebrow{justify-content:center}.download h2{margin-top:20px}.download-content>p:not(.eyebrow){max-width:540px;margin:24px auto 0;color:var(--muted);line-height:1.65;font-size:16px}.store-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.store-button{min-width:225px;min-height:67px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #5d553f;border-radius:5px;background:#15140f;color:var(--ink);padding:11px 16px;transition:border .2s,transform .2s}.store-button:hover{border-color:var(--gold);transform:translateY(-2px)}.store-icon{font-size:25px;width:29px;text-align:center;color:var(--gold)}.store-play{font-size:21px}.store-button small{display:block;color:#a69b86;font-size:10px}.store-button strong{display:block;font-size:16px}.store-soon{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.08em;color:#181408;background:var(--gold);padding:5px 7px;border-radius:2px}.download .store-note{font-size:12px;max-width:none;margin-top:17px}
.footer{background:#080808;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:50px;padding-block:75px}.footer-brand>p{margin-top:15px;color:var(--muted);font-size:14px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h3{color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.footer-column a,.footer-column p{font-size:13px;color:#b8b3a9;line-height:1.55}.footer-column a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:22px 36px;color:#868076;font-size:11px}
.toast{position:fixed;z-index:90;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#252113;color:#fff;border:1px solid var(--gold);border-radius:4px;padding:13px 18px;font-size:13px;transition:opacity .2s,transform .2s;box-shadow:0 10px 40px #0009}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@keyframes glow{from{opacity:.55;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}
@media(max-width:1100px){.nav-links{gap:18px}.feature-grid{grid-template-columns:1.2fr 1fr}.feature-tertiary{grid-column:1/-1;min-height:250px}.feature-tertiary .feature-symbol{position:absolute;right:13%;top:20px}.feature-tertiary p{max-width:550px}.footer-top{grid-template-columns:1.8fr 1fr 1fr;gap:40px}.footer-column:last-child{grid-column:2/-1}}
@media(max-width:800px){.shell{width:min(calc(100% - 40px),var(--width))}.site-header{height:68px}.nav{gap:12px}.brand{font-size:21px}.brand img{width:34px;height:34px}.nav-links{position:fixed;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:18px 20px 26px;background:#0b0b09;border-bottom:1px solid var(--line);box-shadow:0 20px 35px #000b}.nav-links.open{display:flex}.nav-links a{padding:15px 4px;border-bottom:1px solid var(--line);font-size:15px}.nav-actions{margin-left:auto;gap:10px}.nav-cta{display:none}.menu-toggle{display:block}.hero{min-height:760px;min-height:100svh;align-items:flex-end}.hero-stage{inset:0;opacity:.9}.hero::before{background:linear-gradient(0deg,#080808 1%,#080808e8 27%,#09090948 68%),linear-gradient(90deg,#05050575,transparent 75%)}.hero-poster{top:11%;height:53%;width:37%}.hero-poster-left{left:1%}.hero-poster-center{left:33%;width:39%;height:56%}.hero-poster-right{left:69%}.hero-content{padding-top:240px;padding-bottom:43px}.hero h1{font-size:clamp(47px,10vw,79px);margin-top:15px}.hero-description{margin-top:18px}.hero-buttons{margin-top:25px}.hero-scroll{margin-top:45px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-copy h2{font-size:clamp(47px,8vw,67px)}.section-heading{display:block}.section-heading>p{margin-top:18px}.feature-grid{grid-template-columns:1fr 1fr}.feature-primary{grid-column:1/-1;min-height:440px}.feature-tertiary{grid-column:auto;min-height:390px}.feature-secondary{min-height:390px}.feature-panel h3{font-size:34px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:auto}}
@media(max-width:580px){.section-pad{padding-block:82px}.nav-actions select{font-size:11px}.hero{min-height:730px}.hero-stage{opacity:.75}.hero-poster{top:13%;height:42%;width:47%}.hero-poster-left{left:-13%}.hero-poster-center{left:27%;width:51%;height:46%}.hero-poster-right{left:71%}.hero-content{padding-top:290px}.hero h1{font-size:clamp(48px,12vw,69px)}.hero-description{font-size:15px;max-width:350px}.hero-buttons{gap:8px}.button{min-height:50px;gap:13px;padding:12px 14px;font-size:12px}.hero-scroll{margin-top:42px}.intro-copy h2,.section-heading h2,.download h2{font-size:clamp(42px,10vw,55px)}.eyebrow{font-size:10px;letter-spacing:.14em}.intro-chips span{font-size:9px}.story-carousel{gap:11px}.story-card{flex-basis:160px}.story-meta h3{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-primary,.feature-secondary,.feature-tertiary{grid-column:auto;min-height:385px}.feature-primary .phone-preview{width:38%;right:6%;height:95%;top:16%}.feature-primary h3{font-size:32px}.feature-primary p{max-width:180px}.feature-secondary,.feature-tertiary{min-height:315px}.feature-panel{padding:25px}.feature-panel h3{margin-top:15px}.feature-symbol{font-size:70px}.feature-track{left:25px;right:25px;bottom:28px}.store-buttons{display:grid}.store-button{width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-block:55px}.footer-column:last-child{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html,.story-carousel{scroll-behavior:auto}.hero-glow{animation:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* The opening artwork is original campaign art; catalog cards below use actual scene stills. */
.hero-stage{inset:0}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:center center}
.story-image{aspect-ratio:9/16}
.store-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;color:var(--gold)}
.store-icon svg{display:block;width:27px;height:27px;fill:currentColor}
.store-android svg{width:30px;height:30px}
.trademark-note{padding-bottom:26px;color:#777168;font-size:10px;line-height:1.5}
.trademark-note a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:800px){.hero-art{object-position:63% center}}
@media(max-width:580px){.hero-art{object-position:73% center}}