/* ── Home page styles ─────────────────────────────────────── */
.fullwidth{padding-top:62px !important;}
/* ── Reset & base ─────────────────────────────────────────── */
.miq-wrap        { max-width:1180px;margin:0 auto;padding:0 20px }

/* ── Hero ─────────────────────────────────────────────────── */
.miq-hero        { padding:56px 0 48px;background:var(--tl-bg);overflow:hidden;position:relative }
.miq-hero::before{ content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);top:-200px;right:-80px;pointer-events:none }
.miq-hero-inner  { max-width:1180px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center }
.miq-hero-badge  { display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:20px;font-size:11px;font-weight:700;color:var(--tl-blue);margin-bottom:18px }
.miq-badge-dot   { width:7px;height:7px;border-radius:50%;background:var(--tl-blue);animation:miq-pulse 2s infinite;flex-shrink:0 }
.miq-hero-h1     { font-size:44px;font-weight:900;line-height:1.08;letter-spacing:-1.5px;color:var(--tl-text);margin:0 0 14px }
.miq-hero-h1 em  { font-style:normal;color:var(--tl-blue) }
.miq-hero-sub    { font-size:16px;color:var(--tl-text2);line-height:1.7;margin:0 0 24px }
.miq-hero-btns   { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px }
.miq-trust       { display:flex;flex-wrap:wrap;gap:14px }
.miq-trust-item  { display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tl-text2) }
.miq-trust-check { width:18px;height:18px;border-radius:50%;background:rgba(22,163,74,.12);display:flex;align-items:center;justify-content:center;font-size:10px;color:#16a34a;flex-shrink:0 }

/* Buttons */
.miq-btn-primary  { display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--tl-blue);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s;white-space:nowrap }
.miq-btn-primary:hover { background:#1d4ed8 }
.miq-btn-secondary{ display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:var(--tl-text);border:1.5px solid var(--tl-border);border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap }
.miq-btn-secondary:hover{ border-color:var(--tl-blue);color:var(--tl-blue) }
.miq-btn-white    { display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:var(--tl-blue);border:none;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap }
.miq-btn-outline-w{ display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap }

/* Demo card */
.miq-demo-card   { background:#fff;border:1.5px solid var(--tl-border);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.08);animation:miq-float 4s ease-in-out infinite }
.miq-demo-topbar { display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--tl-bg);border-bottom:1px solid var(--tl-border) }
.miq-demo-dots   { display:flex;gap:5px }
.miq-demo-dots span{ width:10px;height:10px;border-radius:50% }
.miq-demo-tabs   { display:flex;gap:2px;padding:10px 14px 0;border-bottom:1px solid var(--tl-border) }
.miq-demo-tab    { padding:6px 12px;font-size:12px;font-weight:600;color:var(--tl-text3);border-bottom:2px solid transparent;cursor:pointer }
.miq-demo-tab.active{ color:var(--tl-blue);border-bottom-color:var(--tl-blue) }
.miq-demo-body   { padding:14px }
.miq-metric-row  { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px }
.miq-metric      { background:var(--tl-bg);border-radius:8px;padding:10px 8px;text-align:center }
.miq-metric-val  { font-size:19px;font-weight:800;font-family:'IBM Plex Mono',monospace;line-height:1 }
.miq-metric-label{ font-size:9px;color:var(--tl-text3);text-transform:uppercase;letter-spacing:.5px;margin-top:3px }
.miq-equity-bar  { height:4px;border-radius:2px;background:var(--tl-bg2);overflow:hidden }
.miq-equity-fill { height:100%;border-radius:2px;background:linear-gradient(90deg,var(--tl-blue),#06b6d4) }
.miq-signal-row  { display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--tl-bg);border-radius:8px;margin-top:6px;font-size:12px }
.miq-signal-badge{ display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700 }
.miq-sig-green   { background:rgba(22,163,74,.1);color:#16a34a }
.miq-sig-red     { background:rgba(220,38,38,.1);color:#dc2626 }
.miq-sig-blue    { background:rgba(37,99,235,.1);color:#2563eb }
.miq-disclaimer  { font-size:9px;color:var(--tl-text3);text-align:center;padding:8px 10px;border-top:1px solid var(--tl-border);line-height:1.5 }

/* Stats bar */
.miq-stats-bar   { background:#fff;border-top:1px solid var(--tl-border);border-bottom:1px solid var(--tl-border);padding:18px 0 }
.miq-stats-inner { max-width:1180px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:16px }
.miq-stat-item   { text-align:center }
.miq-stat-num    { font-size:26px;font-weight:900;font-family:'IBM Plex Mono',monospace;color:var(--tl-blue);line-height:1 }
.miq-stat-label  { font-size:11px;color:var(--tl-text2);margin-top:3px }
.miq-stat-sep    { width:1px;height:36px;background:var(--tl-border) }

/* Sections */
.miq-section     { max-width:1180px;margin:0 auto;padding:64px 20px }
.miq-section-tag { display:inline-block;padding:4px 12px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--tl-blue);margin-bottom:12px }
.miq-section-h2  { font-size:32px;font-weight:900;letter-spacing:-1px;color:var(--tl-text);margin:0 0 10px;line-height:1.15 }
.miq-section-sub { font-size:15px;color:var(--tl-text2);line-height:1.7;max-width:500px;margin:0 0 32px }
.miq-divider     { border:none;border-top:1px solid var(--tl-border);margin:0 }

/* Screener preview */
.miq-screener-preview{ background:#fff;border:1.5px solid var(--tl-border);border-radius:14px;overflow:hidden }
.miq-sp-header   { display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--tl-bg);border-bottom:1px solid var(--tl-border);font-size:13px;font-weight:700;color:var(--tl-text) }
.miq-sp-row      { display:grid;grid-template-columns:1.8fr 1.8fr 0.8fr 0.8fr 0.9fr;gap:0;padding:9px 14px;border-bottom:1px solid var(--tl-border);align-items:center;font-size:12px }
.miq-sp-row:last-child{ border-bottom:none }
.miq-sp-th       { font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--tl-text3) }

/* Feature cards */
.miq-feat-grid   { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
.miq-feat-card   { background:#fff;border:1.5px solid var(--tl-border);border-radius:14px;padding:20px;transition:border-color .2s }
.miq-feat-card:hover{ border-color:var(--tl-blue) }
.miq-feat-icon   { width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px }
.miq-feat-title  { font-size:14px;font-weight:700;color:var(--tl-text);margin:0 0 5px }
.miq-feat-desc   { font-size:12px;color:var(--tl-text2);line-height:1.6;margin:0 }
.miq-feat-tag    { display:inline-block;margin-top:8px;padding:2px 8px;background:rgba(37,99,235,.08);border-radius:4px;font-size:10px;font-weight:700;color:var(--tl-blue) }

/* Steps */
.miq-steps       { display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative }
.miq-steps::before{ content:'';position:absolute;top:27px;left:calc(16.66% + 20px);right:calc(16.66% + 20px);height:2px;background:linear-gradient(90deg,var(--tl-blue),#06b6d4);z-index:0 }
.miq-step        { text-align:center;padding:0 20px;position:relative;z-index:1 }
.miq-step-num    { width:54px;height:54px;border-radius:50%;background:var(--tl-blue);color:#fff;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 0 0 6px rgba(37,99,235,.1) }
.miq-step-title  { font-size:15px;font-weight:700;color:var(--tl-text);margin:0 0 6px }
.miq-step-desc   { font-size:13px;color:var(--tl-text2);line-height:1.65 }

/* Language cards */
.miq-lang-grid   { display:grid;grid-template-columns:repeat(4,1fr);gap:10px }
.miq-lang-card   { background:#fff;border:1.5px solid var(--tl-border);border-radius:12px;padding:14px 10px;text-align:center;transition:all .2s }
.miq-lang-card:hover,.miq-lang-card.active{ border-color:var(--tl-blue);background:rgba(37,99,235,.04) }
.miq-lang-script { font-size:20px;font-weight:700;display:block;margin-bottom:4px }
.miq-lang-name   { font-size:11px;font-weight:600;color:var(--tl-text2) }

/* CTA */
.miq-cta         { background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 50%,#0891b2 100%);padding:64px 20px;text-align:center;position:relative;overflow:hidden }
.miq-cta-inner   { position:relative;max-width:580px;margin:0 auto }
.miq-cta h2      { font-size:36px;font-weight:900;letter-spacing:-1px;color:#fff;margin:0 0 12px }
.miq-cta p       { font-size:16px;color:rgba(255,255,255,.8);line-height:1.7;margin:0 0 28px }
.miq-cta-btns    { display:flex;gap:12px;justify-content:center;flex-wrap:wrap }

/* SEBI footer disclaimer */
.miq-sebi        { background:var(--tl-bg2);border-top:1px solid var(--tl-border);padding:16px 20px;text-align:center }
.miq-sebi p      { font-size:11px;color:var(--tl-text3);line-height:1.6;max-width:860px;margin:0 auto }

/* Animations */
@keyframes miq-pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }
@keyframes miq-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

/* ── MOBILE ≤768px ─────────────────────────────────────────── */
@media(max-width:768px){
  .miq-hero-inner  { grid-template-columns:1fr!important;gap:28px }
  .miq-hero-h1     { font-size:28px;letter-spacing:-.5px }
  .miq-hero-sub    { font-size:14px }
  .miq-hero-btns   { flex-direction:column }
  .miq-btn-primary,.miq-btn-secondary{ justify-content:center;width:100%;box-sizing:border-box }
  .miq-demo-card   { animation:none }

  .miq-stats-inner { gap:12px }
  .miq-stat-sep    { display:none }
  .miq-stat-num    { font-size:22px }

  .miq-section     { padding:40px 16px }
  .miq-section-h2  { font-size:24px }

  /* Screener section — stack vertically */
  .miq-screener-section { grid-template-columns:1fr!important }
  /* Hide screener table on mobile — show signals only */
  .miq-screener-preview { display:none }

  /* Features — 1 column */
  .miq-feat-grid   { grid-template-columns:1fr!important }

  /* Steps — vertical stack */
  .miq-steps       { grid-template-columns:1fr!important;gap:28px }
  .miq-steps::before{ display:none }
  .miq-step        { display:flex;align-items:flex-start;gap:16px;text-align:left;padding:0 }
  .miq-step-num    { flex-shrink:0;margin:0;width:44px;height:44px;font-size:17px }

  /* Languages — 2x4 grid */
  .miq-lang-grid   { grid-template-columns:repeat(2,1fr)!important }
  /* Language section — stack */
  .miq-lang-section{ grid-template-columns:1fr!important }

  /* Problems — stack vertically */
  .miq-problems-grid{ grid-template-columns:1fr!important;max-width:100%!important }

  .miq-cta h2      { font-size:26px }
  .miq-cta-btns    { flex-direction:column;align-items:center }
  .miq-btn-white,.miq-btn-outline-w{ width:100%;max-width:320px;justify-content:center }
}

/* ── TABLET ≤1024px ────────────────────────────────────────── */
@media(max-width:1024px) and (min-width:769px){
  .miq-hero-h1     { font-size:34px }
  .miq-feat-grid   { grid-template-columns:repeat(2,1fr) }
  .miq-lang-grid   { grid-template-columns:repeat(4,1fr) }
}