@scope (.sslb-12v20-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:#fff;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{padding:68px 0;background:linear-gradient(115deg,#eef7f2 0 48%,#fff 48%)}
    .hero-grid,.interface-grid,.quality-grid,.rfq-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
    .breadcrumb{margin-bottom:22px;color:#6a7a72;font-size:.76rem;font-weight:750}
    .hero h1{margin-bottom:20px;font-size:clamp(2.35rem,5vw,4.35rem)}
    .hero-copy>p{margin-bottom:25px;color:var(--muted);font-size:1rem}
    .hero-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:26px}
    .hero-spec{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.82)}
    .hero-spec strong,.hero-spec span{display:block}.hero-spec strong{font-size:.88rem}.hero-spec span{color:var(--muted);font-size:.64rem}
    .buttons{display:flex;flex-wrap:wrap;gap:10px}.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:.83rem;font-weight:900}
    .btn-main{color:#fff;background:var(--green)}.btn-alt{color:var(--green);background:#fff}
    .hero-media{position:relative;min-height:490px;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 24px 58px rgba(14,65,47,.14)}
    .hero-media img{height:490px;padding:28px;object-fit:contain}
    .energy-label{position:absolute;left:22px;bottom:22px;padding:17px 20px;border-radius:15px;color:var(--dark);background:var(--lime)}
    .energy-label strong,.energy-label span{display:block}.energy-label strong{font-size:1.32rem}.energy-label span{font-size:.67rem;font-weight:800}
    .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.2rem)}.heading p{max-width:450px;margin-bottom:3px;color:var(--muted)}
    .profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .profile{position:relative;overflow:hidden;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}
    .profile b{display:block;margin-bottom:48px;color:var(--green);font-size:.7rem;letter-spacing:.1em}.profile h3{font-size:1.2rem}.profile p{margin-bottom:0;color:var(--muted);font-size:.8rem}
    .profile::after{position:absolute;right:-26px;bottom:-38px;width:120px;height:120px;border-radius:50%;content:"";background:rgba(188,232,117,.23)}
    .application-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
    .application-main,.application-side article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}
    .application-main img{height:340px;object-fit:cover}.application-main .copy{padding:24px}
    .application-side{display:grid;gap:18px}.application-side article{display:grid;grid-template-columns:130px 1fr}
    .application-side img{height:100%;object-fit:cover}.copy{padding:19px}.copy small{color:var(--green);font-size:.64rem;font-weight:900;text-transform:uppercase}
    .copy h3{margin:6px 0 8px;font-size:1.05rem}.copy p{margin-bottom:0;color:var(--muted);font-size:.76rem}
    .interface-visual{overflow:hidden;border-radius:24px}.interface-visual img{height:500px;object-fit:cover}
    .check-list{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}
    .check-list li{position:relative;padding:14px 16px 14px 46px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-size:.78rem}
    .check-list li::before{position:absolute;left:15px;top:13px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;content:"✓";color:var(--dark);background:var(--lime);font-weight:900}
    .current-board{display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden;border-radius:25px;background:#fff}
    .current-intro{padding:40px;background:var(--dark)}.current-intro h2{font-size:clamp(1.9rem,3vw,2.8rem)}.current-intro p{color:rgba(255,255,255,.68)}
    .current-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:26px}
    .current-card{padding:20px;border:1px solid var(--line);border-radius:15px}.current-card strong{display:block;margin-bottom:7px}.current-card span{color:var(--muted);font-size:.74rem}
    .oem-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
    .oem{padding:20px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.oem strong,.oem span{display:block}.oem strong{font-size:.82rem}.oem span{margin-top:6px;color:var(--muted);font-size:.68rem}
    .quality-grid{grid-template-columns:1.1fr .9fr}.quality-photo{overflow:hidden;border-radius:24px}.quality-photo img{height:470px;object-fit:cover}
    .quality-list{display:grid;gap:9px}.quality-item{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}
    .quality-item b{color:var(--green);font-size:1.05rem}.quality-item strong,.quality-item span{display:block}.quality-item span{margin-top:3px;color:var(--muted);font-size:.72rem}
    .faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}details{border:1px solid var(--line);border-radius:15px;background:#fff}summary{padding:18px;cursor:pointer;font-weight:850}details p{margin:0;padding:0 18px 18px;color:var(--muted);font-size:.79rem}
    .rfq-copy h2{font-size:clamp(2rem,4vw,3.3rem)}.rfq-copy p{color:rgba(255,255,255,.68)}
    .rfq-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.rfq-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#dbe7e2;font-size:.67rem}
    .form-box{padding:28px;border-radius:22px;color:var(--ink);background:#fff}.form-box .wpcf7,.form-box form,.form-box p,.form-box label,.form-box input,.form-box select,.form-box textarea{width:100%;max-width:100%}
    @media(max-width:900px){.hero-grid,.interface-grid,.quality-grid,.rfq-grid,.current-board,.application-layout{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.oem-strip{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:620px){.container{width:min(100% - 28px,1180px)}.section{padding:58px 0}.hero{padding:52px 0;background:#eef7f2}.hero-specs,.current-cards,.faq,.oem-strip{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.application-side article{grid-template-columns:1fr}.application-side img{height:190px}.hero-media,.hero-media img{min-height:350px;height:350px}}
  }