*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;line-height:1.7;color:#2C3E50;background:#FAFDF7}
a{color:#2C5F2D;text-decoration:none}a:hover{color:#97BC62;text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.nav{background:#1B3A2D;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}
.nav-logo{font-size:1.4rem;font-weight:700;color:#97BC62}.nav-logo span{color:#fff}
.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:#E8F5E9;font-size:.95rem}.nav-links a:hover{color:#97BC62;text-decoration:none}
.hero{background:linear-gradient(135deg,#1B3A2D 0%,#2C5F2D 60%,#4A9B5F 100%);color:#fff;padding:4rem 2rem;text-align:center}
.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.15rem;max-width:700px;margin:0 auto 1.5rem;color:#D5F0D5}
.hero .cta{display:inline-block;background:#97BC62;color:#1B3A2D;padding:.8rem 2rem;border-radius:6px;font-weight:700;font-size:1.05rem}
.hero .cta:hover{background:#B5D88A;text-decoration:none}
.section{padding:3rem 2rem;max-width:1100px;margin:0 auto}.section-alt{background:#EFF8EF}
.section h2{font-size:1.8rem;color:#1B3A2D;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #97BC62}
.section h3{font-size:1.3rem;color:#2C5F2D;margin:1.5rem 0 .8rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.card-img{width:100%;height:200px;background:#D5E8D4;display:flex;align-items:center;justify-content:center;font-size:3rem}
.card-body{padding:1.2rem}.card-body h3{color:#1B3A2D;margin:0 0 .5rem;font-size:1.15rem}.card-body p{color:#666;font-size:.95rem}
.card-price{display:inline-block;background:#E8F5E9;color:#2C5F2D;padding:.3rem .8rem;border-radius:4px;font-weight:700;margin-top:.8rem}
.card-link{display:inline-block;margin-top:.8rem;color:#2C5F2D;font-weight:600}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}
.feature-box{text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-box h3{color:#1B3A2D;margin-bottom:.5rem}.feature-box p{color:#666;font-size:.9rem}
.sub-banner{background:linear-gradient(135deg,#2C5F2D,#4A9B5F);color:#fff;padding:3rem 2rem;text-align:center;border-radius:12px;margin:2rem 0}
.sub-banner h2{color:#fff;border:none}.sub-price{font-size:2.5rem;font-weight:700;color:#97BC62}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
.blog-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.blog-card h3{margin-bottom:.5rem}.blog-card .date{color:#999;font-size:.85rem;margin-bottom:.5rem}.blog-card p{color:#666;font-size:.95rem}
.footer{background:#1B3A2D;color:#B0C4A8;padding:2rem;text-align:center;margin-top:2rem}.footer a{color:#97BC62}
.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;list-style:none}
.seo-note{background:#FFF8E1;border-left:4px solid #F9A825;padding:1rem 1.2rem;margin:1rem 0;border-radius:0 6px 6px 0;font-size:.9rem;color:#5D4037}
.seo-note strong{color:#E65100}
.seo-good{background:#E8F5E9;border-left-color:#2E7D32}.seo-good strong{color:#1B5E20}
.seo-bad{background:#FFEBEE;border-left-color:#C62828}.seo-bad strong{color:#B71C1C}
.breadcrumb{padding:.5rem 2rem;font-size:.85rem;color:#999;max-width:1100px;margin:0 auto}
.breadcrumb a{color:#2C5F2D}
@media(max-width:768px){.features{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.nav{flex-direction:column;gap:.5rem}}