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

  *,*::before,*::after{box-sizing:border-box}
  [hidden]{display:none!important}
  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.6vw,4.5rem)}
  h2{font-size:clamp(1.9rem,3vw,2.85rem)}
  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:700px;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{
    background:#fff;
    color:var(--deep);
    border:1px solid #bed0c5
  }
  .button.secondary:hover{color:var(--deep)}

  /* HERO */
  .hero{
    padding:78px 0 54px;
    background:
      radial-gradient(circle at 85% 10%,rgba(192,235,121,.32),transparent 25%),
      linear-gradient(125deg,#edf5e7,#f8fbf9 58%,#fff)
  }
  .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.93fr) minmax(480px,1.07fr);
    gap:54px;
    align-items:center
  }
  .hero-copy p{max-width:690px;margin-top:22px;font-size:1.05rem}
  .hero-gallery{
    padding:20px;
    border:1px solid var(--line);
    border-radius:28px;
    background:#fff;
    box-shadow:0 24px 65px rgba(16,63,49,.08)
  }
  .hero-products{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
  }
  .hero-products figure{
    display:grid;
    place-items:center;
    min-height:190px;
    padding:14px;
    border-radius:17px;
    background:var(--soft2)
  }
  .hero-products img{height:165px;object-fit:contain}
  .hero-gallery-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:17px 4px 2px
  }
  .hero-gallery-foot strong{display:block;color:var(--deep);margin-bottom:3px}
  .hero-gallery-foot span{display:block;color:var(--muted);font-size:.82rem}
  .hero-gallery-foot b{
    padding:8px 11px;border-radius:999px;background:var(--deep);color:#fff;
    font-size:.72rem;white-space:nowrap
  }
  .quick-points{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin-top:42px
  }
  .quick-points div{padding-top:17px;border-top:1px solid #bcd0c4}
  .quick-points b{display:block;margin-bottom:6px}
  .quick-points span{display:block;color:var(--muted);font-size:.86rem;line-height:1.48}

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

  /* RANGE */
  .tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}
  .tabs a{
    display:inline-flex;
    align-items:center;
    min-height:46px;
    padding:12px 20px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    color:var(--deep);
    font-weight:760
  }
  .tabs a[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff}
  .panel-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:28px;
    margin:0 0 23px
  }
  .panel-head p{max-width:650px;font-size:.9rem}
  .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:220px;
    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;
  }
  .product-body .family{
    margin-bottom:8px;color:var(--green);font-size:.7rem;font-weight:800;
    text-transform:uppercase;letter-spacing:.08em
  }
  .product-body h3{margin-bottom:7px}
  .product-body p{font-size:.85rem}
  .product-body>a{margin-top:15px;font-weight:760}
  .range-note{margin-top:18px;font-size:.82rem}

  /* DON'T SHIP WRONG PACK */
  .match-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:34px;
    align-items:center
  }
  .compare-visual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff
  }
  .compare-box{
    position:relative;
    padding:18px;
    border-radius:17px;
    background:var(--soft2)
  }
  .compare-box img{height:245px;object-fit:contain}
  .compare-box span{
    display:block;
    margin-top:10px;
    text-align:center;
    color:var(--deep);
    font-weight:800
  }
  .match-copy h2{margin-bottom:18px}
  .match-copy>p{margin-bottom:22px}
  .check-list{display:grid;gap:10px}
  .check-list div{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:12px;
    align-items:start;
    padding:13px 0;
    border-top:1px solid var(--line)
  }
  .check-list b{
    display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
    background:var(--soft);color:var(--green);font-size:.74rem
  }
  .check-list strong{display:block;margin-bottom:3px;color:var(--ink)}
  .check-list span{display:block;color:var(--muted);font-size:.84rem;line-height:1.45}

  /* BRAND / PACKAGING */
  .brand-grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:38px;
    align-items:center
  }
  .pack-photo{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff
  }
  .pack-photo img{aspect-ratio:4/3;object-fit:contain}
  .pack-photo figcaption{padding:13px 17px;color:var(--muted);font-size:.8rem}
  .brand-items{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}
  .brand-item{
    min-height:145px;
    padding:19px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff
  }
  .brand-item b{display:block;margin-bottom:7px;color:var(--deep)}
  .brand-item span{display:block;color:var(--muted);font-size:.84rem;line-height:1.5}

  /* DOCUMENT PACK */
  .docs-shell{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:38px;
    align-items:center
  }
  .doc-stack{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px
  }
  .doc-card{
    position:relative;
    min-height:220px;
    padding:20px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff
  }
  .doc-card::before{
    content:"";
    position:absolute;
    top:0;right:0;
    width:58px;height:58px;
    background:linear-gradient(135deg,var(--soft) 50%,transparent 51%)
  }
  .doc-icon{
    display:grid;
    place-items:center;
    width:48px;height:48px;
    margin-bottom:35px;
    border-radius:13px;
    background:var(--soft);
    color:var(--green);
    font-weight:850
  }
  .doc-card h3{margin-bottom:7px}
  .doc-card p{font-size:.83rem}
  .doc-copy h2{margin-bottom:17px}
  .doc-copy>p{margin-bottom:20px}
  .doc-list{display:grid;gap:10px}
  .doc-list div{
    padding:13px 15px;
    border-left:3px solid var(--green);
    background:#fff
  }
  .doc-list b{display:block;margin-bottom:3px}
  .doc-list span{color:var(--muted);font-size:.83rem;line-height:1.45}
  .small-note{margin-top:16px;color:var(--muted);font-size:.8rem}

  /* ORDER FLOW */
  .order-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:order}
  .order-card{
    position:relative;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:19px;
    background:#fff
  }
  .order-card .order-photo{
    display:grid;place-items:center;height:160px;padding:14px;background:var(--soft2)
  }
  .order-card img{height:100%;object-fit:contain}
  .order-copy{padding:19px}
  .order-copy::before{
    counter-increment:order;
    content:"0" counter(order);
    display:block;
    margin-bottom:11px;
    color:var(--green);
    font-size:.78rem;
    font-weight:850
  }
  .order-copy h3{margin-bottom:7px}
  .order-copy p{font-size:.83rem}

  /* COST */
  .cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .cost-card{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:16px;
    align-items:start;
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff
  }
  .cost-icon{
    display:grid;place-items:center;
    width:64px;height:64px;border-radius:16px;background:var(--soft);
    color:var(--deep);font-weight:850;font-size:1.05rem
  }
  .cost-card h3{margin-bottom:7px}
  .cost-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:35px;
    align-items:end;
    margin-bottom:25px
  }
  .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;
    text-transform:uppercase;
    letter-spacing:.08em
  }
  .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:.86rem}

  /* 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 #c8d8cf;
    border-radius:13px;
    background:rgba(255,255,255,.6)
  }
  .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:.84rem}
  .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>*,.intro>*,.help-grid>*,.products>*,.match-grid>*,.brand-grid>*,.docs-shell>*,.order-flow>*,.cost-grid>*,.support-head>*,.support-steps>*,.faq-grid>*,.rfq-grid>*{min-width:0}

  @media(max-width:1080px){
    .hero-grid,.match-grid,.brand-grid,.docs-shell,.rfq-grid{grid-template-columns:1fr}
    .help-grid,.products,.order-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cost-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-points,.help-grid,.products,.brand-items,.doc-stack,.order-flow,.support-head,.support-steps,.faq-grid,.start-cards{grid-template-columns:1fr}
    .hero-products figure{min-height:150px}
    .hero-products img{height:130px}
    .compare-box img{height:180px}
    .panel-head{display:block}
    .panel-head p{margin-top:10px}
  }
}