.page-patter{--content-width:52rem}.hero{text-align:center;max-width:var(--content-width);margin:0 auto;padding:5rem 1.5rem 3rem}.hero-logo{box-shadow:0 2px 8px var(--shadow-primary), 0 0 0 1px var(--shadow-secondary);border-radius:22px;margin-bottom:1.25rem}.app-name{margin:0 0 1rem;font-family:Martian Grotesk,sans-serif;font-size:clamp(3rem,8vw,4.5rem);font-weight:900;line-height:1.05}.tagline{color:var(--text-secondary);max-width:30ch;margin:0 auto 2.5rem;font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.5}.hero-screenshot{max-width:320px;height:360px;margin:0 auto;overflow:hidden}.hero-screenshot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cta-group{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{border-radius:100px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--surface-button);color:var(--surface-button-label);box-shadow:0 2px 8px var(--shadow-primary)}.btn-primary:hover{box-shadow:0 4px 16px var(--shadow-primary);color:var(--surface-button-label)}.btn-secondary{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 4px var(--shadow-secondary)}.btn-secondary:hover{box-shadow:0 2px 8px var(--shadow-primary);color:var(--text-primary)}.section-pitch{max-width:var(--content-width);margin:0 auto;padding:1rem 1.5rem 3rem}.pitch-inner{max-width:38rem;margin:0 auto}.pitch-lead{color:var(--text-secondary);margin:0 0 2rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:300;line-height:1.25}.section-pitch p{color:var(--text-secondary);margin:0 0 1.25rem;font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.55}.section-loop{padding:0 1.5rem}.loop-narrative{max-width:var(--content-width);grid-template-columns:1fr 1fr;align-items:start;margin:0 auto;display:grid}.loop-phone{justify-content:center;padding:5rem 0;display:flex;position:sticky;top:20vh}.phone-screens{width:320px;display:grid}.phone-screen{opacity:0;grid-area:1/1;transition:opacity .4s}.phone-screen.is-active{opacity:1}.phone-screen picture{display:block}.phone-screen img{border-radius:8px;width:100%;height:auto;display:block}.loop-panels{padding-left:2rem}.loop-panel{flex-direction:column;justify-content:flex-start;padding:6rem 0;display:flex}.loop-panel--continuation{padding-top:0}.loop-panel:has(+.loop-panel--continuation){padding-bottom:1rem}.loop-panel h2{margin:0 0 1.25rem;font-size:clamp(1.5rem,3vw,2rem)}.loop-panel p{color:var(--text-secondary);margin:0 0 1rem;font-size:clamp(1rem,2vw,1.0625rem);line-height:1.55}.loop-panel p:last-child{margin-bottom:0}.panel-screenshot-mobile{display:none}@supports (animation-timeline:view()){@keyframes panel-fade-up{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.loop-panel h2,.loop-panel p{animation:linear both panel-fade-up view();animation-range:entry 5% entry 35%}}.section-closing{background:var(--surface-card);margin-top:2rem;padding:3rem 1.5rem}.closing-inner{max-width:38rem;margin:0 auto}.closing-inner p{color:var(--text-secondary);margin:0 0 1rem;font-size:clamp(1rem,2vw,1.0625rem);line-height:1.55}.closing-inner p:last-child{margin-bottom:0}@media (width<=720px){.loop-narrative{grid-template-columns:1fr}.loop-phone{display:none}.loop-panels{padding-left:0}.loop-panel{padding:3rem 0}.loop-panel--continuation{padding-top:1rem}.panel-heading{text-align:center}.panel-screenshot-mobile{margin:1rem 0 1.5rem;display:block}.panel-screenshot-mobile img{border-radius:8px;width:100%;max-width:320px;height:auto;margin:0 auto;display:block;transform:translate(-8%)}}.section-watch{justify-content:center;padding:4rem 1.5rem;display:flex}.watch-screenshot{justify-content:center;display:flex;overflow:hidden}.watch-screenshot picture{flex-shrink:0}.watch-screenshot img{border-radius:36px;width:auto;height:360px;display:block}@supports (animation-timeline:view()){@keyframes watch-rise{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}.watch-screenshot{animation:linear both watch-rise view();animation-range:entry 10% entry 60%}}@media (width<=720px){.watch-screenshot img{border-radius:28px;height:270px}}.section-download{background:var(--surface-card);padding:3rem 1.5rem 4rem}.section-download-inner{text-align:center;max-width:var(--content-width);margin:0 auto}.download-lead{color:var(--text-primary);max-width:32ch;margin:0 auto .75rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:300;line-height:1.4}.download-sub{color:var(--text-tertiary);margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.125rem)}.download-footnote{color:var(--text-tertiary);margin:1rem auto 0;font-size:clamp(.875rem,1.5vw,.9375rem)}.app-store-badge{transition:transform .15s;display:inline-block}.app-store-badge:hover{background-color:#0000;transform:translateY(-1px)}.app-store-badge img{width:auto;height:48px}.badge-dark{display:none}@media (prefers-color-scheme:dark){.badge-light{display:none}.badge-dark{display:inline}}@media (width<=480px){.hero{padding:3rem 1.5rem 2rem}}