/* quant.css, "Markets Terminal" theme for the /quant section.
   Deliberately distinct from the warm editorial site: dark, neon, monospace,
   animated. Scoped to .quant-dark so it never leaks into the rest of the site.
   Reuses the q-* class names so all five pages restyle automatically. */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

.quant-dark{
  --qd-bg:#ffffff; --qd-bg2:#f8fafc; --qd-panel:#ffffff; --qd-panel-solid:#ffffff;
  --qd-line:rgba(15,23,42,0.12); --qd-line-2:rgba(15,23,42,0.30);
  --qd-text:#0f172a; --qd-muted:#475569; --qd-muted-2:#64748b;
  --qd-cyan:#0ea5e9; --qd-green:#15803d; --qd-amber:#b45309; --qd-red:#b91c1c; --qd-violet:#7c3aed;
  --qd-mono:'JetBrains Mono', ui-monospace, monospace;
  --qd-display:'Space Grotesk', 'Inter Tight', sans-serif;
  background:var(--qd-bg); color:var(--qd-text);
}
.quant-dark.tbp{ background:var(--qd-bg); color:var(--qd-text); }

/* animated background canvas */
#q-bg{ position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none;
  background:
    radial-gradient(1200px 600px at 78% -8%, rgba(14,165,233,0.08), transparent 60%),
    radial-gradient(1000px 700px at 8% 108%, rgba(124,58,237,0.08), transparent 60%),
    var(--qd-bg); }
.quant-dark .tbp-header, .quant-dark main, .quant-dark .tbp-hero, .quant-dark .tbp-footer,
.quant-dark .q-ticker, .quant-dark #q-gate{ position:relative; z-index:1; }

/* header / footer recolor */
.quant-dark .tbp-header{ background:rgba(255,255,255,0.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--qd-line); }
.quant-dark .tbp-header.scrolled{ background:rgba(255,255,255,0.98); }
.quant-dark .tbp-brand, .quant-dark .tbp-nav a, .quant-dark .tbp-cta-mini{ color:var(--qd-text); }
.quant-dark .tbp-brand .mark{ box-shadow:none; }
.quant-dark .tbp-nav a:hover{ color:var(--qd-cyan); }
.quant-dark .tbp-nav a.is-active{ color:var(--qd-cyan); }
.quant-dark .tbp-cta-mini{ background:var(--qd-text); color:#ffffff; border-color:var(--qd-text); }
.quant-dark .tbp-burger span,.quant-dark .tbp-burger span::before,.quant-dark .tbp-burger span::after{ background:var(--qd-text); }
.quant-dark .tbp-mobile-menu{ background:#ffffff; }
.quant-dark .tbp-footer{ background:#ffffff; border-top:1px solid var(--qd-line); color:var(--qd-muted); }
.quant-dark .tbp-footer a{ color:var(--qd-muted); } .quant-dark .tbp-footer a:hover{ color:var(--qd-text); }
.quant-dark .tbp-footer-massive{ color:rgba(15,23,42,0.06); }
.quant-dark .tbp-hero{ background:transparent; }
/* no inherited near-black tbp text on dark pages: headings white, footer headings
   in the brand gradient-blue (cyan) */
.quant-dark h1, .quant-dark h2, .quant-dark h3, .quant-dark h4,
.quant-dark .tbp-footer-brand, .quant-dark .tbp-h1, .quant-dark .tbp-h2, .quant-dark .tbp-h3{ color:var(--qd-text); }
.quant-dark .tbp-footer h4{ color:var(--qd-text); }
.quant-dark .tbp-footer-blurb{ color:var(--qd-muted); }

.q-wrap{ max-width:1320px; margin:0 auto; padding-inline:clamp(18px,4vw,48px); }

/* type */
.quant-dark .q-h1{ font-family:var(--qd-display); font-weight:700; letter-spacing:-.02em;
  font-size:clamp(2.2rem,5.4vw,3.6rem); line-height:1; margin:12px 0 8px;
  color:var(--qd-text); }
.q-eyebrow{ font-family:var(--qd-mono); font-size:11px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--qd-muted-2); }
.quant-dark .q-sub{ color:var(--qd-muted); font-size:1rem; max-width:66ch; line-height:1.65; }
.quant-dark .q-section-label{ font-family:var(--qd-mono); font-size:11px; font-weight:500; letter-spacing:.16em;
  text-transform:uppercase; color:var(--qd-muted-2); margin:0 0 14px; display:flex; align-items:center; gap:10px; }
.quant-dark .q-section-label::before{ content:""; width:18px; height:1px; background:var(--qd-line-2); }

/* live ticker tape */
.q-ticker{ border-block:1px solid var(--qd-line); background:#ffffff; overflow:hidden; white-space:nowrap; }
.q-ticker .track{ display:inline-flex; gap:34px; padding:9px 0; font-family:var(--qd-mono); font-size:12.5px;
  color:var(--qd-muted); animation:q-marquee 38s linear infinite; }
.q-ticker b{ color:var(--qd-text); font-weight:600; } .q-ticker .up{ color:var(--qd-green); } .q-ticker .dn{ color:var(--qd-red); }
.q-ticker .sym{ color:var(--qd-cyan); }
@keyframes q-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* subnav */
.q-subnav{ display:flex; flex-wrap:wrap; gap:4px; border-bottom:1px solid var(--qd-line); margin-top:18px; }
.q-subnav a{ font-family:var(--qd-mono); font-size:12.5px; font-weight:500; letter-spacing:.02em; color:var(--qd-muted);
  padding:12px 16px; border-bottom:2px solid transparent; margin-bottom:-1px; transition:.2s; }
.q-subnav a:hover{ color:var(--qd-text); }
.q-subnav a.is-active{ color:var(--qd-text); border-bottom-color:var(--qd-text); text-shadow:none; }

/* regime banner */
.q-regime{ border-radius:14px; padding:clamp(26px,4vw,42px); border:1px solid var(--qd-line);
  display:grid; grid-template-columns:1.25fr 1fr; gap:28px; align-items:center; position:relative; overflow:hidden;
  background:var(--qd-panel); }
.q-regime::after{ content:""; position:absolute; inset:0 0 auto 0; height:2px; }
@media(max-width:760px){ .q-regime{ grid-template-columns:1fr; } }
.q-regime.q-bull{ box-shadow:inset 0 0 90px rgba(44,232,166,.08), 0 0 0 1px rgba(44,232,166,.12); }
.q-regime.q-bull::after{ background:linear-gradient(90deg,transparent,var(--qd-green),transparent); }
.q-regime.q-contango{ box-shadow:inset 0 0 90px rgba(247,189,87,.08), 0 0 0 1px rgba(247,189,87,.12); }
.q-regime.q-contango::after{ background:linear-gradient(90deg,transparent,var(--qd-amber),transparent); }
.q-regime.q-crisis{ box-shadow:inset 0 0 90px rgba(255,93,114,.10), 0 0 0 1px rgba(255,93,114,.16); }
.q-regime.q-crisis::after{ background:linear-gradient(90deg,transparent,var(--qd-red),transparent); }
.q-regime-name{ font-family:var(--qd-display); font-weight:700; letter-spacing:-.03em;
  font-size:clamp(2.6rem,7vw,4.4rem); line-height:.92; }
.q-bull .q-regime-name{ color:var(--qd-green); text-shadow:none; }
.q-contango .q-regime-name{ color:var(--qd-amber); text-shadow:none; }
.q-crisis .q-regime-name{ color:var(--qd-red); text-shadow:none; }
.q-regime-desc{ font-size:.96rem; line-height:1.6; color:var(--qd-muted); margin-top:10px; }
.q-conv-label{ font-family:var(--qd-mono); font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--qd-muted-2); }
.q-conv-val{ font-family:var(--qd-mono); font-weight:700; font-size:clamp(2.6rem,5vw,3.6rem); letter-spacing:-.02em; line-height:1; margin:6px 0 12px; color:var(--qd-text); }
.q-meter{ height:8px; border-radius:99px; background:rgba(15,23,42,.12); overflow:hidden; }
.q-meter > i{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--qd-cyan),var(--qd-green)); box-shadow:none; transition:width .9s cubic-bezier(.2,.8,.2,1); }
.q-conv-help{ font-size:12px; color:var(--qd-muted-2); margin-top:10px; line-height:1.5; }
.q-live{ display:inline-flex; align-items:center; gap:7px; font-family:var(--qd-mono); font-size:11px; letter-spacing:.1em; color:var(--qd-green); }
.q-live .dot{ width:7px; height:7px; border-radius:50%; background:var(--qd-green); box-shadow:0 0 10px var(--qd-green); animation:q-pulse 1.8s ease-in-out infinite; }
@keyframes q-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

/* pills */
.q-pill{ display:inline-flex; align-items:center; gap:7px; font-family:var(--qd-mono); font-size:11.5px; font-weight:500;
  padding:5px 12px; border-radius:99px; border:1px solid var(--qd-line); background:#ffffff; color:var(--qd-muted); }
.q-pill .dot{ width:7px; height:7px; border-radius:50%; background:var(--qd-muted-2); }
.q-pill.on{ color:var(--qd-red); border-color:rgba(255,93,114,.4); } .q-pill.on .dot{ background:var(--qd-red); box-shadow:0 0 10px var(--qd-red); }
.q-pill.off{ color:var(--qd-green); border-color:rgba(44,232,166,.35); } .q-pill.off .dot{ background:var(--qd-green); box-shadow:0 0 10px var(--qd-green); }

/* metric cards */
.q-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.q-card{ background:var(--qd-panel); border:1px solid var(--qd-line); border-radius:14px; padding:18px; position:relative;
  transition:.25s; overflow:hidden; }
.q-card:hover{ border-color:var(--qd-line-2); transform:translateY(-2px); box-shadow:0 10px 22px rgba(15,23,42,.08); }
.q-card .k{ font-family:var(--qd-mono); font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--qd-muted-2); }
.q-card .v{ font-family:var(--qd-mono); font-weight:700; font-size:1.7rem; letter-spacing:-.02em; color:var(--qd-text); margin-top:8px; line-height:1; }
.q-card .v.pos{ color:var(--qd-green); } .q-card .v.neg{ color:var(--qd-red); }
.q-card .s{ font-size:12px; color:var(--qd-muted); margin-top:6px; }

/* tables */
.q-table-wrap{ overflow-x:auto; border:1px solid var(--qd-line); border-radius:12px; background:var(--qd-panel); }
table.q-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.q-table th{ text-align:right; font-family:var(--qd-mono); font-size:10px; font-weight:500; letter-spacing:.08em; text-transform:uppercase;
  color:var(--qd-muted-2); padding:13px 15px; border-bottom:1px solid var(--qd-line); white-space:nowrap; }
.q-table th:first-child, .q-table td:first-child{ text-align:left; }
.q-table td{ text-align:right; padding:11px 15px; border-bottom:1px solid rgba(120,160,255,.07); white-space:nowrap;
  font-family:var(--qd-mono); font-variant-numeric:tabular-nums; color:var(--qd-text); }
.q-table tbody tr:last-child td{ border-bottom:none; }
.q-table tbody tr:hover{ background:rgba(15,23,42,.03); }
.q-table td.pos{ color:var(--qd-green); } .q-table td.neg{ color:var(--qd-red); }
.q-table tr.hl td{ background:rgba(40,224,240,.07); }
.q-tk{ color:var(--qd-cyan); font-weight:600; }

/* buttons */
.q-btn{ display:inline-flex; align-items:center; gap:8px; font-family:var(--qd-mono); font-size:12.5px; font-weight:500; cursor:pointer;
  padding:11px 20px; border-radius:9px; border:1px solid var(--qd-text); background:var(--qd-text); color:#ffffff;
  letter-spacing:.02em; transition:.2s; }
.q-btn:hover{ background:#1e293b; border-color:#1e293b; color:#ffffff; box-shadow:none; }
.q-btn.ghost{ border-color:var(--qd-line-2); background:#ffffff; color:var(--qd-text); }
.q-btn.ghost:hover{ border-color:var(--qd-text); color:var(--qd-text); background:var(--qd-bg2); box-shadow:none; }
.q-btn[disabled]{ opacity:.5; cursor:default; }

/* charts */
.q-chart{ background:var(--qd-panel); border:1px solid var(--qd-line); border-radius:12px; padding:12px 10px 6px; }
.q-chart.tall{ min-height:440px; } .q-chart.med{ min-height:340px; }
.q-note{ font-size:12px; color:var(--qd-muted); line-height:1.6; }
.q-updated{ font-family:var(--qd-mono); font-size:12px; color:var(--qd-muted-2); }

/* layout helpers */
.q-row{ display:grid; gap:18px; }
.q-row.two{ grid-template-columns:1fr 1fr; } .q-row.side{ grid-template-columns:1.6fr 1fr; }
@media(max-width:880px){ .q-row.two,.q-row.side{ grid-template-columns:1fr; } }
.q-block{ margin-top:34px; } .q-flex{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.q-spread{ display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; }

/* forms */
.q-form{ display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
.q-field{ display:flex; flex-direction:column; gap:5px; }
.q-field label{ font-family:var(--qd-mono); font-size:10px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--qd-muted-2); }
.q-field input, .q-field select{ font:inherit; font-family:var(--qd-mono); font-size:13.5px; padding:10px 12px; border:1px solid var(--qd-line);
  border-radius:8px; background:#ffffff; color:var(--qd-text); min-width:120px; }
.q-field input:focus, .q-field select:focus{ outline:none; border-color:var(--qd-cyan); box-shadow:0 0 0 2px rgba(40,224,240,.25); }
.q-disclaimer{ font-size:12px; color:var(--qd-muted-2); border:1px dashed var(--qd-line); border-radius:10px; padding:13px 16px; line-height:1.6; background:#ffffff; }
.q-empty{ color:var(--qd-muted-2); font-size:13px; padding:18px; text-align:center; font-family:var(--qd-mono); }
.q-legend-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:middle; }

/* research-page verdict + rationale (dark) */
.quant-dark .q-verdict{ font-family:var(--qd-mono); font-weight:600; font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; }
.quant-dark .q-verdict.acc{ color:var(--qd-green); } .quant-dark .q-verdict.rej{ color:var(--qd-red); } .quant-dark .q-verdict.mar{ color:var(--qd-amber); }
.quant-dark .q-rcard{ background:var(--qd-panel); border:1px solid var(--qd-line); border-radius:12px; padding:20px; }
.quant-dark .q-rcard h4{ font-family:var(--qd-display); font-weight:600; font-size:1.05rem; margin:0 0 6px; color:var(--qd-text); }
.quant-dark .q-rcard p{ font-size:13px; line-height:1.6; color:var(--qd-muted); margin:0; }
.quant-dark .q-rcard .tag{ font-family:var(--qd-mono); font-size:10px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--qd-cyan); }
.q-rationale{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }

/* ====================== ACCESS GATE ====================== */
.quant-dark[data-q-gated] main{ display:none; }
.quant-dark[data-q-gated].q-unlocked main{ display:block; }
#q-gate{ display:none; }
.quant-dark[data-q-gated]:not(.q-unlocked) #q-gate{ display:flex; }
#q-gate{ flex-direction:column; align-items:center; text-align:center; gap:18px; max-width:540px; margin:40px auto 90px;
  padding:clamp(30px,5vw,52px); border:1px solid var(--qd-line); border-radius:14px; background:var(--qd-panel);
  box-shadow:0 16px 36px rgba(15,23,42,.08); position:relative; z-index:1; }
#q-gate .lock{ font-size:30px; }
#q-gate h2{ font-family:var(--qd-display); font-weight:700; font-size:clamp(1.5rem,3.4vw,2.1rem); color:var(--qd-text); margin:0; letter-spacing:-.02em; }
#q-gate p{ color:var(--qd-muted); font-size:.95rem; line-height:1.6; margin:0; max-width:42ch; }
#q-gate .row{ display:flex; gap:10px; width:100%; max-width:380px; }
#q-gate input{ flex:1; font-family:var(--qd-mono); font-size:14px; letter-spacing:.06em; text-transform:uppercase; padding:12px 14px;
  border:1px solid var(--qd-line); border-radius:8px; background:#ffffff; color:var(--qd-text); }
#q-gate input:focus{ outline:none; border-color:var(--qd-cyan); box-shadow:0 0 0 2px rgba(40,224,240,.25); }
#q-gate .err{ color:var(--qd-red); font-family:var(--qd-mono); font-size:12px; min-height:16px; }
#q-gate .sub{ font-family:var(--qd-mono); font-size:11px; color:var(--qd-muted-2); }
#q-gate .sub a{ color:var(--qd-cyan); }

/* ====================== HOME-PAGE QUANT SECTION (standalone dark band) ====================== */
.qhome{ background:#ffffff; color:#0f172a; position:relative; overflow:hidden;
  font-family:'Inter Tight',sans-serif; padding:clamp(64px,8vw,110px) 0; }
.qhome::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(900px 460px at 84% 4%, rgba(14,165,233,.08), transparent 60%),
            radial-gradient(820px 520px at 6% 100%, rgba(124,58,237,.08), transparent 60%);
  background-size:cover; }
.qhome::after{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);
  background-size:44px 44px; mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent); }
.qhome .in{ max-width:1180px; margin:0 auto; padding-inline:clamp(20px,4vw,56px); position:relative; z-index:1; }
.qhome .eyebrow{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#64748b; }
.qhome h2{ font-family:'Space Grotesk','Inter Tight',sans-serif; font-weight:700; letter-spacing:-.025em; line-height:1.02;
  font-size:clamp(2rem,5vw,3.4rem); margin:12px 0 14px;
  color:#0f172a; }
.qhome .lead{ color:#475569; font-size:1.08rem; line-height:1.65; max-width:60ch; }
.qhome .grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
@media(max-width:900px){ .qhome .grid{ grid-template-columns:1fr; gap:30px; } }
.qhome .stats{ display:flex; flex-wrap:wrap; gap:10px; margin:26px 0; }
.qhome .stat{ border:1px solid rgba(15,23,42,.18); border-radius:10px; padding:13px 18px; background:#ffffff; }
.qhome .stat .n{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:1.5rem; color:#0f172a; line-height:1; }
.qhome .stat .l{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#64748b; margin-top:6px; }
.qhome .know{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:26px; }
@media(max-width:560px){ .qhome .know{ grid-template-columns:1fr; } }
.qhome .kcard{ border:1px solid rgba(15,23,42,.16); border-radius:10px; padding:16px 18px; background:#ffffff; }
.qhome .kcard h4{ font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.98rem; margin:0 0 5px; color:#0f172a; }
.qhome .kcard p{ margin:0; font-size:13px; line-height:1.55; color:#475569; }
.qhome .cta{ display:inline-flex; align-items:center; gap:9px; margin-top:30px; font-family:'JetBrains Mono',monospace; font-size:13.5px; font-weight:500;
  padding:14px 26px; border-radius:10px; border:1px solid #0f172a; background:#0f172a; color:#ffffff; transition:.2s; }
.qhome .cta:hover{ background:#1e293b; border-color:#1e293b; color:#ffffff; box-shadow:none; }
.qhome .lockmini{ font-family:'JetBrains Mono',monospace; font-size:11px; color:#64748b; margin-top:12px; }
/* hero SVG visual */
.qhome .viz{ border:1px solid rgba(15,23,42,.18); border-radius:12px; background:#ffffff; padding:14px;
  box-shadow:0 30px 40px rgba(15,23,42,.08); }
.qhome .viz svg{ width:100%; height:auto; display:block; }
.qhome .badge{ display:inline-flex; align-items:center; gap:7px; font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:#15803d; }
.qhome .badge .dot{ width:7px; height:7px; border-radius:50%; background:#15803d; box-shadow:none; animation:q-pulse 1.8s ease-in-out infinite; }

/* ====================== STRATEGY MOSAIC (quant landing) ====================== */
.q-mosaic{ display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:16px; }
.q-tile{ position:relative; display:flex; flex-direction:column; gap:13px; padding:24px; border-radius:12px;
  border:1px solid var(--qd-line); background:var(--qd-panel); color:inherit; text-decoration:none;
  transition:.25s; overflow:hidden; min-height:236px; }
.q-tile:hover{ transform:translateY(-3px); border-color:var(--qd-line-2); box-shadow:0 18px 30px rgba(15,23,42,.08); }
.q-tile::before{ content:""; position:absolute; inset:0 0 auto 0; height:2px; background:linear-gradient(90deg,transparent,var(--qd-cyan),transparent); opacity:.6; }
.q-tile.dev{ opacity:.92; } .q-tile.dev::before{ background:linear-gradient(90deg,transparent,var(--qd-amber),transparent); }
.q-tile .badge{ display:inline-flex; align-items:center; gap:7px; align-self:flex-start; font-family:var(--qd-mono);
  font-size:10px; letter-spacing:.1em; text-transform:uppercase; padding:4px 10px; border-radius:99px; border:1px solid var(--qd-line); color:var(--qd-muted); }
.q-tile .badge.live{ color:var(--qd-green); border-color:rgba(44,232,166,.4); }
.q-tile .badge.live .dot{ width:7px;height:7px;border-radius:50%;background:var(--qd-green);box-shadow:0 0 10px var(--qd-green); animation:q-pulse 1.8s ease-in-out infinite; }
.q-tile .badge.dev{ color:var(--qd-amber); border-color:rgba(247,189,87,.4); }
.q-tile .code{ font-family:var(--qd-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--qd-muted-2); }
.q-tile h3{ font-family:var(--qd-display); font-weight:700; font-size:1.45rem; letter-spacing:-.02em; color:var(--qd-text); margin:0; line-height:1.05; }
.q-tile p{ font-size:13px; line-height:1.55; color:var(--qd-muted); margin:0; }
.q-tile .mini{ display:flex; gap:20px; margin-top:auto; padding-top:14px; border-top:1px solid var(--qd-line); }
.q-tile .mini .n{ font-family:var(--qd-mono); font-weight:700; font-size:1.05rem; color:var(--qd-text); line-height:1; }
.q-tile .mini .n.pos{ color:var(--qd-green); } .q-tile .mini .n.neg{ color:var(--qd-red); }
.q-tile .mini .l{ font-family:var(--qd-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--qd-muted-2); margin-top:4px; }
.q-tile .go{ font-family:var(--qd-mono); font-size:12px; color:var(--qd-cyan); margin-top:auto; padding-top:14px; border-top:1px solid var(--qd-line); }
.q-tile.dev .go{ color:var(--qd-amber); }
.q-tile .price{ align-self:flex-start; margin-top:8px; font-family:var(--qd-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:var(--qd-muted-2); padding:4px 8px; border-radius:999px; border:1px solid var(--qd-line); background:var(--qd-bg2); }

/* in-development detail notice */
.q-dev-notice{ text-align:center; max-width:580px; margin:36px auto; padding:clamp(30px,5vw,52px); border:1px dashed var(--qd-line);
  border-radius:14px; background:var(--qd-panel); }
.q-dev-notice .ic{ font-size:30px; filter:none; }
.q-dev-notice h2{ font-family:var(--qd-display); color:var(--qd-text); margin:14px 0 10px; letter-spacing:-.02em; }
.q-dev-notice p{ color:var(--qd-muted); line-height:1.65; margin:0 auto 10px; max-width:46ch; }
.q-dev-notice .badge.dev{ display:inline-flex; align-items:center; gap:7px; font-family:var(--qd-mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; padding:5px 12px; border-radius:99px; border:1px solid rgba(247,189,87,.4); color:var(--qd-amber); margin-bottom:8px; }

.q-pricing{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.q-plan{ border:1px solid var(--qd-line); border-radius:12px; padding:20px; background:#ffffff; }
.q-plan h4{ margin:0 0 8px; font-family:var(--qd-display); font-size:1.05rem; color:var(--qd-text); }
.q-plan .rate{ font-family:var(--qd-mono); font-size:1.35rem; font-weight:700; color:var(--qd-text); margin-bottom:8px; }
.q-plan p{ margin:0; color:var(--qd-muted); font-size:13px; line-height:1.55; }

@media(prefers-reduced-motion:reduce){
  .q-ticker .track{ animation:none; } .q-meter > i{ transition:none; } .q-live .dot,.qhome .badge .dot{ animation:none; }
}