
@scope (.et-vtol-page) {
  :scope {
    --ink: #10231d; --muted: #60726b; --line: #d7e4de; --soft: #f0f6f3;
    --accent: #17765a; --dark: #0a3c31; --lime: #c8ee79; --sky: #9ccad4;
    color: var(--ink); background: #fff; font: 16px/1.65 Inter, "Helvetica Neue", Arial, sans-serif; overflow: clip;
  }
  *, *::before, *::after { box-sizing: border-box; }
  h1, h2, h3, p, ul { margin-top: 0; } h1, h2, h3, strong, summary { color: inherit; }
  h1, h2, h3 { line-height: 1.08; letter-spacing: -.035em; }
  h1 { max-width: 790px; margin-bottom: 24px; font-size: clamp(3rem,6vw,5.5rem); }
  h2 { margin-bottom: 18px; font-size: clamp(2rem,3.7vw,3.3rem); } h3 { margin-bottom: 9px; font-size: 1.14rem; }
  p { margin-bottom: 0; color: var(--muted); } a { color: inherit; text-decoration: none; }
  img { display: block; width: 100%; max-width: 100%; } button, input { font: inherit; }
  .container { width: min(1240px,calc(100% - 48px)); margin-inline: auto; } .section { padding: 92px 0; }
  .soft { background: var(--soft); } .dark { color: #fff; background: var(--dark); } .dark p { color: rgba(255,255,255,.72); }
  .eyebrow { display: inline-flex; gap: 10px; align-items: center; margin-bottom: 16px; color: var(--accent); font-size: .72rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
  .eyebrow::before { width: 32px; height: 3px; border-radius: 99px; background: currentColor; content: ""; }
  .hero .eyebrow, .dark .eyebrow { color: var(--lime); }
  .section-head { display: grid; grid-template-columns: 1fr minmax(300px,.58fr); gap: 42px; align-items: end; margin-bottom: 38px; }
  .btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
  .btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-size: .8rem; font-weight: 900; }
  .btn-primary { color: var(--dark); background: var(--lime); } .btn-outline { color: #fff; border-color: rgba(255,255,255,.3); }

  .hero { position: relative; padding: 82px 0 100px; color: #fff; background: radial-gradient(circle at 78% 18%,rgba(156,202,212,.3),transparent 32%),linear-gradient(135deg,#071e19,#104c3c 62%,#14332b); }
  .hero-grid { display: grid; grid-template-columns: .94fr 1.06fr; gap: 55px; align-items: center; }
  .hero-copy > p { max-width: 690px; color: rgba(255,255,255,.76); font-size: 1.04rem; }
  .hero-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
  .hero-tags span { padding: 8px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(255,255,255,.06); font-size: .68rem; font-weight: 800; }
  .flight-map { position: relative; min-height: 550px; overflow: hidden; border-radius: 29px; background: #dce8e3; box-shadow: 0 34px 90px rgba(0,0,0,.28); }
  .flight-map img { height: 550px; object-fit: cover; }
  .flight-map::after { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,35,28,.02) 30%,rgba(5,35,28,.9)); content: ""; }
  .route { position: absolute; z-index: 2; inset: 92px 60px 120px; border: 3px dashed rgba(255,255,255,.84); border-radius: 50% 20% 44% 26%; transform: rotate(-5deg); }
  .route span { position: absolute; display: grid; width: 30px; height: 30px; place-items: center; border: 4px solid #fff; border-radius: 50%; color: var(--dark); background: var(--lime); font-size: .58rem; font-weight: 900; }
  .route span:nth-child(1) { top: -12px; left: 9%; } .route span:nth-child(2) { top: 38%; right: -12px; }
  .route span:nth-child(3) { bottom: -12px; left: 35%; } .route span:nth-child(4) { bottom: 26%; left: -12px; }
  .map-note { position: absolute; z-index: 3; right: 24px; bottom: 24px; left: 24px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.18); border-radius: 15px; background: rgba(5,45,34,.83); backdrop-filter: blur(8px); }
  .map-note strong { display: block; color: var(--lime); } .map-note span { color: rgba(255,255,255,.7); font-size: .7rem; }

  .phase-track { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
  .flight-phase { padding: 27px; border-right: 1px solid var(--line); } .flight-phase:last-child { border-right: 0; }
  .flight-phase span { display: grid; width: 44px; height: 44px; place-items: center; margin-bottom: 48px; border-radius: 13px; color: #fff; background: var(--accent); font-weight: 900; }
  .flight-phase p { font-size: .73rem; }
  .phase-meter { height: 7px; margin-top: 18px; overflow: hidden; border-radius: 99px; background: var(--soft); }
  .phase-meter i { display: block; width: var(--meter); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--sky),var(--accent)); }

  .reserve-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 48px; align-items: start; }
  .reserve-copy { position: sticky; top: 110px; }
  .calculator { padding: 30px; border-radius: 24px; color: var(--ink); background: #fff; }
  .calculator-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
  .field { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
  .field label { display: block; margin-bottom: 7px; color: var(--muted); font-size: .68rem; font-weight: 800; }
  .field input { width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: #fff; }
  .reserve-result { grid-column: 1 / -1; padding: 20px; border-radius: 14px; background: var(--lime); }
  .reserve-result strong, .reserve-result span { display: block; } .reserve-result strong { color: var(--dark); font-size: 1.55rem; }
  .reserve-result span { color: #315a49; font-size: .7rem; }
  .caveat { margin-top: 13px; color: rgba(255,255,255,.62); font-size: .68rem; }

  .platform-tabs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 24px; }
  .platform-tab { padding: 11px 17px; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: #fff; cursor: pointer; font-size: .72rem; font-weight: 850; }
  .platform-tab.is-active { color: #fff; border-color: var(--accent); background: var(--accent); }
  .platform-panel[hidden] { display: none; }
  .product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
  .product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(10,55,40,.07); }
  .product-card img { height: 220px; padding: 18px; object-fit: contain; background: #fff; }
  .product-copy { padding: 20px; } .product-copy small { display: block; margin-bottom: 7px; color: var(--accent); font-size: .63rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
  .product-copy p { font-size: .72rem; } .product-copy b { display: inline-flex; margin-top: 13px; color: var(--accent); font-size: .7rem; }
  .integration-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
  .integration-card { min-height: 210px; padding: 23px; border: 1px solid rgba(255,255,255,.15); border-radius: 17px; background: rgba(255,255,255,.06); }
  .integration-card span { display: block; margin-bottom: 44px; color: var(--lime); font-weight: 900; }
  .integration-card p { font-size: .72rem; }
  .evidence-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 26px; align-items: stretch; }
  .evidence-visual { overflow: hidden; border-radius: 24px; } .evidence-visual img { height: 100%; min-height: 520px; object-fit: cover; }
  .evidence-list { display: grid; gap: 12px; }
  .evidence-item { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
  .evidence-item strong { display: block; color: var(--accent); } .evidence-item p { margin-top: 7px; font-size: .74rem; }
  .faq-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
  details { border: 1px solid var(--line); border-radius: 14px; background: #fff; } summary { padding: 19px 22px; cursor: pointer; font-size: .81rem; font-weight: 850; } details p { padding: 0 22px 20px; font-size: .74rem; }
  .cta { background: linear-gradient(135deg,#eef6f2,#eef5df); }
  .cta-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 52px; align-items: start; }
  .rfq-points { display: grid; gap: 9px; margin-top: 24px; } .rfq-points span { padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.72); color: var(--muted); font-size: .72rem; }
  .form-shell { width: 100%; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 20px 55px rgba(10,54,40,.1); }
  .form-shell .wpcf7, .form-shell .wpcf7-form, .form-shell .wpcf7-form-control-wrap, .form-shell label { display: block; width: 100% !important; max-width: none !important; }
  .form-shell :is(input:not([type="submit"]),select,textarea) { width: 100% !important; max-width: none !important; }
  @media (max-width: 1050px) { .hero-grid, .reserve-layout, .evidence-layout, .cta-grid { grid-template-columns: 1fr; } .reserve-copy { position: static; } .product-grid { grid-template-columns: repeat(2,1fr); } .integration-grid { grid-template-columns: repeat(3,1fr); } }
  @media (max-width: 760px) { .container { width: min(100% - 28px,1240px); } .section { padding: 68px 0; } .hero { padding: 64px 0 74px; } .flight-map, .flight-map img { min-height: 390px; height: 390px; } .section-head, .phase-track, .product-grid, .integration-grid, .faq-grid { grid-template-columns: 1fr; } .flight-phase { border-right: 0; border-bottom: 1px solid var(--line); } .calculator-grid { grid-template-columns: 1fr; } .evidence-visual img { min-height: 330px; } }
}
