
  @scope (.et-generator-page) {
    :scope { --ink:#10221c; --muted:#62736b; --line:#d9e4de; --soft:#f3f7f5; --green:#146b4d; --dark:#073e2d; --lime:#bce875; color:var(--ink); background:#fff; font-family:Arial,Helvetica,sans-serif; overflow-x:clip; }
    *,*::before,*::after { box-sizing:border-box; min-width:0; }
    img { display:block; width:100%; max-width:100%; }
    a { color:inherit; text-decoration:none; }
    h1,h2,h3,p { margin-top:0; } h1,h2,h3 { line-height:1.08; } p { color:var(--muted); line-height:1.72; }
    .container { width:min(1400px,calc(100% - 48px)); margin-inline:auto; }
    .section { padding:90px 0; } .soft { background:var(--soft); }
    .eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:17px; color:var(--green); font-size:13px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
    .eyebrow::before { width:38px; height:3px; content:""; background:currentColor; border-radius:9px; }
    .head { display:grid; grid-template-columns:1.08fr .92fr; gap:48px; align-items:end; margin-bottom:38px; }
    .head h2 { max-width:720px; margin-bottom:0; font-size:clamp(38px,4.7vw,64px); }
    .head p { max-width:560px; margin-bottom:0; font-size:18px; }
    .buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
    .btn { display:inline-flex; min-height:52px; padding:0 25px; align-items:center; justify-content:center; border:1px solid var(--green); border-radius:999px; font-weight:800; }
    .primary { color:#fff; background:var(--green); } .secondary { color:var(--green); background:#fff; }

    .hero { padding:76px 0 58px; background:linear-gradient(130deg,#062f24,#0a4a36); }
    .hero-grid { display:grid; grid-template-columns:.94fr 1.06fr; gap:54px; align-items:center; }
    .hero .eyebrow { color:var(--lime); } .hero h1 { max-width:790px; margin-bottom:22px; color:#fff; font-size:clamp(48px,6vw,84px); }
    .hero p { max-width:700px; margin-bottom:0; color:#cfddd7; font-size:19px; }
    .hero-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
    .hero-tags span { padding:9px 13px; color:#fff; border:1px solid rgba(255,255,255,.25); border-radius:99px; font-size:13px; font-weight:800; }
    .hero-media { overflow:hidden; background:#fff; border-radius:30px; }
    .hero-media img { height:540px; object-fit:cover; } .hero-media figcaption { padding:19px 22px; color:var(--dark); background:var(--lime); font-weight:800; line-height:1.5; }

    .roles { display:grid; grid-template-columns:1fr 80px 1fr; gap:0; align-items:stretch; }
    .role { min-height:440px; padding:42px; border-radius:26px; }
    .role.battery { color:#fff; background:var(--green); } .role.generator { background:#edf6e2; }
    .role small { font-weight:800; letter-spacing:.13em; } .role.battery small { color:var(--lime); }
    .role h2 { margin:26px 0 18px; font-size:clamp(38px,4vw,58px); } .role.battery h2,.role.battery p { color:#fff; }
    .role ul { margin:25px 0 0; padding-left:20px; line-height:1.9; } .role.battery li { color:#d8e5df; }
    .plus { display:grid; place-items:center; color:var(--green); font-size:42px; font-weight:900; }

    .sequence { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
    .step { position:relative; padding:28px; border:1px solid var(--line); border-radius:19px; }
    .step b { display:block; margin-bottom:28px; color:var(--green); font-size:13px; letter-spacing:.12em; }
    .step h3 { margin-bottom:10px; font-size:22px; } .step p { margin-bottom:0; font-size:14px; }
    .step.active { color:#fff; background:var(--dark); border-color:var(--dark); } .step.active h3,.step.active p { color:#fff; } .step.active b { color:var(--lime); }

    .architecture { display:grid; grid-template-columns:repeat(3,1fr) 56px 1.25fr 56px 1fr; gap:12px; }
    .source,.core,.load { min-height:190px; padding:25px; border-radius:19px; }
    .source { background:var(--soft); border:1px solid var(--line); } .core { color:#fff; background:var(--green); } .load { background:#edf6e2; }
    .source small,.core small,.load small { display:block; margin-bottom:28px; color:var(--green); font-weight:800; letter-spacing:.1em; }
    .core small { color:var(--lime); } .core h3,.core p { color:#fff; } .source p,.core p,.load p { margin-bottom:0; font-size:14px; }
    .arrow { display:grid; place-items:center; color:var(--green); font-size:25px; font-weight:900; }

    .calc-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:22px; }
    .calc-copy { padding:40px; color:#fff; background:var(--dark); border-radius:24px; } .calc-copy .eyebrow { color:var(--lime); }
    .calc-copy h2 { color:#fff; font-size:clamp(38px,4vw,58px); } .calc-copy p { color:#cbd9d3; }
    .calc { overflow:hidden; border:1px solid var(--line); border-radius:24px; }
    .calc-row { display:grid; grid-template-columns:1fr 1fr; padding:21px 25px; border-bottom:1px solid var(--line); }
    .calc-row:last-child { border-bottom:0; background:#edf6e2; } .calc-row span { color:var(--muted); } .calc-row strong { text-align:right; }

    .products { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .product { display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:21px; }
    .product img { height:255px; object-fit:contain; } .product-copy { display:flex; flex:1; flex-direction:column; padding:23px; }
    .product small { color:var(--green); font-weight:800; letter-spacing:.08em; } .product h3 { margin:10px 0; font-size:22px; }
    .product p { margin-bottom:20px; font-size:14px; } .product b { margin-top:auto; color:var(--green); }

    .check-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:22px; }
    .check-image { overflow:hidden; border-radius:25px; } .check-image img { height:100%; min-height:600px; object-fit:cover; }
    .checks { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
    .check { padding:25px; background:var(--soft); border-radius:18px; } .check strong { display:block; margin-bottom:8px; } .check p { margin-bottom:0; font-size:14px; }

    .programs { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .program { padding:31px; border:1px solid var(--line); border-radius:21px; }
    .program small { color:var(--green); font-weight:800; letter-spacing:.11em; }
    .program h3 { margin:24px 0 11px; font-size:25px; }
    .program p { margin-bottom:18px; font-size:14px; }
    .program ul { margin:0; padding-left:18px; color:var(--muted); line-height:1.75; font-size:14px; }
    .acceptance { display:grid; grid-template-columns:.78fr 1.22fr; gap:22px; }
    .acceptance-copy { padding:38px; color:#fff; background:var(--dark); border-radius:24px; }
    .acceptance-copy .eyebrow { color:var(--lime); }
    .acceptance-copy h2 { color:#fff; font-size:clamp(38px,4vw,58px); }
    .acceptance-copy p { color:#cbd9d3; }
    .acceptance-copy figure { margin-top:22px; overflow:hidden; border-radius:18px; background:#fff; }
    .acceptance-copy img { height:240px; object-fit:cover; }
    .acceptance-copy figcaption { padding:12px 15px; color:#40534b; font-size:13px; line-height:1.5; }
    .evidence { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
    .evidence article { padding:24px; background:#fff; border:1px solid var(--line); border-radius:18px; }
    .evidence strong { display:block; margin-bottom:8px; color:var(--green); }
    .evidence p { margin-bottom:0; font-size:14px; }

    .faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .faq { padding:24px; border:1px solid var(--line); border-radius:18px; } .faq h3 { margin-bottom:9px; font-size:19px; } .faq p { margin-bottom:0; font-size:14px; }
    .cta { padding:72px 0; background:#e8f1ed; } .cta-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:42px; align-items:start; }
    .cta-copy { padding:38px; color:#fff; background:var(--green); border-radius:26px; } .cta-copy .eyebrow { color:var(--lime); }
    .cta-copy h2 { color:#fff; font-size:clamp(38px,4.5vw,62px); } .cta-copy p { color:#d9e6e0; }
    .cta-form { width:100%; padding:34px; background:#fff; border:1px solid var(--line); border-radius:26px; }
    .cta-form .wpcf7,.cta-form form,.cta-form input,.cta-form select,.cta-form textarea { width:100%; max-width:none; }

    @media (max-width:1050px) { .hero-grid,.head,.calc-grid,.check-grid,.acceptance,.cta-grid { grid-template-columns:1fr; } .sequence { grid-template-columns:repeat(2,1fr); } .products { grid-template-columns:repeat(2,1fr); } .architecture { grid-template-columns:1fr; gap:10px; } .arrow { min-height:28px; transform:rotate(90deg); } }
    @media (max-width:650px) { .container { width:min(100% - 28px,1400px); } .section { padding:64px 0; } .hero { padding-top:58px; } .hero-media img { height:380px; } .roles,.sequence,.products,.checks,.programs,.evidence,.faq-grid { grid-template-columns:1fr; } .plus { min-height:60px; } .calc-row { grid-template-columns:1fr; gap:6px; } .calc-row strong { text-align:left; } }
  }
