:root{color-scheme:light;--ink:#2a1b19;--coral:#f05245;--paper:#fff3e4;--action:#b63229;--positive:#2f9965;--tint:#ffdfd4;--muted:#715853;--line:#dec5ba;--radius:1.5rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}
a{color:inherit;text-underline-offset:.25em}
a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
img{display:block;max-width:100%;object-fit:cover}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(2.7rem,5.4vw,4.9rem);font-weight:900}
h2{font-size:clamp(2.1rem,4vw,3.8rem);font-weight:800}
h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.025em}
.container{width:min(100% - 3rem,76rem);margin-inline:auto}
.skip-link{position:absolute;z-index:5;top:.5rem;left:1rem;padding:.7rem 1rem;background:var(--coral);transform:translateY(-200%)}
.skip-link:focus{transform:none}
.preview-note{padding:.55rem 1rem;text-align:center;background:var(--coral);font-size:.875rem;line-height:1.5;font-weight:600}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.2rem;flex-wrap:wrap}
.wordmark{display:block;width:11.5rem;height:3.7rem;overflow:hidden;border-radius:.75rem;text-decoration:none;flex-shrink:0}
.wordmark img{width:100%;height:100%;object-fit:cover}
nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
nav a{text-decoration:none;font-size:.95rem;line-height:1.5;padding-block:.45rem}
nav a:hover,nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}
.nav-secondary{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.7rem;padding:1rem 1.4rem;border:1px solid var(--ink);border-radius:999px;background:var(--coral);color:var(--ink);text-decoration:none;font-weight:700;line-height:1.4;text-align:center;min-height:3rem}
.button:hover{background:#ff7566;color:var(--ink)}
.button-small{font-size:.9rem;padding:.75rem 1.15rem}
.button span{font-size:1.35rem}
.text-link{color:var(--ink);font-weight:700;display:inline-block;line-height:1.5;padding-block:.5rem}
.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.065em;text-transform:uppercase;line-height:1.5;margin-bottom:1.1rem}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5rem);padding-block:4.5rem 5rem;align-items:center}
.hero h1 span{display:inline;background:linear-gradient(transparent 77%,var(--coral) 77%,var(--coral) 94%,transparent 94%)}
.lead{font-size:1.125rem;max-width:34rem;line-height:1.7;margin-top:1.5rem;color:var(--muted)}
.actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}
.store-prompt{font-weight:800;margin-top:2rem;margin-bottom:.7rem}
.store-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.store-badge{display:block;height:3.25rem;border-radius:.55rem;overflow:hidden;transition:transform .15s ease}
.store-badge:hover{transform:translateY(-2px)}
.store-badge img{width:auto;height:100%;object-fit:contain}
.store-badge-play{height:3.25rem}
.hero-secondary{display:flex;gap:.7rem 1.4rem;flex-wrap:wrap;margin-top:1rem}
.fee-note{font-size:.875rem;color:var(--muted);margin-top:1rem;max-width:34rem}
.launch-note{display:flex;align-items:baseline;gap:.6rem;font-size:.875rem;color:var(--muted);margin-top:1.5rem;max-width:32rem}
.launch-note>span{display:inline-block;width:.55rem;height:.55rem;background:var(--coral);border-radius:50%;flex-shrink:0}
.hero-image{position:relative;isolation:isolate;min-width:0}
.hero-image img{width:100%;height:35rem;border-radius:10rem 1.5rem 1.5rem 1.5rem;object-position:center}
.hero-image figcaption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;background:var(--paper);border-radius:1rem;padding:1rem 1.3rem;line-height:1.35;box-shadow:0 .3rem 2rem #2a1b1912}
.hero-image figcaption span{display:block;font-size:.875rem}
.hero-image figcaption strong{display:block;font-size:2.15rem;letter-spacing:-.04em}
.hero-video{justify-self:center;width:min(100%,25rem);scroll-margin-top:2rem}
.hero-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border:1px solid var(--ink);border-radius:2rem;background:#000;box-shadow:0 1.2rem 3rem #2a1b1928}
.hero-video video:fullscreen,.hero-video video:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;background:#000;border:0;border-radius:0;box-shadow:none}
.hero-video figcaption{text-align:center;font-size:.85rem;font-weight:700;margin-top:.8rem}
.formats{padding-block:1rem 5rem}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.format-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}
.format-card img{width:100%;height:17rem}
.format-card>div{padding:1.8rem}
.format-card .eyebrow{color:var(--muted);margin-bottom:.65rem}
.format-card h3{margin-bottom:1rem}
.format-card p:last-child{color:var(--muted)}
.category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.category-strip img{width:100%;height:auto;aspect-ratio:1;border-radius:1.3rem}
.category-strip figcaption{margin-top:.65rem;text-align:center;font-weight:700;line-height:1.35;font-size:.9rem}
.image-note{margin-top:1.4rem;color:var(--muted);font-size:.8rem}
.steps-section{padding-block:4.5rem;background:var(--coral);color:var(--ink)}
.steps-section .eyebrow{color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;margin:3rem 0 1rem;padding:0;counter-reset:steps}
.steps li{position:relative;min-height:17rem;padding:2rem 1.7rem;background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:.5rem .5rem 0 #2a1b1920}
.steps li:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-1.2rem;top:2.1rem;width:2.3rem;height:2.3rem;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%;font-weight:800}
.step-number{display:grid;place-items:center;width:4.5rem;height:4.5rem;font-size:1.7rem;line-height:1;color:var(--paper);background:var(--ink);border-radius:50%;font-weight:800;letter-spacing:-.04em;margin-bottom:2.2rem}
.steps h3{margin-bottom:1rem}
.steps p{color:var(--muted)}
.local-detail{padding-top:1.25rem;border-top:1px solid #2a1b1944;color:var(--ink);font-size:.875rem}
.business-section{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding-block:5rem}
.business-section .button{margin-top:1.7rem}
.business-model{padding:2.5rem;background:white;border:1px solid var(--line);border-radius:var(--radius)}
.business-model-top{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:1.5rem;align-items:center;margin-bottom:1.3rem}
.business-mascot{width:14rem;height:14rem;object-fit:contain;justify-self:start}
.business-model-top .eyebrow{margin-bottom:.7rem}
.business-model-top .zero{font-size:3.8rem}
.zero{font-size:4.5rem;font-weight:800;line-height:1.1;letter-spacing:-.05em;display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem;margin-bottom:1.1rem;color:var(--positive)}
.zero span{font-size:1.05rem;font-weight:600;letter-spacing:0}
.model-note{font-size:.875rem;margin-top:1.3rem;padding-top:1.3rem;border-top:1px solid #2a1b1944}
.faq-section{padding-block:4.5rem;background:white;border-top:1px solid var(--line)}
.faq-section h2{margin-bottom:2rem}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.faq-grid details{border:1px solid var(--line);border-radius:1rem;padding:1.2rem 1.3rem;background:var(--paper)}
.faq-grid summary{cursor:pointer;font-size:1.15rem;font-weight:700;line-height:1.35}
.faq-grid details p{color:var(--muted);margin-top:.8rem}
.closing-section{background:white;padding-block:3.4rem;border-block:1px solid var(--line)}
.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.closing-inner .button{background:var(--coral);color:var(--ink)}
.closing-inner .button:hover{background:#ff7566;color:var(--ink)}
.closing-inner h2{font-size:clamp(2rem,3.5vw,3.2rem)}
.closing-inner .eyebrow{margin-bottom:.6rem}
.site-footer{padding-block:2.7rem}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:1.8rem}
.site-footer>p{font-size:.875rem;color:var(--muted);max-width:65rem}
.footer-signoff{margin-top:1rem}
@media(max-width:70rem){.header-inner nav{order:3;flex-basis:100%;justify-content:center;gap:.5rem 1.5rem}.hero{gap:2rem}.hero-image img{height:31rem}.business-section{gap:2rem}}
@media(max-width:48rem){.container{width:calc(100% - 2rem)}.header-inner{gap:1rem}.header-inner nav{justify-content:flex-start;gap:.3rem 1rem}.hero{grid-template-columns:1fr;padding-block:2.8rem 3rem;gap:2.3rem}.hero-copy{max-width:38rem}.hero-video{width:min(100%,20rem)}.hero-image img{height:28rem;border-top-left-radius:6rem}.hero-image{max-width:38rem;width:100%;margin-inline:auto}.format-grid,.business-section,.steps,.faq-grid{grid-template-columns:1fr}.formats{padding-bottom:3rem}.format-card img{height:16rem}.steps-section{padding-block:3rem}.steps{gap:1.2rem}.steps li{min-height:0}.steps li:not(:last-child)::after{content:"↓";right:1rem;top:auto;bottom:-1.75rem}.business-section{padding-block:3rem}.business-model{padding:1.4rem}.business-model-top{grid-template-columns:8.5rem minmax(0,1fr);gap:.8rem}.business-mascot{width:8.5rem;height:8.5rem}.business-model-top .zero{font-size:2.7rem}.business-model-top .zero span{font-size:.82rem}.footer-main nav{gap:.5rem 1.3rem}.section-heading{gap:1rem}}
@media(max-width:56rem){.store-badge,.store-badge-play{height:2.5rem}}
@media(min-width:44.01rem) and (max-width:56rem){.hero{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;padding-block:3rem}.hero-video{width:min(100%,19rem)}}
@media(max-width:44rem){.header-inner{padding-block:.8rem}.wordmark{width:9rem;height:auto;aspect-ratio:184/60}.header-inner nav{gap:.2rem .65rem}.header-inner nav a{font-size:.875rem}.hero{padding-top:1.6rem}.hero-video{order:-1;width:min(100%,15rem)}.store-actions{gap:.65rem}.store-badge,.store-badge-play{height:2.5rem}}
@media(max-width:24rem){.wordmark{width:10rem;height:3.23rem}.button-small{padding:.65rem .9rem}.hero-image img{height:23rem}.hero-image figcaption{left:1rem;right:1rem;bottom:1rem}.hero-image figcaption strong{font-size:1.8rem}.format-card>div{padding:1.25rem}.zero{font-size:3.8rem}}
@media(max-width:24rem){.wordmark{width:8.5rem;height:auto}.header-inner nav{gap:.15rem .5rem}.header-inner nav a{font-size:.82rem}.business-model{padding:1rem}.business-model-top{grid-template-columns:6.25rem minmax(0,1fr);gap:.6rem}.business-mascot{width:6.25rem;height:6.25rem}.business-model-top .eyebrow{font-size:.72rem;letter-spacing:.04em;overflow-wrap:anywhere}.business-model-top .zero{font-size:2.2rem;gap:.25rem}.business-model-top .zero span{font-size:.7rem;flex-basis:100%;overflow-wrap:anywhere}.category-strip figcaption{font-size:.8rem;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:48rem){.category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem .7rem}.hero-image img{height:auto;aspect-ratio:1}.hero-image figcaption strong{font-size:1.8rem}.hero-image figcaption{bottom:1rem;left:1rem;right:1rem}.header-inner nav a{min-height:44px;display:flex;align-items:center}.closing-inner p{margin-top:1rem}.button{max-width:100%}}

/* Footer: stable link groups instead of a wrapping row with orphan separators. */
.site-footer{padding-block:2.25rem 1.5rem}
.site-footer .footer-main{align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem}
.site-footer .wordmark{width:9.5rem;height:auto;aspect-ratio:184/60}
.site-footer .footer-main nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 2rem;align-items:start}
.site-footer nav a{display:flex;align-items:center;min-height:44px;padding-block:.5rem;font-size:.9375rem;line-height:1.4}
.site-footer>nav{border-top:1px solid var(--line);padding-top:1rem;gap:.25rem 1.5rem;font-size:0;color:var(--muted)}
.site-footer>nav a{font-size:.8125rem}
.site-footer .footer-signoff{margin-top:1.25rem;font-size:.75rem;line-height:1.5;color:var(--muted)}
@media(max-width:48rem){
 .site-footer .footer-main{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
 .site-footer .footer-main nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:.25rem}
 .site-footer>nav{display:block}
 .site-footer>nav a{display:inline-flex;width:50%;vertical-align:top;padding-inline-end:.75rem}
 .site-footer nav a{overflow-wrap:anywhere;align-self:stretch}
}