/* Landing page (index.html) only; legal/account pages keep style.css. */
.lp{overflow-x:hidden;--grad:linear-gradient(135deg,#FF8A5B 0%,#FF5F4A 55%,#F0435A 100%)}
.lp main{max-width:1080px;padding:0 24px 40px}
.lp header{max-width:1080px;margin:0 auto;justify-content:space-between}
.lp header nav a{font-weight:600;font-size:15px;margin-left:20px;color:var(--muted)}
.lp .brand{display:flex;align-items:center;gap:10px}
.hero2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:40px 0 56px}
.hero2 h1{font-size:clamp(36px,5.4vw,60px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 18px}
.hero2 h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 p.lead{font-size:19px;color:var(--muted);max-width:520px;margin:0 0 28px}
.badge{display:inline-flex;align-items:center;gap:12px;background:#111;color:#fff;border-radius:14px;padding:12px 20px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.badge svg{width:28px;height:28px}.badge small{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;opacity:.8}
.badge b{display:block;font-size:19px;line-height:1.1}
@media (prefers-color-scheme:dark){.badge{background:#fff;color:#111}}
.phones{position:relative;height:520px}
.phones img{position:absolute;width:250px;border-radius:30px;border:8px solid #0d0f17;box-shadow:0 30px 70px rgba(30,10,30,.35)}
.phones img:first-child{left:0;top:30px;transform:rotate(-5deg)}.phones img:last-child{right:0;top:0;transform:rotate(4deg)}
.blob{position:absolute;inset:40px 10px;background:var(--grad);filter:blur(60px);opacity:.35;border-radius:50%}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:8px 0 56px}
.feature{background:var(--card);border-radius:22px;padding:22px;display:flex;flex-direction:column}
.feature .ico{width:48px;height:48px;border-radius:14px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:24px}
.feature h3{margin:16px 0 6px;font-size:20px}.feature p{margin:0 0 18px;color:var(--muted)}
.feature img{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:auto 9/16;object-fit:contain;margin:auto auto 0;background:#0d0f17;border:7px solid #0d0f17;border-radius:26px;box-shadow:0 18px 40px rgba(30,10,30,.22)}
.cta{background:var(--grad);color:#fff;border-radius:26px;padding:40px;text-align:center;margin-bottom:24px}
.cta h2{margin:0 0 8px;font-size:30px}.cta p{margin:0 0 22px;opacity:.95}
.cta .badge{background:#fff;color:#111}
.lp footer{max-width:1080px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.lp footer a{margin:0}
@media (max-width:820px){.hero2{grid-template-columns:1fr;text-align:center;padding-top:16px}.hero2 p.lead{margin-left:auto;margin-right:auto}
.phones{height:380px;max-width:340px;margin:0 auto}.phones img{width:165px;border-width:6px;border-radius:24px}.feature img{max-width:230px}.features{grid-template-columns:1fr}.lp header nav{display:none}}
/* Feature phone mockup wrapper: no box on desktop (layout unchanged); real-phone frame on mobile only. */
.feature .phone{display:contents}
@media (max-width:820px){
.features .feature{container-type:inline-size}
.features .feature .phone{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:min(50cqw,190px);aspect-ratio:9/19.5;margin:auto auto 0;border:min(1.25cqw,4.75px) solid #0d0f17;border-radius:min(6.4cqw,24px);background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 14px 30px rgba(20,10,30,.20)}
.features .feature .phone::before{content:"";position:absolute;z-index:1;top:3.2%;left:50%;transform:translateX(-50%);width:30%;aspect-ratio:3.3/1;border-radius:999px;background:#0d0f17}
.features .feature .phone::after{content:"";position:absolute;z-index:1;bottom:2.4%;left:50%;transform:translateX(-50%);width:36%;height:3px;border-radius:3px;background:rgba(0,0,0,.35)}
.features .feature .phone img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:auto 9/16;object-fit:contain;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
}
@media (max-width:820px) and (prefers-color-scheme:dark){.features .feature .phone{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 14px 30px rgba(0,0,0,.45)}}