*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:-apple-system,"PingFang SC",sans-serif;color:#0f172a;background:#f0fdf4;line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{display:block;max-width:100%}

.header-rounded{position:sticky;top:18px;z-index:50;padding:0 24px}
.nav-pill{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:14px 22px;border-radius:32px;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(5,150,105,.15)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:#065f46}
.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#059669,#34d399);box-shadow:0 6px 18px rgba(5,150,105,.5)}
.nav-links{display:flex;gap:6px;margin-left:auto}
.nav-links a{padding:10px 16px;border-radius:24px;font-size:15px;color:#334155;transition:.25s}
.nav-links a:hover{background:#d1fae5;color:#065f46}
.btn-pill{padding:11px 22px;border-radius:28px;background:linear-gradient(135deg,#059669,#34d399);color:#fff;font-weight:700;box-shadow:0 16px 36px rgba(5,150,105,.32);transition:.3s}
.btn-pill:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(5,150,105,.45)}
.hamburger{display:none;background:none;border:none;flex-direction:column;gap:4px;cursor:pointer}
.hamburger span{width:22px;height:2px;background:#065f46;border-radius:2px}

.hero-split{max-width:1240px;margin:60px auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.hero-card{padding:54px 50px;border-radius:40px;background:linear-gradient(140deg,#ecfdf5 0,#d1fae5 100%);box-shadow:0 30px 70px rgba(5,150,105,.18);position:relative;overflow:hidden}
.hero-card::before{content:"";position:absolute;top:-80px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#34d399 0,rgba(52,211,153,0) 70%)}
.tag-bubble{display:inline-block;padding:8px 16px;border-radius:20px;background:rgba(5,150,105,.12);color:#065f46;font-size:13px;font-weight:600;margin-bottom:20px}
.hero-card h1{font-size:48px;font-weight:700;line-height:1.2;color:#022c22;position:relative}
.hero-card h1 em{font-style:normal;background:linear-gradient(135deg,#059669,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{margin:24px 0 32px;font-size:16px;color:#334155}
.hero-cta{display:flex;gap:14px;margin-bottom:36px}
.btn-primary{padding:16px 30px;border-radius:28px;background:linear-gradient(135deg,#059669,#34d399);color:#fff;font-weight:700;font-size:15px;box-shadow:0 20px 40px rgba(5,150,105,.4);transition:.3s}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 28px 56px rgba(5,150,105,.5)}
.btn-ghost{padding:16px 30px;border-radius:28px;background:#fff;color:#065f46;font-weight:700;font-size:15px;border:2px solid #34d399;transition:.3s}
.btn-ghost:hover{background:#d1fae5}
.btn-ghost-light{padding:16px 30px;border-radius:28px;background:rgba(255,255,255,.2);color:#fff;font-weight:700;font-size:15px;border:2px solid rgba(255,255,255,.4)}
.btn-ghost-light:hover{background:rgba(255,255,255,.3)}
.hero-meta{display:flex;gap:36px}
.hero-meta>div{display:flex;flex-direction:column}
.hero-meta strong{font-size:28px;font-weight:700;color:#065f46}
.hero-meta span{font-size:13px;color:#64748b}
.hero-illu{display:flex;justify-content:center;align-items:center}
.hero-illu img{filter:drop-shadow(0 30px 60px rgba(5,150,105,.25))}

.section-head{max-width:760px;margin:0 auto 48px;text-align:center}
.section-head h2{font-size:36px;font-weight:700;color:#022c22;margin:14px 0}
.section-head p{color:#64748b}

.app-cards{max-width:1240px;margin:90px auto;padding:0 24px}
.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.app-card{padding:24px;border-radius:32px;background:#fff;box-shadow:0 20px 50px rgba(5,150,105,.1);transition:.35s}
.app-card:hover{transform:translateY(-8px);box-shadow:0 32px 70px rgba(5,150,105,.2)}
.app-card.popular{background:linear-gradient(160deg,#d1fae5 0,#fff 100%);border:2px solid #34d399}
.app-card img{border-radius:20px;width:100%;height:auto;margin-bottom:18px}
.app-card h3{font-size:20px;font-weight:700;color:#022c22;margin-bottom:14px}
.app-card ul{margin-bottom:20px}
.app-card li{padding:6px 0;color:#334155;font-size:14px;padding-left:22px;position:relative}
.app-card li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:#059669}
.btn-card{display:inline-block;padding:11px 22px;border-radius:24px;background:#d1fae5;color:#065f46;font-weight:700;font-size:14px;transition:.25s}
.btn-card:hover{background:#a7f3d0}
.btn-card.primary{background:linear-gradient(135deg,#059669,#34d399);color:#fff;box-shadow:0 14px 28px rgba(5,150,105,.3)}

.scenes{max-width:1240px;margin:90px auto;padding:0 24px}
.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.scene-card{background:#fff;border-radius:36px;overflow:hidden;box-shadow:0 22px 50px rgba(5,150,105,.13);transition:.35s}
.scene-card:hover{transform:translateY(-6px)}
.scene-card img{width:100%;height:auto}
.scene-body{padding:28px 32px 36px}
.scene-body h3{font-size:22px;color:#022c22;margin-bottom:12px;font-weight:700}
.scene-body p{color:#334155;font-size:15px}

.testimonials{max-width:1240px;margin:90px auto;padding:0 24px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{padding:32px 28px;border-radius:32px;background:#fff;box-shadow:0 20px 50px rgba(5,150,105,.1);transition:.3s}
.testi-card:hover{transform:translateY(-6px)}
.avatar{width:60px;height:60px;border-radius:50%;margin-bottom:16px;display:block}
.stars{color:#fbbf24;font-size:18px;letter-spacing:2px;margin-bottom:12px}
.testi-card p{font-size:15px;color:#334155;margin-bottom:20px;line-height:1.7}
.who{display:flex;flex-direction:column;border-top:1px dashed #a7f3d0;padding-top:14px}
.who strong{color:#065f46;font-size:15px}
.who span{font-size:13px;color:#94a3b8;margin-top:2px}

.pricing-cards{max-width:1240px;margin:90px auto;padding:0 24px}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.price-card{padding:34px 26px;border-radius:32px;background:#fff;box-shadow:0 20px 50px rgba(5,150,105,.1);position:relative;transition:.35s}
.price-card:hover{transform:translateY(-8px)}
.price-card.highlight{background:linear-gradient(170deg,#d1fae5 0,#fff 100%);border:2px solid #059669;transform:scale(1.04)}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 18px;border-radius:18px;background:linear-gradient(135deg,#059669,#34d399);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 10px 20px rgba(5,150,105,.4)}
.price-card h3{font-size:18px;color:#065f46;font-weight:700;margin-bottom:10px}
.price{font-size:42px;font-weight:700;color:#022c22;margin-bottom:18px;display:flex;align-items:baseline}
.price em{font-style:normal;font-size:18px;color:#059669;margin-right:2px}
.price span{font-size:14px;color:#94a3b8;margin-left:6px;font-weight:500}
.price-card ul{margin-bottom:22px}
.price-card li{padding:6px 0;color:#334155;font-size:14px;padding-left:20px;position:relative}
.price-card li::before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}

.cta-banner{max-width:1240px;margin:90px auto;padding:0 24px}
.cta-card{padding:60px 50px;border-radius:36px;background:linear-gradient(135deg,#059669 0,#34d399 100%);color:#fff;text-align:center;box-shadow:0 30px 70px rgba(5,150,105,.35);position:relative;overflow:hidden}
.cta-card::after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1)}
.cta-card h2{font-size:34px;font-weight:700;margin-bottom:14px;position:relative}
.cta-card p{font-size:16px;margin-bottom:30px;opacity:.95;position:relative}
.cta-buttons{display:flex;gap:14px;justify-content:center;position:relative;z-index:2}
.cta-buttons .btn-primary{background:#fff;color:#065f46}

.news{max-width:1240px;margin:90px auto;padding:0 24px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{padding:28px;border-radius:28px;background:#fff;box-shadow:0 18px 40px rgba(5,150,105,.08);transition:.3s;display:block}
.news-card:hover{transform:translateY(-5px);box-shadow:0 26px 56px rgba(5,150,105,.18)}
.news-date{display:inline-block;padding:4px 12px;border-radius:14px;background:#d1fae5;color:#065f46;font-size:12px;font-weight:600;margin-bottom:14px}
.news-card h4{font-size:17px;color:#022c22;margin-bottom:10px;font-weight:700;line-height:1.4}
.news-card p{color:#64748b;font-size:14px}

.footer-cards{margin-top:90px;padding:60px 24px 0;background:linear-gradient(180deg,#d1fae5 0,#f0fdf4 100%);border-radius:48px 48px 0 0}
.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px}
.f-col h5{font-size:16px;color:#065f46;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #34d399;display:inline-block}
.f-col p{color:#334155;font-size:14px;margin-bottom:12px}
.f-meta{font-size:13px;color:#64748b;line-height:1.9}
.f-col ul li{padding:5px 0}
.f-col ul li a{font-size:14px;color:#334155;transition:.2s}
.f-col ul li a:hover{color:#059669}
.f-links{display:flex;flex-wrap:wrap;gap:6px}
.f-links li{padding:0}
.f-links li a{padding:5px 11px;border-radius:14px;background:rgba(255,255,255,.7);font-size:13px;display:inline-block}
.f-links li a:hover{background:#059669;color:#fff}
.f-copy{max-width:1240px;margin:0 auto;padding:22px 0;text-align:center;border-top:1px solid #a7f3d0;color:#64748b;font-size:13px}

@media(max-width:900px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero-split{grid-template-columns:1fr}
  .cards-row,.scene-grid,.testi-grid,.price-grid,.news-grid,.footer-grid{grid-template-columns:1fr}
  .price-card.highlight{transform:none}
  .hero-card h1{font-size:34px}
  .hero-card{padding:36px 28px}
  .cta-card{padding:40px 26px}
  .cta-card h2{font-size:24px}
  .cta-buttons{flex-direction:column}
}