
@scope (.et-uav-oem-page) {
  :scope{
    --ink:#10221c;
    --muted:#5d7167;
    --green:#147557;
    --deep:#103f31;
    --lime:#c0eb79;
    --soft:#f1f6f3;
    --soft2:#f7faf8;
    --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}
  h1,h2,h3,p,figure{margin:0}
  h1,h2,h3{color:var(--ink);line-height:1.12;letter-spacing:-.035em}
  h1{font-size:clamp(2.35rem,4.7vw,4.65rem)}
  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:76px 0}
  .soft{background:var(--soft)}
  .soft2{background:var(--soft2)}
  .kicker{
    display:block;
    margin-bottom:14px;
    color:var(--green);
    font-size:.73rem;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase
  }
  .lead{max-width:720px;font-size:1.02rem}
  .intro{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);
    gap:42px;
    align-items:end;
    margin-bottom:34px
  }
  .button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
  .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;filter:brightness(.96)}
  .button.secondary{
    background:#fff;
    color:var(--deep);
    border:1px solid #b9cdbf
  }
  .button.secondary:hover{color:var(--deep);background:#f8fbf9}

  /* HERO */
  .hero{
    padding:78px 0 56px;
    background:
      radial-gradient(circle at 84% 14%,rgba(192,235,121,.35),transparent 28%),
      linear-gradient(115deg,#eaf3e2,#f7faf8 58%,#fff)
  }
  .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);
    gap:54px;
    align-items:center
  }
  .hero-copy p{max-width:720px;margin-top:23px;font-size:1.06rem}
  .hero-art{
    position:relative;
    min-height:490px;
    padding:26px;
    border:1px solid var(--line);
    border-radius:30px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(16,63,49,.08)
  }
  .hero-art img{height:370px;object-fit:contain}
  .hero-caption{
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:end;
    padding-top:16px
  }
  .hero-caption strong{display:block;margin-bottom:5px;color:var(--deep)}
  .hero-caption span{color:var(--muted);font-size:.84rem;line-height:1.5}
  .hero-badge{
    padding:9px 12px;
    border-radius:999px;
    background:var(--deep);
    color:#fff!important;
    font-size:.75rem!important;
    font-weight:760;
    white-space:nowrap
  }
  .brief{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    margin-top:44px
  }
  .brief div{padding:19px 0;border-top:1px solid #b9cdbf}
  .brief b{display:block;margin-bottom:7px;color:var(--ink)}
  .brief span{display:block;color:var(--muted);font-size:.87rem;line-height:1.5}

  /* WHY / IMAGE CARDS */
  .why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .visual-card{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fff
  }
  .visual-card img{height:255px;object-fit:cover}
  .visual-card.product-focus img{object-fit:contain;background:#fff;padding:18px}
  .visual-card-body{padding:23px}
  .visual-card-body .eyebrow{
    display:block;margin-bottom:8px;color:var(--green);font-size:.72rem;font-weight:800;
    letter-spacing:.1em;text-transform:uppercase
  }
  .visual-card-body h3{margin-bottom:8px}
  .visual-card-body p{font-size:.9rem}

  /* CAPABILITY */
  .cap-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:42px;
    align-items:center
  }
  .cap-visual{
    padding:20px;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff
  }
  .cap-visual img{aspect-ratio:4/3;object-fit:contain}
  .cap-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .cap-item{
    padding:20px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff
  }
  .cap-item b{display:block;margin-bottom:6px;color:var(--deep)}
  .cap-item span{display:block;color:var(--muted);font-size:.86rem;line-height:1.55}
  .cap-note{margin-top:17px;font-size:.83rem;color:var(--muted)}

  /* PRODUCT PLATFORMS */
  .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:20px;
    background:#fff
  }
  .product>a:first-child{display:grid;place-items:center;height:228px;padding:16px;background:#fff}
  .product img{width:100%;height:100%;object-fit:contain}
  .product-body{display:flex;flex:1;flex-direction:column;padding:21px;border-top:1px solid var(--line)}
  .product-body .mini{margin-bottom:8px;color:var(--green);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  .product-body h3{margin-bottom:8px}
  .product-body p{font-size:.87rem}
  .product-body>a{margin-top:16px;font-weight:760}

  /* WORKFLOW */
  .workflow-shell{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.7fr);
    gap:42px;
    align-items:center
  }
  .workflow{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
  }
  .step{
    position:relative;
    min-height:174px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff
  }
  .step::before{
    content:attr(data-step);
    display:grid;
    place-items:center;
    width:38px;height:38px;
    margin-bottom:24px;
    border-radius:50%;
    background:var(--deep);
    color:#fff;
    font-size:.78rem;
    font-weight:800
  }
  .step h3{margin-bottom:7px}
  .step p{font-size:.87rem}
  .fit{
    padding:28px;
    border-radius:24px;
    background:var(--deep);
    color:#fff
  }
  .fit .fit-label{margin-bottom:17px;color:var(--lime);font-size:.73rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .fit .bay{padding:22px;border:1px dashed rgba(255,255,255,.45);border-radius:19px}
  .fit .battery{
    padding:27px 17px;
    border-radius:14px;
    background:#fff;
    color:var(--deep);
    text-align:center;
    font-weight:800
  }
  .fit .battery small{display:block;margin-top:7px;color:var(--muted);font-weight:400}
  .fit .cable{margin:18px 0 8px;padding-bottom:11px;border-bottom:5px solid var(--lime);font-size:.86rem}
  .fit p{color:#d9e7e1;font-size:.83rem}

  /* TESTING */
  .test-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:32px;
    align-items:stretch
  }
  .test-photo{position:relative;overflow:hidden;border-radius:24px;min-height:470px}
  .test-photo img{width:100%;height:100%;object-fit:cover}
  .test-photo .photo-note{
    position:absolute;left:18px;right:18px;bottom:18px;
    padding:14px 16px;border-radius:14px;background:rgba(16,34,28,.86);color:#fff;
    font-size:.83rem;line-height:1.5
  }
  .test-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .test-card{padding:21px;border:1px solid var(--line);border-radius:17px;background:#fff}
  .test-card .tag{display:block;margin-bottom:11px;color:var(--green);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .test-card h3{margin-bottom:9px}
  .test-card p{font-size:.86rem}
  .test-card ul{margin:12px 0 0;padding-left:18px}
  .test-card li{font-size:.82rem;margin:5px 0}

  /* FACTORY EVIDENCE */
  .evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .evidence-card{
    position:relative;
    min-height:320px;
    overflow:hidden;
    border-radius:20px;
    background:#dfe9e3
  }
  .evidence-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .evidence-card::after{
    content:"";
    position:absolute;inset:45% 0 0;
    background:linear-gradient(transparent,rgba(8,28,22,.85))
  }
  .evidence-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
  .evidence-copy b{display:block;color:#fff;margin-bottom:5px}
  .evidence-copy span{display:block;color:#dce8e2;font-size:.81rem;line-height:1.45}
  .evidence-footer{
    display:flex;align-items:center;justify-content:space-between;gap:22px;
    margin-top:24px;padding-top:20px;border-top:1px solid var(--line)
  }
  .evidence-footer p{font-size:.88rem}

  /* PRODUCTION */
  .handover{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:step}
  .handover article{padding:22px 0 0;border-top:3px solid var(--green)}
  .handover article::before{
    counter-increment:step;
    content:counter(step,decimal-leading-zero);
    display:block;margin-bottom:15px;color:var(--green);font-size:1.45rem;font-weight:800
  }
  .handover h3{margin-bottom:8px}
  .handover p{font-size:.86rem}

  /* PROJECT ROUTE */
  .route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .route-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}
  .route-card .route-tag{display:inline-block;margin-bottom:17px;padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--deep);font-size:.72rem;font-weight:800}
  .route-card h3{margin-bottom:10px}
  .route-card p{font-size:.88rem}
  .route-card ul{margin:15px 0 0;padding-left:18px}
  .route-card li{font-size:.82rem;margin:5px 0}

  /* AFTER-SAMPLE LOOP */
  .service{
    padding:34px;
    border-radius:24px;
    background:var(--deep)
  }
  .service .intro{margin-bottom:28px}
  .service h2,.service h3{color:#fff}
  .service p{color:#dfeae5}
  .loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .loop article{padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.04)}
  .loop b{display:block;margin-bottom:8px;color:var(--lime);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
  .loop p{font-size:.82rem}

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

  /* RFQ */
  .rfq{background:#eaf2e5}
  .rfq-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:46px;align-items:start}
  .start-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}
  .start-options div{padding:14px;border:1px solid #cbdacf;border-radius:13px;background:rgba(255,255,255,.55)}
  .start-options b{display:block;margin-bottom:4px;color:var(--deep);font-size:.86rem}
  .start-options span{display:block;color:var(--muted);font-size:.78rem;line-height:1.45}
  .rfq-note{font-size:.86rem}
  .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>*,.why-grid>*,.cap-grid>*,.products>*,.workflow-shell>*,.test-layout>*,.evidence-grid>*,.handover>*,.route-grid>*,.loop>*,.faq-grid>*,.rfq-grid>*{min-width:0}

  @media(max-width:1080px){
    .hero-grid,.cap-grid,.workflow-shell,.test-layout,.rfq-grid{grid-template-columns:1fr}
    .hero-art{min-height:auto}
    .why-grid{grid-template-columns:1fr 1fr}
    .products,.evidence-grid,.handover,.loop{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:720px){
    .wrap{width:calc(100% - 30px)}
    .band{padding:54px 0}
    .hero{padding:58px 0 44px}
    .intro{grid-template-columns:1fr;gap:15px}
    .brief,.why-grid,.products,.workflow,.cap-list,.test-cards,.evidence-grid,.handover,.route-grid,.loop,.faq-grid,.start-options{grid-template-columns:1fr}
    .hero-art img{height:280px}
    .visual-card img{height:230px}
    .test-photo{min-height:340px}
    .evidence-card{min-height:280px}
    .evidence-footer{align-items:flex-start;flex-direction:column}
  }
}
