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

  .cards-stack{position: relative; max-width: 420px; margin: 0 auto;}
  .gift-card{
    background: linear-gradient(135deg, var(--accent) 0%, oklch(0.25 0.13 352) 100%);
    color: #fff; border-radius: 16px; padding: 28px;
    position: relative; box-shadow: 0 24px 60px -30px oklch(0.17 0.04 330 / 0.5);
  }
  .gift-card .from{font-family:'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.14em; opacity: 0.75; text-transform: uppercase;}
  .gift-card h3{font-family:'Instrument Serif', serif; font-weight: 400; font-style: italic; font-size: 36px; margin: 8px 0 22px; letter-spacing: -0.02em;}
  .gift-card .row{display: flex; justify-content: space-between; padding: 8px 0; font-size: 13px;}
  .gift-card .row b{font-family:'JetBrains Mono', monospace; font-weight: 400; font-size: 13px;}
  .gift-card .footer{margin-top: 18px; padding-top: 14px; border-top: 1px solid color-mix(in oklab, #fff 20%, transparent); display: flex; justify-content: space-between; align-items: center; font-size: 11px; opacity: 0.85;}

  .loyalty-card{
    background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 22px;
    margin-top: -28px; margin-left: 36px; margin-right: 36px; position: relative; z-index: 2;
    box-shadow: 0 24px 60px -30px oklch(0.17 0.04 330 / 0.3);
  }
  html[data-theme="dark"] .loyalty-card{background: var(--bg-warm);}
  .loyalty-card .header{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
  .loyalty-card h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 18px; margin: 0;}
  .loyalty-card .pill{font-family:'JetBrains Mono', monospace; font-size: 9px; padding: 3px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); letter-spacing: 0.06em;}
  .loyalty-card .dots{display: flex; gap: 6px; margin-bottom: 12px;}
  .loyalty-card .dot{width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--accent); background: transparent;}
  .loyalty-card .dot.filled{background: var(--accent);}
  .loyalty-card .next{font-size: 12px; color: var(--ink-2);}

  .levers{display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 56px;}
  .lever{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 32px;}
  html[data-theme="dark"] .lever{background: var(--bg-warm);}
  .lever .n{font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; color: var(--accent); text-transform: uppercase;}
  .lever h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 24px; margin: 12px 0 10px;}
  .lever p{font-size: 14px; color: var(--ink-2); margin: 0;}
  .lever .stat{display: inline-block; margin-top: 16px; padding: 5px 12px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.06em; font-weight: 400;}

  .seasons{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 32px;}
  .season{background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 24px; text-align: center;}
  html[data-theme="dark"] .season{background: var(--bg-warm);}
  .season .when{font-family:'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.1em; color: var(--ink-3); text-transform: uppercase;}
  .season h5{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 22px; margin: 8px 0 6px;}
  .season .bump{font-family:'Instrument Serif', serif; font-size: 32px; color: var(--accent); line-height: 1; margin-top: 8px;}
  .season .bump em{font-style: italic;}
  .season .label{font-size: 11px; color: var(--ink-3); margin-top: 4px;}

  @media(max-width:960px){.hero-grid, .levers, .seasons{grid-template-columns:1fr;}}
  @media(max-width:760px){.seasons{grid-template-columns: 1fr 1fr;}}