:root{--bg:#f8faf7;--surface:#fff;--surface-soft:#edf4ef;--ink:#121915;--muted:#5f6b64;--line:#dfe7e2;--green:#2e8b57;--green-dark:#1f6040;--blue:#2c7db8;--coral:#e96443;--yellow:#f0b847;--shadow:0 18px 48px #1d2c241f}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--ink);scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{background:var(--bg);min-height:100vh;margin:0}a{color:inherit}a:focus-visible{outline-offset:4px;outline:3px solid #2e8b5757}.site-shell{min-height:100vh;padding:22px;overflow:hidden}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100%);margin:0 auto;padding:4px 0;display:flex}.brand,.store-button{text-decoration:none}.brand{letter-spacing:0;align-items:center;gap:10px;font-size:1rem;font-weight:780;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:1rem;font-weight:820;display:inline-grid}.hero{grid-template-columns:minmax(300px,.66fr) minmax(0,1.34fr);align-items:center;gap:44px;width:min(1180px,100%);margin:0 auto;padding:46px 0 28px;display:grid}.hero-copy{max-width:500px}h1{letter-spacing:0;max-width:13ch;margin:0;font-size:4.2rem;line-height:1.08;overflow:visible}h1 span{background:linear-gradient(110deg,var(--green-dark),var(--blue),var(--coral),var(--green-dark));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0 -.06em -.08em 0;padding:0 .08em .08em .02em;font-style:italic;display:inline-block}.hero-text{max-width:440px;color:var(--ink);margin:24px 0 0;font-size:1.2rem;font-weight:720}.store-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.store-button{color:#fff;background:#fff;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:16px;min-width:236px;min-height:78px;padding:14px 24px 14px 14px;font-weight:820;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 22px 44px #12191533,inset 0 1px #ffffff3d}.store-button-apple{background:#101713}.store-button-play{color:var(--ink);background:#fff;box-shadow:0 22px 44px #2e8b572e,inset 0 1px #fffffff2}.store-button:hover{transform:translateY(-2px);box-shadow:0 22px 44px #12191538,inset 0 1px #fff3}.store-button-apple:hover{background:#1f2a24}.store-button-play:hover{background:#fff;box-shadow:0 24px 48px #2e8b5738,inset 0 1px #fffffff2}.store-button:active{transform:translateY(0)}.store-button small{color:#ffffffc2;font-size:.72rem;font-weight:650;line-height:1.15;display:block}.store-button-play small{color:#1219159e}.store-icon-badge{border-radius:8px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:inline-grid;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #12191529}.store-button-apple .store-icon-badge{color:#101713;background:#fff}.store-button-play .store-icon-badge{background:#fff}.store-icon{flex:none;width:30px;height:30px;display:block}.store-button-apple .store-icon{transform:translateY(-1px)}.store-button-play .store-icon{transform:translate(1px)}.screen-stage{grid-template-columns:repeat(5,minmax(118px,1fr));align-items:start;gap:16px;min-width:0;display:grid}.screen-card{opacity:0;grid-template-rows:auto minmax(4.4rem,auto);row-gap:12px;min-width:0;margin:0;animation:.72s forwards screen-rise;display:grid}.screen-card:first-child,.screen-card:nth-child(4){margin-top:44px}.screen-card:nth-child(3){margin-top:22px}.screen-card:nth-child(5){margin-top:70px}.phone-frame{box-shadow:var(--shadow);aspect-ratio:590/1280;background:#f8f7fb;border:4px solid #151d18;border-radius:22px;overflow:hidden}.phone-frame img{object-fit:cover;width:100%;height:100%;display:block}.screen-card figcaption{align-content:start;gap:4px;margin-top:0;padding:0 4px;display:grid}.screen-card strong{color:var(--ink);font-size:.92rem;line-height:1.2}.screen-card span{color:var(--muted);font-size:.78rem;line-height:1.35}@keyframes screen-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1040px){.hero{grid-template-columns:1fr;gap:38px;padding-top:42px}.hero-copy{max-width:760px}h1{max-width:14ch;font-size:4rem}.screen-stage{grid-template-columns:repeat(5,minmax(120px,1fr))}.screen-card:first-child,.screen-card:nth-child(4){margin-top:28px}.screen-card:nth-child(3){margin-top:12px}.screen-card:nth-child(5){margin-top:44px}}@media (max-width:860px){.hero{gap:42px}.screen-stage{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(176px,32vw);grid-auto-flow:column;gap:14px;margin:4px -22px 0;padding:4px 22px 18px;scroll-padding:22px;overflow-x:auto}.screen-card,.screen-card:first-child,.screen-card:nth-child(3),.screen-card:nth-child(4),.screen-card:nth-child(5){margin-top:0}.screen-card{scroll-snap-align:start}.screen-card figcaption{min-height:66px}}@media (max-width:760px){.site-shell{padding:18px}.hero{gap:38px;padding:34px 0 18px}h1{max-width:11ch;font-size:3rem}.hero-text{max-width:23rem;margin-top:18px;font-size:1.05rem}.store-row{gap:10px;margin-top:24px}.store-row,.store-button{width:100%}.store-button{justify-content:flex-start;min-height:66px;padding:10px 14px 10px 10px}.store-icon-badge{flex-basis:42px;width:42px;height:42px}.store-icon{width:25px;height:25px}.screen-stage{grid-auto-columns:minmax(172px,58vw);margin:0 -18px;padding:2px 18px 12px;scroll-padding:18px}.screen-card{grid-template-rows:auto minmax(3.65rem,auto);row-gap:9px}.screen-card figcaption{gap:3px;min-height:0;padding:0 6px}.phone-frame{border-width:4px;border-radius:20px}}@media (max-width:420px){.site-shell{padding:16px}.hero{padding-top:30px}h1{font-size:2.58rem}.screen-stage{grid-auto-columns:minmax(168px,72vw);margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding:16px}.screen-card figcaption{padding:0 4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-card,.store-button{opacity:1;transition:none;animation:none}}
