:root{
  --ink:#0b1f2a;
  --sea:#0b7285;
  --kelp:#2b8a3e;
  --foam:#e6f4f1;
  --sand:#f7fafc;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg, var(--foam), var(--sand));
  line-height:1.6;
}

.container{max-width:1100px;margin:0 auto;padding:1.25rem}

.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.85);backdrop-filter: blur(8px);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);font-weight:800}
.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--sea),var(--kelp));color:white;font-size:16px}
.brand-text{letter-spacing:.5px}
.nav a{margin-left:1rem;text-decoration:none;color:var(--ink);font-weight:600;opacity:.9}
.nav a:hover{opacity:1;color:var(--sea)}

.hero{
  background: radial-gradient(1000px 400px at 20% 20%, rgba(43,138,62,.12), transparent),
              radial-gradient(800px 400px at 80% 0%, rgba(11,114,133,.12), transparent);
  overflow:hidden;
}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;min-height:60svh}
.hero-text h1{font-size:clamp(1.8rem, 1.2rem + 2vw, 3rem);margin:0 0 .5rem}
.tagline{font-weight:600;color:var(--sea);margin:0 0 1rem}
.btn{display:inline-block;padding:.8rem 1.05rem;border-radius:.8rem;border:2px solid transparent;font-weight:700;text-decoration:none;transition:.2s;box-shadow:var(--shadow)}
.btn.primary{background:linear-gradient(135deg,var(--sea),var(--kelp));color:#fff}
.btn.primary:hover{filter:brightness(1.05)}
.btn.ghost{border-color:rgba(0,0,0,.1);color:var(--ink);background:white;margin-left:.5rem}
.btn.ghost:hover{border-color:var(--sea);color:var(--sea)}

.hero-art svg{width:100%;height:auto;display:block}

.section{padding:2rem 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}
.card h3{margin-top:0;color:var(--sea)}

.pdf-embed{
  background:#fff;border-radius:1rem;box-shadow:var(--shadow);
  padding:0;overflow:hidden;margin-top:1rem;
}
.pdf-embed object{width:100%;height:min(80svh, 900px);border:0;display:block}

.pdf-actions{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}

.contact a{color:var(--sea);text-decoration:none}
.contact a:hover{text-decoration:underline}

.site-footer{border-top:1px solid rgba(0,0,0,.06);background:#fff}
.site-footer .container{padding:1rem 1.25rem;text-align:center;color:#555}

@media (max-width: 900px){
  .hero-inner{grid-template-columns:1fr;gap:1rem}
  .cards{grid-template-columns:1fr}
  .nav{display:none}
}