/* Zoom ITC – static CSS (no Tailwind) */
:root{
  --bg:#0b1320;
  --card:#0f172a;
  --line:#0f1a2f;
  --text:#e5e7eb;
  --muted:#94a3b8;
  --cyan:#22d3ee;
  --teal:#0ea5b7;
  --green:#22c55e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:12px 20px;border-radius:16px;border:1px solid #1e293b}
.btn-primary{background:#0891b2;border-color:#0891b2;color:white}
.btn-outline{background:transparent;border-color:#334155}
.btn:hover{opacity:.95}
/* HEADER */
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg),transparent 20%);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #0f2030}
.nav{display:flex;gap:24px;align-items:center}
.nav a:hover{color:var(--cyan)}
.brand{display:flex;gap:12px;align-items:center}
.tag{letter-spacing:.35em;color:#67e8f9;font-size:11px;margin-top:-6px}
.phonepill{padding:10px 14px;border-radius:16px;border:1px solid #155e75;background:rgba(14,165,233,.1)}
/* HERO / PAGES */
section{position:relative}
.hero{padding:88px 0}
.h1{font-size:clamp(32px,4vw,56px);line-height:1.1;font-weight:800}
.h2{font-size:clamp(26px,3vw,40px);line-height:1.2;font-weight:800}
.lead{color:var(--muted);font-size:18px}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}
.card{background:rgba(2,6,23,.5);border:1px solid #0b2633;border-radius:18px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card h3{margin:0 0 6px;font-size:20px}
.small{font-size:12px;color:#94a3b8}
footer{border-top:1px solid #0f2030;padding:28px 0;margin-top:40px}
/* Circuit background */
.circuit:before{
  content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:
    radial-gradient(circle at 20% 30%, rgba(34,211,238,.2), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(34,197,94,.15), transparent 40%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600" opacity="0.6"><defs><pattern id="g" width="60" height="60" patternUnits="userSpaceOnUse"><path d="M0 30h60 M30 0v60" stroke="%23089fb5" stroke-width="1"/><circle cx="30" cy="30" r="3" fill="%230b7282"/></pattern></defs><rect width="1200" height="600" fill="url(%23g)"/></svg>');
  background-size:cover,cover,cover;
}
/* Logo simple */
.logo{width:44px;height:44px;display:inline-block}
/* Form */
input,textarea{width:100%;background:#0b1220;border:1px solid #0f2030;border-radius:12px;color:var(--text);padding:12px 14px}
label{display:block;margin:12px 0 6px}
iframe{border:0;display:block;width:100%}
/* Utility */
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}
.row{display:flex;gap:16px;align-items:flex-start}
.icon{width:20px;height:20px;margin-top:2px;flex:0 0 auto}
/* Active link state */
.nav a.active{color:var(--cyan)}