/* iQ Marketers site wrapper (header/footer/buttons). Scoped with iq- prefix so it never touches legacy page content. */
:root{--iq-ink:#111318;--iq-ink2:#2b2f38;--iq-muted:#4a5160;--iq-line:#e3e6ec;--iq-soft:#f3f6fb;--iq-blue:#1853b9;--iq-blue-d:#103f8f;--iq-blue-l:#e8effb;--iq-yellow:#ffd23f;--iq-red:#e0352b;--iq-green:#1e7a36;--iq-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html{scroll-behavior:smooth}
body{margin:0}
.iq-top,.iq-top *,.iq-foot,.iq-foot *,.iq-btn{box-sizing:border-box}
.iq-top,.iq-foot{font-family:var(--iq-font);line-height:1.5}
.iq-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.iq-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#111;padding:10px 14px;font:700 16px var(--iq-font)}
.iq-skip:focus{left:16px;top:16px}
:focus-visible{outline:3px solid #f2b600;outline-offset:3px}
.iq-stripe{height:6px;background:linear-gradient(90deg,#ffd23f 0 25%,#e0352b 25% 50%,#1e8e3e 50% 75%,#1853b9 75% 100%)}
.iq-top{background:#fff;border-bottom:1px solid var(--iq-line);position:sticky;top:0;z-index:50}
.iq-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.iq-logo img{height:38px;width:auto;display:block;max-width:none}
.iq-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.iq-menu a{color:var(--iq-ink2);text-decoration:none;font-weight:600;font-size:16px}
.iq-menu a:hover{color:var(--iq-blue);text-decoration:underline}
.iq-nav-cta{display:flex;align-items:center;gap:16px}
.iq-call{font-weight:700;text-decoration:none;color:var(--iq-ink);white-space:nowrap;font-size:16px}
.iq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;font:700 17px/1.2 var(--iq-font);text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s;cursor:pointer}
.iq-btn-sm{padding:10px 16px;font-size:15px}
.iq-btn-primary{background:var(--iq-yellow);color:#111;border-color:var(--iq-yellow)}
.iq-btn-primary:hover{background:#ffc400;color:#111}
.iq-btn-ghost{background:transparent;color:#fff;border-color:#fff}
.iq-btn-ghost:hover{background:#fff;color:var(--iq-ink)}
.iq-btn-blue{background:var(--iq-blue);color:#fff;border-color:var(--iq-blue)}
.iq-btn-blue:hover{background:var(--iq-blue-d);color:#fff}
.iq-foot{background:#0b0f19;color:#c9d0dc;padding:56px 0 30px;font-size:16px}
.iq-foot p{margin:0 0 12px;color:#c9d0dc;font-size:16px}
.iq-foot-logo{height:34px;width:auto;margin-bottom:14px;display:block}
.iq-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.iq-foot .iq-fh{color:#fff;margin:0 0 12px;font-size:16px;font-weight:700}
.iq-foot ul{list-style:none;padding:0;margin:0}
.iq-foot li{margin:6px 0}
.iq-foot a{color:#dfe5ee;text-decoration:underline;text-decoration-color:rgba(223,229,238,.35)}
.iq-foot a:hover{color:#fff;text-decoration-color:#fff}
.iq-legal{border-top:1px solid #222a3a;margin-top:36px;padding-top:20px;font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.iq-legal span{color:#c9d0dc}
@media (max-width:1060px){.iq-menu{gap:16px}.iq-btn-sm{display:none}}
@media (max-width:860px){.iq-menu{display:none}.iq-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.iq-nav{min-height:64px}.iq-logo img{height:30px}.iq-call{font-size:15px}.iq-foot-grid{grid-template-columns:1fr}}
/* static-form notice for legacy forms that need a server (phase 2) */
.iq-form-note{margin-top:10px;padding:12px 14px;border-radius:10px;background:#fff7d6;color:#3d2f00;font:600 15px/1.4 var(--iq-font)}
/* video facade */
.iq-yt{display:block;position:relative;max-width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.iq-yt img{width:100%;height:100%;object-fit:cover;opacity:.9}
.iq-yt span{position:absolute;inset:0;margin:auto;width:76px;height:54px;border-radius:14px;background:#e0352b;display:grid;place-items:center;color:#fff;font:700 13px var(--iq-font)}
/* base text font for copied pages (Elementor rules still win where they set one) */
body.legacy-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#1f2937}
/* mobile menu (no JS) */
.iq-mnav{display:none;position:relative}
.iq-mnav summary{list-style:none;cursor:pointer;font-weight:700;font-size:16px;padding:10px 12px;border:2px solid #0b1220;border-radius:8px;color:#0b1220;min-height:44px;box-sizing:border-box;display:flex;align-items:center;gap:6px}
.iq-mnav summary::-webkit-details-marker{display:none}
.iq-mnav summary:focus-visible{outline:3px solid #1a56db;outline-offset:2px}
.iq-mnav ul{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);list-style:none;margin:0;padding:8px;min-width:220px;z-index:1000}
.iq-mnav li a{display:block;padding:12px 14px;color:#0b1220;text-decoration:none;font-weight:600;border-radius:6px}
.iq-mnav li a:hover,.iq-mnav li a:focus-visible{background:#f3f4f6;text-decoration:underline}
@media (max-width:860px){.iq-mnav{display:block}}
@media (max-width:420px){.iq-call{font-size:14px}.iq-nav{gap:10px}.iq-logo{flex:0 0 auto}.iq-logo img{width:124px;height:auto}}
.legacy-page main p a,.legacy-page main li a{text-decoration:underline}
