
  @scope (.et-heat-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:8px; }
    .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:570px; 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:78px 0 58px; background:var(--dark); }
    .hero-grid { display:grid; grid-template-columns:1.06fr .94fr; gap:54px; align-items:center; }
    .hero .eyebrow { color:var(--lime); }
    .hero h1 { max-width:790px; margin-bottom:23px; color:#fff; font-size:clamp(48px,6vw,84px); }
    .hero p { max-width:700px; margin-bottom:0; color:#d0ddd7; 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,.24); 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; }

    .inputs { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:22px; overflow:hidden; }
    .input { min-height:130px; padding:25px; border-right:1px solid var(--line); }
    .input:last-child { border-right:0; }
    .input small { display:block; margin-bottom:24px; color:var(--green); font-weight:800; letter-spacing:.1em; }
    .input strong { font-size:19px; }

    .season-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:22px; }
    .season-copy { padding:40px; background:var(--soft); border-radius:25px; }
    .season-copy h2 { margin-bottom:18px; font-size:clamp(38px,4vw,58px); }
    .season-chart { display:grid; grid-template-columns:repeat(12,1fr); gap:9px; align-items:end; min-height:430px; padding:36px; color:#fff; background:var(--green); border-radius:25px; }
    .month { display:flex; height:100%; flex-direction:column; justify-content:flex-end; align-items:center; gap:10px; }
    .month i { width:100%; height:var(--h); min-height:25px; background:linear-gradient(var(--lime),#fff); border-radius:9px 9px 2px 2px; }
    .month b { font-size:11px; letter-spacing:.05em; }

    .three-factors { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .factor { padding:32px; border:1px solid var(--line); border-radius:21px; }
    .factor b { display:block; margin-bottom:30px; color:var(--green); font-size:13px; letter-spacing:.12em; }
    .factor h3 { margin-bottom:11px; font-size:25px; }
    .factor p { margin-bottom:0; font-size:14px; }

    .strategy { color:#fff; background:var(--dark); }
    .strategy .eyebrow { color:var(--lime); }
    .strategy h2 { color:#fff; }
    .strategy .head p { color:#cbd9d3; }
    .timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    .time { padding:30px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:20px; }
    .time strong { display:block; margin-bottom:22px; color:var(--lime); font-size:24px; }
    .time h3 { color:#fff; font-size:22px; }
    .time p { margin-bottom:0; color:#cbd9d3; font-size:14px; }
    .disclaimer { margin-top:20px; padding:19px 22px; color:var(--dark); background:var(--lime); border-radius:15px; font-weight:700; line-height:1.55; }

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

    .example-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:22px; }
    .example-copy { padding:40px; color:#fff; background:var(--green); border-radius:24px; }
    .example-copy .eyebrow { color:var(--lime); }
    .example-copy h2 { color:#fff; font-size:clamp(38px,4vw,58px); }
    .example-copy p { color:#d7e5df; }
    .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); }

    .release-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:22px; }
    .release-image { overflow:hidden; border-radius:25px; }
    .release-image img { height:100%; min-height:610px; object-fit:cover; }
    .release-list { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
    .release-item { padding:25px; background:var(--soft); border-radius:18px; }
    .release-item strong { display:block; margin-bottom:8px; }
    .release-item p { margin-bottom:0; font-size:14px; }
    .winter-events { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; align-items:start; }
    .winter-events-copy { position:sticky; top:110px; padding:34px; border-radius:24px; background:var(--dark); }
    .winter-events-copy h2 { margin:12px 0 16px; color:#fff; font-size:clamp(36px,4vw,54px); }
    .winter-events-copy p { color:#c9d7d2; }
    .winter-events-copy figure { margin-top:22px; overflow:hidden; border-radius:18px; background:#fff; }
    .winter-events-copy img { height:250px; object-fit:cover; }
    .winter-events-copy figcaption { padding:12px 15px; color:#40534b; font-size:13px; line-height:1.5; }
    .event-stack { display:grid; gap:14px; }
    .event { display:grid; grid-template-columns:170px 1fr; gap:20px; padding:24px; border:1px solid var(--line); border-radius:20px; background:#fff; }
    .event strong { color:var(--green); }
    .event p { margin:0; }

    .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 { margin-bottom:18px; 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:1000px) {
      .hero-grid,.head,.season-grid,.example-grid,.release-grid,.cta-grid,.winter-events { grid-template-columns: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; }
      .inputs,.three-factors,.timeline,.products,.release-list,.faq-grid { grid-template-columns:1fr; }
      .input { border-right:0; border-bottom:1px solid var(--line); }
      .season-chart { min-height:330px; padding:22px; gap:5px; }
      .month b { font-size:9px; }
      .calc-row { grid-template-columns:1fr; gap:6px; }
      .calc-row strong { text-align:left; }
      .winter-events-copy { position:static; }
      .event { grid-template-columns:1fr; gap:7px; }
    }
  }
