/* Minimal v1 CSS (expand later). */
:root{
  --bg:#0b0f14; --bg2:#0f1620; --text:#e7edf5; --muted:#b7c1cf; --muted2:#94a3b8;
  --card:#111a26; --border:rgba(255,255,255,0.10); --border2:rgba(255,255,255,0.14);
  --btn:rgba(255,255,255,0.12); --btn2:rgba(255,255,255,0.18);
  --shadow:0 10px 30px rgba(0,0,0,0.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,"Noto Sans","Helvetica Neue",sans-serif;
  line-height:1.55;
}
a{color:inherit; text-decoration:none}
a:hover{text-decoration:underline; text-underline-offset:.2em}
.wrap{width:min(1120px,calc(100% - 48px)); margin:0 auto}
h1,h2,h3{line-height:1.18; margin:0 0 .75rem}
h1{font-size:clamp(2rem,3.6vw,3.1rem); letter-spacing:-.02em}
h2{font-size:clamp(1.45rem,2.2vw,2rem); letter-spacing:-.01em}
h3{font-size:1.15rem}
p{margin:0 0 1rem; color:var(--muted)}
.section{padding:64px 0}
.section-alt{background:linear-gradient(180deg,var(--bg),var(--bg2))}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(11,15,20,0.68); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.header-row{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0}
.brand{display:flex; flex-direction:column; gap:2px}
.brand-name{font-weight:650; letter-spacing:.01em}
.brand-tag{font-size:.88rem; color:var(--muted2)}
.site-nav{display:flex; align-items:center; gap:18px}
.site-nav a{opacity:.92}
.site-nav a:hover{opacity:1}
.nav-cta{
  padding:9px 12px; border:1px solid var(--border2); border-radius:10px;
  background:rgba(255,255,255,0.06); text-decoration:none !important;
}
.nav-cta:hover{background:rgba(255,255,255,0.10)}
.nav-toggle{
  display:none; border:1px solid var(--border2); background:rgba(255,255,255,0.06);
  color:var(--text); padding:8px 10px; border-radius:10px; cursor:pointer;
}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 14px; border-radius:12px; border:1px solid var(--border2);
  background:var(--btn); font-weight:600; text-decoration:none !important;
}
.btn:hover{background:var(--btn2)}
.btn.primary{background:rgba(255,255,255,0.18)}
.btn.secondary{background:rgba(255,255,255,0.10)}

/* Hero */
.hero{position:relative; min-height:74vh; display:grid; align-items:center; overflow:hidden; border-bottom:1px solid var(--border)}
.hero-media{position:absolute; inset:0}
.hero-video{width:100%; height:100%; object-fit:cover; filter:saturate(.95) contrast(1.08)}
.hero-overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(0,0,0,0.15), rgba(0,0,0,0.55)),
    linear-gradient(to bottom, rgba(0,0,0,0.28), rgba(0,0,0,0.70));
}
.hero-content{position:relative; padding:88px 0 74px; max-width:920px}
.hero-kicker{margin:0 0 10px; font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(231,237,245,0.88)}
.hero-sub{color:rgba(231,237,245,0.88); font-size:1.08rem; line-height:1.65; max-width:72ch; margin:14px 0 20px}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0}
.hero-trust{margin-top:10px; color:rgba(231,237,245,0.78); font-size:.95rem}
@media (prefers-reduced-motion: reduce){
  .hero-video{display:none}
  .hero-media{background:url('/assets/img/hero-poster.jpg') center/cover no-repeat}
}

/* Cards / grids */
.grid-2{display:grid; grid-template-columns:1.1fr .9fr; gap:26px; align-items:start}
.cards-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px}
.card{
  background:rgba(17,26,38,0.70); border:1px solid var(--border);
  border-radius:16px; padding:18px 18px 16px; box-shadow:var(--shadow);
}
.bullets{margin:10px 0 0; padding-left:18px; color:var(--muted)}
.bullets li{margin:0 0 10px}
.text-link{display:inline-block; margin-top:4px; text-decoration:none !important}
.text-link:hover{text-decoration:underline !important}

/* Footer */
.site-footer{border-top:1px solid var(--border); padding:42px 0 18px; background:rgba(15,22,32,0.35)}
.footer-grid{display:grid; grid-template-columns:1.3fr .7fr .8fr; gap:20px; margin-bottom:20px}
.footer-brand{font-weight:650; margin-bottom:8px}
.footer-desc{color:var(--muted); max-width:65ch}
.footer-title{font-weight:650; margin-bottom:8px}
.footer-note{color:var(--muted2); font-size:.95rem}
.footer-bottom{
  display:flex; justify-content:space-between; gap:10px;
  color:var(--muted2); font-size:.92rem; padding-top:14px; border-top:1px solid var(--border);
}

/* Responsive */
@media (max-width: 920px){
  .grid-2{grid-template-columns:1fr}
  .cards-3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .nav-toggle{display:inline-flex}
  .site-nav{
    position:absolute; right:24px; top:64px;
    display:none; flex-direction:column; gap:10px; padding:12px; min-width:220px;
    border-radius:14px; border:1px solid var(--border);
    background:rgba(11,15,20,0.92); box-shadow:var(--shadow);
  }
  .site-nav.is-open{display:flex}
  .hero-content{padding:78px 0 62px}
}