*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#071018;color:#f7f5ef;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:#f7be89}img{max-width:100%;height:auto;display:block}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #273038;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:750;letter-spacing:.13em;line-height:1.25}.brand img{width:72px}.subbrand{display:block;font-size:12px;letter-spacing:.45em;margin-top:6px}nav{display:flex;gap:30px;flex-wrap:wrap}nav a{font-size:15px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}nav a[aria-current]{color:#f1b07c}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:25px;padding-block:65px}.hero-logo{width:100%;max-width:500px;justify-self:end}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:#edb582;font-size:13px;font-weight:650;margin:0 0 18px}h1,h2,h3{line-height:1.06;letter-spacing:-.045em;margin:0 0 24px;font-weight:650}h1{font-size:clamp(42px,5.3vw,74px)}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:24px}em{font-style:normal;color:#edb582}.lead{font-size:21px;max-width:540px;color:#bdc7cd}.text-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;font-weight:600;text-decoration:none}.feature{display:grid;grid-template-columns:1.18fr 1fr;gap:48px;align-items:center;background:#0e1c28;padding:30px;border:1px solid #243748;border-radius:24px}.artwork{display:block;border-radius:14px;overflow:hidden}.artwork img{width:100%}.feature-copy{padding:10px 0}.tagline{font-size:23px;color:#fff}.feature-copy p:not(.eyebrow):not(.tagline){color:#bfcbd4}.feature h2{margin-bottom:14px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:13px 22px;background:#efb47e;color:#121419;border-radius:8px;text-decoration:none;font-size:15px;font-weight:750}.button:hover{background:#ffd1a7;color:#121419}small{color:#b6c3ce;font-size:13px}.closing{padding-block:100px}.closing p:not(.eyebrow){color:#bac7d1}footer{border-top:1px solid #273038;padding-block:35px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:82px}.footer-brand p{margin:5px 0;color:#acbac6;font-size:14px}.legal{width:100%;border-top:1px solid #26333d;padding-top:22px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;color:#abb8c2}.skip{position:absolute;top:-100px;left:16px;background:#fff;color:#000;padding:12px;z-index:10}.skip:focus{top:8px}:focus-visible{outline:3px solid #74d5ff;outline-offset:6px}.page-top{padding-block:65px 45px}.page-top p{max-width:680px;color:#bdc7cd}.page-top .eyebrow{color:#edb582}.page-top h1{max-width:900px}.content{max-width:820px;margin-bottom:80px}.content h2{font-size:29px;margin-top:44px}.content p,.content li{color:#c1cbd3}.contact-grid,.topics,.features{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:70px}.panel{padding:30px;background:#0e1c28;border:1px solid #293945;border-radius:14px}.panel p{color:#c1cbd3}.panel h2{font-size:27px}.panel a{overflow-wrap:anywhere}address{font-style:normal}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:40px 80px}.gallery img{border-radius:16px;width:100%;border:1px solid #314658}.product-art{border-radius:20px;width:100%;margin-bottom:50px}.features{grid-template-columns:repeat(3,1fr);gap:40px}.features p{color:#bdc7cd}.meta{font-size:14px;color:#b6c3ce}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{padding-block:45px;grid-template-columns:1fr 0.85fr}h1{font-size:46px}.feature{grid-template-columns:1fr;padding:20px;gap:16px}.features{grid-template-columns:1fr;gap:20px}.gallery{gap:12px}.contact-grid,.topics{grid-template-columns:1fr}.closing{padding-block:65px}nav{gap:20px}.brand{font-size:14px}.brand img{width:55px}}@media(max-width:540px){header{gap:12px;flex-wrap:wrap;padding-block:14px}.brand img{width:48px}.brand{font-size:14px}.subbrand{font-size:10px}header nav{gap:20px}header nav a{font-size:14px}.hero{grid-template-columns:1fr;padding-top:35px;gap:15px}.hero-logo{max-width:285px;justify-self:center;order:-1}.hero h1{font-size:43px}.lead{font-size:18px}.feature-copy{padding:5px}.actions{gap:10px}.page-top{padding-top:42px}h1{font-size:40px}.gallery{grid-template-columns:1fr;max-width:370px;margin-inline:auto}.legal a{overflow-wrap:anywhere}.panel{padding:24px}.closing h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.store-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-block:10px}.app-icon-link{display:block;flex:none}.app-icon-link img{width:72px;height:72px;border-radius:16px}.store-badge{display:block;padding:10px 0}.store-badge img{width:180px;height:auto}.store-links a:hover{opacity:.9}

/* Brindle Bounce product page: scoped extensions to the studio design. */
.bb-hero{text-align:center;padding-block:64px 58px;display:flex;flex-direction:column;align-items:center}.product-icon{display:inline-block;flex:none}.product-icon img{width:112px;height:112px;border-radius:24px}.bb-hero .eyebrow{margin-top:24px;color:#9ceaff}.bb-hero h1{margin-bottom:14px}.bb-tagline{font-size:clamp(24px,3vw,36px);line-height:1.2;font-weight:650;letter-spacing:-.03em;margin:0 0 22px}.bb-description{max-width:540px;color:#c1ced8;margin:0 0 18px;font-size:19px}.bb-hero small{margin-top:8px}.bb-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.bb-section-heading h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:0}.rail-controls{display:flex;gap:10px}.rail-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #536a7b;background:#102433;color:#a8eaff;font-size:25px;cursor:pointer}.rail-controls button:hover{background:#203d50}.rail-controls button:disabled{opacity:.35;cursor:default}.rail-hint{font-size:14px;color:#aebfcd;margin:20px 0}.screenshot-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;scrollbar-color:#579eb9 #142432}.screenshot-rail figure{margin:0;flex:0 0 300px;scroll-snap-align:start;min-width:0}.screenshot-rail img{width:100%;height:auto;border-radius:16px;border:1px solid #36546b}.screenshot-rail figcaption{font-size:14px;margin-top:12px;color:#c2d1dd}.screenshot-rail figcaption span{color:#94deef;margin-right:8px}.bb-how,.bb-features{padding-block:75px;border-bottom:1px solid #273c4a}.play-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0 24px}.play-steps li>span{color:#8cdff4;font-size:14px}.play-steps h3{margin:15px 0 12px;font-size:29px}.play-steps p,.bb-feature-grid p{color:#bdcbd6;margin:0;max-width:340px}.bb-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 70px;margin-top:40px}.bb-feature-grid h3{margin-bottom:12px}.bb-final{text-align:center;padding-block:70px}.bb-final .product-icon img{width:80px;height:80px;border-radius:18px}.bb-final h2{margin-top:24px}.bb-final p{color:#bdcbd6;font-size:15px}@media(max-width:800px){.screenshot-rail figure{flex-basis:40vw}.play-steps{gap:24px}.bb-feature-grid{gap:32px}.bb-section-heading{align-items:center}}@media(max-width:540px){.bb-hero{padding-block:40px}.bb-hero h1{font-size:42px}.product-icon img{width:96px;height:96px}.bb-description{font-size:18px}.bb-section-heading{align-items:flex-start}.bb-section-heading h2{font-size:29px}.rail-controls{gap:6px}.rail-controls button{width:44px;height:44px}.screenshot-rail figure{flex-basis:78vw}.screenshot-rail{gap:24px}.play-steps,.bb-feature-grid{grid-template-columns:1fr;gap:28px}.bb-how,.bb-features{padding-block:50px}.bb-final{padding-block:50px}}