/* Minimal, modern, accessible styles */
:root{
  --bg:#0b0d12;
  --panel:#0f1219;
  --text:#e6e8ef;
  --muted:#a9b0c3;
  --brand:#59c3ff;
  --accent:#42d392;
  --card:#121622;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:linear-gradient(180deg,#0a0c11, #0b0d12);
}
img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.section.alt{background:linear-gradient(180deg,#0b0d12, #0c0f15)}
.section-title{font-size:32px;margin:0 0 24px}
.small{font-size:12px;color:var(--muted)}

/* Header */
.site-header{position:sticky;top:0;background:rgba(11,13,18,.7);backdrop-filter: blur(8px);border-bottom:1px solid #151926;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{color:var(--text);text-decoration:none;font-weight:700;font-size:20px;letter-spacing:.5px}
nav a{color:var(--muted);margin-left:16px;text-decoration:none}
nav a:hover{color:var(--text)}

/* Buttons */
.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--accent));color:#051018;border:none;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:600;box-shadow:var(--shadow)}
.btn-sm{padding:8px 12px;border-radius:8px}
.link{color:var(--brand);margin-left:12px}
.link:hover{text-decoration:underline}

/* Hero */
.hero{padding:80px 0 40px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero-copy h1{font-size:40px;line-height:1.1;margin:0 0 12px}
.hero-copy p{color:var(--muted);font-size:18px;margin:0 0 20px}
.hero-cta .btn{margin-right:10px}
.hero-media{position:relative;min-height:320px}
.glow{position:absolute;inset:-20px;filter:blur(40px);background: radial-gradient(600px 120px at 20% 30%, rgba(89,195,255,.25), transparent), radial-gradient(400px 120px at 80% 70%, rgba(66,211,146,.2), transparent)}
.card{background:var(--card);border:1px solid #1a2132;border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.card--stacked{position:absolute;right:0;left:0;margin:auto;max-width:290px}
.card--stacked:nth-child(2){top:10px}
.card--stacked.delay-1{top:120px}
.card--stacked.delay-2{top:230px}
.badge{display:inline-block;background:#0b1520;border:1px solid #18324a;color:#9dd8ff;padding:4px 8px;border-radius:999px;font-size:12px;margin-bottom:8px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cards .card h3{margin:0 0 6px}
.cards .card p{margin:0 0 10px;color:var(--muted)}
.cards .card ul{margin:0;padding-left:18px;color:var(--muted)}

/* Solutions */
.solutions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.solution{background:var(--card);border:1px solid #1a2132;border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.solution h3{margin:0 0 8px}
.solution p{margin:0 0 6px;color:var(--muted)}

/* Contact */
.contact{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.contact-list{list-style:none;padding:0;margin:10px 0 0}
.contact-list a{color:var(--text)}
.contact-form label{display:block;font-size:14px;margin:8px 0}
.contact-form input,.contact-form textarea{width:100%;background:#0c111a;border:1px solid #1a2132;border-radius:10px;color:var(--text);padding:10px}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--brand);outline-offset:1px}
.form-note{color:var(--muted);font-size:12px;margin-top:8px}

/* Footer */
.site-footer{border-top:1px solid #151926;padding:20px 0;color:var(--muted)}

/* Responsive */
@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media{min-height:280px}
  .cards{grid-template-columns:1fr}
  .solutions{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}