/* DroneBase — Landing "calcolatore-antincendio-boschivo-aib" (root id db-lp-calc) — sistema unificato v2 (ottobre 2026).
   db-landing db-standalone: il loader carica SOLO questo file (niente _framework.css).
   Stesso file per IT + EN. Struttura: 1) CSS di pagina  2) chrome condiviso v2
   (rail, barra CTA fissa, "Perché DroneBase", form finale) identico su tutte le landing unificate. */


/* ==========================================================
   DRONEBASE LANDING — CALCOLATORE PRE-DIMENSIONAMENTO
   Rete sensori IoT + stazione drone-in-a-box per incendi boschivi
   CSS scoped: tutte le regole vivono sotto .db-landing.db-lp-calc
   ========================================================== */
.db-landing.db-lp-calc{
  --db-cyan:#0096DB;--db-cyan-hover:#0078b0;--db-cyan-pill-bg:rgba(0,150,219,.15);--db-cyan-pill-text:#4DB8F0;
  --db-dark:#070d14;--db-dark-mid:#141f2c;--db-bg:#f7fafc;--db-white:#ffffff;--db-border:#dde6ee;--db-border-dark:rgba(255,255,255,.08);
  --db-text: #1a2637;--db-text-2:#4a5a6b;--db-text-3:#8a95a3;--db-amber:#e8920c;--db-red:#d65656;
  --db-radius:14px;--db-radius-sm:8px;--db-radius-pill:999px;
  --db-shadow-sm:0 1px 4px rgba(0,0,0,.06);--db-shadow-md:0 4px 20px rgba(0,0,0,.08);--db-shadow-lg:0 16px 48px rgba(0,0,0,.12);
  --db-font:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-family:var(--db-font);color:var(--db-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.db-landing.db-lp-calc *,.db-landing.db-lp-calc *::before,.db-landing.db-lp-calc *::after{box-sizing:border-box}
.db-landing.db-lp-calc a{text-decoration:none}
.db-landing.db-lp-calc h1,.db-landing.db-lp-calc h2,.db-landing.db-lp-calc h3,.db-landing.db-lp-calc h4,.db-landing.db-lp-calc p,.db-landing.db-lp-calc ul{margin:0;padding:0}
.db-landing.db-lp-calc ul{list-style:none}
.db-landing.db-lp-calc .db-lp-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- SECTION FRAME ---------- */
.db-landing.db-lp-calc .db-lp-section{padding:96px 24px}
.db-landing.db-lp-calc .db-lp-section--light{background:var(--db-white);color:var(--db-text)}
.db-landing.db-lp-calc .db-lp-section--alt{background:var(--db-bg);color:var(--db-text)}
.db-landing.db-lp-calc .db-lp-section--dark{background:var(--db-dark-mid);color:#fff}
.db-landing.db-lp-calc .db-lp-section--darker{background:var(--db-dark);color:#fff}
.db-landing.db-lp-calc .db-lp-container{max-width:1280px;margin:0 auto}
.db-landing.db-lp-calc .db-lp-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--db-cyan);margin-bottom:18px}
.db-landing.db-lp-calc .db-lp-label::before{content: '\2014  '}
.db-landing.db-lp-calc .db-lp-title{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:900;letter-spacing:-1.2px;line-height:1.08;margin:0 0 18px;color:inherit}
.db-landing.db-lp-calc .db-lp-desc{font-size:1rem;line-height:1.7;max-width:680px;color:var(--db-text-2)}
.db-landing.db-lp-calc .db-lp-section--dark .db-lp-desc,.db-landing.db-lp-calc .db-lp-section--darker .db-lp-desc{color:rgba(255,255,255,.68)}
.db-landing.db-lp-calc .db-lp-center{text-align:center}
.db-landing.db-lp-calc .db-lp-center .db-lp-desc{margin-left:auto;margin-right:auto}

/* ---------- BUTTONS ---------- */
.db-landing.db-lp-calc .db-lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 32px;border-radius:var(--db-radius-sm);font-size:15px;font-weight:700;letter-spacing:.3px;transition:all .2s;cursor:pointer;border:1.5px solid transparent;font-family:inherit;line-height:1.2}
.db-landing.db-lp-calc .db-lp-btn:focus-visible{outline:3px solid rgba(0,150,219,.45);outline-offset:3px}
.db-landing.db-lp-calc .db-lp-btn--primary{background:var(--db-cyan);color:#fff!important;border-color:var(--db-cyan)}
.db-landing.db-lp-calc .db-lp-btn--primary:hover{background:var(--db-cyan-hover);border-color:var(--db-cyan-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,150,219,.4)}
.db-landing.db-lp-calc .db-lp-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.3)}
.db-landing.db-lp-calc .db-lp-btn--ghost:hover{border-color:var(--db-cyan);color:var(--db-cyan)!important}
.db-landing.db-lp-calc .db-lp-btn--outline{background:transparent;color:var(--db-cyan)!important;border-color:var(--db-cyan)}
.db-landing.db-lp-calc .db-lp-btn--outline:hover{background:var(--db-cyan);color:#fff!important}
.db-landing.db-lp-calc .db-lp-btn-row{display:flex;flex-wrap:wrap;gap:14px}
.db-landing.db-lp-calc .db-lp-btn-row--center{justify-content:center}

/* ---------- HERO ---------- */
.db-landing.db-lp-calc .db-lp-hero{position:relative;min-height:78vh;background:var(--db-dark);display:flex;align-items:center;justify-content:center;text-align:center;padding:96px 24px 72px;overflow:hidden;color:#fff}
.db-landing.db-lp-calc .db-lp-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.db-landing.db-lp-calc .db-lp-hero-bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.db-landing.db-lp-calc .db-lp-hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(rgba(4,10,18,.6) 0%,rgba(4,10,18,.4) 40%,rgba(4,10,18,.75) 80%,rgba(4,10,18,.95) 100%)}
.db-landing.db-lp-calc .db-lp-hero-content{position:relative;z-index:2;max-width:1100px;width:100%}
.db-landing.db-lp-calc .db-lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--db-cyan-pill-bg);color:var(--db-cyan-pill-text);border-radius:var(--db-radius-pill);padding:6px 18px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.db-landing.db-lp-calc .db-lp-hero-badge::before{content: '';width:6px;height:6px;border-radius:50%;background:var(--db-cyan);box-shadow:0 0 8px var(--db-cyan)}
.db-landing.db-lp-calc .db-lp-hero h1{font-size:clamp(2rem,5.2vw,3.9rem);font-weight:900;line-height:1.02;letter-spacing:-2px;color:#fff;margin:0 0 22px}
.db-landing.db-lp-calc .db-lp-hero h1 .db-lp-accent{color:var(--db-cyan);display:block}
.db-landing.db-lp-calc .db-lp-hero-sub{font-size:clamp(1rem,1.5vw,1.18rem);color:rgba(255,255,255,.76);max-width:720px;margin:0 auto 36px;line-height:1.65}
.db-landing.db-lp-calc .db-lp-hero-proof{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:48px}
.db-landing.db-lp-calc .db-lp-proof{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--db-border-dark);background:rgba(0,0,0,.25);border-radius:var(--db-radius-pill);padding:10px 20px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.db-landing.db-lp-calc .db-lp-proof::before{content: '\2713';color:var(--db-cyan);font-weight:800}

/* ---------- CALCULATOR ---------- */
.db-landing.db-lp-calc .db-lp-calc-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;margin-top:48px}
.db-landing.db-lp-calc .db-lp-card{background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);box-shadow:var(--db-shadow-sm);overflow:hidden}
.db-landing.db-lp-calc .db-lp-input-panel{padding:36px 32px}
.db-landing.db-lp-calc .db-lp-input-panel h3{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}
.db-landing.db-lp-calc .db-lp-input-panel>p{font-size:13px;color:var(--db-text-2);margin-bottom:28px}
.db-landing.db-lp-calc .db-lp-field{margin-bottom:24px}
.db-landing.db-lp-calc .db-lp-field-label{display:block;font-size:12px;font-weight:700;color:var(--db-text);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}
.db-landing.db-lp-calc .db-lp-field-help{font-size:12px;color:var(--db-text-3);margin-top:6px;line-height:1.55}
.db-landing.db-lp-calc .db-lp-input-row{display:flex;align-items:stretch;border:2px solid var(--db-border);border-radius:var(--db-radius-sm);overflow:hidden;background:var(--db-bg);transition:all .2s}
.db-landing.db-lp-calc .db-lp-input-row:focus-within{border-color:var(--db-cyan);background:var(--db-white);box-shadow:0 0 0 4px rgba(0,150,219,.12)}
.db-landing.db-lp-calc .db-lp-input-row input{flex:1;min-width:0;padding:14px 18px;font-size:17px;font-family:inherit;font-weight:700;color:var(--db-text);background:transparent;border:0;outline:none;margin:0;border-radius:0;box-shadow:none}
.db-landing.db-lp-calc .db-lp-input-suffix{display:flex;align-items:center;padding:0 16px;background:var(--db-cyan-pill-bg);color:var(--db-cyan-hover);font-size:12px;font-weight:700;letter-spacing:1px;border-left:1px solid var(--db-border)}
.db-landing.db-lp-calc .db-lp-input-error{display:none;font-size:12px;color:var(--db-red);margin-top:6px;font-weight:600}
.db-landing.db-lp-calc .db-lp-input-error.is-visible{display:block}

/* segmented radio cards */
.db-landing.db-lp-calc .db-lp-seg{display:grid;gap:8px}
.db-landing.db-lp-calc .db-lp-seg-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--db-white);border:2px solid var(--db-border);border-radius:var(--db-radius-sm);cursor:pointer;transition:all .2s}
.db-landing.db-lp-calc .db-lp-seg-card:hover{border-color:var(--db-cyan-pill-text);background:var(--db-bg)}
.db-landing.db-lp-calc .db-lp-seg-card input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.db-landing.db-lp-calc .db-lp-seg-card:focus-within{outline:3px solid rgba(0,150,219,.45);outline-offset:2px}
.db-landing.db-lp-calc .db-lp-seg-dot{width:18px;height:18px;border-radius:50%;border:2px solid #c6d2dd;flex-shrink:0;margin-top:3px;background:var(--db-white);transition:all .2s}
.db-landing.db-lp-calc .db-lp-seg-card.is-selected{border-color:var(--db-cyan);background:#f0f9ff;box-shadow:0 4px 12px rgba(0,150,219,.12)}
.db-landing.db-lp-calc .db-lp-seg-card.is-selected .db-lp-seg-dot{border-color:var(--db-cyan);background:var(--db-cyan);box-shadow:inset 0 0 0 3px var(--db-white)}
.db-landing.db-lp-calc .db-lp-seg-text strong{display:block;font-size:14px;font-weight:700;color:var(--db-text);margin-bottom:3px}
.db-landing.db-lp-calc .db-lp-seg-card.is-selected .db-lp-seg-text strong{color:var(--db-cyan-hover)}
.db-landing.db-lp-calc .db-lp-seg-text span{font-size:12px;color:var(--db-text-2);line-height:1.5}

/* slider */
.db-landing.db-lp-calc .db-lp-slider-row{display:flex;align-items:center;gap:14px;margin-top:6px}
.db-landing.db-lp-calc .db-lp-slider-row input[type="range"]{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--db-border);border-radius:3px;outline:none;margin:0;padding:0}
.db-landing.db-lp-calc .db-lp-slider-row input[type="range"]:focus-visible{outline:3px solid rgba(0,150,219,.45);outline-offset:6px}
.db-landing.db-lp-calc .db-lp-slider-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--db-cyan);border-radius:50%;cursor:pointer;border:3px solid var(--db-white);box-shadow:0 2px 8px rgba(0,150,219,.4)}
.db-landing.db-lp-calc .db-lp-slider-row input[type="range"]::-moz-range-thumb{width:22px;height:22px;background:var(--db-cyan);border-radius:50%;cursor:pointer;border:3px solid var(--db-white);box-shadow:0 2px 8px rgba(0,150,219,.4)}
.db-landing.db-lp-calc .db-lp-slider-value{font-size:16px;font-weight:800;color:var(--db-cyan);min-width:96px;text-align:right;font-variant-numeric:tabular-nums}
.db-landing.db-lp-calc .db-lp-slider-scale{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--db-text-3);margin-top:8px;letter-spacing:.5px;text-transform:uppercase}

/* checkbox rows */
.db-landing.db-lp-calc .db-lp-check{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--db-bg);border:2px solid var(--db-border);border-radius:var(--db-radius-sm);cursor:pointer;transition:all .2s}
.db-landing.db-lp-calc .db-lp-check:hover{border-color:var(--db-cyan-pill-text)}
.db-landing.db-lp-calc .db-lp-check:focus-within{outline:3px solid rgba(0,150,219,.45);outline-offset:2px}
.db-landing.db-lp-calc .db-lp-check input[type="checkbox"]{width:20px;height:20px;accent-color:var(--db-cyan);cursor:pointer;margin:0;flex-shrink:0}
.db-landing.db-lp-calc .db-lp-check-text strong{display:block;font-size:14px;color:var(--db-text);font-weight:700}
.db-landing.db-lp-calc .db-lp-check-text span{font-size:12px;color:var(--db-text-2)}

/* warning + disclaimer */
.db-landing.db-lp-calc .db-lp-warn{display:none;background:rgba(232,146,12,.09);border-left:3px solid var(--db-amber);padding:14px 18px;border-radius:6px;margin-top:16px;font-size:13px;color:#7a4b06;line-height:1.5}
.db-landing.db-lp-calc .db-lp-warn.is-visible{display:block}
.db-landing.db-lp-calc .db-lp-warn strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.db-landing.db-lp-calc .db-lp-disclaimer{margin-top:28px;padding:18px 22px;background:var(--db-bg);border-radius:var(--db-radius-sm);border:1px dashed #c6d2dd;font-size:12px;color:var(--db-text-2);line-height:1.65}
.db-landing.db-lp-calc .db-lp-disclaimer strong{color:var(--db-text);display:block;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}

/* results */
.db-landing.db-lp-calc .db-lp-results{display:flex;flex-direction:column;gap:20px}
.db-landing.db-lp-calc .db-lp-result-hero{background:var(--db-dark);color:#fff;padding:32px 32px 28px;position:relative}
.db-landing.db-lp-calc .db-lp-result-hero::after{content: '';position:absolute;top:0;left:0;right:0;height:4px;background:var(--db-cyan)}
.db-landing.db-lp-calc .db-lp-result-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,.6);margin-bottom:14px}
.db-landing.db-lp-calc .db-lp-result-value{font-size:64px;font-weight:900;line-height:1;letter-spacing:-2.5px;margin-bottom:8px;color:#fff;font-variant-numeric:tabular-nums}
.db-landing.db-lp-calc .db-lp-result-unit{font-size:17px;font-weight:600;color:rgba(255,255,255,.9)}
.db-landing.db-lp-calc .db-lp-result-area{margin-top:18px;padding-top:18px;border-top:1px solid var(--db-border-dark);font-size:13px;color:rgba(255,255,255,.75);line-height:1.6}
.db-landing.db-lp-calc .db-lp-result-area strong{color:var(--db-cyan-pill-text)}
.db-landing.db-lp-calc .db-lp-result-cta{margin-top:22px}
.db-landing.db-lp-calc .db-lp-result-cta .db-lp-btn{width:100%}

.db-landing.db-lp-calc .db-lp-devices{padding:32px}
.db-landing.db-lp-calc .db-lp-devices h3,.db-landing.db-lp-calc .db-lp-stats h3{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}
.db-landing.db-lp-calc .db-lp-sub{font-size:12px;color:var(--db-text-3);margin-bottom:22px;display:block}
.db-landing.db-lp-calc .db-lp-device-list{display:grid;gap:12px}
.db-landing.db-lp-calc .db-lp-device{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:16px 18px 16px 22px;background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius-sm);position:relative;overflow:hidden}
.db-landing.db-lp-calc .db-lp-device::before{content: '';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--db-cyan)}
.db-landing.db-lp-calc .db-lp-device--dock::before{background:var(--db-dark)}
.db-landing.db-lp-calc .db-lp-device.is-hidden{display:none}
.db-landing.db-lp-calc .db-lp-device-icon{width:46px;height:46px;border-radius:12px;background:var(--db-cyan-pill-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.db-landing.db-lp-calc .db-lp-device--dock .db-lp-device-icon{background:rgba(29,29,31,.1)}
.db-landing.db-lp-calc .db-lp-device-icon svg{width:24px;height:24px;stroke:var(--db-cyan);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.db-landing.db-lp-calc .db-lp-device--dock .db-lp-device-icon svg{stroke:var(--db-dark)}
.db-landing.db-lp-calc .db-lp-device-name{font-size:14px;font-weight:700;letter-spacing:-.2px;margin-bottom:2px}
.db-landing.db-lp-calc .db-lp-device-meta{font-size:12px;color:var(--db-text-2);line-height:1.5}
.db-landing.db-lp-calc .db-lp-device-qty{font-size:34px;font-weight:900;color:var(--db-cyan);letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums;text-align:right}
.db-landing.db-lp-calc .db-lp-device--dock .db-lp-device-qty{color:var(--db-dark)}
.db-landing.db-lp-calc .db-lp-device-qty-unit{display:block;font-size:10px;color:var(--db-text-3);font-weight:700;letter-spacing:1.5px;text-align:right;margin-top:4px;text-transform:uppercase}

.db-landing.db-lp-calc .db-lp-stats{padding:28px 32px}
.db-landing.db-lp-calc .db-lp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.db-landing.db-lp-calc .db-lp-stat{text-align:center;padding:18px 12px;background:var(--db-bg);border-radius:var(--db-radius-sm);border:1px solid var(--db-border)}
.db-landing.db-lp-calc .db-lp-stat-value{font-size:22px;font-weight:900;color:var(--db-cyan);letter-spacing:-.5px;margin-bottom:4px;line-height:1}
.db-landing.db-lp-calc .db-lp-stat-label{font-size:10px;font-weight:700;color:var(--db-text-2);text-transform:uppercase;letter-spacing:1.5px}

.db-landing.db-lp-calc .db-lp-cta-card{padding:30px 32px;background:var(--db-dark-mid);color:#fff}
.db-landing.db-lp-calc .db-lp-cta-card h3{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;color:#fff}
.db-landing.db-lp-calc .db-lp-cta-card p{font-size:13px;color:rgba(255,255,255,.75);margin-bottom:20px;line-height:1.65}
.db-landing.db-lp-calc .db-lp-cta-card .db-lp-btn{padding:13px 22px;font-size:14px}

/* ---------- COMPONENT CARDS ---------- */
.db-landing.db-lp-calc .db-lp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.db-landing.db-lp-calc .db-lp-comp{background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:28px 26px;box-shadow:var(--db-shadow-sm);transition:all .3s;display:flex;flex-direction:column}
.db-landing.db-lp-calc .db-lp-comp:hover{transform:translateY(-4px);border-color:var(--db-cyan);box-shadow:var(--db-shadow-md)}
.db-landing.db-lp-calc .db-lp-comp-icon{width:52px;height:52px;border-radius:14px;background:var(--db-cyan-pill-bg);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.db-landing.db-lp-calc .db-lp-comp-icon svg{width:26px;height:26px;stroke:var(--db-cyan);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.db-landing.db-lp-calc .db-lp-comp-num{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--db-cyan);display:block;margin-bottom:10px}
.db-landing.db-lp-calc .db-lp-comp h3{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:10px}
.db-landing.db-lp-calc .db-lp-comp p{font-size:14px;color:var(--db-text-2);line-height:1.6;flex:1}
.db-landing.db-lp-calc .db-lp-comp ul{margin-top:14px;padding-top:14px;border-top:1px solid var(--db-border)}
.db-landing.db-lp-calc .db-lp-comp li{font-size:13px;color:var(--db-text-2);padding:5px 0;display:flex;gap:8px;line-height:1.5}
.db-landing.db-lp-calc .db-lp-comp li::before{content: '\2713';color:var(--db-cyan);font-weight:800;flex-shrink:0}

/* ---------- PROCESS ---------- */
.db-landing.db-lp-calc .db-lp-process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.db-landing.db-lp-calc .db-lp-step{background:rgba(255,255,255,.03);border:1px solid var(--db-border-dark);border-radius:var(--db-radius);padding:32px 26px;transition:all .3s}
.db-landing.db-lp-calc .db-lp-step:hover{border-color:var(--db-cyan);transform:translateY(-4px)}
.db-landing.db-lp-calc .db-lp-step-num{font-size:13px;font-weight:800;color:var(--db-cyan);letter-spacing:1.5px;margin-bottom:14px;display:block}
.db-landing.db-lp-calc .db-lp-step h3{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:10px;color:#fff}
.db-landing.db-lp-calc .db-lp-step p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.7)}

/* ---------- CROSS LINKS ---------- */
.db-landing.db-lp-calc .db-lp-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.db-landing.db-lp-calc .db-lp-link-card{display:flex;flex-direction:column;background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:32px;box-shadow:var(--db-shadow-sm);transition:all .3s;color:var(--db-text)}
.db-landing.db-lp-calc .db-lp-link-card:hover{transform:translateY(-4px);border-color:var(--db-cyan);box-shadow:var(--db-shadow-md)}
.db-landing.db-lp-calc .db-lp-link-card .db-lp-comp-num{margin-bottom:12px}
.db-landing.db-lp-calc .db-lp-link-card h3{font-size:21px;font-weight:800;letter-spacing:-.4px;margin-bottom:10px}
.db-landing.db-lp-calc .db-lp-link-card p{font-size:14px;color:var(--db-text-2);line-height:1.6;flex:1}
.db-landing.db-lp-calc .db-lp-link-card span.db-lp-link-arrow{margin-top:20px;font-size:14px;font-weight:700;color:var(--db-cyan)}
.db-landing.db-lp-calc .db-lp-link-card span.db-lp-link-arrow::after{content: '\2192';margin-left:6px;transition:margin .2s}
.db-landing.db-lp-calc .db-lp-link-card:hover span.db-lp-link-arrow::after{margin-left:10px}

/* ---------- FAQ ---------- */
.db-landing.db-lp-calc .db-lp-faq{max-width:860px;margin:44px auto 0}
.db-landing.db-lp-calc .db-lp-faq details{background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius-sm);padding:0 22px;margin-bottom:12px;box-shadow:var(--db-shadow-sm)}
.db-landing.db-lp-calc .db-lp-faq summary{padding:18px 0;font-weight:700;font-size:15px;color:var(--db-text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.db-landing.db-lp-calc .db-lp-faq summary::-webkit-details-marker{display:none}
.db-landing.db-lp-calc .db-lp-faq summary::after{content: '+';color:var(--db-cyan);font-size:22px;font-weight:700;line-height:1;flex-shrink:0;transition:transform .2s}
.db-landing.db-lp-calc .db-lp-faq details[open] summary::after{transform:rotate(45deg)}
.db-landing.db-lp-calc .db-lp-faq summary:focus-visible{outline:3px solid rgba(0,150,219,.45);outline-offset:-2px;border-radius:6px}
.db-landing.db-lp-calc .db-lp-faq p{padding:0 0 18px;color:var(--db-text-2);font-size:14px;line-height:1.65}

/* ---------- FINAL CTA + FORM ---------- */
.db-landing.db-lp-calc .db-lp-final{text-align:center}
.db-landing.db-lp-calc .db-lp-final .db-lp-title{color:#fff}
.db-landing.db-lp-calc .db-lp-final .db-lp-desc{margin:0 auto 36px}
.db-landing.db-lp-calc .db-lp-form-wrap{max-width:760px;margin:40px auto 0;background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:40px;box-shadow:var(--db-shadow-md)}
.db-landing.db-lp-calc .db-lp-form-note{font-size:12px;color:var(--db-text-3);margin-top:16px;line-height:1.5}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
  .db-landing.db-lp-calc .db-lp-grid-3,.db-landing.db-lp-calc .db-lp-process{grid-template-columns:1fr 1fr}
}
@media (max-width:920px){
  .db-landing.db-lp-calc .db-lp-section{padding:72px 20px}
  .db-landing.db-lp-calc .db-lp-hero{min-height:auto;padding:88px 20px 60px}
  .db-landing.db-lp-calc .db-lp-calc-grid{grid-template-columns:1fr;gap:24px}
  .db-landing.db-lp-calc .db-lp-input-panel,.db-landing.db-lp-calc .db-lp-devices,.db-landing.db-lp-calc .db-lp-result-hero,.db-landing.db-lp-calc .db-lp-stats,.db-landing.db-lp-calc .db-lp-cta-card{padding:24px 22px}
  .db-landing.db-lp-calc .db-lp-result-value{font-size:48px}
  .db-landing.db-lp-calc .db-lp-stats-row{grid-template-columns:1fr 1fr}
  .db-landing.db-lp-calc .db-lp-links{grid-template-columns:1fr}
  .db-landing.db-lp-calc .db-lp-form-wrap{padding:28px 20px}
}
@media (max-width:640px){
  .db-landing.db-lp-calc .db-lp-grid-3,.db-landing.db-lp-calc .db-lp-process{grid-template-columns:1fr}
  .db-landing.db-lp-calc .db-lp-stats-row{grid-template-columns:1fr}
  .db-landing.db-lp-calc .db-lp-device{grid-template-columns:42px 1fr auto;gap:12px;padding:14px 14px 14px 18px}
  .db-landing.db-lp-calc .db-lp-device-icon{width:38px;height:38px}
  .db-landing.db-lp-calc .db-lp-device-qty{font-size:28px}
  .db-landing.db-lp-calc .db-lp-btn{width:100%}
  .db-landing.db-lp-calc .db-lp-hero h1{letter-spacing:-1px}
}
@media (prefers-reduced-motion:reduce){
  .db-landing.db-lp-calc *{transition:none!important;animation:none!important}
}


  /* ================================================================
     DRONEBASE LANDING · CHROME CONDIVISO v2
     Rail laterale, barra CTA fissa, "Perché DroneBase", form finale.
     Blocco identico in ogni css/pages/landings/db-<slug>.css delle
     landing unificate. Rail e barra usano i valori già in produzione
     sulla landing Drone Cleaning System (header sito = 186px).
     ================================================================ */
  .site-content:has(.db-landing), .content-area:has(.db-landing), #content:has(.db-landing), #primary:has(.db-landing), #main:has(.db-landing), main:has(.db-landing), article:has(.db-landing), .col-full:has(.db-landing), .container:has(.db-landing), .container-fluid:has(.db-landing), .row:has(.db-landing), .columns:has(.db-landing), .entry-content:has(.db-landing), .post-content:has(.db-landing), .page-content:has(.db-landing), .site-main:has(.db-landing) { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow: visible !important; float: none !important; }
  .site-content:has(.db-landing) #secondary, .site-content:has(.db-landing) .sidebar, .site-content:has(.db-landing) .widget-area, #content:has(.db-landing) #secondary, #content:has(.db-landing) .sidebar, #content:has(.db-landing) .widget-area { display: none !important; }
  #page:has(.db-landing) { overflow: visible !important; }
  #content:has(.db-landing) { margin-bottom: 0 !important; }
  .entry-content:has(.db-landing) > *:not(.db-landing):not(.db-chrome):not(.wpforms-container):not(:has(.db-landing)), .site-content:has(.db-landing) > *:not(.db-landing):not(.db-chrome):not(.wpforms-container):not(:has(.db-landing)) { max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; }
  .db-landing { width: 100%; margin: 0; padding: 0; }
  .db-landing > * { margin-top: 0 !important; margin-bottom: 0 !important; }
  .db-landing { overflow-x: clip; }
  .db-landing [id] { scroll-margin-top: 110px; }
  @media(min-width:761px) { body:has(.db-chrome.db-sticky) { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important; } }
  @media(max-width:760px) { .db-landing [id] { scroll-margin-top: 70px; } }

  .db-chrome, .db-chrome * { box-sizing: border-box; }
  .db-chrome { --dbc-dark: #070d14; --dbc-mid: #0f1923; --dbc-cyan: #0096DB; --dbc-cyan-h: #0078b0; --dbc-cyan-t: #4DB8F0; --dbc-cyan-bg: rgba(0,150,219,0.15); --dbc-text: #1a2637; --dbc-t2: #4a5a6b; --dbc-t3: #8a95a3; --dbc-border: #dde6ee; --dbc-radius: 14px; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
  .db-chrome a { text-decoration: none; }

  /* ---- RAIL DI NAVIGAZIONE VERTICALE (solo desktop ≥1200px; valori allineati alla cleaning live) ---- */
  .db-rail { position: fixed; right: 22px; top: 186px; bottom: 78px; z-index: 9; display: none; flex-direction: column; justify-content: center; gap: 4px; list-style: none; margin: 0 !important; padding: 0 !important; font-family: Roboto, sans-serif; pointer-events: none; }
  @media(min-width:1200px) { .db-rail { display: flex; } }
  .db-rail li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  .db-rail a { pointer-events: auto; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 1px 0; color: rgba(255,255,255,0.55); font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .3px; text-decoration: none; }
  .db-rail a::after { content: ''; width: 7px; height: 7px; border-radius: 50%; border: 2px solid #0096DB; background: transparent; flex-shrink: 0; transition: all .2s; box-sizing: border-box; }
  .db-rail a span { background: rgba(7,13,20,0.9); color: rgba(255,255,255,0.75); padding: 4px 9px; line-height: 1; border-radius: 6px; white-space: nowrap; border: 1px solid rgba(255,255,255,0.1); transition: all .2s; }
  .db-rail a:hover span { color: #fff; border-color: #0096DB; }
  .db-rail a:hover::after, .db-rail a.active::after { background: #0096DB; box-shadow: 0 0 0 4px rgba(0,150,219,0.25); }
  .db-rail a.active span { background: #0096DB; color: #fff; border-color: #0096DB; font-weight: 800; }
  .db-rail li.db-rail-cta { margin-top: 6px !important; }
  .db-rail li.db-rail-cta a span { background: #fff; color: #070d14; border-color: #fff; font-weight: 800; }
  .db-rail li.db-rail-cta a::after { background: #fff; border-color: #fff; }

  /* ---- BARRA CTA FISSA IN BASSO ---- */
  .db-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(7,13,20,0.96); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(255,255,255,0.1); padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); display: flex; justify-content: center; align-items: center; gap: 12px; box-shadow: 0 -8px 30px rgba(0,0,0,0.35); font-family: Roboto, sans-serif; }
  .db-sticky-txt { color: rgba(255,255,255,0.85); font-size: 14px; font-weight: 700; letter-spacing: -.2px; margin-right: 8px; display: inline-flex; align-items: center; gap: 7px; }
  .db-sticky-txt b { color: #4DB8F0; }
  .db-sticky-txt::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px #22c55e; }
  .db-sticky a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 22px; border-radius: 8px; font-size: 14px; font-weight: 700; letter-spacing: .2px; white-space: nowrap; transition: all .2s; text-decoration: none; }
  .db-sticky .s-call { color: #fff !important; border: 1.5px solid rgba(255,255,255,0.3); background: transparent; }
  .db-sticky .s-call:hover { border-color: #0096DB; color: #4DB8F0 !important; }
  .db-sticky .s-book { background: #0096DB; color: #fff !important; }
  .db-sticky .s-book:hover { background: #0078b0; }
  .db-sticky .s-shop { background: #fff; color: #070d14 !important; }
  .db-sticky .s-shop:hover { background: #e6f4fb; }
  @media(max-width:760px) { .db-sticky { display: none; } } /* come sulla cleaning live: su mobile la barra è nascosta */

  /* ---- PERCHÉ DRONEBASE (strip standard sopra il form) ---- */
  /* soluzioni collegate (link interni tra landing) */
  .db-rel { background: #fff; border-top: 1px solid var(--dbc-border); padding: 44px 24px; font-family: Roboto, sans-serif; }
  .db-rel-in { max-width: 1100px; margin: 0 auto; text-align: center; }
  .db-rel-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dbc-t3); margin-bottom: 18px; }
  .db-rel ul { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; list-style: none; margin: 0 !important; padding: 0 !important; }
  .db-rel li { margin: 0 !important; padding: 0 !important; list-style: none; }
  .db-rel li::before { content: none !important; }
  .db-rel a { display: inline-block; background: #f7fafc; border: 1px solid var(--dbc-border); border-radius: 999px; padding: 11px 20px; font-size: 14.5px; font-weight: 600; line-height: 1.3; color: var(--dbc-text) !important; transition: border-color .2s, color .2s, background .2s; }
  .db-rel a:hover { border-color: var(--dbc-cyan); color: var(--dbc-cyan) !important; background: #fff; }
  .db-rel a.db-rel-all { background: transparent; border-color: transparent; color: var(--dbc-cyan) !important; font-weight: 700; }
  @media(max-width:600px) { .db-rel { padding: 34px 16px; } .db-rel a { font-size: 14px; padding: 10px 16px; } }
  .db-why { background: var(--dbc-dark); color: #fff; padding: 72px 24px; }
  .db-why-in { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 44px; align-items: center; }
  .db-why-label { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dbc-cyan); margin-bottom: 16px; }
  .db-why-label::before { content: '\2014  '; }
  .db-why h2 { font-family: Roboto, sans-serif; font-size: clamp(1.8rem, 3.6vw, 2.6rem) !important; font-weight: 900 !important; letter-spacing: -1px; line-height: 1.1; color: #fff !important; margin: 0 0 16px !important; text-transform: none !important; }
  .db-why h2 span { color: var(--dbc-cyan-t); }
  .db-why p { font-size: 15.5px; line-height: 1.65; color: rgba(255,255,255,0.75); margin: 0 0 18px !important; }
  .db-why p strong { color: #fff; }
  .db-why-badges { display: flex; flex-wrap: wrap; gap: 8px; }
  .db-why-badges span { background: var(--dbc-cyan-bg); color: var(--dbc-cyan-t); padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
  .db-why ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
  .db-why li { margin: 0 !important; display: flex; gap: 12px; align-items: flex-start; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 14px 16px; font-size: 14.5px; line-height: 1.5; color: rgba(255,255,255,0.85); }
  .db-why li svg { width: 20px; min-width: 20px; height: 20px; color: var(--dbc-cyan-t); margin-top: 1px; }
  .db-why li strong { color: #fff; }
  .db-why-logo { height: 30px; width: auto; display: block; margin-bottom: 22px; }
  @media(max-width:900px) { .db-why-in { grid-template-columns: 1fr; gap: 28px; } .db-why { padding: 56px 20px; } }

  /* ---- FORM FINALE (identico ovunque) ---- */
  .db-form { background: #f7fafc; padding: 80px 24px 88px; color: var(--dbc-text); }
  .db-form-in { max-width: 780px; margin: 0 auto; text-align: center; }
  .db-form-label { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--dbc-cyan); margin-bottom: 16px; }
  .db-form-label::before { content: '\2014  '; }
  .db-form h2 { font-family: Roboto, sans-serif; font-size: clamp(1.9rem, 4vw, 2.8rem) !important; font-weight: 900 !important; letter-spacing: -1px; line-height: 1.1; color: var(--dbc-text) !important; margin: 0 0 16px !important; text-transform: none !important; }
  .db-form p { font-size: 16px; line-height: 1.7; color: var(--dbc-t2); margin: 0 auto 22px !important; max-width: 700px; }
  .db-form p strong { color: var(--dbc-cyan); }
  .db-form-call { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center; background: #fff; border: 1px solid var(--dbc-border); border-radius: var(--dbc-radius); padding: 14px 20px; margin: 0 auto 8px; }
  .db-form-call-dot { width: 10px; min-width: 10px; height: 10px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,0.6); animation: db-pulse 1.8s infinite; }
  @keyframes db-pulse { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.6); } 70% { box-shadow: 0 0 0 10px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
  .db-form-call span { font-size: 13.5px; font-weight: 600; color: var(--dbc-t2); }
  .db-form-call a { font-family: Roboto, sans-serif; font-size: 18px; font-weight: 900; color: #fff !important; background: var(--dbc-cyan); padding: 9px 16px; border-radius: 8px; letter-spacing: -.3px; white-space: nowrap; transition: background .2s; }
  .db-form-call a:hover { background: var(--dbc-cyan-h); }
  @media(max-width:600px) { .db-form { padding: 56px 16px 60px; } }
  .db-form-wp { max-width: 760px; margin: 26px auto 0; text-align: left; }
  .db-form .wpforms-container { background: #ffffff !important; max-width: 760px !important; width: 100% !important; margin: 0 auto !important; padding: 44px !important; border-radius: 14px !important; border: 1px solid #dde6ee !important; box-shadow: 0 16px 48px rgba(0,0,0,0.12) !important; box-sizing: border-box !important; font-family: Roboto, sans-serif !important; text-align: left !important; }
  .db-form .wpforms-container form { background: transparent !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; max-width: 100% !important; }
  .db-form .wpforms-container .wpforms-field-label { font-weight: 700 !important; color: #1a2637 !important; }
  .db-form .wpforms-container input[type=text], .db-form .wpforms-container input[type=email], .db-form .wpforms-container input[type=tel], .db-form .wpforms-container select, .db-form .wpforms-container textarea { background: #f7fafc !important; border: 1px solid #dde6ee !important; border-radius: 8px !important; max-width: 100% !important; }
  .db-form .wpforms-container button[type=submit], .db-form .wpforms-container .wpforms-submit { background: #0096DB !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; padding: 16px 32px !important; font-size: 15px !important; font-weight: 700 !important; width: 100% !important; font-family: Roboto, sans-serif !important; }
  .db-form .wpforms-container button[type=submit]:hover, .db-form .wpforms-container .wpforms-submit:hover { background: #0078b0 !important; }
  /* form su due colonne da 700px in su: i campi "larghi" restano a tutta larghezza */
  @media(min-width:700px) {
    .db-form .wpforms-container .wpforms-field-container { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; }
    .db-form .wpforms-container .wpforms-field-container > .wpforms-field { width: auto !important; max-width: none !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; clear: none !important; min-width: 0; }
    .db-form .wpforms-container .wpforms-field-container > .wpforms-field-textarea, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-select, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-checkbox, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-radio, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-gdpr-checkbox, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-divider, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-html, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-file-upload, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-hidden, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-captcha, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-name, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-layout, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-content, .db-form .wpforms-container .wpforms-field-container > .wpforms-field-address { grid-column: 1 / -1; }
  }
  @media(max-width:600px) { .db-form .wpforms-container { padding: 26px 18px !important; } }
