*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#0a1e17;background:#f3fff9}
a{text-decoration:none;color:inherit}
.hero{min-height:100vh;padding:24px 4vw 36px;background:
radial-gradient(circle at 80% 20%,rgba(72,219,142,.22),transparent 35%),
linear-gradient(135deg,#f8fffb 0%,#ecfff5 55%,#f8fffb 100%)}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:auto}
.brand{display:flex;align-items:center;gap:12px}.brand-mark,.brand-logo{width:46px;height:46px;border-radius:10px;display:block;object-fit:cover}
.brand-name{font-weight:900;letter-spacing:1.5px}.brand-sub{font-size:10px;letter-spacing:1.1px;margin-top:2px}
.nav-links{display:flex;gap:28px;font-weight:700}.nav-links a{opacity:.75}.nav-links a:hover{opacity:1;color:#00a85a}
.hero-grid{max-width:1500px;margin:44px auto 0;display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center}
.copy{padding:16px 0}.pill{display:inline-block;background:linear-gradient(90deg,#04b35f,#087a49);color:#fff;padding:10px 18px;border-radius:999px;font-weight:900;font-size:14px;letter-spacing:.3px}
h1{font-size:clamp(48px,5.5vw,92px);line-height:.96;margin:24px 0 20px;letter-spacing:-3px;text-transform:uppercase}
h1 span{color:#00a85a}.lead{max-width:680px;font-size:20px;line-height:1.55;color:#5d6b66}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.feature-row div{background:rgba(255,255,255,.75);border:1px solid rgba(0,168,90,.12);padding:16px;border-radius:18px;box-shadow:0 12px 30px rgba(0,60,35,.05)}.feature-row b{display:block;font-size:17px}.feature-row span{font-size:13px;color:#68756f}
.download-card{margin-top:22px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#02b95e,#087f46);color:white;box-shadow:0 20px 50px rgba(0,138,73,.25)}
.download-title{font-size:30px;font-weight:950;letter-spacing:-.5px}.download-sub{margin-top:4px;opacity:.9}.store-buttons{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.store{display:inline-flex;align-items:center;justify-content:center;background:#101010;color:#fff;padding:13px 18px;border-radius:12px;font-weight:800;min-width:160px}
.visual{position:relative}.visual img{width:100%;display:block;border-radius:32px;box-shadow:0 35px 80px rgba(14,86,55,.18)}
.methods{max-width:1500px;margin:28px auto 0;display:flex;flex-wrap:wrap;gap:10px}.methods span{background:#fff;border:1px solid #dff3e7;border-radius:999px;padding:9px 13px;font-weight:700;font-size:13px;box-shadow:0 6px 20px rgba(0,0,0,.04)}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr;gap:24px;margin-top:28px}
  .copy{text-align:center}.lead{margin-left:auto;margin-right:auto}
  .feature-row{max-width:700px;margin-left:auto;margin-right:auto}
  .download-card{max-width:700px;margin-left:auto;margin-right:auto}
  .store-buttons{justify-content:center}.visual{max-width:820px;margin:auto}
  .methods{justify-content:center}
}
@media (max-width: 760px){
  .hero{padding:18px 16px 28px}.nav-links{display:none}
  .hero-grid{margin-top:22px}.pill{font-size:12px;padding:8px 13px}
  h1{font-size:44px;letter-spacing:-1.8px;margin-top:18px}
  .lead{font-size:16px}.feature-row{grid-template-columns:1fr 1fr}.feature-row div:last-child{grid-column:1/-1}
  .download-card{position:relative;margin-top:18px;padding:18px 14px;border-radius:18px}
  .download-title{font-size:23px}.download-sub{font-size:13px}
  .store{min-width:0;flex:1;padding:12px 10px;font-size:14px}
  .visual img{border-radius:22px;box-shadow:0 20px 50px rgba(14,86,55,.14)}
}
@media (max-width: 430px){
  .brand-mark,.brand-logo{width:38px;height:38px}.brand-name{font-size:14px}.brand-sub{font-size:8px}
  h1{font-size:38px}.feature-row{grid-template-columns:1fr}.feature-row div:last-child{grid-column:auto}
  .methods span{font-size:12px;padding:8px 10px}
}