.app-hero{padding-top:calc(var(--nav-h,64px) + 1.75rem);padding-bottom:.5rem}.app-hero-wrap{max-width:1100px;margin:0 auto}.app-hero-wrap .breadcrumb{margin-bottom:0}.app-author-credit{color:var(--muted);margin:.35rem 0 0;font-size:12px}.app-hero-inner{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}.app-hero-title{font-family:var(--font-display);letter-spacing:-1px;text-wrap:balance;margin:0;font-size:clamp(26px,7vw,44px);font-weight:800;line-height:1.12}.app-hero-body{flex-direction:column;gap:1.75rem;display:flex}.app-hero-content{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.app-play-btn{box-sizing:border-box;color:#fff;background:#14201a;border:.5px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;gap:.8rem;width:100%;min-height:56px;padding:.7rem 1.4rem;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;display:flex}.app-play-btn svg{flex-shrink:0}.app-play-btn:hover,.app-play-btn:focus-visible{background:#1c2c23;transform:translateY(-2px);box-shadow:0 4px 14px #2d6a4f26}.app-play-btn:active{transform:translateY(0)}.app-play-btn-text{color:#fff;flex-direction:column;font-size:17px;font-weight:700;line-height:1.2;display:flex}.app-play-btn-text small{color:#ffffffb3;font-size:12px;font-weight:400}@media (width>=480px){.app-play-btn{justify-content:flex-start;align-self:flex-start;width:auto}}.app-explore-label{color:var(--muted);margin:0 0 .5rem;font-size:13px}.app-explore-links{flex-wrap:wrap;gap:.6rem;display:flex}.app-explore-link{border:.5px solid var(--border);min-height:56px;color:var(--accent2);border-radius:4px;flex:auto;align-items:center;gap:.6rem;padding:.6rem .8rem;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:flex}.app-explore-link>svg{flex-shrink:0}.app-explore-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.app-explore-text strong{white-space:nowrap;color:var(--text,inherit);font-size:15px;font-weight:700;transition:color .2s}.app-explore-text small{color:var(--muted);font-size:13px}.app-explore-link:hover,.app-explore-link:focus-visible{color:var(--accent);background:#2d6a4f0f;border-color:#2d6a4f73}.app-explore-link:hover .app-explore-text strong,.app-explore-link:focus-visible .app-explore-text strong{color:var(--accent2)}#app-screens{padding-top:40px;padding-bottom:40px}.app-appstore-note{color:var(--muted);margin-top:.8rem;font-size:14px;line-height:1.6}.app-appstore-note a{color:var(--accent2);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.app-appstore-note a:hover,.app-appstore-note a:focus-visible{color:var(--accent)}.phone-mock{flex-direction:column;align-items:center;width:100%;max-width:240px;margin:0 auto;display:flex}.phone-frame{box-sizing:border-box;aspect-ratio:9/19.5;background:#14201a;border-radius:30px;width:100%;position:relative;overflow:hidden}.phone-frame:before{content:"";z-index:2;background:#14201a;border-radius:5px;width:26%;height:7px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-frame img{object-fit:cover;object-position:center top;border-radius:18px;width:calc(100% - 16px);height:calc(100% - 36px);position:absolute;top:14px;left:8px}.phone-mock figcaption{color:var(--muted);text-align:center;margin-top:.9rem;font-size:13px;line-height:1.5}.app-section-wrap{max-width:1100px;margin:0 auto}.app-db-panel{background:var(--bg2);border:.5px solid var(--border);border-radius:8px;padding:1.4rem}.app-db-title{font-family:var(--font-body);letter-spacing:-.2px;margin:0 0 .2rem;font-size:17px;font-weight:700}.app-db-list{margin:0;padding:0;list-style:none}.app-db-item{border-top:.5px solid var(--border);align-items:center;gap:1rem;padding:.9rem 0;display:flex}.app-db-item:first-child{border-top:0}.app-db-icon{width:44px;height:44px;color:var(--accent2);background:#2d6a4f24;border:.5px solid #2d6a4f40;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-db-text{flex-direction:column;min-width:0;line-height:1.4;display:flex}.app-db-text strong{font-size:16px;font-weight:700}.app-db-text small{color:var(--muted);font-size:14px}.app-screens-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;gap:1.1rem;margin-top:2rem;padding:.25rem .25rem 1.5rem;display:flex;overflow-x:auto}.app-screens-grid .phone-mock{scroll-snap-align:center;flex:0 0 62%;max-width:220px}.app-play-btn:focus-visible,.app-explore-link:focus-visible,.app-appstore-note a:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}@media (prefers-reduced-motion:reduce){.app-play-btn,.app-explore-link{transition:none}.app-play-btn:hover,.app-play-btn:focus-visible{transform:none}}@media (width>=768px){.app-hero-title{white-space:nowrap;font-size:clamp(30px,4.6vw,48px)}.app-db-panel{padding:1.5rem 1.75rem}.app-db-list{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.app-db-item{border-top:0;flex-direction:column;align-items:flex-start;gap:.8rem;padding:.6rem 0 0}#app-screens{padding-top:64px;padding-bottom:64px}.app-screens-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem 1rem;padding:.25rem 0 1.25rem;display:grid;overflow-x:visible}.app-screens-grid .phone-mock{flex:none;width:100%;max-width:220px}}@media (width>=1024px){.app-hero-wrap{padding:0 6vw 3rem}.app-hero-inner{gap:1.5rem}.app-hero-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:3rem;display:grid}.app-hero-content{justify-content:space-between}.app-db-panel{flex-direction:column;padding:1.25rem 1.75rem;display:flex}.app-db-list{display:block}.app-db-item{border-top:.5px solid var(--border);flex-direction:row;align-items:center;gap:1rem;padding:.7rem 0}.app-db-item:first-child{border-top:0}#app-screens{padding-top:80px;padding-bottom:80px}.app-screens-grid{gap:2rem 1.5rem}}