#drones {
  --d-bg: #ffffff; --d-text: #17233a; --d-muted: #526279; --d-surface: #edf1f7;
  --d-line: rgba(27,27,87,.16); --d-accent: #2563eb; --d-night: #111b2b;
  --d-xs: .8125rem; --d-sm: .9375rem; --d-base: 1.0625rem;
  --d-lg: clamp(1.4rem,2vw,1.7rem); --d-xl: clamp(2rem,3.2vw,2.75rem);
  --d-hero: clamp(2.6rem,5.3vw,4.8rem);
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px;
  --s8: 32px; --s10: 40px; --s12: 48px; --s16: 64px; --s24: 96px;
  color: var(--d-text); background: var(--d-bg); padding-top: 76px;
}
#drones[data-drone-theme="dark"] {
  --d-bg: #111b2b; --d-text: #f1f5fa; --d-muted: #b8c4d5;
  --d-surface: #1a283c; --d-line: rgba(240,244,250,.2); --d-accent: #9bbaff;
}
#drones * { box-sizing: border-box; }
#drones h1,#drones h2,#drones h3 { color: inherit; text-wrap: balance; }
#drones h2 { font-size: var(--d-xl); line-height: 1.13; letter-spacing: -.025em; }
#drones h3 { font-size: var(--d-lg); line-height: 1.2; }
#drones p { line-height: 1.65; }
#drones a:focus-visible,#drones button:focus-visible,#drones summary:focus-visible {
  outline: 3px solid #f5a623; outline-offset: 5px;
}
.d-container { width: min(1280px,100%); padding-inline: clamp(var(--s6),5vw,var(--s16)); margin-inline: auto; }
.d-section { padding-block: clamp(var(--s16),7vw,var(--s24)); }
.d-eyebrow { display:block; font-size:var(--d-xs); letter-spacing:.12em; text-transform:uppercase; font-weight:700; margin-bottom:var(--s6); }
.d-muted { color:var(--d-muted); }
.d-hero { background:var(--d-night); color:white; position:relative; min-height:640px; overflow:hidden; }
.d-hero-photo { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; }
.d-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,21,38,.98),rgba(9,21,38,.85) 37%,rgba(9,21,38,.03) 75%); }
.d-hero-content { position:relative; padding-block:var(--s24); }
.d-hero h1 { font-size:var(--d-hero); letter-spacing:-.045em; line-height:1.03; max-width:680px; margin-bottom:var(--s6); }
.d-hero h1 span { display:block; color:#b9cdf0; }
.d-hero p { max-width:480px; color:#d5ddea; font-size:var(--d-base); }
.d-hero .d-eyebrow { color:#fff; }
.d-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s6); margin-top:var(--s8); }
.d-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:var(--s3) var(--s6); background:#2563eb; color:white; border:0; border-radius:4px; font-size:var(--d-sm); font-weight:600; cursor:pointer; text-decoration:none; transition:background .18s; }
.d-btn:hover { background:#1d4ed8; color:white; }
.d-btn:active { background:#153bab; }
.d-link { color:inherit; font-size:var(--d-sm); text-decoration:underline; text-underline-offset:5px; min-height:44px; display:inline-flex; align-items:center; background:none; border:0; cursor:pointer; }
.d-hero-caption { position:absolute; right:var(--s6); bottom:var(--s4); color:#fff; background:rgba(9,21,38,.7); padding:var(--s1) var(--s2); font-size:var(--d-xs); }
.d-stats { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--d-line); padding-block:var(--s10); gap:var(--s8); }
.d-stats strong { display:block; color:var(--d-text); font-size:clamp(2rem,3.5vw,3rem); letter-spacing:-.04em; font-family:var(--font-display); line-height:1.1; font-variant-numeric:tabular-nums; }
.d-stats span { display:block; font-size:var(--d-sm); margin-top:var(--s2); font-weight:600; }
.d-stats small { display:block; font-size:var(--d-xs); color:var(--d-muted); margin-top:var(--s1); }
.d-small { font-size:var(--d-xs); color:var(--d-muted); margin-top:var(--s4); line-height:1.6; }
.d-product { display:grid; grid-template-columns:1fr 1fr; gap:var(--s16); align-items:center; }
.d-product p { color:var(--d-muted); margin-top:var(--s6); font-size:var(--d-base); }
.d-product .d-eyebrow { color:var(--d-accent); }
.d-product figure { margin:0; }
.d-motor { min-height:480px; padding:var(--s12) var(--s6) var(--s6); display:grid; place-items:center; position:relative; background:var(--d-surface); overflow:hidden; }
.d-motor img { height:390px; max-width:88%; object-fit:contain; filter:drop-shadow(6px 22px 18px rgba(0,0,0,.16)); }
.d-motor-label { position:absolute; top:var(--s6); left:var(--s6); font-size:var(--d-xs); letter-spacing:.08em; font-weight:700; color:var(--d-muted); }
.d-product figcaption { display:flex; justify-content:space-between; gap:var(--s4); font-size:var(--d-xs); margin-top:var(--s4); color:var(--d-muted); }
.d-product p.d-small { font-size:var(--d-xs); line-height:1.6; }
#het-benchmark { scroll-margin-top:76px; }
.d-specs { display:flex; flex-wrap:wrap; gap:var(--s8); margin-top:var(--s8); padding-top:var(--s6); border-top:1px solid var(--d-line); }
.d-specs strong { display:block; font-size:var(--d-lg); line-height:1.2; }
.d-specs span { font-size:var(--d-xs); color:var(--d-muted); }
.d-results { background:var(--d-surface); }
.d-heading-row { display:grid; grid-template-columns:1fr .8fr; align-items:end; gap:var(--s16); margin-bottom:var(--s12); }
.d-heading-row p { color:var(--d-muted); font-size:var(--d-base); }
.d-benefits { display:grid; grid-template-columns:1fr 1fr; gap:var(--s12) var(--s16); }
.d-benefit { border-top:1px solid var(--d-line); padding-top:var(--s6); }
.d-benefit .d-eyebrow { color:var(--d-accent); margin-bottom:var(--s4); }
.d-benefit p { color:var(--d-muted); margin-top:var(--s4); font-size:var(--d-base); }
.d-comparison { margin-top:var(--s12); background:var(--d-bg); padding:var(--s6); }
.d-comparison summary { cursor:pointer; font-size:var(--d-sm); font-weight:600; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:var(--s4); list-style:none; }
.d-comparison summary::after { content:"+"; font-size:var(--d-lg); }
.d-comparison[open] summary::after { content:"−"; }
.d-table-wrap { overflow:auto; }
.d-comparison table { width:100%; border-collapse:collapse; font-size:var(--d-sm); margin-block:var(--s6); }
.d-comparison th,.d-comparison td { padding:var(--s4); text-align:left; border-bottom:1px solid var(--d-line); white-space:nowrap; }
.d-comparison th { font-size:var(--d-xs); }
.d-comparison td:last-child { color:var(--d-accent); font-weight:700; }
.d-groups { display:grid; grid-template-columns:.85fr 1fr 1.15fr; gap:var(--s6); }
.d-group { padding:var(--s8); background:var(--d-surface); }
.d-group:last-child { background:#1b1b57; color:white; }
.d-group .d-eyebrow { color:var(--d-accent); margin-bottom:var(--s8); }
.d-group:last-child .d-eyebrow { color:#bbceff; }
.d-group p { font-size:var(--d-sm); color:var(--d-muted); margin-top:var(--s4); }
.d-group:last-child p { color:#d0d9ee; }
.d-group-note { padding-top:var(--s6); margin-top:var(--s8); border-top:1px solid var(--d-line); font-size:var(--d-xs); color:var(--d-muted); }
.d-group:last-child .d-group-note { color:#d0d9ee; border-color:rgba(255,255,255,.25); }
.d-origin { display:grid; grid-template-columns:.9fr 1.1fr; background:var(--d-night); color:white; }
.d-origin img { height:100%; min-height:380px; width:100%; object-fit:cover; }
.d-origin-copy { padding:clamp(var(--s8),6vw,var(--s24)); }
.d-origin-copy p { font-size:var(--d-base); color:#ced7e7; margin-top:var(--s6); }
.d-origin .d-eyebrow { color:#b9cdf0; }
.d-origin .d-small { color:#aab7cc; }
.d-origin-copy p.d-small { font-size:var(--d-xs); }
.d-end { display:flex; justify-content:space-between; align-items:center; gap:var(--s6); border-top:1px solid var(--d-line); padding-block:var(--s6); font-size:var(--d-xs); color:var(--d-muted); }
.d-end button { font-size:var(--d-xs); color:inherit; background:none; border:1px solid var(--d-line); padding:var(--s3) var(--s4); cursor:pointer; min-height:44px; }
.d-home-link { display:flex; gap:var(--s8); justify-content:space-between; align-items:center; margin-block:var(--s8); padding:var(--s8); background:#edf1f7; color:#1b1b57; }
@media(max-width:1050px) { .nav-links { gap:16px; } .nav-links a { font-size:13px; } }
@media(max-width:850px) {
  .d-product,.d-heading-row,.d-origin { grid-template-columns:1fr; gap:var(--s8); }
  .d-groups { grid-template-columns:1fr; }
  .d-origin { gap:0; }
  .d-origin img { max-height:360px; min-height:0; }
  .d-hero-shade { background:linear-gradient(90deg,rgba(9,21,38,.96),rgba(9,21,38,.55)); }
}
@media(max-width:600px) {
  #drones { padding-top:64px; }
  .d-hero { min-height:680px; }
  .d-hero-photo { object-position:65% center; }
  .d-hero-shade { background:linear-gradient(0deg,rgba(9,21,38,.99),rgba(9,21,38,.88) 54%,rgba(9,21,38,.1)); }
  .d-hero-content { padding-top:240px; padding-bottom:var(--s16); }
  .d-hero-caption { bottom:var(--s2); font-size:12px; }
  .d-stats { grid-template-columns:1fr 1fr; gap:var(--s8) var(--s6); }
  .d-benefits { grid-template-columns:1fr; }
  .d-product figcaption { display:block; }
  .d-product figcaption span { display:block; margin-top:var(--s1); }
  .d-motor { min-height:420px; }
  .d-motor img { height:340px; }
  .d-end,.d-home-link { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { #drones *,#drones *::before,#drones *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }