/* Quotarider marketing layer — header, footer, animations, mockups.
   Uses existing theme vars; adds NO new brand styles. */
:root{--mh-bg:color-mix(in srgb,var(--bg,#0b0b10) 94%,transparent);--mh-solid:#101018;}
body{padding-top:86px;}
/* ── Apple-style floating rounded header ── */
.mh-wrap{position:fixed;top:14px;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0 14px;pointer-events:none;}
.mh{pointer-events:auto;display:flex;align-items:center;gap:18px;max-width:1080px;width:100%;padding:10px 10px 10px 20px;border:1px solid var(--line,#26262e);border-radius:999px;background:var(--mh-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px -12px rgba(0,0,0,.55);}
.mh-logo{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--text,#fff);text-decoration:none;white-space:nowrap;}
.mh-logo span{color:var(--violet-2,#8b5cf6);}
.mh-links{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;}
.mh-link{display:inline-flex;align-items:center;gap:5px;padding:9px 15px;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--text,#f2f2f7);background:none;border:none;cursor:pointer;text-decoration:none;transition:background .18s,color .18s;font-family:inherit;}
.mh-link:hover{background:rgba(139,92,246,.1);color:var(--text,#fff);}
.mh-item{position:relative;}
.mh-mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);display:grid;grid-template-columns:repeat(3,230px);gap:12px;padding:20px;border:1px solid #34343f;border-radius:20px;background:var(--mh-solid);box-shadow:0 30px 70px -14px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.03) inset;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;}
.mh-item:hover .mh-mega,.mh-item:focus-within .mh-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mh-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8f8fa3;margin:0 0 8px 10px;}
.mh-mega a{display:block;padding:9px 10px;border-radius:12px;text-decoration:none;transition:background .15s;}
.mh-mega a:hover{background:rgba(139,92,246,.14);}
.mh-mega strong{display:block;font-size:.9rem;color:#fff;font-weight:650;letter-spacing:.01em;}
.mh-mega span{display:block;font-size:.76rem;color:#a9a9b8;margin-top:2px;line-height:1.45;}
.mh-cta{display:flex;align-items:center;gap:8px;}
.mh-login{padding:9px 14px;font-size:.88rem;font-weight:600;color:var(--text,#f2f2f7);text-decoration:none;border-radius:999px;}
.mh-login:hover{color:var(--text,#fff);}
.mh-signup{padding:10px 18px;font-size:.84rem;font-weight:700;color:#fff;background:var(--violet-2,#8b5cf6);border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px -6px rgba(139,92,246,.6);white-space:nowrap;}
.mh-signup:hover{transform:translateY(-1px);box-shadow:0 8px 24px -6px rgba(139,92,246,.7);}
.mh-burger{display:none;background:none;border:none;padding:10px;cursor:pointer;flex-direction:column;gap:5px;}
.mh-burger span{display:block;width:20px;height:2px;background:var(--text,#fff);border-radius:2px;transition:transform .2s,opacity .2s;}
/* mobile */
@media(max-width:900px){
  .mh-links,.mh-login{display:none;}
  .mh-burger{display:flex;}
  .mh.open .mh-links{display:flex;position:fixed;inset:86px 14px auto 14px;flex-direction:column;align-items:stretch;gap:2px;padding:16px;border:1px solid var(--line,#26262e);border-radius:22px;background:var(--mh-solid);max-height:calc(100vh - 110px);overflow:auto;box-shadow:0 24px 60px -12px rgba(0,0,0,.7);}
  .mh.open .mh-mega{position:static;transform:none;opacity:1;visibility:visible;grid-template-columns:1fr;box-shadow:none;border:none;padding:4px 8px 10px;background:transparent;display:none;}
  .mh.open .mh-item.expanded .mh-mega{display:grid;}
  .mh.open .mh-burger span:nth-child(1){transform:translateY(3.5px) rotate(45deg);}
  .mh.open .mh-burger span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg);}
}
/* ── enterprise footer ── */
.mf{border-top:1px solid var(--line,#26262e);margin-top:80px;background:linear-gradient(180deg,transparent,rgba(139,92,246,.04));}
.mf-in{max-width:1140px;margin:0 auto;padding:56px 22px 28px;}
.mf-grid{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:28px;}
.mf-brand p{font-size:.8rem;color:var(--text-3,#8a8a96);margin-top:12px;line-height:1.6;max-width:32ch;}
.mf-status{display:flex;align-items:center;gap:6px;}
.mf-status a{color:var(--text-3,#8a8a96);text-decoration:none;font-size:.74rem;}
.mf-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 8px #22c55e;}
.mf-h{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text,#fff);margin-bottom:12px;}
.mf-grid a{display:block;font-size:.78rem;color:var(--text-3,#8a8a96);text-decoration:none;padding:4px 0;transition:color .15s;}
.mf-grid a:hover{color:var(--violet-2,#8b5cf6);}
.mf-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line,#26262e);}
.mf-bottom p{font-size:.72rem;color:var(--text-3,#8a8a96);}
.mf-ctas a{font-size:.78rem;font-weight:700;color:var(--violet-2,#8b5cf6);text-decoration:none;}
@media(max-width:900px){.mf-grid{grid-template-columns:1fr 1fr;}.mf-brand{grid-column:1/-1;}}
/* ── scroll-reveal animations (respects reduced motion) ── */
/* .rv is ONLY ever added by JS to off-screen elements, so crawlers and
   no-JS browsers always see full content. The 2s failsafe reveals the rest. */
@media(prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);}
  .rv.in{opacity:1;transform:none;}
  .rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}
}
/* ── product dashboard mockup (pure CSS, theme-native) ── */
.qmock{border:1px solid var(--line,#26262e);border-radius:18px;background:var(--surface,#131318);overflow:hidden;box-shadow:0 34px 80px -30px rgba(139,92,246,.35);max-width:960px;margin:34px auto 0;}
.qmock-bar{display:flex;align-items:center;gap:6px;padding:11px 16px;border-bottom:1px solid var(--line,#26262e);}
.qmock-bar i{width:10px;height:10px;border-radius:50%;background:var(--line,#26262e);}
.qmock-bar i:first-child{background:#f87171}.qmock-bar i:nth-child(2){background:#fbbf24}.qmock-bar i:nth-child(3){background:#34d399}
.qmock-bar em{font-style:normal;font-size:.68rem;color:var(--text-3,#8a8a96);margin-left:10px;}
.qmock-body{display:grid;grid-template-columns:170px 1fr;min-height:330px;}
.qmock-side{border-right:1px solid var(--line,#26262e);padding:16px 12px;display:flex;flex-direction:column;gap:4px;}
.qmock-side b{font-size:.72rem;color:var(--text-2,#c9c9d4);font-weight:600;padding:8px 10px;border-radius:9px;}
.qmock-side b.on{background:rgba(139,92,246,.14);color:var(--violet-2,#8b5cf6);}
.qmock-main{padding:18px;display:flex;flex-direction:column;gap:14px;}
.qmock-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.qmock-card{border:1px solid var(--line,#26262e);border-radius:12px;padding:12px;}
.qmock-card u{display:block;font-size:.6rem;color:var(--text-3,#8a8a96);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;}
.qmock-card q{display:block;font-size:1.15rem;font-weight:800;color:var(--text,#fff);margin-top:4px;quotes:none;}
.qmock-card q.up{color:#34d399}
.qmock-chart{flex:1;display:flex;align-items:flex-end;gap:7px;border:1px solid var(--line,#26262e);border-radius:12px;padding:16px;min-height:130px;}
.qmock-chart s{flex:1;background:linear-gradient(180deg,var(--violet-2,#8b5cf6),rgba(139,92,246,.25));border-radius:5px 5px 0 0;text-decoration:none;transform-origin:bottom;animation:qbar 1.1s cubic-bezier(.2,.8,.3,1) both;}
@keyframes qbar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.qmock-chart s{animation:none}}
.qmock-rows{display:grid;gap:7px;}
.qmock-rows p{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-2,#c9c9d4);border:1px solid var(--line,#26262e);border-radius:9px;padding:8px 12px;margin:0;}
.qmock-rows p b{color:#34d399;font-weight:700;}
@media(max-width:700px){.qmock-body{grid-template-columns:1fr}.qmock-side{display:none}.qmock-cards{grid-template-columns:repeat(2,1fr)}}
/* ── animated counters band ── */
.qstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-width:900px;margin:40px auto 0;}
.qstat{text-align:center;padding:18px 10px;border:1px solid var(--line,#26262e);border-radius:16px;}
.qstat b{display:block;font-size:1.7rem;font-weight:800;color:var(--violet-2,#8b5cf6);}
.qstat span{font-size:.72rem;color:var(--text-3,#8a8a96);}