/* Base */
:root{
  --brand:#198754; /* Bootstrap success */
  --ink:#1f2a1f;
  --muted:#6c757d;
  --soft:#f3f7f4;
}
html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--ink)}
.brand-text{font-family:Marcellus, serif; letter-spacing:.2px}
.navbar .btn{border-radius:999px}

/* Hero */
.bg-hero{
  background: radial-gradient(1200px 600px at 10% 10%, #e9f7ef, transparent 60%), 
              conic-gradient(from 180deg at 80% 20%, #f5fff7, #f2fbf6, #f0fff5);
}
.hero-card{background:#fff;border:1px solid #e6efe9}
.hero-card .form-control:focus{border-color:var(--brand); box-shadow:0 0 0 .2rem rgba(25,135,84,.15)}

/* Sections */
.section-title{font-family:Marcellus, serif;font-weight:700;letter-spacing:.3px}
.feature{border:1px solid #e6efe9}
.feature-icon{color:var(--brand)}

/* Mock image grid (pure CSS) */
.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mock-tile{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#e7f5ec 0 20px,#f7fffa 20px 40px)}
.mock-tile:nth-child(2){grid-row:span 2;aspect-ratio:3/4;}

/* Project cards with CSS thumbs */
.project-card{border:1px solid #e6efe9}
.project-thumb{height:180px;background:linear-gradient(180deg,#bde5c8,#8fd3a1)}
.project-thumb.alt{background:linear-gradient(180deg,#d1f0da,#a1e3b7)}

/* Reviews */
.review .avatar{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #a8e4bf, #4caf7a)}
.stars{color:#f1b501; letter-spacing:1px}

/* Footer */
footer a{color:var(--muted)}

/* Utilities */
.bg-success-subtle{background:#e9f7ef !important}
.text-success{color:var(--brand) !important}
.btn-success{background:var(--brand);border-color:var(--brand)}
.btn-outline-success{border-color:var(--brand);color:var(--brand)}
.btn-outline-success:hover{background:var(--brand);color:#fff}