/* Minimal, modern, accessible design (no framework) */
:root{
  --bg: #0f1320;
  --card: #171b2b;
  --text: #e6e9f2;
  --muted: #b9bfd3;
  --accent: #6ee7f0;
  --accent-strong:#42cbd8;
  --brand: #ffffff;
  --border: #262b40;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0b0f1a;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;line-height:1.5}
img{max-width:100%;height:auto}

.container{width:min(1100px,92%);margin-inline:auto}
.row{display:flex;gap:1rem;align-items:center}
.between{justify-content:space-between}
.center{align-items:center}

.site-header{position:sticky;top:0;background:rgba(11,15,26,.8);backdrop-filter:saturate(130%) blur(6px);border-bottom:1px solid var(--border);z-index:10}
.brand{display:flex;align-items:center;gap:.6rem;padding:.8rem 0}
.logo{width:40px;height:40px;object-fit:contain}
.brand-name{font-weight:700;color:var(--brand);letter-spacing:.2px}

.nav a{color:var(--text);text-decoration:none;margin-left:1rem}
.nav a:hover{color:var(--accent)}

.btn{display:inline-block;padding:.8rem 1.1rem;border-radius:.7rem;border:1px solid var(--border);text-decoration:none}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0a0f18;border:none;box-shadow:var(--shadow)}
.btn.ghost{background:transparent;color:var(--text)}
.btn.full{width:100%}

.hero{position:relative;isolation:isolate;padding:6rem 0}
.hero-inner{position:relative;z-index:1;max-width:820px}
.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:0 0 .8rem}
.hero .lead{color:var(--muted);font-size:1.05rem;margin-bottom:1.2rem}
.accent{color:var(--accent)}
.cta-row{display:flex;gap:.8rem;flex-wrap:wrap}

.hero-bg{position:absolute;inset:0;z-index:0;opacity:.25;background:
  radial-gradient(65% 55% at 20% 20%, #3bc8d9 0%, rgba(59,200,217,0) 60%),
  radial-gradient(65% 55% at 80% 30%, #7ba8ff 0%, rgba(123,168,255,0) 60%),
  radial-gradient(55% 45% at 50% 80%, #53e08f 0%, rgba(83,224,143,0) 60%);
  filter: saturate(120%) blur(0px);
}

.section{padding:3.5rem 0}
.section.alt{background:#0e1424}
.section h2{font-size:1.8rem;margin:0 0 1.2rem}

.grid{display:grid;gap:1rem}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid.three{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid.two,.grid.three{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.2rem;box-shadow:var(--shadow)}
.card h3{margin-top:0}

.ticks{list-style:none;padding-left:0;margin:.6rem 0 0}
.ticks li{position:relative;padding-left:1.2rem;margin:.25rem 0;color:var(--muted)}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--accent)}

.narrow{max-width:800px}

.contact-form{display:grid;gap:1rem;margin-top:.8rem}
.contact-form label{display:grid;gap:.4rem}
.contact-form input,.contact-form textarea{
  background:#0b0f1a;color:var(--text);border:1px solid var(--border);
  border-radius:.6rem;padding:.7rem
}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent)}

.site-footer{border-top:1px solid var(--border);padding:1.2rem 0;color:var(--muted)}
.small{font-size:.9rem;color:var(--muted)}