/* SimplyGem site styles */
:root{
  --bg:#070b18;
  --bg-alt:#0b132b;
  --card:#0e1a36;
  --text:#e6f0ff;
  --muted:#a9b2c7;
  --primary:#5fe1a5;
  --accent:#7dd3fc;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;scroll-behavior:smooth}

.container{width:min(1120px,92vw);margin-inline:auto}

.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(7,11,24,0.9),rgba(7,11,24,0.6) 60%,rgba(7,11,24,0));backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header.simple{position:relative;background:var(--bg-alt)}

.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.12em}
.logo{height:36px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-links a{color:var(--text);text-decoration:none;opacity:.9}
.nav-links a:hover{opacity:1}
.btn{border-radius:999px;border:1px solid rgba(255,255,255,.12);padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}
.btn-primary{background:linear-gradient(135deg,var(--primary),#3dd6b0);border:none;color:#04151f;box-shadow:var(--shadow)}
.btn-ghost{background:transparent}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:28px}

.hero{position:relative;background:radial-gradient(1200px 600px at 20% -10%,#103066 0%,transparent 70%),linear-gradient(180deg,#0a1224 0%,#071022 60%);padding:92px 0 0}
.hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;min-height:60vh}
.hero-copy h1{font-family:Montserrat,Inter,sans-serif;font-size:clamp(28px,4vw,46px);line-height:1.1;margin:0 0 12px}
.hero-copy p{color:var(--muted);font-size:clamp(16px,1.5vw,18px)}
.cta-row{display:flex;gap:12px;margin:18px 0 8px}
.hero-bullets{display:flex;gap:18px;list-style:none;padding:0;margin:16px 0 0;color:var(--muted)}
.hero-visual{display:flex;justify-content:center}
.radar{position:relative;aspect-ratio:1/1;width:min(360px,70%);border-radius:999px;background:radial-gradient(circle at center,rgba(125,211,252,.25) 0%,rgba(125,211,252,.04) 70%,transparent 72%),rgba(13,31,61,.7);box-shadow:0 0 0 2px rgba(125,211,252,.2),inset 0 0 30px rgba(125,211,252,.15)}
.radar-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(95,225,165,.35),rgba(95,225,165,0) 40%);border-radius:50%;animation:sweep 4s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.hero-waves{display:block;width:100%;height:140px;fill:#0b132b}

.section{padding:72px 0;background:var(--bg)}
.section-alt{background:var(--bg-alt)}
.center{text-align:center}
.lead{color:var(--muted);max-width:780px;margin:6px auto 18px}

.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.about-card{background:linear-gradient(180deg,#0d1734,#0a142b);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.pill-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.pill{background:rgba(125,211,252,.1);border:1px solid rgba(125,211,252,.25);color:#c9e9ff;padding:8px 12px;border-radius:999px;font-weight:600}
.checklist{line-height:1.8;margin:12px 0 0}

.cards .card{background:linear-gradient(180deg,#0f1c3b,#0a142b);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow)}
.cards .card h3{margin-top:0;font-family:Montserrat,Inter,sans-serif}
.cards .list{margin:10px 0 0;padding-left:18px;color:var(--muted)}

.timeline{position:relative;margin:34px 0 0;padding-left:22px}
.timeline::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:rgba(125,211,252,.3)}
.time-item{position:relative;margin:0 0 24px 0;padding:0 0 0 10px}
.time-dot{position:absolute;left:-2px;top:4px;width:12px;height:12px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px rgba(95,225,165,.18)}

.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0 20px}
.mini-card{background:#0e1a36;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:14px}
.mini-card a{color:var(--text);text-decoration:none}

.contact-form{background:#0e1a36;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
label{display:block;margin:10px 0 6px}
input,textarea{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0a142b;color:var(--text)}
input:focus,textarea:focus{outline:2px solid var(--primary);border-color:transparent}
.form-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.checkbox{display:flex;align-items:center;gap:8px;color:var(--muted)}
.form-note{color:var(--muted);font-size:.9rem;margin-top:6px}
#form-status{margin-top:10px;font-weight:600}

.site-footer{background:#070b18;border-top:1px solid rgba(255,255,255,.06);padding:26px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{height:28px}
.footer-links{display:flex;gap:16px}
.footer-links a{color:var(--muted);text-decoration:none}
.copy{color:var(--muted)}

.narrow{width:min(800px,92vw);margin:0 auto}

/* Responsive */
@media (max-width: 940px){
  .hero-inner,.grid-2{grid-template-columns:1fr}
  .hero-visual{order:-1}
}
@media (max-width: 760px){
  .grid-3{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr}
  .nav-links{display:none;position:absolute;right:16px;top:60px;background:rgba(10,18,36,.95);padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
  .nav-toggle{display:block}
}