@scope (.sslb-12v7-page) {
    :scope {
      --ink: #10211b;
      --muted: #64746d;
      --line: #d9e4de;
      --soft: #f3f7f5;
      --green: #146b4d;
      --dark: #073e2d;
      --lime: #bce875;
      --white: #fff;
      color: var(--ink);
      background: var(--white);
      font-family: Inter, "Helvetica Neue", Arial, sans-serif;
      line-height: 1.65;
    }
    *, *::before, *::after { box-sizing: border-box; }
    img { display: block; width: 100%; }
    a { color: inherit; text-decoration: none; }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 { line-height: 1.12; letter-spacing: -.025em; }
    .container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
    .section { padding: 78px 0; }
    .soft { background: var(--soft); }
    .dark { color: var(--white); background: var(--dark); }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px;
      color: var(--green); font-size: .72rem; font-weight: 900;
      letter-spacing: .14em; text-transform: uppercase;
    }
    .eyebrow::before { width: 28px; height: 2px; content: ""; background: currentColor; }
    .dark .eyebrow { color: var(--lime); }
    .hero {
      overflow: hidden; padding: 66px 0;
      background:
        radial-gradient(circle at 8% 15%, rgba(188,232,117,.22), transparent 28%),
        linear-gradient(135deg, #edf6f0, #fff 58%);
    }
    .hero-grid, .split, .quote-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; align-items: center; }
    .breadcrumb { margin-bottom: 22px; color: #6a7a72; font-size: .76rem; font-weight: 750; }
    .hero h1 { max-width: 720px; margin-bottom: 20px; font-size: clamp(2.4rem, 5vw, 4.45rem); }
    .hero-copy > p { max-width: 680px; margin-bottom: 24px; color: var(--muted); font-size: 1rem; }
    .chips, .button-row { display: flex; flex-wrap: wrap; gap: 9px; }
    .chips { margin-bottom: 27px; }
    .chips span {
      padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px;
      background: rgba(255,255,255,.82); font-size: .68rem; font-weight: 800;
    }
    .btn {
      display: inline-flex; min-height: 49px; align-items: center; justify-content: center;
      padding: 0 21px; border: 1px solid var(--green); border-radius: 999px;
      font-size: .84rem; font-weight: 900;
    }
    .btn-primary { color: var(--white); background: var(--green); }
    .btn-secondary { color: var(--green); background: var(--white); }
    .hero-visual {
      position: relative; display: grid; min-height: 480px; place-items: center;
      overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: 30px;
      background: #fff; box-shadow: 0 26px 60px rgba(15,64,47,.13);
    }
    .hero-visual img { height: 410px; object-fit: contain; }
    .hero-note {
      position: absolute; right: 18px; bottom: 18px; max-width: 280px; padding: 17px;
      border-radius: 15px; color: var(--white); background: rgba(7,62,45,.94);
    }
    .hero-note strong, .hero-note span { display: block; }
    .hero-note span { margin-top: 5px; color: rgba(255,255,255,.7); font-size: .73rem; }
    .fact-strip { padding: 20px 0; border-bottom: 1px solid var(--line); }
    .facts { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 10px; }
    .fact { padding: 9px 14px; border-left: 2px solid var(--lime); }
    .fact strong, .fact span { display: block; }
    .fact strong { font-size: .87rem; }
    .fact span { color: var(--muted); font-size: .65rem; }
    .heading { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 38px; }
    .heading h2 { max-width: 700px; margin-bottom: 0; font-size: clamp(1.9rem, 4vw, 3.25rem); }
    .heading p { max-width: 450px; margin-bottom: 3px; color: var(--muted); }
    .dark .heading p { color: rgba(255,255,255,.66); }
    .app-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
    .app-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
    .app-card img { height: 176px; object-fit: cover; }
    .app-copy { padding: 19px; }
    .app-copy small { color: var(--green); font-size: .64rem; font-weight: 900; text-transform: uppercase; }
    .app-copy h3 { margin: 6px 0 8px; font-size: 1.02rem; }
    .app-copy p { margin-bottom: 0; color: var(--muted); font-size: .76rem; }
    .decision {
      display: grid; grid-template-columns: .86fr 1.14fr; overflow: hidden;
      border: 1px solid var(--line); border-radius: 24px; background: var(--white);
    }
    .decision-copy { padding: 42px; color: var(--white); background: var(--dark); }
    .decision-copy h2 { margin-bottom: 16px; font-size: clamp(1.85rem,3.2vw,3rem); }
    .decision-copy p { margin-bottom: 0; color: rgba(255,255,255,.68); }
    .decision-table { padding: 28px 34px; }
    .decision-row {
      display: grid; grid-template-columns: 1fr 1fr; gap: 22px;
      padding: 16px 0; border-bottom: 1px solid var(--line);
    }
    .decision-row:last-child { border-bottom: 0; }
    .decision-row strong { font-size: .78rem; }
    .decision-row span { color: var(--muted); font-size: .75rem; }
    .technical-media { overflow: hidden; border-radius: 24px; }
    .technical-media img { height: 480px; object-fit: cover; }
    .spec-list { display: grid; gap: 11px; margin-top: 25px; }
    .spec {
      display: grid; grid-template-columns: 150px 1fr; gap: 18px;
      padding: 14px 0; border-bottom: 1px solid var(--line);
    }
    .spec strong { color: var(--green); font-size: .75rem; }
    .spec span { color: var(--muted); font-size: .78rem; }
    .engineering-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
    .engineering-card { padding: 25px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.055); }
    .engineering-card b { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 24px; border-radius: 50%; color: var(--dark); background: var(--lime); }
    .engineering-card h3 { margin-bottom: 9px; font-size: 1.05rem; }
    .engineering-card p { margin-bottom: 0; color: rgba(255,255,255,.65); font-size: .78rem; }
    .oem-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .oem-item { padding: 19px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }
    .oem-item strong { display: block; margin-bottom: 6px; font-size: .86rem; }
    .oem-item span { color: var(--muted); font-size: .74rem; }
    .quality-image { overflow: hidden; border-radius: 24px; }
    .quality-image img { height: 450px; object-fit: cover; }
    .quality-steps { display: grid; gap: 10px; }
    .quality-step { display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }
    .quality-step b { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: var(--dark); background: var(--lime); }
    .quality-step strong, .quality-step span { display: block; }
    .quality-step span { margin-top: 3px; color: var(--muted); font-size: .73rem; }
    .faq { display: grid; gap: 10px; max-width: 900px; margin-inline: auto; }
    details { border: 1px solid var(--line); border-radius: 15px; background: var(--white); }
    summary { padding: 18px 20px; cursor: pointer; font-weight: 850; }
    details p { margin: 0; padding: 0 20px 19px; color: var(--muted); font-size: .8rem; }
    .quote-copy h2 { margin-bottom: 16px; font-size: clamp(2rem,4vw,3.35rem); }
    .quote-copy p { color: rgba(255,255,255,.68); }
    .quote-points { display: grid; gap: 9px; margin-top: 23px; }
    .quote-points span { padding: 12px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; color: #d8e5df; font-size: .76rem; }
    .form-box { padding: 28px; border-radius: 22px; color: var(--ink); background: var(--white); }
    .form-box .wpcf7, .form-box form, .form-box p, .form-box label { width: 100%; }
    .form-box input, .form-box select, .form-box textarea { width: 100%; max-width: 100%; }
    @media (max-width: 900px) {
      .hero-grid, .split, .quote-grid, .decision { grid-template-columns: 1fr; }
      .facts { grid-template-columns: repeat(3,1fr); }
      .app-grid { grid-template-columns: repeat(2,1fr); }
      .engineering-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 620px) {
      .container { width: min(100% - 28px,1180px); }
      .section { padding: 58px 0; }
      .hero { padding: 52px 0; }
      .hero-visual { min-height: 360px; }
      .hero-visual img { height: 315px; }
      .facts, .app-grid, .oem-grid { grid-template-columns: 1fr; }
      .heading { align-items: flex-start; flex-direction: column; }
      .decision-copy, .decision-table { padding: 25px; }
      .decision-row { grid-template-columns: 1fr; gap: 4px; }
      .spec { grid-template-columns: 1fr; gap: 4px; }
    }
  }