:root{--bg:#0b1320;--bg2:#0e4a7a;--card:#0f2f52;--text:#fff;--muted:#cfe2f3;--accent:#ffd24a;--border:rgba(255,255,255,.12)}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}
.container{width:min(1180px,92%);margin-inline:auto}
h1,h2,h3{margin:0 0 10px} a{color:var(--text);text-decoration:none}
.accent{color:var(--accent)} .btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid var(--border);font-weight:700}
.btn-primary{background:var(--accent);color:#111;border:none} .btn-ghost{background:transparent}
/* Header (base) */
header {
  border-bottom: 1px solid var(--border);
  background: #0b1f35;
  position: sticky;
  top: 0;
  z-index: 10;
}

.hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
}

.nav {
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
}

/* Mobile fix: shift only the navigation links to the right */
@media (max-width: 768px) {
  .nav {
    margin-left: 20px; /* ~1/4 inch space */
  }
}
.hero{padding:60px 0;background:linear-gradient(135deg,#072642,#0e4a7a)}
.hero p.sub{color:var(--muted)} .hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:center}
.hero-left .hero-logos{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero-left .hero-logos img{height:40px;object-fit:contain;opacity:.95;transition:transform .25s ease}
.hero-left .hero-logos img:hover{transform:scale(1.05)} .hero-left .hero-logos img.amazon-logo{background:#fff;padding:6px;border-radius:6px}
/* Assessment frame in hero */
.hero-frame {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
  /* Keep height in check so it looks like a clean embed card */
  max-height: 720px;
}

/* Full-bleed iframe with nice corners */
.hero-frame iframe {
  display: block;
  width: 100%;
  height: 640px;    /* adjust if you want more/less visible */
  border: 0;
  background: #0f2238; /* matches dark tone while iframe loads */
}

/* Mobile fallback: show a button instead of a squished iframe */
.hero-fallback {
  display: none;
  padding: 16px;
  border-top: 1px solid var(--border);
  background: rgba(15, 34, 56, 0.6);
}

@media (max-width: 1024px) {
  .hero-frame iframe {
    display: none;       /* hide iframe on smaller screens */
  }
  .hero-fallback {
    display: block;      /* show a clean CTA instead */
  }
}

.proof{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin:14px 0}
.proof span{background:var(--card);border:1px solid var(--border);padding:8px 12px;border-radius:10px;font-size:14px}
.trust .logo-bg {  background: #fff;  padding: 8px 12px;  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);}
.trust{padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0f2238}
.trust .row{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.trust img{height:56px;object-fit:contain;max-width:180px;flex:1}
.section{padding:56px 0} .grid{display:grid;gap:16px}
.grid.two{grid-template-columns:1fr 1fr} .grid.three{grid-template-columns:repeat(3,1fr)}
.grid.four{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column}
.card .price{margin-top:auto;color:var(--accent);font-weight:800}
.cta-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;max-width:900px;margin:20px auto}
iframe,.calendly-inline-widget{width:100%;min-height:610px;border:none;border-radius:12px;background:#fff}
.about{display:flex;flex-direction:column;align-items:center;text-align:center}
.about img{border-radius:50%;max-width:220px;border:4px solid var(--accent);margin-bottom:12px}
.testimonial{padding:40px 0;text-align:center;max-width:900px;margin:auto}
.testimonial blockquote{font-size:18px;line-height:1.5;margin:0}
.testimonial .who{margin-top:12px;color:var(--muted)}
.list{display:grid;gap:14px} .list a{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#0f2238}
.faq{max-width:900px;margin:auto} .faq-item{margin:16px 0}
.faq-item h3{margin:0 0 8px;color:var(--accent);font-size:18px}
footer{border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--muted);
  background:linear-gradient(180deg,#0b1f35,#0b1320)}
footer .footer-nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
footer .footer-nav a{color:#dbe8ff;opacity:.9} footer .fine{opacity:.7;font-size:14px}
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .trust .row{flex-wrap:wrap;gap:16px}
  .trust img{flex:0 1 28%;height:48px;max-width:none}
  .grid.four{grid-template-columns:1fr 1fr}
  .grid.three,.grid.two{grid-template-columns:1fr}
}