/* ============================================================
   FAKTUUR — Overview page styles (namespaced .ovw-* to avoid
   clashing with style.css). Navbar, buttons and footer reuse
   style.css; this file styles the hero, spotlight rows and bento.
   ============================================================ */
.ovw{--ovw-brand:#1565c0;--ovw-sky:#38bdf8;--ovw-indigo:#6366f1;--ovw-ink:#0f1b33;--ovw-body:#334155;--ovw-muted:#64748b;--ovw-line:#e6edf6;--ovw-bg:#f5f9ff;}
.ovw{background:var(--ovw-bg);color:var(--ovw-body);font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.ovw-container{max-width:1180px;margin:0 auto;padding:0 24px;}
.ovw h1,.ovw h2,.ovw h3,.ovw h4{color:var(--ovw-ink);letter-spacing:-.02em;}
.ovw-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ovw-brand);background:rgba(21,101,192,.08);border:1px solid rgba(21,101,192,.14);padding:6px 13px;border-radius:999px;margin-bottom:16px;}

/* screenshot frame */
.ovw-shot{border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(8,20,45,.22);border:1px solid rgba(15,35,75,.10);background:#fff;}
.ovw-shot-bar{height:36px;background:linear-gradient(#f3f6fc,#e8eef8);display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #e6edf6;}
.ovw-shot-bar i{width:11px;height:11px;border-radius:50%;display:block;}
.ovw-shot img{display:block;width:100%;height:auto;}

/* hero/cta aurora uses the canonical .aurora bands from style.css (shared across index, overview, about) */

/* hero */
.ovw-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#050b1a 0%,#0a1f3c 46%,#0d2b53 100%);color:#fff;padding:96px 0 90px;text-align:center;}
.ovw-hero .ovw-container{position:relative;z-index:2;}
.ovw-hero .ovw-eyebrow{color:#bfe0ff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.ovw-hero h1{color:#fff;font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.06;margin:6px auto 18px;max-width:900px;}
.ovw-hero .ovw-sub{color:rgba(226,238,255,.86);font-size:clamp(16px,2vw,20px);max-width:700px;margin:0 auto 28px;line-height:1.6;}
.ovw-hero .ovw-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:8px;}
.ovw-hero .ovw-trust{color:rgba(226,238,255,.7);font-size:13.5px;font-weight:600;letter-spacing:.02em;margin-top:18px;}
.ovw-hero .ovw-hero-shot{max-width:1020px;margin:46px auto 0;position:relative;z-index:2;}

/* spotlight rows */
.ovw-spots{padding:90px 0;}
.ovw-spot{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center;margin-bottom:96px;}
.ovw-spot:last-child{margin-bottom:0;}
.ovw-spot.rev .ovw-spot-text{order:2;}
.ovw-spot h2{font-size:clamp(24px,3vw,34px);font-weight:800;margin:0 0 14px;}
.ovw-spot p{font-size:16.5px;line-height:1.65;color:var(--ovw-body);margin:0 0 20px;}
.ovw-ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.ovw-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ovw-body);}
.ovw-ticks li i{color:var(--ovw-sky);margin-top:3px;}
.ovw-ticks li span{font-weight:500;}
.ovw-ticks li b{color:var(--ovw-ink);font-weight:700;}

/* bento */
.ovw-bento-section{padding:20px 0 100px;}
.ovw-bento-head{text-align:center;max-width:660px;margin:0 auto 40px;}
.ovw-bento-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:14px 0 10px;}
.ovw-bento-head p{color:var(--ovw-muted);font-size:16px;margin:0;}
.ovw-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:18px;}
.ovw-cell{background:#fff;border:1px solid var(--ovw-line);border-radius:18px;padding:24px;box-shadow:0 14px 40px rgba(15,35,75,.06);display:flex;flex-direction:column;}
.ovw-cell h4{margin:0 0 6px;font-size:17px;font-weight:700;}
.ovw-cell p{margin:0;color:var(--ovw-muted);font-size:13.5px;line-height:1.5;}
.ovw-bi{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:14px;background:linear-gradient(135deg,var(--ovw-sky),var(--ovw-brand));}
.ovw-span2{grid-column:span 2;}
.ovw-row2{grid-row:span 2;}
.ovw-cell.shot{padding:0;overflow:hidden;}
.ovw-cell.shot .cap{padding:18px 22px;}
.ovw-cell.shot .cap h4{margin-bottom:4px;}
.ovw-cell.shot .imgwrap{flex:1;overflow:hidden;border-top:1px solid var(--ovw-line);background:#eef3fb;}
.ovw-cell.shot .imgwrap img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;}
.ovw-cell.shot .imgwrap.illo{background:linear-gradient(135deg,#eaf3ff,#f8fbff);}
.ovw-cell.shot .imgwrap.illo img,.ovw-cell.shot .imgwrap.illo svg{width:100%;height:100%;display:block;}

/* cta band */
.ovw-cta-band{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0a1f3c,#123a7a);color:#fff;text-align:center;padding:84px 0;}
.ovw-cta-band .ovw-container{position:relative;z-index:2;}
.ovw-cta-band h2{color:#fff;font-size:clamp(26px,3.4vw,40px);font-weight:800;margin:0 0 14px;}
.ovw-cta-band p{color:rgba(226,238,255,.82);font-size:17px;margin:0 auto 26px;max-width:560px;}

@media (max-width:860px){
  .ovw-spot{grid-template-columns:1fr;gap:26px;margin-bottom:64px;}
  .ovw-spot.rev .ovw-spot-text{order:0;}
  .ovw-bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto;}
  .ovw-span2,.ovw-row2{grid-column:auto;grid-row:auto;}
  .ovw-cell.shot .imgwrap{height:160px;}
}

/* The footer lives inside <body class="ovw">, so the generic ".ovw h4" dark-ink rule
   was darkening the footer column headings (Product/Support/Company). Re-assert the
   light footer palette with higher specificity so all footer text stays readable. */
.ovw .footer .footer-links h4 { color: #fff; }
.ovw .footer .footer-brand .logo-text { color: #fff; }
.ovw .footer .footer-links a { color: rgba(255, 255, 255, 0.72); }
.ovw .footer .footer-links a:hover { color: var(--ovw-sky); }
.ovw .footer .footer-brand p { color: rgba(255, 255, 255, 0.66); }
.ovw .footer .footer-bottom,
.ovw .footer .footer-bottom p { color: rgba(255, 255, 255, 0.55); }