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

  .form-mock{background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 28px; box-shadow: 0 30px 80px -50px oklch(0.17 0.04 330 / 0.4);}
  html[data-theme="dark"] .form-mock{background: var(--bg-warm);}
  .form-mock h4{margin: 0 0 4px; font-family:'Instrument Serif', serif; font-weight: 400; font-size: 22px;}
  .form-mock .sub{font-family:'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--ink-3); text-transform: uppercase; margin-bottom: 22px;}
  .form-group{margin-bottom: 18px;}
  .form-group label{display: block; font-size: 11px; color: var(--ink-2); margin-bottom: 6px; font-family:'JetBrains Mono', monospace; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 400;}
  .form-group .input{background: var(--bg-warm); border-radius: 8px; padding: 11px 14px; font-size: 13px; color: var(--ink);}
  html[data-theme="dark"] .form-group .input{background: var(--bg-deep);}
  .form-group .input.filled{font-weight: 400;}
  .form-group .pills{display: flex; flex-wrap: wrap; gap: 6px;}
  .form-group .pill{padding: 5px 12px; border-radius: 999px; background: var(--bg-warm); font-size: 11px; color: var(--ink-2); font-family:'JetBrains Mono', monospace; letter-spacing: 0.04em;}
  html[data-theme="dark"] .form-group .pill{background: var(--bg-deep);}
  .form-group .pill.active{background: var(--accent); color: #fff;}
  .form-mock .cta{padding: 12px; text-align: center; background: var(--ink); color: var(--bg); border-radius: 10px; font-size: 13px; font-weight: 400; margin-top: 8px;}

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

  .templates{display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px;}
  .tpl{background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 24px;}
  html[data-theme="dark"] .tpl{background: var(--bg-warm);}
  .tpl .ic{font-family:'Instrument Serif', serif; font-size: 28px; color: var(--accent); line-height: 1;}
  .tpl h5{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 20px; margin: 12px 0 6px;}
  .tpl p{font-size: 13px; color: var(--ink-2); margin: 0;}

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