
@scope (.et-uav-fleet-page) {
  :scope{
    --ink:#10221c;
    --muted:#607168;
    --green:#147557;
    --deep:#103f31;
    --lime:#c0eb79;
    --soft:#f2f7f4;
    --soft2:#f8faf9;
    --line:#d9e5de;
    --warn:#8b642a;
    display:block;
    width:100%;
    color:var(--ink);
    background:#fff;
    font-family:Inter,Arial,sans-serif;
  }

  *,*::before,*::after{box-sizing:border-box}
  h1,h2,h3,p,figure{margin:0}
  h1,h2,h3{color:var(--ink);line-height:1.12;letter-spacing:-.03em}
  h1{font-size:clamp(2.35rem,4.7vw,4.7rem)}
  h2{font-size:clamp(1.9rem,3vw,2.9rem)}
  h3{font-size:1.08rem}
  p,li{color:var(--muted);line-height:1.65}
  a{color:var(--green);text-decoration:none}
  a:hover{text-decoration:underline}
  a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}
  img{display:block;width:100%;height:auto}
  .wrap{width:min(1400px,calc(100% - 48px));margin-inline:auto}
  .band{padding:74px 0}
  .soft{background:var(--soft)}
  .soft2{background:var(--soft2)}
  .kicker{
    display:block;
    margin-bottom:13px;
    color:var(--green);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase
  }
  .intro{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);
    gap:42px;
    align-items:end;
    margin-bottom:32px
  }
  .lead{max-width:720px;font-size:1rem}
  .button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
  .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:14px 23px;
    border-radius:999px;
    background:var(--green);
    color:#fff;
    font-weight:760
  }
  .button:hover{color:#fff;text-decoration:none}
  .button.secondary{
    border:1px solid #bed0c5;
    background:#fff;
    color:var(--deep)
  }
  .button.secondary:hover{color:var(--deep)}

  /* HERO */
  .hero{
    padding:78px 0 56px;
    background:
      radial-gradient(circle at 88% 8%,rgba(192,235,121,.32),transparent 26%),
      linear-gradient(120deg,#edf5e7,#f9fbfa 58%,#fff)
  }
  .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);
    gap:52px;
    align-items:center
  }
  .hero-copy p{max-width:700px;margin-top:22px;font-size:1.05rem}
  .hero-photo{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:28px;
    background:#fff;
    box-shadow:0 24px 65px rgba(16,63,49,.08)
  }
  .hero-photo img{aspect-ratio:16/9;object-fit:cover}
  .hero-photo figcaption{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:14px 18px;
    color:var(--muted);
    font-size:.8rem
  }
  .hero-photo strong{color:var(--deep)}
  .quick-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:40px
  }
  .quick-grid div{padding-top:17px;border-top:1px solid #bdd0c5}
  .quick-grid b{display:block;margin-bottom:6px}
  .quick-grid span{display:block;color:var(--muted);font-size:.84rem;line-height:1.48}

  /* PAIN */
  .pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .pain-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:20px;
    background:#fff
  }
  .pain-visual{
    display:grid;
    place-items:center;
    height:180px;
    padding:14px;
    background:var(--soft2)
  }
  .pain-visual img{height:100%;object-fit:contain}
  .pain-body{padding:20px}
  .pain-tag{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:13px;
    padding:7px 11px 7px 7px;
    border-radius:999px;
    background:var(--soft);
    color:var(--deep)
  }
  .pain-tag .num{
    display:grid;
    place-items:center;
    width:29px;height:29px;
    border-radius:50%;
    background:var(--green);
    color:#fff;
    font-size:.8rem;
    font-weight:800
  }
  .pain-tag .txt{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  .pain-body h3{margin-bottom:7px}
  .pain-body p{font-size:.84rem}

  /* ROTATION */
  .rotation{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px
  }
  .rotation-card{
    position:relative;
    min-height:210px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff
  }
  .rotation-card.active{background:var(--deep);border-color:var(--deep)}
  .rotation-number{
    display:grid;
    place-items:center;
    width:38px;height:38px;
    margin-bottom:26px;
    border-radius:50%;
    background:var(--soft);
    color:var(--green);
    font-size:.8rem;
    font-weight:800
  }
  .rotation-card.active .rotation-number{background:var(--lime);color:var(--deep)}
  .rotation-card h3{margin-bottom:8px}
  .rotation-card p{font-size:.84rem}
  .rotation-card.active h3{color:#fff}
  .rotation-card.active p{color:#dce8e2}
  .hold{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:22px;
    margin-top:16px;
    padding:18px 20px;
    border-radius:14px;
    background:#fbf7ee;
    border:1px solid #eadfc9
  }
  .hold b{color:#75572a}
  .hold p{font-size:.84rem}

  /* SPARES */
  .spares-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:38px;
    align-items:center
  }
  .spares-visual{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px
  }
  .spares-box{
    min-height:190px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff
  }
  .spares-box b{
    display:grid;
    place-items:center;
    width:42px;height:42px;
    margin-bottom:35px;
    border-radius:12px;
    background:var(--soft);
    color:var(--green)
  }
  .spares-box h3{margin-bottom:7px}
  .spares-box p{font-size:.82rem}
  .spares-copy h2{margin-bottom:17px}
  .spares-copy>p{margin-bottom:18px}
  .simple-list{display:grid;gap:9px}
  .simple-list div{
    padding:12px 14px;
    border-left:3px solid var(--green);
    background:#fff
  }
  .simple-list strong{display:block;margin-bottom:3px}
  .simple-list span{color:var(--muted);font-size:.82rem;line-height:1.42}

  /* COMPATIBILITY */
  .fit-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:38px;
    align-items:center
  }
  .fit-photo{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff
  }
  .fit-photo img{aspect-ratio:16/9;object-fit:cover}
  .fit-photo figcaption{padding:12px 16px;color:var(--muted);font-size:.79rem}
  .fit-copy h2{margin-bottom:18px}
  .fit-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
  .fit-check{
    padding:14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff
  }
  .fit-check b{display:block;margin-bottom:4px;color:var(--deep)}
  .fit-check span{display:block;color:var(--muted);font-size:.8rem;line-height:1.42}

  /* PRODUCTS */
  .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .product{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:19px;
    background:#fff
  }
  .product>a:first-child{
    display:grid;
    place-items:center;
    height:225px;
    padding:16px 16px 10px;
    background:#fff
  }
  .product img{height:100%;object-fit:contain}
  .product-body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}
  .family{
    margin-bottom:8px;
    color:var(--green);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase
  }
  .product-body h3{margin-bottom:7px}
  .product-body p{font-size:.83rem}
  .product-body>a{margin-top:15px;font-weight:760}

  /* TEST STEPS */
  .test-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .test-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:19px;
    background:#fff
  }
  .test-image{
    display:grid;
    place-items:center;
    height:170px;
    padding:14px;
    background:var(--soft2)
  }
  .test-image img{height:100%;object-fit:contain}
  .test-body{padding:19px}
  .test-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:13px;
    color:var(--green);
    font-size:.76rem;
    font-weight:800
  }
  .test-tag span{
    display:grid;
    place-items:center;
    width:30px;height:30px;
    border-radius:50%;
    background:var(--green);
    color:#fff
  }
  .test-body h3{margin-bottom:7px}
  .test-body p{font-size:.83rem}

  /* PACK RECORD */
  .record-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:38px;
    align-items:center
  }
  .record-copy h2{margin-bottom:17px}
  .record-copy>p{margin-bottom:20px}
  .record-points{display:grid;gap:10px}
  .record-points div{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:11px;
    align-items:start;
    padding:11px 0;
    border-top:1px solid var(--line)
  }
  .record-points b{
    display:grid;place-items:center;
    width:30px;height:30px;
    border-radius:50%;
    background:var(--soft);
    color:var(--green);
    font-size:.74rem
  }
  .record-points strong{display:block;margin-bottom:2px}
  .record-points span{color:var(--muted);font-size:.82rem;line-height:1.42}
  .record-card{
    padding:24px;
    border:1px solid var(--line);
    border-radius:20px;
    background:#fff
  }
  .record-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding-bottom:18px;
    border-bottom:1px solid var(--line)
  }
  .record-head strong{font-size:1.08rem;color:var(--deep)}
  .status{
    padding:7px 10px;
    border-radius:999px;
    background:#e9f5e8;
    color:var(--green);
    font-size:.72rem;
    font-weight:800
  }
  .record-dl{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px 20px;
    margin:20px 0 0
  }
  .record-dl div{padding-top:11px;border-top:1px solid var(--line)}
  .record-dl dt{font-size:.7rem;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
  .record-dl dd{margin:6px 0 0;color:var(--muted);font-size:.84rem}

  /* REORDER */
  .reorder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .reorder-card{
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff
  }
  .reorder-card .big{
    display:block;
    margin-bottom:26px;
    color:var(--green);
    font-size:1.7rem;
    font-weight:850
  }
  .reorder-card h3{margin-bottom:7px}
  .reorder-card p{font-size:.84rem}

  /* SUPPORT */
  .support{
    padding:34px;
    border-radius:24px;
    background:var(--deep)
  }
  .support-head{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:34px;
    align-items:end;
    margin-bottom:24px
  }
  .support h2,.support h3{color:#fff}
  .support p{color:#dfeae5}
  .support-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .support-steps article{
    padding:18px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:15px;
    background:rgba(255,255,255,.04)
  }
  .support-steps b{
    display:block;
    margin-bottom:8px;
    color:var(--lime);
    font-size:.72rem;
    letter-spacing:.07em;
    text-transform:uppercase
  }
  .support-steps p{font-size:.82rem}

  /* FAQ */
  .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start}
  details{border:1px solid var(--line);border-radius:14px;background:#fff}
  summary{padding:19px;cursor:pointer;color:var(--ink);font-weight:760;line-height:1.45}
  details p{padding:0 19px 20px;font-size:.85rem}

  /* RFQ */
  .rfq{background:#eaf2e5}
  .rfq-grid{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:44px;
    align-items:start
  }
  .start-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:22px 0
  }
  .start-cards div{
    padding:13px;
    border:1px solid #c7d9ce;
    border-radius:13px;
    background:rgba(255,255,255,.62)
  }
  .start-cards b{display:block;margin-bottom:3px;color:var(--deep);font-size:.84rem}
  .start-cards span{display:block;color:var(--muted);font-size:.77rem;line-height:1.42}
  .rfq-note{font-size:.83rem}
  .rfq-form{
    padding:clamp(20px,3vw,36px);
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    color:var(--ink)
  }
  .rfq-form .wpcf7,.rfq-form .wpcf7-form{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
  .rfq-form .wpcf7-form,.rfq-form :is(.form-container,.form-wrapper,.form-card,.quote-form,.quote-form-wrap,.contact-form){
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
  }
  .rfq-form .wpcf7-form-control-wrap{display:block;width:100%}
  .rfq-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
    width:100%;min-width:0;max-width:100%;padding:13px 15px;border:1px solid #cad8d0;border-radius:9px;color:var(--ink);background:#f9fbfa;font:inherit
  }
  .rfq-form .wpcf7-form input[type=submit]{
    color:#fff;background:var(--green);border-color:var(--green);font-weight:760;cursor:pointer
  }

  section[id]{scroll-margin-top:110px}
  .hero-grid>*,.quick-grid>*,.pain-grid>*,.rotation>*,.spares-grid>*,.fit-grid>*,.products>*,.test-steps>*,.record-grid>*,.reorder-grid>*,.support-head>*,.support-steps>*,.faq-grid>*,.rfq-grid>*{min-width:0}

  @media(max-width:1080px){
    .hero-grid,.spares-grid,.fit-grid,.record-grid,.rfq-grid{grid-template-columns:1fr}
    .pain-grid,.rotation,.products{grid-template-columns:repeat(2,minmax(0,1fr))}
    .test-steps,.reorder-grid{grid-template-columns:1fr}
  }

  @media(max-width:720px){
    .wrap{width:calc(100% - 30px)}
    .band{padding:52px 0}
    .hero{padding:58px 0 44px}
    .intro,.quick-grid,.pain-grid,.rotation,.spares-visual,.fit-checks,.products,.record-dl,.support-head,.support-steps,.faq-grid,.start-cards{grid-template-columns:1fr}
    .hold{grid-template-columns:1fr;gap:6px}
    .hero-photo figcaption{display:block}
  }
}
