.hero-vitrine{padding: 88px 0 56px; position: relative; overflow: hidden;}
  .hero-vitrine::before{content:""; position:absolute; right:-180px; top:-140px; width: 540px; height: 540px;
    background: radial-gradient(circle, color-mix(in oklab, var(--accent) 16%, transparent), transparent 60%);
    filter: blur(40px); pointer-events:none;}
  .hero-vitrine > *{position: relative; z-index: 1;}
  .hero-grid{display:grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: center;}

  .channels{display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 56px;}
  .channel{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px;}
  html[data-theme="dark"] .channel{background: var(--bg-warm);}
  .channel .ico{font-family:'Instrument Serif', serif; font-size: 36px; color: var(--accent); line-height: 1;}
  .channel h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 22px; margin: 14px 0 8px;}
  .channel p{font-size: 14px; color: var(--ink-2); margin: 0;}

  .widget-mock{
    background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 24px;
    box-shadow: 0 30px 80px -50px oklch(0.17 0.04 330 / 0.4);
    max-width: 420px;
  }
  html[data-theme="dark"] .widget-mock{background: var(--bg-warm);}
  .widget-mock h3{margin: 0 0 4px; font-family:'Instrument Serif', serif; font-weight: 400; font-size: 22px;}
  .widget-mock .sub{font-size: 12px; color: var(--ink-3); margin-bottom: 18px; font-family:'JetBrains Mono', monospace; letter-spacing: 0.06em;}
  .widget-mock .step{display: grid; grid-template-columns: 24px 1fr auto; gap: 12px; padding: 12px 0; border-bottom: 1px dashed var(--line); font-size: 13.5px; align-items: center;}
  .widget-mock .step:last-child{border-bottom: none;}
  .widget-mock .step .n{font-family:'JetBrains Mono', monospace; font-size: 10px; color: var(--accent); letter-spacing: 0.06em;}
  .widget-mock .step.done{color: var(--ok);}
  .widget-mock .step .v{font-family:'JetBrains Mono', monospace; font-size: 10px; color: var(--ink-3); letter-spacing: 0.06em;}
  .widget-mock .cta{margin-top: 14px; padding: 12px; background: var(--ink); color: var(--bg); border-radius: 10px; text-align: center; font-size: 13px; font-weight: 400;}

  .compare-grid{display:grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px;}
  .compare-card{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 32px;}
  html[data-theme="dark"] .compare-card{background: var(--bg-warm);}
  .compare-card.them{opacity: 0.85;}
  .compare-card.us{border-color: var(--accent); border-width: 2px;}
  .compare-card h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 26px; margin: 0 0 6px;}
  .compare-card .sub{font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--ink-3); text-transform: uppercase; margin-bottom: 18px;}
  .compare-card ul{list-style: none; padding: 0; margin: 0;}
  .compare-card li{padding: 8px 0; font-size: 14px; color: var(--ink-2); display: flex; gap: 10px; align-items: flex-start;}
  .compare-card.them li::before{content: "—"; color: var(--ink-3); font-weight: 400; flex-shrink: 0;}
  .compare-card.us li::before{content: "✓"; color: var(--accent); font-weight: 400; flex-shrink: 0;}

  .stats-row{display:grid; grid-template-columns: repeat(4, 1fr); gap: 28px; padding: 56px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--bg-warm);}
  .stats-row .v{font-family:'Instrument Serif', serif; font-size: 56px; line-height: 1; letter-spacing: -0.02em;}
  .stats-row .v em{font-style: italic; color: var(--accent);}
  .stats-row .l{font-size: 13px; color: var(--ink-2); margin-top: 6px;}

  @media(max-width:960px){.hero-grid, .channels, .compare-grid, .stats-row{grid-template-columns:1fr;}}
  @media(max-width:760px){.channels{grid-template-columns: 1fr;}}