*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:#222;background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}

/* Header */
header{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:#0d2d23;color:#fff}
header nav a{margin:0 1rem;color:#fff}
header nav a:hover{color:#00b894}
.btn{padding:.8rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer}
.btn--primary{background:#00b894;color:#fff}
.btn--primary:hover{opacity:.9}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:5rem 8%;background:#0d2d23;color:#fff}
.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem}
.hero p{margin-bottom:1.5rem}
.hero__image img{width:100%;border-radius:12px}

/* Sections */
section{padding:5rem 8%}
.section-green{background:#0d2d23;color:#fff}
.section-white{background:#fff;color:#222}
.section-grey{background:#f5f5f5}
.section__title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem}

/* Benefits */
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.benefit-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);text-align:center;font-weight:600;color:#0d2d23}

/* Assets */
.tabs{text-align:center;margin:2rem 0}
.tab{padding:.6rem 1.2rem;border:1px solid #0d2d23;border-radius:20px;margin:.3rem;background:#fff;cursor:pointer}
.tab.active{background:#0d2d23;color:#fff}
.assets-grid{display:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.assets-grid.active{display:grid}
.asset-card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center}

/* Plan */
.plan-box{max-width:400px;margin:auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.1);text-align:center}
.plan-box h3{color:#00b894;margin:1rem 0}
.plan-box .price{font-size:1.8rem;font-weight:700;margin:1rem 0}
.plan-box ul{list-style:none;padding:0;text-align:left}
.plan-box li{margin:.5rem 0}

/* Results */
.results-table{width:100%;border-collapse:collapse;margin-top:2rem}
.results-table th,.results-table td{padding:1rem;border-bottom:1px solid #ddd;text-align:center}
.results-table th{background:#eaeaea}
.legal{margin-top:1rem;font-size:.85rem;color:#555;text-align:center}

/* Footer */
footer{text-align:center;padding:2rem;background:#0d2d23;color:#fff}