@font-face{font-family:Oswald;src:url('./assets/oswald.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Courier;src:url('./assets/courier.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--red:#c50b32;--paper:#fff3db;--ink:#291d25;--muted:#756856}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #d68a00;outline-offset:6px}.skip{position:absolute;top:-80px;left:20px;padding:10px;background:var(--paper);z-index:20}.skip:focus{top:10px}.wrap{width:min(1320px,calc(100% - 72px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:24px}.wordmark{font:700 31px/1 Oswald,sans-serif;letter-spacing:-.6px;text-decoration:none}.wordmark span{color:var(--red)}.nav nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:650}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}.hero{background:var(--red);color:var(--paper);overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:900px;height:900px;right:-170px;top:20px;border-radius:50%;background:#ffe4ce;opacity:.1}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding:74px 0 60px;position:relative}.eyebrow{font:700 12px/1.5 Courier,monospace;letter-spacing:2px;text-transform:uppercase}h1,h2,h3{font-family:Oswald,sans-serif;font-weight:700;line-height:1.06;margin:0;text-transform:uppercase}h1{font-size:clamp(62px,7.7vw,112px);letter-spacing:-2px;margin:24px 0 30px}.lead{font-size:19px;line-height:1.65;max-width:470px}.hero .lead{color:#fff0dd}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 23px;font:700 15px system-ui,sans-serif;text-decoration:none;background:var(--paper);color:var(--red);border:2px solid var(--paper);border-radius:5px;box-shadow:0 5px 0 #5c031d55;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button.outline{background:transparent;color:var(--paper)}.availability{font-size:13px;letter-spacing:.2px;opacity:.8;margin-top:26px}.hero-art{height:680px;position:relative}.phone{position:absolute;width:306px;top:14px;left:150px;padding:8px;border:3px solid #a5a0a1;border-radius:33px;background:#17131c;transform:rotate(9deg);box-shadow:9px 13px 0 #2c1522,0 35px 55px #500b2280}.phone img{border-radius:23px;width:100%;height:auto}.detective{height:470px;width:auto;position:absolute;bottom:-12px;left:-6px;z-index:3;filter:drop-shadow(0 15px 10px #35041755)}.chat{position:absolute;top:196px;left:3px;z-index:2;width:340px;padding:20px 25px;border:2px solid #d4dbea;border-radius:19px;background:#f5f7fc;color:var(--ink);transform:perspective(900px) rotateY(12deg) rotate(-8deg);box-shadow:5px 7px 0 #b1baca,10px 14px 0 #909ba9,0 25px 30px #37051f55}.chat small{font:700 10px Courier,monospace;letter-spacing:1.5px;color:#637083}.chat p{font-size:27px;font-weight:750;line-height:1.2;margin:12px 0 0;color:var(--red)}.tape{position:absolute;left:10%;top:-12px;width:78px;height:23px;background:#e2c98dcc;transform:rotate(8deg)}.stat-strip{border-bottom:1px solid #d5c6a9}.stat-strip .wrap{display:flex;justify-content:space-between;gap:26px;padding:25px 0;font:700 15px Courier,monospace}.stat-strip b{color:var(--red)}.section{padding:92px 0}.section h2{font-size:clamp(42px,5vw,65px);letter-spacing:-1px}.section-intro{font-size:18px;max-width:620px;color:var(--muted)}.section-heading{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading .section-intro{max-width:420px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.gallery figure{margin:0}.gallery img{border-radius:7px;box-shadow:0 16px 25px #33262622;width:100%;height:auto}.gallery figure:nth-child(1){transform:rotate(-2deg)}.gallery figure:nth-child(3){transform:rotate(2deg)}.gallery figcaption{font:700 13px Courier,monospace;margin-top:18px;color:var(--muted)}.play-section{background:var(--ink);color:var(--paper)}.play-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}.play-section .section-intro{color:#d0bfa7}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:26px 0;border-top:1px solid #d5c6a944}.steps li:first-child{padding-top:0;border:0}.steps span{font:700 27px Courier,monospace;color:#eab8ed}.steps h3{font-size:30px;margin-bottom:12px}.steps p{margin:0;color:#decebd;font-size:16px;max-width:500px}.access{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.access p{max-width:590px}.access-note{padding:36px;background:#ecd8af;position:relative;box-shadow:5px 8px 0 #d7bd8f;transform:rotate(-1deg)}.access-note h3{font-size:31px;margin:8px 0 15px}.access-note p{margin:0 0 18px;font-size:15px}.access-note a{font-weight:700}.support-callout{background:var(--red);color:var(--paper);padding:55px 0}.support-callout .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}.support-callout h2{font-size:43px}.support-callout p{margin:12px 0 0}.footer{padding:34px 0;border-top:1px solid #d5c6a9}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer nav{display:flex;gap:22px;font-size:13px}.footer p{font-size:12px;color:var(--muted);margin:15px 0 0}.support-hero{background:var(--ink);color:var(--paper);padding:70px 0}.support-hero h1{font-size:clamp(58px,7vw,90px)}.support-grid{display:grid;grid-template-columns:340px 1fr;gap:75px}.contact-card{background:#eddcb9;padding:30px;align-self:start;position:sticky;top:24px}.contact-card h2{font-size:34px;margin:8px 0 20px}.contact-card a{overflow-wrap:anywhere}.contact-card .button{background:var(--red);color:white;border-color:var(--red);margin-top:8px}.contact-card p{font-size:14px}.faq h2{font-size:40px;margin-bottom:25px}.faq details{border-top:1px solid #d1bea0;padding:22px 0}.faq summary{font-size:19px;font-weight:700;cursor:pointer;padding-right:20px}.faq details p{max-width:730px;color:#645744}.faq a{color:#a8072b;font-weight:650}.faq details:last-child{border-bottom:1px solid #d1bea0}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.85);transform-origin:50% 50%;margin-left:-30px;margin-right:-60px}.hero-grid h1{font-size:80px}.play-layout,.access{gap:45px}.support-grid{grid-template-columns:280px 1fr;gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{padding:22px 0;gap:15px}.wordmark{font-size:27px}.nav nav{gap:14px;font-size:12px}.hero-grid{display:block;padding-top:45px;padding-bottom:25px}.hero-grid h1{font-size:clamp(66px,13vw,90px);letter-spacing:-1.5px}.lead{font-size:17px}.hero-art{height:610px;width:470px;max-width:none;transform:scale(.8);transform-origin:0 0;margin:35px 0 -110px -12px}.phone{left:130px}.chat{left:10px}.detective{left:0;bottom:0;height:435px}.stat-strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:13px 27px;font-size:12px;padding:20px 0}.section{padding:60px 0}.section-heading,.play-layout,.access,.support-grid{display:block}.section-heading .section-intro{margin-top:20px}.gallery{gap:13px}.gallery figcaption{font-size:10px}.gallery figure{transform:none!important}.play-layout .steps{margin-top:35px}.steps li{gap:14px}.access-note{margin-top:32px;padding:28px}.support-callout .wrap{display:block}.support-callout .button{margin-top:25px}.support-callout h2{font-size:36px}.footer .wrap{align-items:start;flex-direction:column;gap:20px}.footer nav{flex-wrap:wrap;gap:18px}.contact-card{position:static;margin-bottom:45px}.support-hero{padding:45px 0}.support-hero h1{font-size:64px}.faq summary{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Keep the teaser unobscured and give phone-sized previews room to breathe. */
.chat{top:100px}
@media(max-width:760px){.chat{top:62px}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 20px 25px;margin:0 -20px;gap:20px}.gallery figure{flex:0 0 78%;scroll-snap-align:center}.gallery figcaption{font-size:12px}}
.hero-grid h1{font-size:clamp(62px,7.1vw,104px)}
@media(max-width:760px){.hero-grid h1{font-size:clamp(42px,13vw,60px)}}

/* App family navigation */
.nav nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}@media(max-width:600px){.nav{flex-wrap:wrap}.nav nav{width:100%;justify-content:space-between;gap:12px}}