:root{--bg:#06111f;--panel:#101b2b;--text:#f8fbff;--muted:#b8c9e2;--soft:#7f96b6;--line:#23344d;--brand:#49f5e6;--brand2:#4ea8ff;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:linear-gradient(180deg,#07111f 0%,#081625 45%,#06111f 100%);color:var(--text);font-size:16px;line-height:1.6}a{color:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(6,17,31,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;text-decoration:none}.brand img{height:46px;width:auto;display:block}.nav{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--muted)}.nav a{text-decoration:none}.nav a:hover{color:var(--text)}.nav-button,.button{border:1px solid var(--line);border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:700}.nav-button{background:#101b2b}.button.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04101d;border:0}.button.secondary{background:#111d2d}.section{max-width:var(--max);margin:0 auto;padding:90px 28px}.hero{min-height:720px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:100px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(44px,6.5vw,78px);line-height:1.02;margin:12px 0 24px;letter-spacing:-.055em}.lead{font-size:22px;color:var(--muted);max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.small-note{color:var(--soft);font-size:14px}.hero-card,.card,.price-card,.panel,.doc-link,.table-wrap{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:26px;box-shadow:0 20px 80px rgba(0,0,0,.22)}.hero-card{padding:34px}.status-pill,.pill{display:inline-flex;border-radius:999px;padding:7px 12px;background:rgba(73,245,230,.12);color:var(--brand);font-weight:800;font-size:12px}.hero-card h2{font-size:38px;line-height:1.1}.hero-card ul,.clean-list{padding:0;margin:18px 0 0;list-style:none}.hero-card li,.clean-list li{border-top:1px solid rgba(255,255,255,.08);padding:11px 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:24px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{padding:26px}.card h3,.price-card h2,.panel h3{margin-top:0}.card p,.price-card p,.panel p,td{color:var(--muted)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.compact{padding-top:45px;padding-bottom:45px}.center{text-align:center}.page-hero{text-align:center;max-width:980px;padding-top:120px;padding-bottom:70px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.doc-link{display:block;padding:20px;text-decoration:none;font-weight:800}.doc-link:hover{border-color:var(--brand);transform:translateY(-1px)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{padding:26px}.price-card.featured{border-color:rgba(73,245,230,.65)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid rgba(255,255,255,.08);padding:16px}th{color:var(--brand)}.footer{display:flex;justify-content:space-between;gap:30px;padding:36px 7vw;border-top:1px solid rgba(255,255,255,.08);background:rgba(3,11,20,.7);color:var(--muted)}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{text-decoration:none}.doc-body{max-width:980px}.doc-body h2{font-size:32px;margin-top:44px}.doc-body code,.code{background:#101b2b;border:1px solid var(--line);border-radius:10px;padding:2px 7px;color:#dff}.doc-body pre{overflow:auto;background:#101b2b;border:1px solid var(--line);border-radius:16px;padding:18px;color:#e9f7ff}.callout{border-left:4px solid var(--brand);background:rgba(73,245,230,.08);padding:16px 18px;border-radius:12px;color:var(--muted)}@media(max-width:900px){.site-header{height:auto;gap:18px;align-items:flex-start;flex-direction:column;padding:20px}.nav{gap:14px;flex-wrap:wrap}.hero,.split{grid-template-columns:1fr}.cards,.cards.three,.pricing-grid,.doc-grid{grid-template-columns:1fr}.hero{min-height:auto}.footer{flex-direction:column}.brand img{height:40px}}

/* v3 logo and page polish */
.brand{gap:12px;min-width:170px}
.brand-logo{height:44px;width:auto;max-width:180px;object-fit:contain;display:block}
.site-header{min-height:72px}
.nav a{white-space:nowrap}
.doc-body h2{margin-top:34px}
@media (max-width: 780px){.brand-logo{height:36px;max-width:150px}.site-header{gap:18px}.nav{gap:12px;flex-wrap:wrap}}


/* v4 header logo polish - make VNAR logo clearly visible */
.site-header {
  min-height: 92px;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

.brand {
  gap: 18px;
  min-width: 230px;
}

.brand img,
.brand-logo {
  height: 68px;
  width: auto;
  max-width: 230px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

.brand span {
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .01em;
}

.nav {
  gap: 22px;
}

@media (max-width: 900px) {
  .site-header {
    min-height: auto;
    padding: 18px 20px;
  }

  .brand {
    gap: 14px;
    min-width: 0;
  }

  .brand img,
  .brand-logo {
    height: 54px;
    max-width: 190px;
  }

  .brand span {
    font-size: 1.25rem;
  }
}

@media (max-width: 520px) {
  .brand img,
  .brand-logo {
    height: 46px;
    max-width: 160px;
  }
}


/* v4 documentation card polish */
.doc-link h3{margin:0 0 10px;font-size:20px;line-height:1.3;color:var(--text)}
.doc-link p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;font-weight:500}
.doc-grid .doc-link{min-height:112px}