:root{
  --green:#0f9d58;
  --green-dark:#0b7c45;
  --bg:#0a0a0a;
  --text:#e9ecef;
  --muted:#b9c0c7;
  --card:#121212;
  --border:#1e1e1e;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
}
.container{width:min(1100px,92%); margin:0 auto}
.site-header{position:sticky; top:0; background:#0a0a0acc; backdrop-filter: blur(6px); border-bottom:1px solid var(--border);}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:.8rem 0}
.logo{margin:0; font-weight:800; letter-spacing:.5px}
.logo .brand-plotx{color:var(--green)}
.logo .brand-prop{color:#fff; opacity:.9}
.nav a{color:#fff; text-decoration:none; margin-left:1.2rem; font-weight:600; opacity:.9}
.nav a:hover{opacity:1; color:var(--green)}
.hero{
  background: radial-gradient(1200px 600px at 20% -20%, #124f2f 0%, transparent 60%), 
              radial-gradient(1200px 600px at 120% 0%, #0e4028 0%, transparent 50%), 
              linear-gradient(0deg, #0a0a0a, #0a0a0a);
  padding: 5.5rem 0 4rem;
  border-bottom: 1px solid var(--border);
}
.hero-inner{max-width:800px}
.hero h2{font-size: clamp(2rem, 4vw, 3rem); margin:.5rem 0 0; color:#fff}
.hero p{color:var(--muted); margin:.6rem 0 1.2rem}
.btn{
  display:inline-block; padding:.8rem 1.1rem; border-radius:.8rem;
  text-decoration:none; border:1px solid var(--green);
  margin-right:.6rem; font-weight:700
}
.btn.primary{background:var(--green); color:#fff}
.btn.outline{color:var(--green); background:transparent}
.section{padding:3rem 0}
.section.alt{background:#0d0d0d; border-top:1px solid var(--border); border-bottom:1px solid var(--border)}
.grid-2{display:grid; grid-template-columns:1.2fr .8fr; gap:1.4rem}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem}
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem}
.card{background:var(--card); border:1px solid var(--border); padding:1rem; border-radius:1rem}
.card h4{margin-top:0}
.tick{padding-left:1.1rem}
.tick li{margin:.4rem 0}
.reason{background:var(--card); border:1px solid var(--border); padding:1rem; border-radius:1rem}
.contact{list-style:none; padding-left:0; margin:.7rem 0 1.2rem}
.contact li{margin:.3rem 0}
.note{color:var(--muted); font-size:.9rem}
.site-footer{border-top:1px solid var(--border); padding:1.4rem 0; color:#bbb}
.footer-inner{display:flex; justify-content:center}
@media (max-width:900px){
  .grid-2{grid-template-columns:1fr}
  .grid-3, .cards{grid-template-columns:1fr}
  .nav{display:none}
}