*{box-sizing:border-box;margin:0;padding:0}body{background:#000;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex;overflow:hidden}.landing-card{background:#ececec;border-radius:12px;align-items:center;width:min(1200px,92vw);height:90vh;padding:60px 70px;display:flex;box-shadow:0 18px 40px #0000002e}.hero-content{justify-content:space-between;align-items:center;gap:60px;width:100%;display:flex}.text-content{flex:1;max-width:460px;margin-top:-150px}.brand-logo{width:60px;margin-bottom:16px}.text-content h1{margin-bottom:8px}.tagline{margin-bottom:28px}.cta-text{color:#111;margin-bottom:12px;font-size:1.2rem;font-weight:600}.tagline{color:#222;margin-bottom:16px;font-size:1.35rem;line-height:1.5}.description{color:#555;max-width:400px;margin-bottom:28px;font-size:1.05rem;line-height:1.6}.store-link{display:inline-block}.appstore-badge{width:180px;max-width:100%;display:block}.phone-section{flex-direction:column;flex:1;align-items:center;display:flex}.phone-frame{background:#171717;border:10px solid #26235c;border-radius:42px;width:300px;height:610px;padding:16px;position:relative;box-shadow:0 16px 28px #0003}.phone-notch{z-index:3;background:#26235c;border-radius:0 0 16px 16px;width:120px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen{background:#000;border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.slide{object-fit:contain;opacity:0;pointer-events:none;background:#000;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.slide.active{opacity:1}.phone-controls{gap:16px;margin-top:22px;display:flex}.arrow-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:999px;width:52px;height:52px;font-size:1.5rem;transition:transform .2s,opacity .2s}.arrow-btn:hover{opacity:.9;transform:translateY(-2px)}.arrow-btn:active{transform:translateY(0)}@media (width<=960px){.landing-card{width:94vw;height:auto;max-height:94vh;padding:40px 28px}.hero-content{text-align:center;flex-direction:column;gap:40px}.text-content{max-width:100%;margin-top:0}.text-content h1{font-size:3rem}.description{max-width:100%}.phone-frame{width:260px;height:530px}}@media (width<=480px){.landing-card{padding:28px 18px}.text-content h1{font-size:2.4rem}.tagline{font-size:1.05rem}.phone-frame{border-radius:32px;width:220px;height:450px}.phone-screen{border-radius:22px}.phone-notch{width:90px;height:18px}}
