@import url("https://fonts.googleapis.com/css2?family=Hind:wght@400;600;700&family=DM+Sans:wght@400;600;700&display=swap");:root{--bg:#f4f7f6;--ink:#0d1a12;--muted:#4a5b50;--card:#ffffff;--soft:#eaf2ee;--accent:#148152;--accent-2:#0b4b32;--ring:rgba(20,129,82,0.25);--shadow:0 18px 50px rgba(7,20,12,0.14)}.mainpage-root{min-height:100vh;background:radial-gradient(1200px 500px at 10% -10%,#e8f6ee 0,transparent 60%),radial-gradient(900px 500px at 90% -20%,#e7f0ff 0,transparent 55%),var(--bg);color:var(--ink);font-family:Hind,DM Sans,sans-serif;padding-bottom:56px;position:relative;overflow:hidden}.ambient{position:absolute;inset:-120px -60px auto -60px;height:420px;background:radial-gradient(60% 100% at 15% 20%,rgba(20,129,82,.25),transparent 60%),radial-gradient(60% 100% at 85% 0,rgba(15,76,52,.18),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.7),transparent 70%);pointer-events:none;z-index:0}.hero{padding:28px 20px 10px;position:relative;z-index:1}.hero-inner{max-width:1180px;margin:0 auto;padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,248,242,.96)),radial-gradient(220px 220px at 85% 20%,rgba(20,129,82,.16),transparent 70%);box-shadow:var(--shadow);display:grid;grid-template-columns:1.2fr .8fr;grid-gap:22px;gap:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#e1f5eb,#e9f2ff);color:var(--accent-2);border:1px solid #d6e7dd;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.hero-title{margin:14px 0 6px;font-size:38px;line-height:1.2}.hero-subtitle{color:var(--muted);margin-bottom:14px}.hero-search{background:#fff;border:1px solid #e1ece5;border-radius:14px;padding:10px;box-shadow:0 10px 24px rgba(7,18,10,.08)}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.pill{background:#f1f7f3;color:var(--accent-2);border:1px solid #e0eee6;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600}.hero-card{background:var(--card);border:1px solid #e2eee7;border-radius:18px;padding:16px;box-shadow:0 14px 34px rgba(9,24,14,.14);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -30% -40% -30%;height:160px;background:radial-gradient(60% 120% at 50% 0,rgba(15,124,77,.12),transparent 70%);pointer-events:none}.hero-card-title{font-weight:700;margin-bottom:10px}.hero-card-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #e4efe9;font-size:14px}.hero-card-row strong{color:var(--accent-2)}.hero-card-note{margin-top:10px;color:var(--muted);font-size:14px}.ticker{overflow:hidden;padding:10px 0 18px;border-top:1px solid #e7f0ea;border-bottom:1px solid #e7f0ea;background:#f6faf8}.ticker-track{display:flex;gap:36px;white-space:nowrap;animation:slide 20s linear infinite;padding-left:100%}.ticker-track span{font-weight:600;color:#2b553e}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.section{max-width:1100px;margin:0 auto;padding:36px 20px;position:relative;z-index:1}.section.soft{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent),var(--soft);border-radius:26px;margin:16px auto;border:1px solid #e1ece6;box-shadow:0 10px 26px rgba(9,24,14,.08)}.section-head h2{font-size:26px;margin-bottom:8px}.section-head p{color:var(--muted);line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:14px}.card{background:var(--card);border:1px solid #e2eee7;border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(9,24,14,.1);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(9,24,14,.14)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:12px}.feature{background:#ffffff;border:1px solid #e3efe8;border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(9,24,14,.06)}.feature-title{font-weight:700;margin-bottom:6px}.list-panel{background:#ffffff;border:1px solid #e2eee7;border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(9,24,14,.08)}.list-title{font-weight:700;margin-bottom:6px}.list{list-style:disc;padding-left:18px;line-height:1.7}.list-note{margin-top:8px;color:var(--muted)}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.compare-col{background:#ffffff;border:1px solid #e2eee7;border-radius:14px;padding:14px;box-shadow:0 10px 24px rgba(9,24,14,.08)}.compare-head{font-weight:700;margin-bottom:6px}.compare-head.accent{color:var(--accent-2)}.faq{display:grid;grid-gap:10px;gap:10px}.faq-item{background:#ffffff;border:1px solid #e2eee7;border-radius:14px;padding:14px 16px;text-align:left;transition:box-shadow .2s ease,transform .2s ease}.faq-item:hover{transform:translateY(-1px)}.faq-item.active{box-shadow:0 10px 25px rgba(10,30,18,.12);border-color:#cfe5d8}.faq-question{display:flex;justify-content:space-between;gap:12px;font-weight:700}.faq-answer{margin-top:8px;color:var(--muted);line-height:1.6}.plus{font-weight:700;color:var(--accent-2)}.cta{max-width:1100px;margin:20px auto 0;padding:24px 20px;background:linear-gradient(120deg,#e4f4ea,#ffffff);border:1px solid #e2eee7;border-radius:22px;display:flex;gap:16px;align-items:center;justify-content:space-between;box-shadow:0 14px 32px rgba(9,24,14,.12)}.cta-actions{display:flex;gap:10px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:700;box-shadow:0 12px 26px var(--ring);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px var(--ring)}.btn-ghost{background:transparent;color:var(--accent-2);border:1px solid #cfe5d8;border-radius:12px;padding:10px 16px;font-weight:700;text-decoration:none;transition:background-color .2s ease}.btn-ghost:hover{background:#eef7f2}@media (max-width:980px){.card-grid,.compare,.feature-grid,.hero-inner{grid-template-columns:1fr}}@media (max-width:640px){.hero-title{font-size:26px}.cta{flex-direction:column;align-items:flex-start}}:root{--tips-bg:#f6faf8;--tips-card:#ffffff;--tips-ink:#0b1b12;--tips-muted:#516155;--tips-accent:#0f7c4d;--tips-accent-2:#0b4b32;--tips-border:#dfe8e3;--tips-shadow:0 18px 40px rgba(9,24,14,0.14)}.tips{max-width:1100px;margin:18px auto 0;padding:18px 20px;position:relative}.tips:before{content:"";position:absolute;inset:-10px 20px auto 20px;height:140px;border-radius:24px;background:radial-gradient(60% 120% at 15% 0,rgba(15,124,77,.18),transparent 70%),radial-gradient(60% 120% at 85% 0,rgba(11,75,50,.12),transparent 70%);z-index:0;pointer-events:none}.tips-header{text-align:center;margin-bottom:12px;position:relative;z-index:1}.tips-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,#e1f5eb,#eef6ff);border:1px solid var(--tips-border);color:var(--tips-accent);font-weight:700;font-size:12px;letter-spacing:.2px}.tips-badge:before{content:"✨";font-size:12px}.tips-title{margin:8px 0 2px;font-size:22px;color:var(--tips-ink)}.tips-subtitle{margin:0;color:var(--tips-muted);font-size:14px}.tips-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.96)),var(--tips-card);border:1px solid var(--tips-border);border-radius:18px;padding:16px 18px;box-shadow:var(--tips-shadow);min-height:130px;position:relative;z-index:1;overflow:hidden}.tips-card:after{content:"";position:absolute;inset:auto -30% -50% -30%;height:140px;background:radial-gradient(60% 120% at 50% 0,rgba(15,124,77,.12),transparent 70%);pointer-events:none}.tips-content{text-align:left}.tips-section{font-weight:700;margin:0 0 6px;color:var(--tips-accent-2)}.tips-text{margin:0;color:var(--tips-muted);font-size:15px;line-height:1.7}.tips-skeleton{display:flex;flex-direction:column;gap:10px;animation:pulse 1.4s ease-in-out infinite}.skeleton-line{height:10px;border-radius:999px;background:#e7eee9}.w-60{width:60%}.w-50{width:50%}.w-40{width:40%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:640px){.tips{padding:12px 16px}.tips-title{font-size:18px}}