body{min-height:100vh;font-family:Inter,system-ui,sans-serif;color:#0f172a;overflow-x:hidden;background:linear-gradient(to bottom,#fff,#f4faf7,#d7ebe4 60%,#7faf9b)}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--melo: #7FAF9B}body{min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden;background:linear-gradient(to bottom,#fff,#f4faf7,#d7ebe4 60%,#7faf9b);color:#0f172a}#root{min-height:100vh;display:flex;justify-content:center}.app{width:100%;max-width:1100px;padding:60px 20px;position:relative}.hero{text-align:center;margin-top:120px;background:#ffffff59;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5);border-radius:22px;padding:40px 28px;box-shadow:0 20px 60px #0000001f;max-width:720px;margin-left:auto;margin-right:auto}.logo{font-size:72px;font-weight:700;color:var(--melo)}.bgBall{position:fixed;width:300px;height:300px;border-radius:50%;z-index:-5;pointer-events:none;box-shadow:inset 0 0 50px #fff,inset 20px 0 80px #7faf9b,inset -20px 0 80px #7faf9b,inset 20px 0 300px #7faf9b,inset -20px 0 300px #7faf9b,0 0 50px #7faf9b,-10px 0 80px #7faf9b,10px 0 80px #7faf9b;opacity:.55}.headline{font-size:34px;margin-top:18px;line-height:1.3}.tagline{margin-top:16px;opacity:.7;font-size:18px;max-width:760px;margin-left:auto;margin-right:auto}.buttons{margin-top:26px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.storeBtn{padding:14px 26px;border-radius:10px;border:none;background:#1f2937;color:#fff;font-size:16px;cursor:pointer}.storeBtn:hover{background:#263244}.screenshots{padding:10px 20px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}.screenshotsTitle{font-size:42px;font-weight:800;margin-bottom:12px}.screenshotsSubtitle{max-width:600px;font-size:18px;opacity:.75;line-height:1.5}.phoneWrapper{margin-top:70px;display:flex;justify-content:center}.phone{width:260px;border-radius:26px;box-shadow:0 30px 60px #00000059}.features{padding:100px 20px}.features h2{text-align:center;font-size:42px;font-weight:800;letter-spacing:-.02em;margin-bottom:18px;color:#0f172a}.features h2:after{content:"";display:block;width:110px;height:4px;margin:14px auto 0;border-radius:999px;background:linear-gradient(to right,transparent,var(--melo),transparent)}.featureGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:40px;align-items:stretch}@media(max-width:980px){.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.featureGrid{grid-template-columns:1fr}.logo{font-size:56px}.headline{font-size:28px}}.featureCard{background:#0f172aeb;border:1px solid rgba(255,255,255,.08);padding:28px 22px;border-radius:18px;text-align:center;box-shadow:0 18px 40px #0000001f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.featureCard:hover{transform:translateY(-4px);box-shadow:0 26px 60px #0000002e;border-color:#7faf9b59}.featureCard h3{color:#fff;font-size:20px;font-weight:800;margin-bottom:10px}.featureCard p{color:#ffffffc7;font-size:15.5px;line-height:1.55}.featureCard details{margin-top:12px;text-align:left}.featureCard summary{cursor:pointer;font-weight:800;font-size:14px;color:var(--melo);list-style:none;display:inline-flex;align-items:center;gap:8px}.featureCard summary::-webkit-details-marker{display:none}.featureCard summary:after{content:"▾";font-size:14px;transform:translateY(-1px);transition:transform .2s ease;color:var(--melo)}.featureCard details[open] summary:after{transform:rotate(180deg)}.featureCard details p{margin-top:10px;font-size:14px;line-height:1.55;color:#ffffffc7}.footer{padding:60px 20px 40px;text-align:center}.footer h3{font-size:34px;font-weight:900;letter-spacing:-.02em;margin-bottom:10px;color:#0f172a}.footer p{max-width:760px;margin:0 auto;opacity:.85}.footer a{color:#0f172a;font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.app{padding:40px 18px}.hero{margin-top:60px;padding:28px 20px;border-radius:18px}.logo{font-size:46px}.headline{font-size:24px;line-height:1.35}.tagline{font-size:16px;margin-top:12px}.buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-top:22px}.storeBtn{width:260px;margin:0 auto}.features{padding:70px 0}.features h2{font-size:32px}.featureGrid{gap:18px}.featureCard{padding:22px 18px}.featureCard h3{font-size:18px}.featureCard p{font-size:14px}.footer h3{font-size:28px}.bgBall{width:180px;height:180px;opacity:.35}}