.product-preview{z-index:5;flex-direction:column;align-items:center;gap:1rem;min-width:0;display:flex;position:relative}.preview-eyebrow{color:var(--accent-bright);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem}.phone-frame{background:linear-gradient(145deg,#46536a,#131c2a 15%,#050a12 62%,#465267);border:1px solid #cfdef2ad;border-radius:2.7rem;width:clamp(17rem,24vw,20rem);padding:.38rem;box-shadow:0 2rem 5rem #00000080,0 0 3rem #2374ff2e,inset 0 0 0 1px #ffffff2e}.phone-screen{aspect-ratio:804/1748;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:#eaf2ff;border-radius:2.3rem;display:flex;overflow:auto hidden}.phone-screen::-webkit-scrollbar{display:none}.app-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;margin:0}.app-slide img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.preview-controls{justify-content:center;align-items:center;gap:.6rem;width:min(100%,26rem);display:flex}.preview-controls[hidden]{display:none}.preview-sections{border:1px solid var(--line);background:#08111ed9;border-radius:999px;padding:.2rem;display:flex}.preview-controls button{color:var(--muted);font:inherit;cursor:pointer;border:0}.preview-sections button{background:0 0;border-radius:999px;min-width:2.75rem;min-height:2.75rem;padding:.5rem;font-size:.7rem}.preview-sections button[aria-pressed=true]{color:#fff;background:#176bf2}.preview-arrow{background:#08111ed9;border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem;border:1px solid var(--line)!important}.preview-arrow:disabled{opacity:.35;cursor:default}.preview-controls button:hover:not(:disabled){color:#fff;background-color:#19427a}.preview-controls button:focus-visible,.phone-screen:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.preview-caption{text-align:center;max-width:24rem;min-height:5.3rem;position:relative}.preview-count{color:var(--accent-bright);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:.65rem}.preview-caption h2{color:var(--text);margin:.4rem 0;font-size:1.1rem;font-weight:600}.preview-caption p{color:var(--muted);text-wrap:balance;margin:0;font-size:.8rem;line-height:1.5}.preview-note{color:var(--subtle);margin:0;font-size:.65rem}@media (width<=1240px){.hero{grid-template-columns:minmax(0,5fr) minmax(19rem,5fr)}}@media (width<=960px){h1{font-size:clamp(3.8rem,8vw,5rem)}.hero-description{font-size:1.05rem}.tracking-line{font-size:.82rem}.store-actions{width:21rem}.store-button strong{font-size:1rem}.store-note{font-size:.75rem}}@media (width<=760px){.download-notice{grid-row:2;width:100%;margin-top:1rem;position:relative;inset:auto}.hero-scene{opacity:.62;height:64rem;position:absolute;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 75%,#0000 100%)}.hero-scene img{object-fit:cover;object-position:64% center;width:160vw;max-width:none}.landing-shell{grid-template-rows:5.3rem auto auto auto;min-height:100svh}.brand{gap:.75rem;margin-left:0;transform:none}.brand-mark{border-radius:.7rem;width:2.7rem;height:2.7rem;font-size:.68rem}.brand-name{font-size:1rem}.hero{grid-template-columns:1fr;gap:3.5rem;padding:3.2rem 0 3.5rem}h1{font-size:clamp(3.35rem,14.5vw,5rem)}.hero-description{max-width:31rem;font-size:1.05rem}.hero-feature-line{max-width:26rem}.tracking-line{max-width:29rem;font-size:.8rem}.store-actions{width:min(100%,25.5rem)}.phone-frame{border-radius:2.7rem;width:min(19rem,84vw)}.phone-screen{border-radius:2.3rem}.site-footer{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.65rem;padding:1.4rem 0 1.8rem}.footer-contact{flex-direction:column;align-items:center;gap:.65rem}.social-list{justify-content:center;display:flex}}@media (width<=480px){:root{--page-padding:1.25rem}.brand-name{display:none}.download-notice{grid-template-columns:2.4rem minmax(0,1fr);width:100%}.download-notice img{width:2.4rem;height:2.4rem}.download-notice a{grid-column:2;justify-self:start}h1{font-size:clamp(3.05rem,15.5vw,4.2rem)}.tracking-line{gap:.3rem;display:grid}.tracking-sequence{gap:0 .5rem}.store-button{min-height:4.1rem;padding:.75rem 1rem}.store-button svg{width:1.65rem;margin-right:.75rem}.store-button strong{font-size:1rem}.store-note{font-size:.72rem}.footer-identity{gap:.8rem}.social-list{gap:.45rem .8rem}}@media (width<=370px){.preview-controls{gap:.25rem}.preview-arrow{display:none}.preview-sections button{padding-inline:.45rem;font-size:.7rem}.preview-arrow{width:2.5rem;height:2.5rem}}
