:root{color-scheme:dark;--bg:#111310;--surface:#1a1d18;--raised:#22271f;--text:#f5f4e9;--muted:#b1b6a8;--line:#343b2d;--gold:#e4ef92;--ink:#18200e;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:18px;font-weight:750;line-height:1.3}.brand img{border-radius:12px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--muted);font-weight:550}.topbar nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.topbar nav a{min-height:44px;display:flex;align-items:center}.topbar nav a:hover,.text-link:hover,.sub-link:hover{color:var(--gold)}.nav-support{border:1px solid var(--line);padding:0 17px;border-radius:30px;gap:20px}.skip{position:fixed;top:-100px;background:var(--gold);color:var(--ink);padding:10px;z-index:99}.skip:focus{top:5px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:690px;gap:30px;padding-block:50px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.6;color:var(--gold);margin:0 0 20px;display:flex;gap:10px;align-items:center}.eyebrow span,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.12;letter-spacing:-3.6px;margin:0 0 27px;font-weight:760}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:18px;line-height:1.8;color:var(--muted);max-width:490px;margin:0 0 30px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:11px;min-height:50px;padding:11px 20px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .18s,transform .18s;cursor:pointer}.button:hover{transform:translateY(-2px)}.primary{color:var(--ink);background:var(--gold)}.primary:hover{background:#f0f7b8}.secondary{color:var(--text);border-color:#515d44;background:transparent}.secondary:hover{background:var(--raised)}.text-link{font-size:14px;font-weight:650;display:inline-flex;min-height:44px;align-items:center}.hero-note{font-size:11px;color:var(--muted);margin-top:20px}.product-visual{min-height:560px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 50% 48%,#45513c66,transparent 65%)}.visual-grid{position:absolute;inset:10px;background-image:linear-gradient(#66764712 1px,transparent 1px),linear-gradient(90deg,#66764712 1px,transparent 1px);background-size:45px 45px;z-index:-1;mask-image:radial-gradient(ellipse,black,transparent 75%)}.phone{width:232px;border:7px solid #292e25;border-radius:35px;overflow:hidden;box-shadow:0 40px 80px #0009,0 0 0 1px #75836760;transform:rotate(7deg)}.phone img{width:100%;height:auto}.visual-label{position:absolute;left:3%;bottom:72px;display:flex;align-items:center;gap:13px;background:#22271ff5;border:1px solid #64704e;padding:15px 20px;border-radius:13px;box-shadow:0 15px 45px #0005;font-size:12px;color:var(--muted)}.visual-label strong{display:block;font-size:16px;color:var(--text);font-weight:600}.vertical-label{position:absolute;right:0;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#818e74}.platform-strip{border-block:1px solid var(--line);background:#161914}.platform-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:83px}.platform-strip span{font-size:9px;letter-spacing:1.5px;color:var(--muted);flex-shrink:0}.platform-strip p{font-size:13px;color:#d9ddcf}.platform-strip b{padding-inline:12px;color:#65734e;font-weight:400}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:10px}h2{font-size:35px;font-weight:680;line-height:1.25;letter-spacing:-1.2px;margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download{padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:start;position:relative}.device-symbol{font-weight:700;color:var(--gold);font-size:25px;line-height:1;margin-bottom:34px;letter-spacing:-1px}.tag{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:650}h3{font-size:22px;font-weight:650;line-height:1.4;letter-spacing:-.5px;margin:10px 0}.download p{font-size:14px;color:var(--muted);margin:0 0 25px;flex-grow:1}.download .button{width:100%}.sub-link{display:flex;min-height:44px;align-items:center;font-size:12px;color:var(--muted);margin-top:5px}.tv-section{margin-top:24px;background:#20271b;border:1px solid #465335;border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1fr 1.25fr;gap:50px}.tv-intro .eyebrow{font-size:9px;margin-bottom:10px}.tv-intro h3{font-size:28px;line-height:1.25;margin:0 0 15px}.tv-intro p{font-size:13px;color:var(--muted);max-width:330px;margin:0}.tv-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #435036;gap:20px;min-height:74px}.tv-links a:last-child{border-bottom:0}.tv-links a>span:last-child{color:var(--gold);font-size:22px}.tv-links strong{font-size:14px;font-weight:600;display:block}.tv-links small{font-size:11px;color:var(--muted)}.tv-links a:hover strong{color:var(--gold)}.guide-band{background:#181c16;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps a{border-top:1px solid #48553a;padding-top:18px;display:block}.steps span{font-size:12px;color:var(--gold);letter-spacing:2px}.steps h3{font-size:19px;margin-top:22px}.steps p{font-size:13px;color:var(--muted);max-width:310px;margin:0 0 18px}.steps b{font-size:12px;font-weight:600;color:var(--gold)}.section-description{color:var(--muted);font-size:14px;max-width:700px;margin:-10px 0 25px}.search-row{display:flex;gap:14px}.search-box{display:flex;align-items:center;gap:14px;flex:1;background:var(--surface);border:1px solid #536045;border-radius:11px;padding-inline:18px;min-width:0}.search-box>span{font-size:25px;color:var(--gold)}.search-box input{width:100%;min-width:0;border:0;background:none;color:var(--text);padding:15px 0;outline-offset:0;font-size:14px}.search-box:focus-within{border-color:var(--gold)}.game-state{font-size:11px;color:var(--muted);min-height:20px;margin:15px 0}.game-results{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.game-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:19px 0}.game-row strong{font-size:14px;display:block;line-height:1.4;font-weight:600}.game-row small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.copy-button{background:none;color:var(--gold);border:1px solid #4a563b;min-height:44px;padding:8px 12px;border-radius:8px;font-size:11px;flex-shrink:0}.copy-button:hover{background:var(--raised)}.support-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.support-section h2{font-size:40px;margin-bottom:20px}.support-section p{font-size:14px;color:var(--muted)}.support-section .hero-actions{margin-top:30px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{font-size:14px;font-weight:600;min-height:30px}.faq p{font-size:13px;padding-right:20px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:35px}footer .brand{font-size:14px}footer .brand small{font-size:8px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:12px;background:var(--gold);color:var(--ink);padding:12px 22px;box-shadow:0 10px 40px #0005;font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s;max-width:90vw;text-align:center;z-index:10}#toast.show{opacity:1}
@media(min-width:1500px){.hero{min-height:740px}}@media(max-width:950px){.wrap{width:calc(100% - 40px)}.topbar nav{gap:16px}.hero{gap:0;min-height:630px}.hero h1{font-size:56px;letter-spacing:-2.7px}.intro{font-size:16px}.hero-actions{gap:15px}.hero-note{max-width:300px}.product-visual{min-height:520px}.phone{width:200px}.visual-label{bottom:60px;font-size:10px;padding:12px}.visual-label strong{font-size:13px}.vertical-label{display:none}.download{padding:21px}.download h3{font-size:19px}.section-heading>p{max-width:270px}.platform-strip .wrap{flex-direction:column;justify-content:center;gap:0;padding-block:16px}.platform-strip p{margin:8px 0 0}.platform-strip b{padding-inline:7px}.support-section{gap:35px}.section{padding-block:65px}}
@media(max-width:650px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.topbar{min-height:88px;align-items:start;padding-top:19px;gap:15px;flex-wrap:wrap}.brand{font-size:15px}.brand img{width:34px;height:34px}.brand small{font-size:8px}.topbar nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.topbar nav a{min-height:42px}.nav-support{border:0;padding:0;gap:8px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:52px;letter-spacing:-2.6px;margin-bottom:20px}.intro{font-size:15px;max-width:100%;margin-bottom:23px}.hero-note{max-width:none;font-size:10px}.button{font-size:13px;padding:11px 16px;gap:12px}.hero .text-link{font-size:12px}.hero-actions{gap:18px}.product-visual{min-height:450px;max-width:400px;width:100%;margin:auto}.phone{width:182px}.visual-label{left:5px;bottom:48px;padding:12px 15px}.visual-label strong{font-size:14px}.platform-strip p{text-align:center;line-height:2.3;font-size:11px}.platform-strip span{font-size:8px}.section{padding-block:48px}.section-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:25px}.section-heading>p{max-width:none;font-size:12px}.section-heading h2{font-size:29px;letter-spacing:-1px}.download-grid{grid-template-columns:1fr;gap:15px}.download{padding:23px}.device-symbol{margin-bottom:20px;font-size:24px}.download h3{font-size:23px}.download p{font-size:14px}.download .sub-link{font-size:12px}.tv-section{padding:24px;grid-template-columns:1fr;gap:12px}.tv-intro h3{font-size:27px}.tv-intro h3 br{display:none}.tv-intro p{font-size:13px}.steps{grid-template-columns:1fr;gap:24px}.steps h3{margin-top:12px}.steps p{max-width:none}.search-row{flex-direction:column;align-items:stretch;gap:10px}.search-row>.button{align-self:start}.search-box{min-height:54px}.game-results{grid-template-columns:1fr}.game-row{padding:17px 0}.copy-button{font-size:12px}.game-row strong{font-size:14px}.game-row small{font-size:11px}.support-section{grid-template-columns:1fr;gap:25px}.support-section h2{font-size:34px}.support-section .hero-actions{gap:17px}.faq summary{font-size:14px}footer{align-items:start;flex-direction:column;gap:12px;padding-block:28px}footer p{margin:0}footer>a:last-child{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Warm charcoal and gold, matching the app. */
:root{--bg:#171512;--surface:#24211d;--raised:#302b25;--text:#fff5e5;--muted:#beb3a4;--line:#443c32;--gold:#efc679;--ink:#2d2112;--radius:12px}
.hero{min-height:740px;gap:70px}.hero h1{font-weight:720;letter-spacing:-3px;font-size:clamp(48px,5.4vw,76px)}.hero .eyebrow{letter-spacing:2px;color:var(--muted)}.hero-copy{padding-bottom:15px}.product-visual{overflow:visible;background:none;min-height:650px;border-radius:0;perspective:1600px}.phone{position:relative;width:280px;padding:7px;border:2px solid #a99a87;border-radius:48px;overflow:visible;transform:rotate(-4deg) rotateY(-9deg);background:linear-gradient(110deg,#b6a794,#5b5147 12%,#b7a58d 48%,#3d3730 85%,#948673);box-shadow:inset 0 0 0 2px #3d352d,0 32px 55px #0006,12px 6px 0 -9px #6e6153;isolation:isolate}.phone::before{content:"";position:absolute;inset:2px;border:1px solid #e3cfad55;border-radius:44px;pointer-events:none}.phone-screen{position:relative;background:#080807;overflow:hidden;border:3px solid #090908;border-radius:39px}.phone-screen img{width:100%;height:auto}.camera-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:83px;height:24px;background:#030303;border-radius:18px;box-shadow:inset 0 0 0 1px #1b1b1b;display:flex;justify-content:end;align-items:center;padding:5px 8px}.front-camera{height:12px;width:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#24374c 0,#101b29 25%,#050609 58%,#151719 70%,#020202 80%);box-shadow:0 0 0 1px #17191a}.home-indicator{position:absolute;bottom:6px;width:85px;height:3px;background:#ece7df;left:50%;transform:translateX(-50%);border-radius:10px}.side-button{position:absolute;width:4px;left:-5px;background:linear-gradient(90deg,#554a3f,#c5b496,#726553);border:1px solid #5a4e40;border-radius:2px}.action-key{top:90px;height:21px}.volume-up{top:139px;height:45px}.volume-down{top:195px;height:45px}.power-key{left:auto;right:-5px;top:160px;height:67px}.platform-strip,.guide-band{background:#201c17}.platform-strip b{color:#9b7a4e}.primary:hover{background:#ffdaa0}.download{border-radius:12px;background:#211e1a}.device-symbol{font-size:21px}.tv-section{background:#282219;border-color:#5d4b34;border-radius:12px}.tv-links a{border-color:#554530}.tv-intro .eyebrow{color:var(--muted)}.steps a{border-color:#735a36}.search-box{border-color:#6d583a}.copy-button{border-color:#6c5737}.section-heading h2{letter-spacing:-.8px}.hero-note{color:#a99c8a}.button{border-radius:8px}.nav-support{border-color:var(--line)}.game-results{gap:0 40px}#toast{background:#efc679;color:#2d2112}
.doc-shell{max-width:880px;margin:auto;padding:30px 24px 70px}.doc-header{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:35px}.doc-header>a{color:var(--ink);background:var(--gold);display:inline-flex;min-height:48px;align-items:center;padding:0 18px;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px #0003}.doc-header>a:hover{filter:brightness(1.08);transform:translateY(-1px)}.doc-body{overflow-wrap:anywhere}.doc-body h1{font-size:38px;letter-spacing:-1px}.doc-body h2{font-size:27px;margin-top:40px}.doc-body h3{margin-top:28px}.doc-body p,.doc-body li{color:var(--muted)}.doc-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.doc-body img{max-height:650px;width:auto;border-radius:12px;margin:20px auto}.doc-body pre{overflow:auto;background:var(--surface);padding:20px;border-radius:10px}.doc-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.doc-body td,.doc-body th{border:1px solid var(--line);padding:10px}.doc-body code{color:var(--text)}.doc-body blockquote{border-left:3px solid var(--gold);margin-left:0;padding-left:20px}
@media(max-width:950px){.hero{gap:30px;min-height:660px}.product-visual{min-height:590px}.phone{width:255px}.hero h1{font-size:57px}}
@media(max-width:650px){.hero{gap:10px;min-height:auto;padding-top:35px}.hero h1{font-size:52px;letter-spacing:-2px}.product-visual{min-height:630px;max-width:none}.phone{width:264px}.hero-copy{padding-bottom:0}.camera-island{top:9px}.phone-screen{border-radius:38px}.hero .intro{max-width:350px}.doc-body h1{font-size:30px}.doc-body h2{font-size:24px}}
/* Motion follows reading order and stays on compositor-friendly transform/opacity. */
.button,.copy-button,.download,.steps a,.tv-links a,.topbar nav a{transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s,color .2s,box-shadow .24s}
.button:active,.copy-button:active{transform:translateY(0) scale(.975)}
.topbar nav a{position:relative}.topbar nav a:not(.nav-support)::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.22,1,.36,1)}.topbar nav a:hover::after,.topbar nav a:focus-visible::after{transform:scaleX(1)}
.tv-links a>span:last-child{transition:transform .25s}.tv-links a:hover>span:last-child{transform:translate(3px,-3px)}
#toast{transform:translate(-50%,10px);transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1)}#toast.show{transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.download:hover{transform:translateY(-5px);border-color:#8b6a3d;box-shadow:0 16px 30px #0002}.steps a:hover{transform:translateY(-3px)}.copy-button:hover{border-color:var(--gold)}}
@media(prefers-reduced-motion:no-preference){.phone{animation:phone-float 7s ease-in-out infinite;animation-delay:.7s}.product-visual:has(.phone:hover) .phone{animation-play-state:paused}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(-4deg) rotateY(-9deg)}50%{transform:translateY(-9px) rotate(-3deg) rotateY(-7deg)}}}
@media(prefers-reduced-motion:reduce){.button,.copy-button,.download,.steps a,.tv-links a,.topbar nav a,.topbar nav a::after,.tv-links a>span:last-child,#toast{transition:none}.download:hover,.steps a:hover,.button:hover,.button:active,.copy-button:active{transform:none}}