@scope (.et-heavy-lift-page) {
  :scope {
    --ink: #10231d;
    --muted: #60726b;
    --line: #d7e4de;
    --surface: #ffffff;
    --soft: #f1f7f4;
    --accent: #187a59;
    --accent-dark: #0b4333;
    --lime: #c7ef72;
    --amber: #f1bd5f;
    color: var(--ink);
    background: var(--surface);
    font: 16px/1.65 Inter, "Helvetica Neue", Arial, sans-serif;
    overflow: clip;
  }

  *, *::before, *::after { box-sizing: border-box; }
  h1, h2, h3, p, ul { margin-top: 0; }
  h1, h2, h3, strong, summary { color: inherit; }
  h1, h2, h3 { line-height: 1.08; letter-spacing: -.035em; }
  h1 { max-width: 760px; margin-bottom: 24px; font-size: clamp(3rem, 6vw, 5.5rem); }
  h2 { margin-bottom: 18px; font-size: clamp(2rem, 3.8vw, 3.35rem); }
  h3 { margin-bottom: 9px; font-size: 1.15rem; }
  p { margin-bottom: 0; color: var(--muted); }
  a { color: inherit; text-decoration: none; }
  img { display: block; width: 100%; max-width: 100%; }
  button { font: inherit; }
  .container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
  .section { padding: 92px 0; }
  .soft { background: var(--soft); }
  .dark { color: #fff; background: var(--accent-dark); }
  .dark p { color: rgba(255,255,255,.72); }
  .eyebrow { display: inline-flex; gap: 10px; align-items: center; margin-bottom: 16px; color: var(--accent); font-size: .72rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
  .eyebrow::before { width: 32px; height: 3px; border-radius: 99px; background: currentColor; content: ""; }
  .dark .eyebrow, .hero .eyebrow { color: var(--lime); }
  .section-head { display: grid; grid-template-columns: 1fr minmax(300px,.58fr); gap: 42px; align-items: end; margin-bottom: 38px; }
  .btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
  .btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-size: .8rem; font-weight: 900; }
  .btn-primary { color: var(--accent-dark); background: var(--lime); }
  .btn-outline { color: #fff; border-color: rgba(255,255,255,.32); }

  .hero { position: relative; padding: 82px 0 106px; color: #fff; background: radial-gradient(circle at 72% 12%,rgba(199,239,114,.17),transparent 30%),linear-gradient(135deg,#071f18,#0e4937 68%,#17372e); }
  .hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 56px; align-items: center; }
  .hero-copy > p { max-width: 680px; color: rgba(255,255,255,.76); font-size: 1.04rem; }
  .hero-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
  .hero-tags span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(255,255,255,.06); font-size: .68rem; font-weight: 800; }
  .hero-visual { position: relative; min-height: 560px; overflow: hidden; border-radius: 28px; background: #dce8e2; box-shadow: 0 34px 90px rgba(0,0,0,.28); }
  .hero-visual img { height: 560px; object-fit: cover; }
  .hero-visual::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(6,36,27,.92)); content: ""; }
  .hero-proof { position: absolute; z-index: 2; right: 24px; bottom: 24px; left: 24px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
  .hero-proof div { padding: 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(8,48,36,.78); backdrop-filter: blur(8px); }
  .hero-proof strong, .hero-proof span { display: block; }
  .hero-proof strong { color: var(--lime); font-size: .75rem; }
  .hero-proof span { margin-top: 3px; color: rgba(255,255,255,.7); font-size: .6rem; }

  .load-curve { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 20px 55px rgba(10,54,40,.1); }
  .phase { position: relative; min-height: 260px; padding: 25px; border-right: 1px solid var(--line); }
  .phase:last-child { border-right: 0; }
  .phase::after { position: absolute; right: 24px; bottom: 24px; left: 24px; height: var(--bar); border-radius: 9px 9px 3px 3px; background: linear-gradient(180deg,var(--lime),var(--accent)); opacity: .9; content: ""; }
  .phase span { display: block; color: var(--accent); font-size: .66rem; font-weight: 900; letter-spacing: .1em; }
  .phase p { font-size: .73rem; }
  .phase h3 { margin-top: 30px; }

  .mode-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 24px; }
  .mode-nav { display: grid; gap: 9px; align-content: start; }
  .mode-button { padding: 18px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #fff; cursor: pointer; font-weight: 850; text-align: left; }
  .mode-button small { display: block; margin-top: 4px; color: var(--muted); font-weight: 600; }
  .mode-button.is-active { color: #fff; border-color: var(--accent); background: var(--accent); }
  .mode-button.is-active small { color: rgba(255,255,255,.72); }
  .mode-panel[hidden] { display: none; }
  .mode-panel { display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
  .mode-copy { padding: 38px; }
  .check-list { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
  .check-list li { position: relative; padding-left: 20px; color: var(--muted); font-size: .76rem; }
  .check-list li::before { position: absolute; top: .67em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); content: ""; }
  .mode-panel img { height: 100%; min-height: 390px; object-fit: cover; }

  .architecture { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: center; }
  .architecture-note { padding: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.06); }
  .architecture-note strong { display: block; color: var(--lime); font-size: 1.05rem; }
  .architecture-note p { margin-top: 8px; }
  .pack-flow { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: stretch; }
  .pack-box { padding: 24px; border-radius: 17px; color: var(--ink); background: #fff; }
  .pack-box span { display: block; margin-top: 8px; color: var(--muted); font-size: .72rem; }
  .flow-or { display: grid; width: 46px; place-items: center; color: var(--lime); font-weight: 900; }

  .decision-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
  .decision-card { padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
  .decision-card small { display: block; margin-bottom: 28px; color: var(--accent); font-weight: 900; letter-spacing: .08em; }
  .decision-card p { font-size: .73rem; }
  .decision-card strong { display: block; margin-top: 17px; color: var(--accent-dark); font-size: .74rem; }
  .product-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
  .product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(10,55,40,.07); }
  .product-card img { height: 220px; padding: 18px; object-fit: contain; background: #fff; }
  .product-copy { padding: 20px; }
  .product-copy small { display: block; margin-bottom: 7px; color: var(--accent); font-size: .63rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
  .product-copy p { font-size: .72rem; }
  .product-copy b { display: inline-flex; margin-top: 13px; color: var(--accent); font-size: .7rem; }

  .validation-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
  .validation-step { min-height: 200px; padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
  .validation-step > span { display: block; margin-bottom: 40px; color: var(--accent); font-weight: 900; }
  .validation-step p { font-size: .72rem; }
  .oem-layout { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 26px; background: #fff; }
  .oem-layout img { height: 590px; padding: 40px; object-fit: contain; }
  .oem-copy { padding: 48px; color: var(--ink); }
  .oem-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 25px; }
  .oem-option { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
  .oem-option strong { display: block; color: var(--accent-dark); font-size: .75rem; }
  .oem-option span { color: var(--muted); font-size: .65rem; }
  .faq-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
  details { border: 1px solid var(--line); border-radius: 14px; background: #fff; }
  summary { padding: 19px 22px; cursor: pointer; font-size: .81rem; font-weight: 850; }
  details p { padding: 0 22px 20px; font-size: .74rem; }
  .cta { background: linear-gradient(135deg,#eef6f2,#f7f5e9); }
  .cta-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 52px; align-items: start; }
  .rfq-points { display: grid; gap: 9px; margin-top: 24px; }
  .rfq-points span { padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.7); color: var(--muted); font-size: .72rem; }
  .form-shell { width: 100%; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 20px 55px rgba(10,54,40,.1); }
  .form-shell .wpcf7, .form-shell .wpcf7-form, .form-shell .wpcf7-form-control-wrap, .form-shell label { display: block; width: 100% !important; max-width: none !important; }
  .form-shell :is(input:not([type="submit"]),select,textarea) { width: 100% !important; max-width: none !important; }

  @media (max-width: 1050px) {
    .hero-grid, .architecture, .oem-layout, .cta-grid { grid-template-columns: 1fr; }
    .decision-grid, .product-grid { grid-template-columns: repeat(2,1fr); }
    .validation-grid { grid-template-columns: repeat(3,1fr); }
  }
  @media (max-width: 760px) {
    .container { width: min(100% - 28px,1240px); }
    .section { padding: 68px 0; }
    .hero { padding: 64px 0 74px; }
    .hero-visual, .hero-visual img { min-height: 390px; height: 390px; }
    .hero-proof { grid-template-columns: 1fr; }
    .hero-proof div:nth-child(n+2) { display: none; }
    .section-head, .mode-layout, .mode-panel { grid-template-columns: 1fr; }
    .load-curve, .decision-grid, .product-grid, .validation-grid, .faq-grid { grid-template-columns: 1fr; }
    .phase { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); }
    .mode-panel img { min-height: 270px; height: 270px; }
    .pack-flow { grid-template-columns: 1fr; }
    .flow-or { width: auto; min-height: 34px; }
    .oem-layout img { height: 360px; }
    .oem-copy { padding: 30px; }
    .oem-options { grid-template-columns: 1fr; }
  }
}