:root{--lv-bg:#f7f8ff;--lv-surface:#fff;--lv-text:#17182a;--lv-muted:#686b80;--lv-line:rgba(36,39,68,.13);--lv-primary:#5c62ff;--lv-secondary:#77e0c1;--lv-container:1200px;color-scheme:light}
body{background:radial-gradient(circle at 70% 12%,rgba(92,98,255,.14),transparent 28%),radial-gradient(circle at 88% 50%,rgba(119,224,193,.14),transparent 25%),var(--lv-bg)}.app-header .site-header{min-height:84px}.app-logo{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,var(--lv-primary),#9397ff);color:#fff;box-shadow:0 12px 26px rgba(92,98,255,.25)}.app-header .nav a{color:var(--lv-muted)}
.app-hero{min-height:86vh;display:grid;align-items:center}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.app-copy h1{font-size:clamp(3.6rem,7vw,7.3rem);line-height:.9;letter-spacing:-.065em;max-width:9ch}.app-copy .lead{max-width:48ch}.app-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.store-button{display:inline-flex;align-items:center;gap:.8rem;min-height:54px;padding:.65rem 1rem;border-radius:14px;background:var(--lv-text);color:white}.store-button small{display:block;font-size:.65rem;opacity:.7}.store-button strong{display:block;line-height:1}.placeholder-tag{font-size:.62rem;padding:.2rem .4rem;border-radius:999px;background:rgba(255,255,255,.13)}
.phone-stage{position:relative;min-height:680px;display:grid;place-items:center}.phone{position:relative;width:min(320px,75vw);aspect-ratio:9/19;border:10px solid #22243a;border-radius:52px;background:#fff;box-shadow:0 50px 120px rgba(41,44,90,.24);overflow:hidden;animation:phoneFloat 5s ease-in-out infinite}@keyframes phoneFloat{50%{transform:translateY(-12px) rotate(1deg)}}.phone::before{content:"";position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);width:34%;height:24px;border-radius:999px;background:#22243a}.phone-screen{height:100%;padding:3.5rem 1.1rem 1rem;background:linear-gradient(#eef0ff,#fff)}.phone-head{display:flex;justify-content:space-between;align-items:center}.phone-avatar{width:40px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--lv-primary),var(--lv-secondary))}.phone-card{margin-top:1rem;padding:1rem;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(43,46,91,.1)}.phone-ring{width:150px;aspect-ratio:1;border-radius:50%;margin:1rem auto;background:conic-gradient(var(--lv-primary) 0 72%,#e8e9f6 72%);display:grid;place-items:center}.phone-ring::after{content:"72%";display:grid;place-items:center;width:112px;aspect-ratio:1;border-radius:50%;background:#fff;font-weight:900;font-size:1.7rem}.phone-list{display:grid;gap:.65rem}.phone-list span{display:block;height:44px;border-radius:13px;background:#f1f2fb}.float-card{position:absolute;padding:1rem;border:1px solid var(--lv-line);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:var(--lv-shadow-sm);backdrop-filter:blur(14px);animation:cardFloat 5s ease-in-out infinite}.float-card strong{display:block}.float-card small{color:var(--lv-muted)}.float-card--one{left:0;top:18%}.float-card--two{right:0;bottom:18%;animation-delay:-2s}@keyframes cardFloat{50%{transform:translateY(-10px)}}
.app-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.benefit{padding:1.5rem}.benefit-icon{width:50px;aspect-ratio:1;border-radius:16px;background:color-mix(in srgb,var(--lv-primary) 14%,white);display:grid;place-items:center;color:var(--lv-primary);font-weight:900;margin-bottom:2rem}.benefit p{color:var(--lv-muted)}.app-waitlist{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.app-waitlist .card{padding:clamp(1.25rem,4vw,2.5rem)}
@media(max-width:920px){.app-layout,.app-waitlist{grid-template-columns:1fr}.phone-stage{min-height:620px}.app-benefits{grid-template-columns:1fr}}@media(max-width:560px){.float-card{display:none}.phone-stage{min-height:560px}.phone{width:280px}.app-actions{display:grid}.store-button{justify-content:center}}
