.hero{display:flex;flex-direction:column;background:var(--bg)}.hero-media{position:relative;width:auto;margin:16px 24px 0;aspect-ratio:16/12;max-height:52svh;overflow:hidden;background:var(--hero-media-bg);border-radius:18px}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:72% 30%;animation:heroZoom 16s ease-out forwards}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--hero-scrim-a) 75%,var(--bg) 100%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:8px 0 36px;animation:riseIn .65s ease-out both}.hero-copy h1{font-size:clamp(28px,8vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:12px;text-wrap:balance}.hero-copy p{color:var(--muted);font-size:clamp(15px,3.8vw,17px);max-width:34ch;margin-bottom:22px}.hero-actions{display:grid;grid-gap:10px;gap:10px}.formats{padding-top:28px;padding-bottom:8px}.format-list{border-top:1px solid var(--border)}.format-item{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:14px;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.format-item .mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(26,140,255,.22),rgba(0,71,171,.16));border:1px solid rgba(26,140,255,.28);color:#9cccff;font-size:12px;font-weight:800;letter-spacing:.04em}.format-item h3{font-size:16px;font-weight:700;margin-bottom:4px}.format-item p{color:var(--muted);font-size:14px}.download{padding-top:28px;padding-bottom:48px}.download-panel{border-radius:22px;padding:24px;border:1px solid var(--border);background:radial-gradient(120% 90% at 100% 0,rgba(26,140,255,.26),transparent 55%),radial-gradient(90% 80% at 0 100%,rgba(255,138,31,.14),transparent 50%),var(--surface)}.download-panel h2{font-size:clamp(22px,5.5vw,28px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.download-panel>p{color:var(--muted);font-size:15px;margin-bottom:18px}.download-actions{display:grid;grid-gap:10px;gap:10px}.store-note{margin-top:12px;font-size:13px;color:var(--muted)}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes heroZoom{0%{transform:scale(1.08)}to{transform:scale(1.02)}}@media (min-width:640px){.hero-media{aspect-ratio:16/9;max-height:48svh}.hero-media img{object-position:60% center}.hero-copy{padding:12px 0 48px}.hero-actions{grid-template-columns:auto auto;justify-content:start;max-width:none}.hero-actions .btn{width:auto;min-width:168px}.format-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 28px;gap:0 28px;border-top:0}.format-item:first-child,.format-item:nth-child(2){border-top:1px solid var(--border)}.download-panel{padding:32px 36px;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:20px;gap:20px;align-items:center}.download-panel>p{margin-bottom:0}.site-footer .inner{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:900px){.site-header{position:fixed;left:0;right:0;background:var(--header-bg-soft);border-bottom-color:transparent}.site-header.is-scrolled{background:var(--header-bg-fixed);border-bottom-color:var(--border)}.hero{position:relative;min-height:100svh;min-height:100dvh;display:grid;align-items:center;padding-top:calc(var(--header-h) + env(safe-area-inset-top))}.hero-media{position:absolute;inset:0;margin:0;width:auto;aspect-ratio:auto;max-height:none;border-radius:0}.hero-media:after{background:linear-gradient(90deg,var(--hero-grad-c1) 0,var(--hero-grad-c2) 38%,var(--hero-grad-c3) 72%,transparent 100%),linear-gradient(180deg,var(--hero-grad-v1) 0,transparent 28%,var(--hero-grad-v2) 82%,var(--bg) 100%)}.hero-media img{object-position:center center}.hero-copy{position:relative;z-index:1;max-width:560px;padding:0 0 24px}.formats{padding-top:64px;padding-bottom:32px}.format-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.format-item{grid-template-columns:1fr;padding:20px 0}.format-item:nth-child(n){border-top:1px solid var(--border)}.download{padding-top:40px;padding-bottom:72px}}@media (max-width:360px){.hero-copy h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-media img{animation:none}}