:root {
      color-scheme: light;
      --bg: #F5F5F7;
      --surface: #FFFFFF;
      --subsurface: #F5F5F7;
      --section-alt: #FFFFFF;
      --glass-fill: #FFFFFF;
      --glass-border: rgba(0, 0, 0, 0.06);
      --text-primary: #1D1D1F;
      --text-secondary: #6E6E73;
      --accent: #0A84FF;
      --accent-tint: rgba(10,132,255,0.12);
      --pill-bg: #F5F5F7;
      --pill-border: rgba(0,0,0,0.06);
      --pill-text: #6E6E73;
      --tab-bg: rgba(255,255,255,.42);
      --tab-active-bg: #FFFFFF;
      --tab-active-text: #1D1D1F;
      --pill-disabled-bg: rgba(0,0,0,0.06);
      --pill-disabled-text: rgba(29,29,31,0.45);
      --signal-green: #34C759;
      --signal-red: #FF3B30;
      --signal-orange: #FF9500;
      --orange: #FF9500;
      --danger-tint: rgba(255,59,48,.12);
      --success-tint: rgba(52,199,89,.14);
      --warning-tint: rgba(255,149,0,.14);
      --divider: rgba(0, 0, 0, 0.06);
      --field-border: rgba(0, 0, 0, 0.08);
      --card-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.03);
      --emphasis-shadow: 0 8px 32px rgba(0,0,0,0.10);
      --glass-shadow: var(--card-shadow);
      --nav-shadow: 0 1px 3px rgba(0,0,0,0.04);
      --nav-scrolled-bg: #FFFFFF;
      --nav-scrolled-border: rgba(0,0,0,0.06);
      --hover-bg: rgba(0,0,0,0.05);
      --ticker-bg: #1D1D1F;
      --ticker-text: #FFFFFF;
      --dialog-backdrop: rgba(0,0,0,.32);
    }
    :root[data-theme="midnight"] {
      color-scheme: dark;
      --bg: #0A0A0F;
      --surface: #1C1C1E;
      --subsurface: #111114;
      --section-alt: #111114;
      --glass-fill: #1C1C1E;
      --glass-border: rgba(255,255,255,0.08);
      --text-primary: #F5F5F7;
      --text-secondary: #8E8E93;
      --accent: #0A84FF;
      --accent-tint: rgba(10,132,255,0.18);
      --pill-bg: rgba(255,255,255,0.14);
      --pill-border: rgba(255,255,255,0.22);
      --pill-text: #E5E5EA;
      --tab-bg: rgba(255,255,255,0.08);
      --tab-active-bg: #2C2C2E;
      --tab-active-text: #F5F5F7;
      --pill-disabled-bg: rgba(255,255,255,0.06);
      --pill-disabled-text: rgba(245,245,247,0.38);
      --signal-green: #30D158;
      --signal-red: #FF453A;
      --signal-orange: #FF9F0A;
      --orange: #FF9F0A;
      --danger-tint: rgba(255,69,58,.16);
      --success-tint: rgba(48,209,88,.16);
      --warning-tint: rgba(255,159,10,.18);
      --divider: rgba(255,255,255,0.08);
      --field-border: rgba(255,255,255,0.12);
      --card-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 4px 20px rgba(0,0,0,0.4);
      --emphasis-shadow: 0 8px 32px rgba(0,0,0,0.55);
      --glass-shadow: var(--card-shadow);
      --nav-shadow: 0 1px 3px rgba(0,0,0,0.5);
      --nav-scrolled-bg: #1C1C1E;
      --nav-scrolled-border: rgba(255,255,255,0.08);
      --hover-bg: rgba(255,255,255,0.08);
      --ticker-bg: #000000;
      --ticker-text: #F5F5F7;
      --dialog-backdrop: rgba(0,0,0,.58);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior:auto; }
    body {
      margin:0;
      padding-bottom:86px;
      font-family:-apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", sans-serif;
      -webkit-font-smoothing:antialiased;
      background:var(--bg);
      color:var(--text-primary);
      font-weight:400;
      font-variant-numeric: tabular-nums;
    }
    header {
      min-height:66px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:0 32px;
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-width:0 0 1px;
      box-shadow:var(--nav-shadow);
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
      position:sticky;
      top:0;
      z-index:1;
    }
    main { max-width:1180px; margin:0 auto; padding:32px; }
    h1 {
      margin:0;
      font-size:clamp(34px, 5vw, 56px);
      font-weight:600;
      line-height:1;
      letter-spacing:0;
    }
    h2 { font-size:19px; font-weight:600; margin:0 0 16px; letter-spacing:0; }
    p { color:var(--text-secondary); margin:6px 0; }
    a { color:var(--accent); text-decoration:none; font-weight:500; }
    a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
    nav { display:flex; gap:18px; align-items:center; }
    nav a, button.link {
      color:var(--text-secondary);
      font-size:14px;
      font-weight:500;
      letter-spacing:0;
      text-transform:none;
    }
    form { margin:0; }
    label { display:grid; gap:7px; color:var(--text-secondary); font-size:13px; font-weight:500; letter-spacing:0; margin-bottom:14px; text-transform:none; }
    input, select {
      width:100%;
      border:1px solid var(--field-border);
      border-radius:12px;
      padding:10px 12px;
      font:inherit;
      letter-spacing:0;
      background:rgba(255,255,255,.48);
      color:var(--text-primary);
      box-shadow:inset 0 1px 2px rgba(0,0,0,.04);
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    button, .button {
      border:0;
      border-radius:12px;
      padding:10px 14px;
      background:var(--accent);
      color:white;
      font-weight:500;
      cursor:pointer;
      display:inline-block;
      letter-spacing:0;
      text-transform:none;
      font-size:14px;
      box-shadow:0 8px 18px rgba(10,132,255,.18);
    }
    button.secondary, .button.secondary { background:rgba(10,132,255,.1); color:var(--accent); box-shadow:none; }
    button.danger { background:var(--danger-tint); color:var(--signal-red); box-shadow:none; }
    button.link { background:transparent; border:0; box-shadow:none; color:var(--text-secondary); padding:0; }
    :focus-visible { outline:0; box-shadow:0 0 0 4px rgba(10,132,255,.24), 0 0 0 1px var(--accent); }
    .brand {
      align-items:center;
      color:var(--text-primary);
      display:flex;
      font-size:22px;
      font-weight:600;
      gap:10px;
      letter-spacing:0;
    }
    .brand-mark {
      display:block;
      height:34px;
      object-fit:contain;
      width:54px;
    }
    .topline { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:28px; }
    .competitor-direction {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:0 0 14px;
    }
    .competitor-direction a, .competitor-direction .disabled {
      align-items:center;
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      border-radius:999px;
      color:var(--pill-text);
      display:inline-flex;
      font-size:13px;
      font-weight:600;
      gap:6px;
      line-height:1;
      max-width:260px;
      min-height:34px;
      overflow:hidden;
      padding:9px 12px;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .competitor-direction a:hover { color:var(--accent); }
    .competitor-direction .disabled {
      background:var(--pill-disabled-bg);
      color:var(--pill-disabled-text);
      opacity:1;
      pointer-events:none;
    }
    .compact-competitor-header {
      align-items:center;
      background:var(--surface);
      border:1px solid var(--glass-border);
      border-radius:0 0 16px 16px;
      box-shadow:var(--card-shadow);
      display:grid;
      gap:12px;
      grid-template-columns:minmax(0, 1fr) auto auto auto;
      left:50%;
      max-width:1180px;
      opacity:0;
      padding:10px 18px;
      pointer-events:none;
      position:fixed;
      transform:translate(-50%, -8px);
      transition:opacity 180ms ease-out, transform 180ms ease-out;
      width:calc(100% - 64px);
      z-index:8;
    }
    .compact-competitor-header.visible {
      opacity:1;
      pointer-events:auto;
      transform:translate(-50%, 0);
    }
    .compact-competitor-title {
      align-items:center;
      display:flex;
      gap:9px;
      min-width:0;
    }
    .compact-competitor-title strong {
      color:var(--text-primary);
      display:block;
      font-size:18px;
      font-weight:600;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .compact-competitor-nav {
      align-items:center;
      display:flex;
      gap:8px;
      min-width:0;
    }
    .compact-dashboard-link,
    .compact-competitor-nav a {
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      border-radius:999px;
      color:var(--pill-text);
      font-size:12px;
      font-weight:600;
      max-width:150px;
      overflow:hidden;
      padding:7px 10px;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .compact-dashboard-link:hover,
    .compact-competitor-nav a:hover {
      color:var(--accent);
      text-decoration:none;
    }
    .compact-competitor-header form { margin:0; }
    .compact-competitor-header button {
      font-size:13px;
      padding:8px 12px;
      white-space:nowrap;
    }
    .grid { display:grid; gap:22px; }
    .grid.two { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items:start; }
    .dashboard-shell { align-items:start; display:grid; gap:22px; grid-template-columns:minmax(0, 1fr) 340px; }
    .dashboard-main { display:grid; gap:22px; min-width:0; }
    .dashboard-side { align-self:start; display:grid; gap:16px; position:sticky; top:92px; }
    .metric-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; margin:0 0 28px; }
    .competitor-metrics { grid-template-columns:repeat(4, minmax(0, 1fr)); }
    .metric {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--glass-shadow);
      padding:18px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
      transition:transform 200ms ease-out, box-shadow 200ms ease-out, border-color 200ms ease-out, background-color 200ms ease-out;
    }
    .metric span { color:var(--text-secondary); display:block; font-size:13px; font-weight:400; margin-top:7px; }
    .metric strong { display:block; font-size:34px; font-weight:600; line-height:1; }
    .metric-link {
      color:var(--text-primary);
      display:block;
      position:relative;
      transition:background-color .15s ease, border-color .15s ease, transform .15s ease;
    }
    .metric-link:hover {
      background:var(--card);
      border-color:rgba(10,132,255,.32);
      color:var(--text-primary);
      text-decoration:none;
      transform:translateY(-1px);
    }
    .metric-link i {
      color:var(--accent);
      font-style:normal;
      font-weight:600;
      opacity:.72;
      position:absolute;
      right:16px;
      top:14px;
    }
    .metric-warn strong { color:var(--signal-orange); }
    .metric-bad strong { color:var(--signal-red); }
    .trend-panel { display:grid; gap:16px; }
    .trend-head { align-items:start; display:flex; justify-content:space-between; gap:16px; }
    .trend-head strong { display:block; font-size:56px; font-weight:600; letter-spacing:0; line-height:1; margin:8px 0; }
    .trend-head p { font-weight:600; margin:0; }
    .trend-head p.good, .value-good { color:var(--signal-green); }
    .trend-head p.bad, .value-bad { color:var(--signal-red); }
    .value-neutral { color:var(--accent); }
    .timeframe-toggle { background:var(--subsurface); border:1px solid var(--glass-border); border-radius:999px; display:flex; gap:4px; padding:4px; }
    .timeframe-toggle a, .timeframe-toggle span { border-radius:999px; color:var(--text-secondary); font-size:12px; font-weight:600; padding:7px 10px; }
    .timeframe-toggle a.active { background:var(--card); color:var(--text); box-shadow:var(--glass-shadow); }
    .timeframe-toggle span { opacity:.45; }
    .trend-chart { height:190px; overflow:visible; width:100%; }
    .trend-chart polygon { fill:var(--accent-tint); opacity:.7; }
    .trend-chart polyline { fill:none; stroke:var(--accent); stroke-linecap:round; stroke-linejoin:round; stroke-width:3; }
    .trend-chart circle { fill:var(--card); stroke:var(--accent); stroke-width:2; }
    .quick-actions { display:grid; gap:14px; }
    .quick-actions form { margin:0; }
    .activity-table-panel { overflow:hidden; }
    .activity-table {
      display:grid;
      min-width:0;
      overflow-x:auto;
      overscroll-behavior-x:contain;
      padding-bottom:8px;
      -webkit-overflow-scrolling:touch;
    }
    .activity-table::-webkit-scrollbar { height:10px; }
    .activity-table::-webkit-scrollbar-track { background:var(--subsurface); border-radius:999px; }
    .activity-table::-webkit-scrollbar-thumb { background:rgba(10,132,255,.36); border-radius:999px; }
    .activity-head, .activity-row {
      align-items:center;
      display:grid;
      gap:14px;
      grid-template-columns:minmax(130px, .9fr) minmax(220px, 1.5fr) minmax(120px, .9fr) minmax(150px, 1fr) minmax(110px, .8fr);
      min-width:900px;
    }
    .activity-head {
      border-bottom:1px solid var(--glass-border);
      color:var(--text-secondary);
      font-size:11px;
      font-weight:700;
      letter-spacing:.08em;
      padding:0 0 12px;
      text-transform:uppercase;
    }
    .activity-head a { color:var(--accent); }
    .activity-row {
      border-bottom:1px solid var(--glass-border);
      color:var(--text);
      padding:14px 0;
    }
    .activity-row:hover { color:var(--text); background:var(--subsurface); }
    .activity-row strong { font-weight:600; }
    .signal-breakdown { display:grid; gap:12px; }
    .donut-wrap { align-items:center; display:grid; justify-items:center; position:relative; }
    .donut { height:156px; transform:rotate(-90deg); width:156px; }
    .donut circle { fill:none; stroke-width:6; }
    .donut-base { stroke:var(--subsurface); }
    .donut .price, .breakdown-list i.price { stroke:var(--signal-red); background:var(--signal-red); }
    .donut .stock, .breakdown-list i.stock { stroke:var(--signal-green); background:var(--signal-green); }
    .donut .new, .breakdown-list i.new { stroke:var(--accent); background:var(--accent); }
    .donut .promo, .breakdown-list i.promo { stroke:var(--signal-orange); background:var(--signal-orange); }
    .donut .removed, .breakdown-list i.removed { stroke:var(--text-secondary); background:var(--text-secondary); }
    .donut-wrap > strong { font-size:34px; left:50%; position:absolute; top:50%; transform:translate(-50%, -50%); }
    .breakdown-list { display:grid; gap:8px; }
    .breakdown-list span { align-items:center; color:var(--text-secondary); display:flex; font-size:13px; gap:8px; justify-content:space-between; }
    .breakdown-list i { border-radius:999px; display:inline-block; height:9px; width:9px; }
    .admin-metrics { grid-template-columns:repeat(6, minmax(0, 1fr)); }
    .admin-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin-bottom:16px; }
    .admin-users-panel { overflow:hidden; }
    .admin-table-wrap { overflow-x:auto; padding-bottom:2px; }
    .admin-table { border-collapse:collapse; min-width:1080px; width:100%; }
    .admin-table th {
      color:var(--text-secondary);
      font-size:11px;
      font-weight:700;
      letter-spacing:.08em;
      padding:0 12px 12px 0;
      text-align:left;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .admin-table td {
      border-top:1px solid var(--glass-border);
      color:var(--text);
      font-size:14px;
      padding:14px 12px 14px 0;
      vertical-align:top;
    }
    .admin-table td span { color:var(--text-secondary); display:block; font-size:12px; margin-top:4px; }
    .admin-table td strong { display:block; font-weight:600; }
    .admin-bad { color:var(--signal-red) !important; }
    .callout {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:22px;
      box-shadow:0 14px 48px rgba(10,132,255,.12), 0 8px 32px rgba(0,0,0,.08);
      display:flex;
      justify-content:space-between;
      gap:18px;
      align-items:center;
      padding:24px;
      margin:0 0 18px;
      position:relative;
      overflow:hidden;
      backdrop-filter:blur(28px) saturate(180%);
      -webkit-backdrop-filter:blur(28px) saturate(180%);
    }
    .callout::before {
      content:"";
      position:absolute;
      inset:-45% auto auto -8%;
      width:260px;
      height:260px;
      background:radial-gradient(circle, rgba(255,59,48,.16), transparent 64%);
      pointer-events:none;
    }
    .callout.quiet::before { background:radial-gradient(circle, rgba(10,132,255,.12), transparent 64%); }
    .callout > * { position:relative; }
    .callout h2 {
      font-size:clamp(24px, 3vw, 36px);
      font-weight:600;
      line-height:1.12;
      margin:4px 0;
    }
    .callout p { margin:0; }
    .callout-link {
      color:inherit;
      text-decoration:none;
    }
    .callout-link:hover {
      text-decoration:none;
    }
    .eyebrow { color:var(--text-secondary); display:block; font-size:13px; font-weight:500; margin-bottom:7px; }
    .section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
    .panel {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--glass-shadow);
      padding:20px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
      transition:transform 200ms ease-out, box-shadow 200ms ease-out, border-color 200ms ease-out, background-color 200ms ease-out;
    }
    .narrow { max-width:520px; }
    .auth { padding-top:72px; }
    .filters { display:flex; gap:10px; margin:0 0 16px; align-items:center; }
    .filters select { max-width:240px; }
    .inline-check {
      display:flex;
      margin:0;
      white-space:nowrap;
    }
    .feed { display:grid; gap:0; }
    .feed.compact { max-height:760px; overflow:auto; }
    .event, .product, .store {
      display:grid;
      grid-template-columns:auto minmax(0, 1fr);
      gap:14px;
      align-items:center;
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--glass-shadow);
      padding:12px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
      transition:transform 200ms ease-out, box-shadow 200ms ease-out, border-color 200ms ease-out, background-color 200ms ease-out;
    }
    .event {
      grid-template-columns:40px auto minmax(0, 1fr);
      color:var(--text-primary);
      box-shadow:none;
      border-color:rgba(255,255,255,.38);
      border-radius:14px;
      margin-bottom:8px;
      padding:12px;
      transition:background-color .15s ease, transform .15s ease;
    }
    .event:hover { background:rgba(255,255,255,.72); text-decoration:none; transform:translateY(-1px); }
    .event p { color:var(--text-secondary); }
    .event-icon {
      align-items:center;
      border:1px solid rgba(255,255,255,.45);
      border-radius:10px;
      display:flex;
      font-weight:600;
      height:34px;
      justify-content:center;
      width:34px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .event-icon.price_change { background:var(--warning-tint); color:var(--signal-orange); }
    .event-icon.stock_change { background:var(--danger-tint); color:var(--signal-red); }
    .event-icon.new_product { background:var(--success-tint); color:var(--signal-green); }
    .event-icon.product_removed { background:var(--danger-tint); color:var(--signal-red); }
    .store { grid-template-columns:1fr auto; margin-bottom:10px; }
    .store-actions { align-items:center; display:flex; gap:10px; }
    .small-button { border-radius:999px; font-size:13px; padding:7px 10px; }
    .event img, .product img, .thumb { width:64px; height:64px; border-radius:14px; object-fit:cover; background:rgba(255,255,255,.5); }
    .product { align-items:start; margin-bottom:10px; }
    .product-body { min-width:0; }
    .product-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; min-width:0; }
    .price-range { color:var(--text-primary); font-weight:600; white-space:nowrap; }
    .product-stats { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; }
    .product-stats span { background:rgba(255,255,255,.45); border-radius:999px; color:var(--text-secondary); font-size:12px; font-weight:500; padding:5px 9px; }
    .tag-row { display:flex; flex-wrap:wrap; gap:6px; margin:7px 0 0; }
    .tag-row span { background:rgba(10,132,255,.08); border-radius:999px; color:var(--accent); font-size:12px; font-weight:500; padding:4px 8px; }
    .variants { margin-top:8px; }
    .variants summary { color:var(--accent); cursor:pointer; font-size:13px; font-weight:500; list-style-position:inside; }
    .variant-table { background:rgba(255,255,255,.36); border:1px solid var(--field-border); border-radius:12px; margin-top:8px; overflow:hidden; }
    .variant-row { display:grid; grid-template-columns:minmax(0, 1fr) 96px 96px; gap:10px; align-items:center; padding:9px 11px; border-top:1px solid var(--divider); font-size:13px; }
    .variant-row:first-child { border-top:0; }
    .variant-row span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .variant-header { color:var(--text-secondary); font-size:12px; font-weight:500; }
    .stock-in { color:var(--signal-green); font-weight:500; }
    .stock-out { color:var(--signal-red); font-weight:500; }
    .price-history { margin-top:12px; }
    .chart-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:4px; }
    .chart-toolbar label { display:flex; grid-template-columns:none; align-items:center; gap:8px; color:var(--text-secondary); font-size:13px; font-weight:500; margin:0; }
    .chart-toolbar select { width:auto; max-width:220px; padding:6px 8px; font-size:12px; }
    .chart-value { color:var(--text-primary); font-size:13px; font-weight:600; white-space:nowrap; }
    .meta, .muted { color:var(--text-secondary); font-size:13px; }
    .watched-label {
      background:rgba(255,149,0,.12);
      border-radius:999px;
      color:#9A5B00;
      display:inline-block;
      font-size:11px;
      font-weight:600;
      margin-left:6px;
      padding:2px 6px;
      vertical-align:middle;
    }
    .badge { border-radius:999px; padding:5px 9px; font-size:12px; font-weight:500; }
    .badge.good { background:var(--success-tint); color:var(--signal-green); }
    .badge.bad, .alert { color:var(--signal-red); }
    .badge.bad { background:var(--danger-tint); }
    .alert, .notice { background:var(--glass-fill); border:1px solid var(--glass-border); border-radius:16px; box-shadow:var(--glass-shadow); padding:12px; margin-bottom:16px; backdrop-filter:blur(20px) saturate(180%); -webkit-backdrop-filter:blur(20px) saturate(180%); }
    .notice { color:var(--signal-green); }
    .actions { display:flex; gap:10px; }
    .check { display:flex; grid-template-columns:auto 1fr; align-items:center; gap:10px; }
    .check input { width:auto; }
    .chart { width:100%; height:64px; margin-top:4px; }
    .chart polyline { fill:none; stroke:var(--accent); stroke-width:3; vector-effect:non-scaling-stroke; }
    .chart circle { fill:white; stroke:var(--accent); stroke-width:2; vector-effect:non-scaling-stroke; }
    .detail-tabs {
      background:var(--tab-bg);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--glass-shadow);
      display:inline-flex;
      gap:6px;
      margin:0 0 18px;
      padding:5px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .detail-tabs a {
      border-radius:12px;
      color:var(--text-secondary);
      padding:9px 13px;
    }
    .detail-tabs a.active {
      background:var(--tab-active-bg);
      color:var(--tab-active-text);
      box-shadow:0 4px 14px rgba(0,0,0,.06);
      text-decoration:none;
    }
    .overflow-menu, .export-menu { position:relative; }
    .overflow-menu summary, .export-menu summary {
      background:rgba(10,132,255,.1);
      border-radius:12px;
      color:var(--accent);
      cursor:pointer;
      font-size:14px;
      font-weight:500;
      list-style:none;
      padding:10px 14px;
      white-space:nowrap;
    }
    .overflow-menu summary::-webkit-details-marker, .export-menu summary::-webkit-details-marker { display:none; }
    .overflow-menu form, .overflow-menu .menu-panel, .export-menu a {
      background:white;
      border:1px solid var(--glass-border);
      border-radius:12px;
      box-shadow:0 14px 34px rgba(0,0,0,.12);
      min-width:220px;
      padding:10px;
      position:absolute;
      right:0;
      top:48px;
      z-index:3;
    }
    .overflow-menu .menu-panel button { width:100%; }
    .export-menu a {
      color:var(--text-primary);
      display:block;
      font-size:13px;
      margin-top:4px;
      position:static;
      box-shadow:none;
      border:0;
      min-width:0;
    }
    .export-menu[open] {
      background:white;
      border:1px solid var(--glass-border);
      border-radius:14px;
      box-shadow:0 14px 34px rgba(0,0,0,.12);
      padding:0 8px 8px;
      position:relative;
    }
    .catalogue-toolbar {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:18px;
      box-shadow:var(--glass-shadow);
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
      gap:14px 16px;
      margin-bottom:18px;
      padding:16px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .catalogue-toolbar label { margin:0; min-width:0; }
    .catalogue-toolbar input, .catalogue-toolbar select {
      min-height:42px;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .catalogue-toolbar label:first-of-type { grid-column:span 2; }
    .collapsed-toolbar { display:block; }
    .filter-compact-row {
      align-items:end;
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      position:relative;
    }
    .filter-compact-row > label:first-child {
      flex:1 1 270px;
      grid-column:auto;
    }
    .filter-details { position:relative; }
    .filter-details summary {
      align-items:center;
      background:var(--accent-tint);
      border-radius:12px;
      color:var(--accent);
      cursor:pointer;
      display:flex;
      font-weight:600;
      gap:8px;
      justify-content:center;
      list-style:none;
      min-height:42px;
      padding:10px 14px;
    }
    .filter-details summary::-webkit-details-marker { display:none; }
    .filter-details summary span {
      align-items:center;
      background:var(--accent);
      border-radius:999px;
      color:#fff;
      display:inline-flex;
      font-size:11px;
      height:20px;
      justify-content:center;
      min-width:20px;
      padding:0 6px;
    }
    .filter-expanded-grid {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--glass-shadow);
      display:grid;
      gap:12px;
      grid-template-columns:repeat(3, minmax(180px, 1fr));
      left:0;
      margin-top:8px;
      min-width:min(760px, calc(100vw - 48px));
      padding:16px;
      position:absolute;
      top:100%;
      z-index:20;
    }
    .catalogue-toolbar .compact-check {
      align-self:end;
      background:rgba(255,255,255,.34);
      border-radius:12px;
      display:flex;
      gap:9px;
      min-height:42px;
      padding:9px 10px;
    }
    .toolbar-actions {
      align-items:center;
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      grid-column:1 / -1;
      justify-content:flex-end;
      padding-top:4px;
    }
    .chip {
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      border-radius:999px;
      color:var(--pill-text);
      font-size:13px;
      padding:8px 11px;
    }
    .chip.active { background:rgba(10,132,255,.1); color:var(--accent); }
    .compact-empty {
      box-shadow:none;
      min-height:0;
      padding:12px 14px;
    }
    .compact-empty p { margin:0; }
    .compact-empty p + p { margin-top:4px; }
    .catalogue-results { display:grid; gap:16px; }
    .catalogue-group {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:18px;
      box-shadow:0 8px 30px rgba(0,0,0,.07);
      overflow:hidden;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .group-summary {
      align-items:center;
      cursor:pointer;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      padding:15px 16px;
    }
    .group-summary strong { margin-right:auto; }
    .group-summary span {
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      border-radius:999px;
      color:var(--pill-text);
      font-size:12px;
      font-weight:500;
      padding:5px 9px;
    }
    .product-table { border-top:1px solid var(--divider); }
    .product-table-head, .product-summary {
      display:grid;
      grid-template-columns:minmax(260px, 2.2fr) minmax(120px, .9fr) minmax(100px, .75fr) 72px minmax(105px, .8fr) minmax(118px, .9fr) minmax(118px, .9fr);
      gap:12px;
      align-items:center;
    }
    .product-table-head {
      color:var(--text-secondary);
      font-size:12px;
      font-weight:600;
      padding:10px 16px;
    }
    .product-row {
      border-top:1px solid var(--divider);
      display:block;
    }
    .product-summary {
      cursor:pointer;
      list-style:none;
      min-height:78px;
      padding:10px 16px;
    }
    .product-summary::-webkit-details-marker { display:none; }
    .product-summary > span {
      color:var(--text-secondary);
      font-size:13px;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .product-title-cell {
      align-items:center;
      color:var(--text-primary) !important;
      display:grid;
      grid-template-columns:48px minmax(0, 1fr);
      gap:12px;
    }
    .product-title-cell img, .product-title-cell .thumb {
      border-radius:12px;
      height:48px;
      width:48px;
    }
    .product-title-cell strong {
      color:var(--text-primary);
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .title-line {
      align-items:center;
      display:flex;
      gap:7px;
      min-width:0;
    }
    .product-live-link {
      align-items:center;
      color:var(--text-primary);
      display:inline-flex;
      gap:5px;
      min-width:0;
      max-width:100%;
    }
    .product-live-link:hover {
      color:var(--text-primary);
      text-decoration:underline;
      text-decoration-color:var(--accent);
      text-underline-offset:3px;
    }
    .product-live-link span {
      color:var(--accent);
      flex:0 0 auto;
      font-size:11px;
      line-height:1;
      opacity:.78;
    }
    .product-image-link {
      border-radius:12px;
      display:inline-flex;
      line-height:0;
    }
    .product-image-link:hover {
      box-shadow:0 0 0 2px rgba(10,132,255,.28);
      text-decoration:none;
    }
    .star-button {
      align-items:center;
      background:rgba(255,255,255,.58);
      border:1px solid rgba(0,0,0,.06);
      border-radius:999px;
      box-shadow:none;
      color:var(--text-secondary);
      display:inline-flex;
      flex:0 0 auto;
      font-size:18px;
      height:28px;
      justify-content:center;
      line-height:1;
      padding:0;
      width:28px;
    }
    .star-button.watched {
      background:rgba(255,149,0,.14);
      border-color:rgba(255,149,0,.22);
      color:#9A5B00;
    }
    .remove-watch-form { align-self:start; }
    .product-expanded {
      background:rgba(255,255,255,.34);
      border-top:1px solid var(--divider);
      display:grid;
      gap:12px;
      grid-template-columns:minmax(280px, .9fr) minmax(340px, 1.1fr);
      padding:12px 16px 16px 76px;
    }
    .new-badge {
      background:rgba(52,199,89,.13);
      border-radius:999px;
      color:#237A3A;
      display:inline-block;
      font-size:11px;
      font-weight:600;
      margin-top:4px;
      padding:3px 7px;
    }
    .compact-tags span {
      background:rgba(0,0,0,.045);
      color:var(--text-secondary);
      font-size:11px;
      max-width:150px;
      overflow:hidden;
      padding:3px 7px;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .mobile-only { display:none; }
    .empty-state {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:18px;
      box-shadow:var(--glass-shadow);
      color:var(--text-secondary);
      padding:18px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .watchlist-table {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:18px;
      box-shadow:var(--glass-shadow);
      overflow:hidden;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .watchlist-head, .watchlist-row {
      align-items:center;
      display:grid;
      gap:12px;
      grid-template-columns:minmax(260px, 2fr) minmax(130px, 1fr) minmax(120px, .9fr) minmax(100px, .75fr) minmax(110px, .85fr) 80px minmax(150px, 1fr) minmax(120px, .9fr) minmax(120px, .8fr);
      padding:12px 16px;
    }
    .watchlist-head {
      border-bottom:1px solid var(--divider);
      color:var(--text-secondary);
      font-size:12px;
      font-weight:600;
    }
    .watchlist-row {
      border-bottom:1px solid var(--divider);
      min-height:76px;
    }
    .watchlist-row:last-child { border-bottom:0; }
    .watchlist-row > span {
      color:var(--text-secondary);
      font-size:13px;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .watchlist-row.removed { opacity:.82; }
    .removed-label {
      color:var(--signal-red);
      display:block;
      font-size:12px;
      margin-top:4px;
    }
    .row-actions {
      align-items:center;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      justify-content:flex-end;
    }
    .history-empty { display:grid; gap:10px; justify-items:start; }
    .full-feed { max-height:none; }
    .history-filter-row {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:0 0 12px;
    }
    .history-filter-row a {
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      border-radius:999px;
      color:var(--pill-text);
      font-size:13px;
      font-weight:600;
      padding:8px 11px;
    }
    .history-filter-row a.active {
      background:var(--accent-tint);
      color:var(--accent);
    }
    .history-more { display:grid; gap:12px; }
    .history-more summary {
      justify-self:start;
      list-style:none;
      cursor:pointer;
      border:0;
      border-radius:12px;
      background:var(--accent-tint);
      color:var(--accent);
      padding:10px 14px;
      font-weight:500;
    }
    .history-more summary::-webkit-details-marker { display:none; }
    .history-more .feed { margin-top:0; }
    .upgrade-panel {
      display:grid;
      gap:10px;
      justify-items:start;
      max-width:720px;
    }
    .match-toolbar {
      align-items:center;
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:18px;
      box-shadow:var(--glass-shadow);
      display:grid;
      gap:16px;
      grid-template-columns:minmax(220px, 1fr) minmax(220px, 2fr) auto auto;
      margin-bottom:12px;
      padding:16px;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .match-toolbar label {
      color:var(--text-primary);
      font-size:15px;
      margin:0;
    }
    .match-toolbar p { margin:0; }
    .match-toolbar input[type="range"] { box-shadow:none; padding:0; }
    .match-run-note { margin:0 0 14px; }
    .match-list { display:grid; gap:14px; }
    .match-card {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:18px;
      box-shadow:var(--glass-shadow);
      display:block;
      overflow:hidden;
      padding:0;
      transition:border-color .18s ease, box-shadow .18s ease, max-height .28s ease, margin .28s ease, opacity .26s ease-in;
      backdrop-filter:blur(20px) saturate(180%);
      -webkit-backdrop-filter:blur(20px) saturate(180%);
    }
    .match-card.match-removing {
      border-color:transparent;
      margin-bottom:0;
      opacity:0;
      pointer-events:none;
    }
    .match-row-summary {
      align-items:center;
      cursor:pointer;
      display:grid;
      gap:12px;
      grid-template-columns:minmax(180px, 1.2fr) minmax(180px, 1.2fr) 76px minmax(110px, .7fr) auto auto;
      list-style:none;
      min-height:72px;
      padding:10px 14px;
    }
    .match-row-summary::-webkit-details-marker { display:none; }
    .match-row-product, .match-row-price, .match-row-score, .match-row-status {
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .match-row-score span {
      color:var(--text-secondary);
      display:block;
      font-size:11px;
      font-weight:600;
      text-transform:uppercase;
    }
    .match-row-score strong { font-size:18px; }
    .match-row-price { color:var(--text-secondary); font-size:13px; font-weight:600; white-space:nowrap; }
    .match-mini {
      align-items:center;
      display:grid;
      gap:9px;
      grid-template-columns:42px minmax(0, 1fr);
      min-width:0;
    }
    .match-mini img, .match-mini .thumb {
      border-radius:10px;
      height:42px;
      object-fit:cover;
      width:42px;
    }
    .match-mini strong {
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .match-actions, .match-expanded-actions {
      align-items:center;
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      justify-content:flex-end;
    }
    .approve-button { color:var(--signal-green) !important; }
    .reject-button { color:var(--signal-red) !important; }
    .approved-badge-button {
      background:var(--success-tint);
      border:1px solid rgba(52,199,89,.22);
      border-radius:999px;
      box-shadow:none;
      color:var(--signal-green);
      cursor:pointer;
      font-size:13px;
      font-weight:700;
      line-height:1;
      padding:8px 10px;
      transition:filter .15s ease, transform .15s ease, opacity .18s ease;
      white-space:nowrap;
    }
    .approved-badge-button:hover::after { content:"  ×"; }
    .match-approved .approved-badge-button {
      animation:approvedBadgeIn 180ms ease-out;
    }
    @keyframes approvedBadgeIn {
      from { opacity:0; transform:scale(.94); }
      to { opacity:1; transform:scale(1); }
    }
    .match-expanded {
      animation:matchExpand 180ms ease-out;
      border-top:1px solid var(--divider);
      display:grid;
      gap:14px;
      padding:14px;
    }
    @keyframes matchExpand {
      from { opacity:0; transform:translateY(-4px); }
      to { opacity:1; transform:translateY(0); }
    }
    .match-score {
      align-items:center;
      display:flex;
      justify-content:space-between;
      gap:12px;
    }
    .match-score span { color:var(--text-secondary); font-size:13px; }
    .match-score strong { font-size:26px; line-height:1; }
    .match-columns {
      display:grid;
      gap:14px;
      grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(260px, .85fr);
    }
    .match-columns h3 {
      font-size:14px;
      margin:0 0 8px;
    }
    .match-product {
      align-items:center;
      background:rgba(255,255,255,.34);
      border:1px solid var(--divider);
      border-radius:14px;
      display:grid;
      gap:10px;
      grid-template-columns:54px minmax(0, 1fr);
      margin-bottom:8px;
      min-height:72px;
      padding:8px;
    }
    .match-product img, .match-product .thumb {
      background:white;
      border-radius:12px;
      display:block;
      height:54px;
      object-fit:cover;
      width:54px;
    }
    .match-product strong {
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .match-product p { margin:3px 0 0; }
    .match-diff {
      background:rgba(255,255,255,.38);
      border:1px solid var(--divider);
      border-radius:14px;
      padding:12px;
    }
    .match-diff p {
      color:var(--text-secondary);
      font-weight:600;
      margin:0 0 10px;
    }
    .match-diff p.good { color:#237A3A; }
    .match-diff p.bad { color:var(--signal-red); }
    .match-diff dl { display:grid; gap:8px; margin:0; }
    .match-diff div {
      display:grid;
      gap:8px;
      grid-template-columns:110px minmax(0, 1fr);
    }
    .match-diff dt {
      color:var(--text-secondary);
      font-size:12px;
    }
    .match-diff dd {
      margin:0;
      min-width:0;
      overflow-wrap:anywhere;
    }
    .toast {
      background:rgba(29,29,31,.92);
      border-radius:12px;
      bottom:20px;
      color:white;
      left:50%;
      max-width:min(460px, calc(100vw - 32px));
      opacity:0;
      padding:10px 14px;
      pointer-events:none;
      position:fixed;
      transform:translate(-50%, 10px);
      transition:opacity .16s ease, transform .16s ease;
      z-index:10;
    }
    .toast.visible {
      opacity:1;
      pointer-events:auto;
      transform:translate(-50%, 0);
    }
    .toast button {
      background:transparent;
      color:white;
      margin-left:8px;
      padding:0;
      text-decoration:underline;
    }
    .settings-tabs {
      background:var(--tab-bg);
      border:1px solid var(--glass-border);
      border-radius:14px;
      display:flex;
      gap:6px;
      margin:18px 0;
      padding:5px;
    }
    .settings-tabs a {
      border-radius:10px;
      color:var(--text-secondary);
      flex:1;
      padding:9px 12px;
      text-align:center;
    }
    .settings-tabs a.active {
      background:var(--tab-active-bg);
      color:var(--tab-active-text);
      box-shadow:0 4px 14px rgba(0,0,0,.06);
      text-decoration:none;
    }
    .detail-list {
      display:grid;
      gap:10px;
      margin:14px 0 18px;
    }
    .detail-list div {
      display:grid;
      gap:3px;
      grid-template-columns:150px minmax(0, 1fr);
    }
    .detail-list dt {
      color:var(--text-secondary);
      font-size:13px;
      font-weight:500;
    }
    .detail-list dd {
      margin:0;
      min-width:0;
      overflow-wrap:anywhere;
    }
    .wrap-actions {
      flex-wrap:wrap;
      margin-top:12px;
    }
    .inline-edit { width:100%; }
    .inline-edit summary {
      color:var(--accent);
      cursor:pointer;
      font-weight:500;
      margin:8px 0;
    }
    .inline-edit .panel {
      margin-top:10px;
      padding:16px;
    }
    .privacy-panel { margin-top:18px; }
    .privacy-panel p { line-height:1.45; }
    .own-store-prompt {
      margin:0 0 18px;
    }
    .own-store-prompt p {
      max-width:760px;
    }
    .compact-prompt {
      align-items:center;
      display:grid;
      gap:12px;
      grid-template-columns:minmax(0, 1fr) auto;
    }
    .compact-prompt h2, .compact-prompt p { margin:0; }
    .compact-prompt h2 { grid-column:1; }
    .compact-prompt p { grid-column:1; }
    .compact-prompt .button { grid-column:2; grid-row:1 / span 2; align-self:center; white-space:nowrap; }
    .watchlist-activity { margin:0 0 22px; }
    .observed-offers {
      margin:0 0 24px;
    }
    .heading-with-info {
      align-items:center;
      display:flex;
      gap:8px;
      margin-bottom:0;
    }
    .info-tooltip {
      display:inline-flex;
      position:relative;
    }
    .info-tooltip button {
      align-items:center;
      background:var(--accent-tint);
      border:1px solid rgba(10,132,255,.22);
      border-radius:999px;
      box-shadow:none;
      color:var(--accent);
      display:inline-flex;
      font-size:12px;
      font-weight:700;
      height:20px;
      justify-content:center;
      line-height:1;
      padding:0;
      width:20px;
    }
    .info-tooltip button:hover,
    .info-tooltip button:focus-visible {
      filter:none;
      outline:2px solid rgba(10,132,255,.36);
      outline-offset:2px;
    }
    .info-tooltip [role="tooltip"] {
      background:var(--surface);
      border:1px solid var(--glass-border);
      border-radius:12px;
      box-shadow:var(--emphasis-shadow);
      color:var(--text-secondary);
      font-size:13px;
      font-weight:500;
      left:50%;
      line-height:1.35;
      max-width:min(420px, calc(100vw - 48px));
      opacity:0;
      padding:12px 14px;
      pointer-events:none;
      position:absolute;
      top:calc(100% + 10px);
      transform:translate(-50%, -4px);
      transition:opacity .16s ease, transform .16s ease;
      width:max-content;
      z-index:60;
    }
    .info-tooltip:hover [role="tooltip"],
    .info-tooltip:focus-within [role="tooltip"] {
      opacity:1;
      transform:translate(-50%, 0);
    }
    .offer-filter-row {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:12px 0 14px;
    }
    .offer-filter-row a {
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      border-radius:999px;
      color:var(--pill-text);
      font-size:13px;
      padding:7px 10px;
    }
    .offer-filter-row a.active {
      background:rgba(10,132,255,.12);
      color:var(--accent);
      text-decoration:none;
    }
    .offer-grid {
      display:grid;
      gap:12px;
      grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
    }
    .offer-card {
      display:grid;
      gap:8px;
      padding:18px;
    }
    .offer-card-head {
      align-items:flex-start;
      display:flex;
      gap:12px;
      justify-content:space-between;
    }
    .offer-card h3 { line-height:1.15; margin:0 0 2px; }
    .offer-card-head p { line-height:1.25; margin:0; }
    .offer-card > p { line-height:1.35; margin:0; }
    .offer-detail-list {
      display:grid;
      gap:8px 12px;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      margin:0;
    }
    .offer-detail-list div {
      display:grid;
      gap:3px;
    }
    .offer-detail-list dt {
      color:var(--text-secondary);
      font-size:12px;
      font-weight:600;
    }
    .offer-detail-list dd {
      margin:0;
      min-width:0;
      overflow-wrap:anywhere;
    }
    .offer-evidence summary {
      color:var(--accent);
      cursor:pointer;
      font-size:13px;
      font-weight:500;
    }
    .offer-evidence ul {
      color:var(--text-secondary);
      margin:6px 0 0;
      padding-left:18px;
    }
    .offer-evidence p { margin:6px 0 0; }
    html { scroll-behavior:auto; }
    .marketing { max-width:1200px; }
    .marketing {
      position:relative;
    }
    .marketing::before, .marketing::after {
      content:"";
      filter:blur(34px);
      opacity:.72;
      pointer-events:none;
      position:absolute;
      z-index:-1;
    }
    .marketing::before {
      background:
        radial-gradient(circle at 25% 30%, rgba(10,132,255,.14), transparent 62%),
        radial-gradient(circle at 72% 48%, rgba(255,59,48,.1), transparent 60%);
      height:720px;
      left:-160px;
      top:70px;
      width:760px;
    }
    .marketing::after {
      background:
        radial-gradient(circle at 70% 20%, rgba(255,149,0,.11), transparent 62%),
        radial-gradient(circle at 28% 74%, rgba(10,132,255,.09), transparent 64%);
      height:900px;
      right:-190px;
      top:820px;
      width:820px;
    }
    .desktop-nav { display:flex; }
    .mobile-nav { display:none; }
    .marketing-nav .button { padding:8px 12px; }
    .hero-section { display:grid; grid-template-columns:minmax(0, .92fr) minmax(420px, 1.08fr); gap:34px; align-items:center; padding:58px 0 44px; position:relative; }
    .hero-section::after {
      content:"";
      background:
        radial-gradient(circle, rgba(10,132,255,.13), transparent 64%),
        radial-gradient(circle at 30% 70%, rgba(255,149,0,.1), transparent 68%);
      filter:blur(24px);
      height:620px;
      pointer-events:none;
      position:absolute;
      right:-140px;
      top:-30px;
      width:620px;
      z-index:-1;
    }
    .hero-copy p { font-size:19px; line-height:1.55; max-width:680px; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 10px; }
    .demo-preview, .history-callout, .final-cta {
      background:var(--glass-fill);
      border:1px solid var(--glass-border);
      border-radius:24px;
      box-shadow:0 14px 48px rgba(10,132,255,.1), var(--glass-shadow);
      padding:22px;
      backdrop-filter:blur(24px) saturate(180%);
      -webkit-backdrop-filter:blur(24px) saturate(180%);
    }
    .demo-preview { position:relative; overflow:hidden; }
    .demo-preview::before, .final-cta::before {
      content:"";
      position:absolute;
      inset:-130px -130px auto auto;
      width:460px;
      height:460px;
      background:
        radial-gradient(circle, rgba(10,132,255,.15), transparent 62%),
        radial-gradient(circle at 35% 70%, rgba(255,59,48,.1), transparent 68%);
      filter:blur(18px);
      pointer-events:none;
    }
    .demo-preview::after {
      content:"";
      position:absolute;
      inset:auto auto -150px -120px;
      width:420px;
      height:420px;
      background:radial-gradient(circle, rgba(255,149,0,.1), transparent 64%);
      filter:blur(20px);
      pointer-events:none;
    }
    .demo-preview > * { position:relative; }
    .demo-label { color:var(--text-secondary); font-size:12px; font-weight:500; margin-bottom:10px; }
    .demo-preview .callout { margin-bottom:14px; padding:16px; }
    .demo-preview .callout h2 { font-size:20px; }
    .demo-preview .metric-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); margin-bottom:14px; }
    .demo-preview .metric { padding:12px; }
    .demo-preview .metric strong { font-size:22px; }
    .demo-filters { display:flex; gap:8px; margin-bottom:10px; }
    .demo-filters span { background:rgba(10,132,255,.1); border-radius:999px; color:var(--accent); font-size:13px; font-weight:500; padding:6px 10px; }
    .marketing-section {
      border-radius:28px;
      margin:12px -18px;
      padding:50px 18px;
      position:relative;
    }
    .marketing-section:nth-of-type(even) {
      background:
        radial-gradient(circle at 10% 10%, rgba(10,132,255,.045), transparent 45%),
        radial-gradient(circle at 88% 18%, rgba(255,149,0,.035), transparent 42%);
    }
    .marketing-section > p { max-width:760px; font-size:17px; line-height:1.55; }
    .history-callout, .final-cta { margin:56px 0; position:relative; overflow:hidden; }
    .history-callout h2, .final-cta h2 { font-size:clamp(28px, 4vw, 44px); }
    .problem-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin-top:22px; }
    .problem-grid p, .section-close { background:rgba(255,255,255,.42); border-radius:16px; color:var(--text-primary); margin:0; padding:16px; }
    .section-close { margin-top:12px; font-weight:500; }
    .feature-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; margin-top:22px; }
    .feature-grid.three { grid-template-columns:repeat(3, minmax(0, 1fr)); }
    .hero-feature-grid {
      display:grid;
      gap:18px;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      margin-top:24px;
    }
    .hero-feature-card {
      min-height:320px;
      padding:24px;
      position:relative;
      overflow:hidden;
    }
    .hero-feature-card::before {
      content:"";
      position:absolute;
      inset:-160px auto auto -120px;
      width:420px;
      height:420px;
      background:radial-gradient(circle, rgba(10,132,255,.1), transparent 66%);
      filter:blur(20px);
      pointer-events:none;
    }
    .hero-feature-card > * { position:relative; }
    .hero-feature-card h3 { font-size:24px; }
    .compact-callout {
      border-radius:18px;
      box-shadow:0 12px 34px rgba(10,132,255,.12);
      margin:20px 0 0;
      padding:16px;
    }
    .compact-callout h2 { font-size:20px; }
    .briefing-comparison {
      display:grid;
      gap:14px;
      grid-template-columns:minmax(0, .82fr) minmax(0, 1.18fr);
      margin-top:18px;
    }
    .briefing-comparison h4 { font-size:16px; margin:0 0 8px; }
    .caption-note {
      color:var(--text-secondary);
      font-size:12px;
      line-height:1.35;
      margin-top:10px;
    }
    .compact-feature-grid .panel {
      padding:16px;
    }
    .compact-feature-grid .panel h3 {
      font-size:16px;
    }
    .compact-feature-grid .panel p {
      font-size:13px;
      line-height:1.45;
    }
    .panel h3 { margin:0 0 8px; font-size:18px; font-weight:600; }
    .step-card span { align-items:center; background:var(--accent); border-radius:12px; color:white; display:flex; font-weight:600; height:34px; justify-content:center; margin-bottom:14px; width:34px; }
    pre { background:rgba(255,255,255,.46); border-radius:16px; color:var(--text-primary); font:inherit; font-variant-numeric:tabular-nums; line-height:1.7; margin:0; overflow:auto; padding:16px; }
    .demo-wide { display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr); gap:18px; margin-top:22px; }
    .email-preview .email-shell {
      background:rgba(255,255,255,.42);
      border:1px solid var(--field-border);
      border-radius:18px;
      padding:16px;
    }
    .email-header {
      color:var(--text-secondary);
      display:grid;
      gap:4px;
      font-size:12px;
      margin-bottom:12px;
    }
    .digest-list {
      display:grid;
      gap:8px;
      margin-top:12px;
    }
    .digest-list p {
      background:rgba(255,255,255,.38);
      border-radius:12px;
      color:var(--text-secondary);
      margin:0;
      padding:8px 10px;
    }
    .digest-list strong { color:var(--text-primary); }
    .demo-detail .metric-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
    #pricing { padding-top:66px; padding-bottom:66px; }
    .pricing-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; margin:28px 0 16px; }
    .pricing-card { position:relative; display:flex; flex-direction:column; gap:12px; }
    .pricing-card.featured {
      border-color:rgba(10,132,255,.32);
      box-shadow:0 0 0 1px rgba(10,132,255,.18), 0 18px 54px rgba(10,132,255,.18), var(--glass-shadow);
      transform:translateY(-8px);
    }
    .plan-badge { align-self:flex-start; background:rgba(10,132,255,.12); border-radius:999px; color:var(--accent); font-size:13px; font-weight:500; padding:6px 10px; }
    .plan-price { display:block; font-size:34px; font-weight:600; font-variant-numeric:tabular-nums; }
    .pricing-card ul { color:var(--text-secondary); display:grid; gap:8px; list-style:none; margin:0; padding:0; }
    .pricing-card li::before { content:"✓"; color:var(--signal-green); margin-right:8px; }
    .pricing-card .button { margin-top:auto; text-align:center; }
    .faq-list { display:grid; gap:10px; margin-top:22px; }
    .faq-item { background:var(--glass-fill); border:1px solid var(--glass-border); border-radius:16px; box-shadow:var(--glass-shadow); padding:16px 18px; backdrop-filter:blur(20px) saturate(180%); -webkit-backdrop-filter:blur(20px) saturate(180%); }
    .faq-item summary { cursor:pointer; font-weight:600; }
    .faq-item p { margin-top:10px; }
    .final-cta { text-align:center; }
    footer { max-width:1200px; margin:0 auto; padding:28px 32px 42px; }
    footer nav { flex-wrap:wrap; margin:14px 0; }
    footer p { max-width:760px; }

    /* Rearviu design-system pass */
    header {
      background:transparent;
      border-bottom:1px solid transparent;
      box-shadow:none;
      transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    header.scrolled {
      background:var(--nav-scrolled-bg);
      border-bottom-color:var(--nav-scrolled-border);
      box-shadow:var(--card-shadow);
    }
    input, select, textarea {
      background:var(--surface);
      border:1px solid var(--field-border);
      border-radius:12px;
      box-shadow:none;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    button, .button {
      border-radius:12px;
      box-shadow:none;
      font-weight:500;
      transition:filter .15s ease, transform .15s ease, background-color .15s ease;
    }
    button:hover, .button:hover { filter:brightness(1.1); text-decoration:none; }
    button:active, .button:active { transform:scale(.97); }
    button:disabled, .button.disabled {
      cursor:not-allowed;
      filter:none;
      opacity:.55;
      transform:none;
    }
    button.secondary, .button.secondary,
    .overflow-menu summary, .export-menu summary {
      background:var(--accent-tint);
      color:var(--accent);
    }
    button.link, .button.ghost {
      background:transparent;
      color:var(--accent);
    }
    button.link:hover, .button.ghost:hover { background:var(--hover-bg); filter:none; }
    .eyebrow, .demo-label {
      color:var(--accent);
      font-size:11px;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .metric, .callout, .panel, .event, .product, .store, .alert, .notice,
    .detail-tabs, .catalogue-toolbar, .catalogue-group, .empty-state,
    .watchlist-table, .match-toolbar, .match-card, .settings-tabs,
    .demo-preview, .history-callout, .final-cta, .faq-item {
      background:var(--surface);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--card-shadow);
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    .pricing-card.featured, .hero-feature-card:first-child {
      border-top:2px solid var(--accent);
      box-shadow:var(--emphasis-shadow);
    }
    .metric, .event, .product, .store, .alert, .notice, .empty-state,
    .match-toolbar, .match-card { border-radius:14px; }
    .panel { padding:24px; }
    .stacked-form { display:grid; gap:14px; }
    .billing-actions {
      align-items:center;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:14px;
    }
    .billing-actions form { margin:0; }
    .compact-billing-actions { margin-top:12px; }
    .custom-plan-note {
      flex-basis:100%;
      font-size:14px;
      margin:2px 0 0;
    }
    .plan-usage { display:grid; gap:8px; margin:10px 0 14px; }
    .usage-line { align-items:center; color:var(--text-secondary); display:flex; font-size:14px; font-weight:500; justify-content:space-between; gap:12px; }
    .usage-meter {
      background:var(--subsurface);
      border-radius:999px;
      height:8px;
      overflow:hidden;
      width:100%;
    }
    .usage-meter span {
      background:var(--accent);
      border-radius:inherit;
      display:block;
      height:100%;
    }
    .plan-usage.near-limit .usage-meter span { background:var(--orange); }
    .security-panel { display:grid; gap:18px; }
    .security-panel form { display:grid; gap:10px; }
    .danger-zone {
      background:var(--danger-tint);
      border:1px solid rgba(255,59,48,.22);
      border-radius:14px;
      display:grid;
      gap:10px;
      padding:16px;
    }
    .confirm-dialog {
      background:transparent;
      border:0;
      max-width:min(520px, calc(100vw - 32px));
      padding:0;
    }
    .confirm-dialog::backdrop { background:var(--dialog-backdrop); }
    .dialog-panel {
      background:var(--surface);
      border:1px solid var(--glass-border);
      border-radius:16px;
      box-shadow:var(--emphasis-shadow);
      padding:24px;
    }
    .dialog-panel p { color:var(--text-secondary); margin:8px 0 0; }
    .dialog-actions {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:flex-end;
      margin-top:16px;
    }
    .dialog-fields { display:grid; gap:12px; margin-top:14px; }
    .theme-switcher {
      align-items:center;
      background:rgba(28,28,30,0.88);
      backdrop-filter:blur(18px) saturate(160%);
      -webkit-backdrop-filter:blur(18px) saturate(160%);
      border:1px solid rgba(255,255,255,0.18);
      border-radius:999px;
      bottom:24px;
      box-shadow:0 8px 28px rgba(0,0,0,0.24);
      color:#F5F5F7;
      display:flex;
      gap:8px;
      left:24px;
      max-width:calc(100vw - 48px);
      padding:7px;
      position:fixed;
      z-index:9999;
    }
    .theme-switcher-content {
      align-items:center;
      display:flex;
      gap:8px;
    }
    .theme-reopen {
      display:none;
    }
    .theme-switcher.minimised .theme-switcher-content {
      display:none;
    }
    .theme-switcher.minimised .theme-reopen {
      display:flex;
    }
    .theme-switcher-content > span {
      color:#C7C7CC;
      font-size:12px;
      font-weight:500;
      padding-left:8px;
      white-space:nowrap;
    }
    .theme-switcher button {
      align-items:center;
      background:transparent;
      border:1px solid transparent;
      border-radius:999px;
      box-shadow:none;
      color:#F5F5F7;
      display:flex;
      font-size:12px;
      gap:6px;
      line-height:1;
      padding:8px 10px;
    }
    .theme-switcher button.active {
      background:rgba(255,255,255,0.14);
      border-color:rgba(255,255,255,0.9);
    }
    .theme-switcher button:hover { background:rgba(255,255,255,0.1); filter:none; }
    .theme-switcher button:active { transform:scale(.97); }
    .theme-minimise {
      font-size:16px !important;
      height:32px;
      justify-content:center;
      padding:0 !important;
      width:32px;
    }
    .theme-reopen {
      font-weight:600;
    }
    .theme-swatch {
      border:1px solid rgba(255,255,255,0.5);
      border-radius:999px;
      display:inline-block;
      height:12px;
      width:12px;
    }
    .clean-swatch { background:#F5F5F7; }
    .midnight-swatch { background:#0A0A0F; }
    .compact-feature-grid .panel, .demo-preview .metric, .event, .product, .store { padding:20px; }
    .hero-feature-card { padding:28px; }
    .callout::before, .marketing::before, .marketing::after,
    .hero-section::after, .demo-preview::before, .demo-preview::after,
    .final-cta::before, .hero-feature-card::before {
      display:none;
    }
    .event:hover {
      background:var(--surface);
      box-shadow:0 4px 18px rgba(0,0,0,0.06);
    }
    .event-icon {
      border:0;
      border-radius:8px;
      height:28px;
      width:28px;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    .step-card span {
      border-radius:8px;
      height:28px;
      width:28px;
    }
    .product-stats span, .group-summary span, .tag-row span,
    .compact-tags span, .chip, .demo-filters span,
    .offer-filter-row a, .badge, .new-badge {
      border-radius:999px;
    }
    .product-stats span, .group-summary span, .compact-tags span,
    .chip, .offer-filter-row a {
      background:var(--pill-bg);
      border:1px solid var(--pill-border);
      color:var(--pill-text);
    }
    .tag-row span, .chip.active, .offer-filter-row a.active, .demo-filters span {
      background:var(--accent-tint);
      color:var(--accent);
    }
    .variant-table, .product-expanded, .match-product, .match-diff,
    .email-preview .email-shell, pre, .digest-list p,
    .problem-grid p, .section-close {
      background:var(--subsurface);
      border:1px solid var(--glass-border);
    }
    .marketing-section {
      border-radius:0;
      margin:0 -32px;
      padding:96px 32px;
    }
    .marketing-section:nth-of-type(even) {
      background:var(--section-alt);
    }
    .history-callout, .final-cta {
      margin:56px 0;
      padding:56px;
    }
    .demo-preview {
      padding:24px;
    }
    .hero-section {
      padding:96px 0 56px;
    }
    .live-ticker {
      background:var(--ticker-bg);
      color:var(--ticker-text);
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; }
    }
    @media (prefers-reduced-transparency: reduce) {
      header, input, select, .metric, .callout, .panel, .event, .product, .store, .alert, .notice, .demo-preview, .history-callout, .final-cta, .faq-item, .catalogue-toolbar, .catalogue-group, .empty-state {
        background:var(--surface);
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
      }
      body { background:var(--bg); }
    }
    @media (hover: hover) {
      .metric:hover,
      .panel:hover,
      .event:hover,
      .product:hover,
      .store:hover,
      .catalogue-group:hover,
      .offer-card:hover,
      .match-card:hover,
      .watchlist-table:hover,
      .faq-item:hover {
        border-color:rgba(10,132,255,.22);
        box-shadow:0 8px 32px rgba(0,0,0,0.10);
        transform:translateY(-3px);
      }
      .event:hover { background:var(--surface); text-decoration:none; }
    }
    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        scroll-behavior:auto !important;
        transition:none !important;
      }
      .metric:hover,
      .panel:hover,
      .event:hover,
      .product:hover,
      .store:hover,
      .catalogue-group:hover,
      .offer-card:hover,
      .match-card:hover,
      .watchlist-table:hover,
      .faq-item:hover {
        transform:none;
      }
    }
    @media (max-width: 1120px) {
      .admin-metrics { grid-template-columns:repeat(3, minmax(0, 1fr)); }
      .dashboard-shell { grid-template-columns:1fr; }
      .dashboard-side { grid-row:1; position:static; }
      .activity-head, .activity-row { min-width:840px; }
      .catalogue-toolbar { grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); }
      .catalogue-toolbar label:first-of-type { grid-column:1 / -1; }
      .toolbar-actions { justify-content:flex-start; }
      .product-table-head, .product-summary {
        grid-template-columns:minmax(240px, 2fr) minmax(105px, .8fr) minmax(95px, .75fr) 64px minmax(96px, .8fr) minmax(108px, .9fr) minmax(108px, .9fr);
      }
      .watchlist-head, .watchlist-row {
        grid-template-columns:minmax(240px, 2fr) minmax(120px, 1fr) minmax(95px, .8fr) minmax(96px, .8fr) minmax(110px, .9fr);
      }
      .watchlist-head span:nth-child(6), .watchlist-head span:nth-child(8), .watchlist-head span:nth-child(9),
      .watchlist-row > span:nth-child(6), .watchlist-row > span:nth-child(8), .watchlist-row > span:nth-child(9) { display:none; }
    }
    @media (max-width: 760px) {
      header { align-items:flex-start; flex-direction:column; padding:16px 18px; }
      header, main { padding-left:18px; padding-right:18px; }
      nav { flex-wrap:wrap; }
      .brand-mark { height:30px; width:48px; }
      .competitor-direction { display:grid; grid-template-columns:1fr 1fr; width:100%; }
      .competitor-direction a, .competitor-direction .disabled { justify-content:center; max-width:none; min-width:0; }
      .compact-competitor-header {
        gap:8px;
        grid-template-columns:minmax(0, 1fr) auto;
        padding:9px 12px;
        width:calc(100% - 36px);
      }
      .compact-competitor-title strong { font-size:16px; }
      .compact-dashboard-link {
        grid-column:1;
        order:3;
        text-align:center;
      }
      .compact-competitor-nav {
        grid-column:2;
        order:4;
        overflow:hidden;
      }
      .compact-competitor-nav a {
        flex:1 1 0;
        max-width:none;
        min-width:0;
        text-align:center;
      }
      .compact-competitor-header button {
        font-size:12px;
        padding:8px 10px;
      }
      .grid.two, .topline, .callout, .section-head { grid-template-columns:1fr; display:grid; }
      .admin-grid { grid-template-columns:1fr; }
      .admin-metrics { grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .trend-head { display:grid; }
      .trend-head strong { font-size:44px; }
      .timeframe-toggle { justify-self:start; }
      .metric-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .competitor-metrics { grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .catalogue-toolbar { grid-template-columns:1fr; }
      .filter-compact-row { align-items:stretch; }
      .filter-details { width:100%; }
      .filter-expanded-grid {
        grid-template-columns:1fr;
        min-width:0;
        position:static;
        width:auto;
      }
      .toolbar-actions { justify-content:flex-start; }
      .detail-tabs { display:flex; width:100%; }
      .detail-tabs a { flex:1; text-align:center; }
      .product-table-head { display:none; }
      .watchlist-head { display:none; }
      .watchlist-row {
        grid-template-columns:1fr;
        gap:8px;
        padding:14px;
      }
      .watchlist-row > span:nth-child(6), .watchlist-row > span:nth-child(8), .watchlist-row > span:nth-child(9) { display:flex; }
      .row-actions { justify-content:flex-start; }
      .product-summary {
        grid-template-columns:1fr;
        gap:7px;
        padding:14px;
      }
      .product-summary > span:nth-child(2) { display:none; }
      .product-title-cell {
        grid-template-columns:58px minmax(0, 1fr);
      }
      .product-title-cell img, .product-title-cell .thumb { width:58px; height:58px; }
      .product-title-cell strong { white-space:normal; }
      .mobile-only { display:block; color:var(--text-secondary); font-size:13px; margin-top:3px; }
      .product-expanded {
        grid-template-columns:1fr;
        padding:12px 14px 16px;
      }
      .detail-list div { grid-template-columns:1fr; }
      .offer-grid { grid-template-columns:1fr; }
      .offer-detail-list div { grid-template-columns:1fr; }
      .match-toolbar { grid-template-columns:1fr; }
      .match-row-summary {
        grid-template-columns:1fr;
        gap:9px;
      }
      .match-row-score, .match-row-price, .match-row-status, .match-actions {
        justify-content:flex-start;
      }
      .match-columns { grid-template-columns:1fr; }
      .match-diff div { grid-template-columns:1fr; }
      .compact-prompt { grid-template-columns:1fr; }
      .compact-prompt .button { grid-column:auto; grid-row:auto; justify-self:start; }
      .overflow-menu form, .overflow-menu .menu-panel { left:0; right:auto; }
      .filters, .actions { flex-wrap:wrap; }
      .filters select { max-width:none; }
      .event { grid-template-columns:34px minmax(0, 1fr); }
      .event img, .event .thumb { display:none; }
      .store { grid-template-columns:1fr; }
      .store-actions { justify-content:space-between; }
      .product-head { display:grid; }
      .price-range { white-space:normal; }
      .variant-row { grid-template-columns:minmax(0, 1fr) 76px 84px; font-size:12px; }
      .chart-toolbar { align-items:flex-start; display:grid; }
      .chart-toolbar label { display:grid; }
      .chart-toolbar select { width:100%; max-width:none; }
      .desktop-nav { display:none; }
      .mobile-nav { display:block; margin-left:auto; }
      .mobile-nav summary { color:var(--text-secondary); cursor:pointer; font-weight:500; list-style:none; }
      .mobile-nav nav, .mobile-nav > a { display:grid; }
      .mobile-nav a, .mobile-nav form { display:block; margin-top:12px; }
      .theme-switcher {
        bottom:16px;
        left:16px;
        max-width:calc(100vw - 32px);
      }
      .theme-switcher-content > span { display:none; }
      .theme-switcher button { padding:8px 9px; }
      .hero-section, .demo-wide, .hero-feature-grid, .briefing-comparison { grid-template-columns:1fr; }
      .hero-section { padding-top:32px; }
      .hero-copy p { font-size:17px; }
      .demo-preview { overflow-x:auto; }
      .demo-preview .metric-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
      .problem-grid, .feature-grid, .feature-grid.three, .pricing-grid { grid-template-columns:1fr; }
      .pricing-card.featured { transform:none; }
      .marketing-section { padding:38px 0; }
      .final-cta { text-align:left; }
    }