@font-face{font-family:Archivo;src:url('assets/Archivo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/Archivo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

@font-face{font-family:Archivo;src:url('assets/Archivo-Black.ttf') format('truetype');font-weight:900;font-display:swap}

/* Exact palette from the native app's ComedyPalette. */
:root{color-scheme:dark;--background:#210804;--ink:#150503;--blush:#ffe9e5;--sage:#59876f;--orange:#fd983b;--muted:#ba9e80;--line:rgb(186 158 128 / 25%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--background);color:var(--blush);font-family:Archivo,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}
a{color:inherit}
.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{font-size:29px;font-weight:900;letter-spacing:-1.7px;text-decoration:none}
.wordmark span{color:var(--orange)}
.nav-link{font-size:14px;text-decoration:none}
.nav-link span{margin-left:15px}
.hero{padding:78px 0 76px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 25px}
.hero .eyebrow{display:flex;align-items:center;gap:10px}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--orange)}
h1{font-size:clamp(48px,7.5vw,88px);line-height:1.04;letter-spacing:-5px;margin:0 0 25px;font-weight:900}
.period{color:var(--orange)}
.intro{font-size:19px;line-height:1.6;color:var(--muted);margin-bottom:29px}
.store-button{display:inline-flex;align-items:center;gap:12px;background:var(--blush);color:var(--background);border-radius:14px;padding:11px 20px;text-decoration:none;min-height:60px}
.store-button svg{width:27px;height:32px}
.store-button small{display:block;font-size:11px;line-height:1.3}
.store-button strong{font-size:23px;line-height:1.2;font-weight:400}
.store-button[href]:hover{background:var(--orange)}
.store-note{font-size:12px;color:var(--muted)}
.faq-section{border-top:1px solid var(--line);padding:58px 0 65px;display:grid;grid-template-columns: .9fr 1.5fr;gap:60px}
h2{font-size:32px;line-height:1.15;letter-spacing:-1.2px;margin:0;font-weight:900}
.section-heading .eyebrow{margin-bottom:17px}
.questions{display:grid;gap:14px;align-content:start}
details{background:var(--sage);color:var(--background);border-radius:14px;padding:0 20px}
details:nth-child(even){background:var(--blush)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;font-weight:700;font-size:16px;line-height:1.5;padding:22px 0}
summary::-webkit-details-marker{display:none}
summary span{font-size:24px;font-weight:400;flex-shrink:0}
details[open] summary span{transform:rotate(45deg)}
details p{font-size:15px;line-height:1.75;color:var(--background);margin:0 30px 22px 0}
.contact{background:var(--blush);color:var(--background);padding:38px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:14px}
.contact .eyebrow{margin-bottom:15px}
.contact h2{font-size:29px}
.contact p:not(.eyebrow){font-size:14px;color:var(--background);line-height:1.7;margin-bottom:0}
.contact-link{white-space:nowrap;font-weight:700;font-size:14px;text-decoration:none;background:var(--orange);border-radius:999px;padding:14px 20px}
.contact-link span{margin-left:25px}
footer{display:flex;align-items:center;gap:30px;padding:39px 0}
footer .wordmark{font-size:23px}
footer p,footer small{font-size:12px;color:var(--muted)}
footer small{margin-left:auto}
a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}
.header{height:82px}
.wordmark{font-size:25px}
.nav-link{font-size:12px}
.hero{padding:53px 0}
.hero h1{letter-spacing:-2.8px}
.intro{font-size:17px}
.faq-section{grid-template-columns:1fr;gap:32px;padding:38px 0 42px}
h2{font-size:29px}
.contact{padding:29px 25px;align-items:flex-start;flex-direction:column;gap:15px}
.desktop-break{display:none}
footer{flex-wrap:wrap;gap:15px;padding:30px 0}
footer p{display:none}
footer small{font-size:11px}
summary{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}


/* Reuse the native launch-screen artwork, including its layered underline. */
.wordmark{display:inline-flex;align-items:center;flex-shrink:0}
.wordmark img{display:block;width:220px;height:auto}
footer .wordmark img{width:160px}
@media(max-width:700px){.header .wordmark img{width:170px}footer .wordmark img{width:140px}}