/* DroneBase — Landing "droni-antincendio-boschivo-aib" (root id db-antincendio-boschivo) — 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. */


.db-landing{
  --db-cyan:#0096DB;--db-cyan-h:#0078b0;--db-cyan-s:rgba(0,150,219,.10);--db-cyan-b:rgba(0,150,219,.32);
  --db-dark:#070d14;--db-dark2:#141f2c;--db-dark3:#1b2a3a;
  --db-bg:#f7fafc;--db-white:#ffffff;
  --db-text: #1a2637;--db-t2:#4a5a6b;--db-t3:#8a95a3;
  --db-border:#dde6ee;--db-border-dark:rgba(255,255,255,.10);
  --db-amber:#0096DB;--db-amber-s:rgba(0,150,219,.10);--db-amber-b:rgba(0,150,219,.32);--db-red:#d65656;
  --db-radius:14px;--db-radius-sm:8px;--db-pill:999px;
  --db-sh-sm:0 1px 4px rgba(0,0,0,.06);--db-sh-md:0 4px 20px rgba(0,0,0,.08);--db-sh-lg:0 16px 48px rgba(0,0,0,.12);
  --db-font:Roboto,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
  --db-in:1160px;
  font-family:var(--db-font);color:var(--db-text);background:var(--db-white);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.db-landing *,.db-landing *::before,.db-landing *::after{box-sizing:border-box;}
.db-landing h1,.db-landing h2,.db-landing h3,.db-landing h4,.db-landing p,.db-landing ul,.db-landing ol,.db-landing table,.db-landing figure{margin:0;padding:0;}
.db-landing ul{list-style:none;}
.db-landing a{color:inherit;text-decoration:none;}
.db-landing a:focus-visible,.db-landing button:focus-visible,.db-landing summary:focus-visible{outline:3px solid var(--db-cyan);outline-offset:3px;border-radius:4px;}
.db-landing img{max-width:100%;height:auto;display:block;}
.db-landing strong{font-weight:700;}

/* layout */
.db-landing .db-lp-wrap{max-width:var(--db-in);margin:0 auto;padding:0 24px;}
.db-landing .db-lp-sec{padding:96px 0;background:var(--db-white);}
.db-landing .db-lp-sec--alt{background:var(--db-bg);border-top:1px solid var(--db-border);border-bottom:1px solid var(--db-border);}
.db-landing .db-lp-sec--dark{background:var(--db-dark);color:#fff;}
.db-landing .db-lp-sec--dark .db-lp-h2,.db-landing .db-lp-sec--dark .db-lp-h3,.db-landing .db-lp-sec--dark .db-lp-h4{color:#fff;}
.db-landing .db-lp-sec--dark .db-lp-lede,.db-landing .db-lp-sec--dark .db-lp-p{color:#c9d2db;}
.db-landing .db-lp-head{max-width:780px;margin-bottom:48px;}
.db-landing .db-lp-head--center{margin-left:auto;margin-right:auto;text-align:center;}

/* type */
.db-landing .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-label--fire{color:var(--db-amber);}
.db-landing .db-lp-h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;letter-spacing:-1.2px;line-height:1.06;color:#fff;max-width:24ch;}
.db-landing .db-lp-h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:900;letter-spacing:-1px;line-height:1.08;margin-bottom:18px;color:var(--db-text);}
.db-landing .db-lp-h3{font-size:1.35rem;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin-bottom:10px;color:var(--db-text);}
.db-landing .db-lp-h4{font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:8px;color:var(--db-text);}
.db-landing .db-lp-lede{font-size:1.15rem;line-height:1.6;color:var(--db-t2);max-width:70ch;}
.db-landing .db-lp-p{color:var(--db-t2);max-width:72ch;}
.db-landing .db-lp-p+.db-lp-p{margin-top:14px;}
.db-landing .db-lp-small{font-size:.86rem;color:var(--db-t3);}
.db-landing .db-lp-link{color:var(--db-cyan-h);font-weight:700;border-bottom:1.5px solid transparent;transition:border-color .2s;}
.db-landing .db-lp-link:hover{border-bottom-color:var(--db-cyan-h);}
.db-landing .db-lp-sec--dark .db-lp-link{color:#7fd0ff;}

/* buttons */
.db-landing .db-lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--db-font);font-weight:700;font-size:15px;letter-spacing:.2px;padding:16px 32px;border-radius:var(--db-radius-sm);border:1.5px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;line-height:1.2;text-align:center;}
.db-landing .db-lp-btn--pri{background:var(--db-cyan);color:#fff;box-shadow:var(--db-sh-sm);}
.db-landing .db-lp-btn--pri:hover{background:var(--db-cyan-h);color:#fff;box-shadow:var(--db-sh-md);}
.db-landing .db-lp-btn--sec{background:transparent;color:var(--db-text);border-color:#c5d0da;}
.db-landing .db-lp-btn--sec:hover{border-color:var(--db-cyan);color:var(--db-cyan-h);}
.db-landing .db-lp-sec--dark .db-lp-btn--sec,.db-landing .db-lp-hero .db-lp-btn--sec,.db-landing .db-lp-final .db-lp-btn--sec{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.04);}
.db-landing .db-lp-sec--dark .db-lp-btn--sec:hover,.db-landing .db-lp-hero .db-lp-btn--sec:hover,.db-landing .db-lp-final .db-lp-btn--sec:hover{border-color:#fff;color:#fff;}
.db-landing .db-lp-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.db-landing .db-lp-btnrow--center{justify-content:center;}
.db-landing .db-lp-cta-inline{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;}
.db-landing .db-lp-cta-inline span{font-size:.92rem;color:var(--db-t3);}
.db-landing .db-lp-sec--dark .db-lp-cta-inline span{color:#aab6c2;}

/* hero */
.db-landing .db-lp-hero{position:relative;overflow:hidden;min-height:76vh;display:flex;align-items:center;background:var(--db-dark);color:#fff;padding:104px 0 64px;}
.db-landing .db-lp-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:var(--db-dark);}
.db-landing .db-lp-hero-bg iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:56.25vw;transform:translate(-50%,-50%);border:0;}
.db-landing .db-lp-hero-poster{position:absolute;inset:0;}
.db-landing .db-lp-hero-ov{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(29,29,31,.94) 0%,rgba(29,29,31,.80) 45%,rgba(29,29,31,.45) 100%),linear-gradient(180deg,rgba(29,29,31,.1) 50%,rgba(29,29,31,.96) 100%);}
.db-landing .db-lp-hero-in{position:relative;z-index:2;width:100%;}
.db-landing .db-lp-hero .db-lp-lede{margin-top:20px;font-size:1.12rem;color:#d6dde4;max-width:66ch;}
/* hero centrato (come le altre landing) */
#db-antincendio-boschivo .db-lp-hero-in{text-align:center;}
#db-antincendio-boschivo .db-lp-hero-in .db-lp-h1{margin-left:auto;margin-right:auto;}
#db-antincendio-boschivo .db-lp-hero-in .db-lp-lede{margin-left:auto;margin-right:auto;}
#db-antincendio-boschivo .db-lp-hero-in .db-lp-motto{justify-content:center;}
#db-antincendio-boschivo .db-lp-hero-in .db-lp-btnrow{justify-content:center;}
.db-landing .db-lp-motto{display:flex;flex-wrap:wrap;gap:0;margin-top:26px;border:1px solid rgba(255,255,255,.22);border-radius:var(--db-radius-sm);overflow:hidden;background:rgba(255,255,255,.06);backdrop-filter:blur(4px);max-width:760px;}
.db-landing .db-lp-motto span{flex:1 1 200px;padding:14px 18px;font-weight:800;font-size:1rem;letter-spacing:-.2px;color:#fff;border-right:1px solid rgba(255,255,255,.18);display:flex;gap:10px;align-items:center;}
.db-landing .db-lp-motto span:last-child{border-right:0;}
.db-landing .db-lp-motto i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--db-amber);flex:none;}
.db-landing .db-lp-motto span:nth-child(2) i{background:var(--db-cyan);}
.db-landing .db-lp-motto span:nth-child(3) i{background:#5fd39a;}
.db-landing .db-lp-hero-alt{margin-top:16px;font-size:.92rem;color:#aab6c2;}
.db-landing .db-lp-hero-alt a{color:#7fd0ff;font-weight:600;}

/* KPI bar */
.db-landing .db-lp-kpibar{background:var(--db-white);border-bottom:1px solid var(--db-border);}
.db-landing .db-lp-kpibar .db-lp-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.db-landing .db-lp-kpibar div{padding:28px 18px;text-align:center;border-right:1px solid var(--db-border);}
.db-landing .db-lp-kpibar div:last-child{border-right:0;}
.db-landing .db-lp-kpibar b{display:block;font-size:1.9rem;font-weight:900;letter-spacing:-1px;line-height:1;color:var(--db-cyan-h);}
.db-landing .db-lp-kpibar span{display:block;font-size:.82rem;color:var(--db-t2);margin-top:8px;font-weight:600;}

/* anchor nav */
.db-landing .db-lp-anchors{background:var(--db-white);border-bottom:1px solid var(--db-border);}
.db-landing .db-lp-anchors .db-lp-wrap{display:flex;gap:6px;overflow-x:auto;padding-top:14px;padding-bottom:14px;scrollbar-width:none;}
.db-landing .db-lp-anchors .db-lp-wrap::-webkit-scrollbar{display:none;}
.db-landing .db-lp-anchors a{white-space:nowrap;font-size:.88rem;font-weight:600;color:var(--db-t2);padding:8px 14px;border-radius:var(--db-pill);transition:background .2s,color .2s;}
.db-landing .db-lp-anchors a:hover{background:var(--db-cyan-s);color:var(--db-cyan-h);}

/* placeholders */
.db-landing .db-lp-ph{border:2px dashed #b9c8d6;border-radius:var(--db-radius);background:repeating-linear-gradient(135deg,#f0f5f9 0 16px,#e6eef5 16px 32px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--db-t2);width:100%;}
.db-landing .db-lp-ph strong{font-size:.95rem;color:var(--db-text);display:block;margin-bottom:6px;}
.db-landing .db-lp-ph span{font-size:.82rem;max-width:50ch;line-height:1.5;}
.db-landing .db-lp-ph--16x9{aspect-ratio:16/9;}
.db-landing .db-lp-ph--4x3{aspect-ratio:4/3;}
.db-landing .db-lp-ph--16x10{aspect-ratio:16/10;}
.db-landing .db-lp-hero-poster .db-lp-ph{height:100%;border-radius:0;border:0;opacity:.35;}

/* two levels */
.db-landing .db-lp-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px;}
.db-landing .db-lp-two>div{background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:36px 32px;box-shadow:var(--db-sh-md);position:relative;}
.db-landing .db-lp-two-num{font-size:3rem;font-weight:900;letter-spacing:-2px;line-height:1;color:var(--db-cyan-s);position:absolute;top:24px;right:28px;}
.db-landing .db-lp-two>div:first-child .db-lp-two-num{color:var(--db-amber-s);}
.db-landing .db-lp-two .db-lp-h3{margin-top:4px;}
.db-landing .db-lp-chain{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;}
.db-landing .db-lp-chain span{font-size:.8rem;font-weight:700;color:var(--db-t2);background:var(--db-bg);border:1px solid var(--db-border);padding:6px 10px;border-radius:var(--db-pill);}
.db-landing .db-lp-chain span::after{content: "\2192 ";margin-left:8px;color:var(--db-cyan);}
.db-landing .db-lp-chain span:last-child::after{content: "";margin:0;}

/* flow 6 steps */
.db-landing .db-lp-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:44px;position:relative;}
.db-landing .db-lp-flow::before{content: "";position:absolute;left:0;right:0;top:26px;height:2px;background:var(--db-border);z-index:0;}
.db-landing .db-lp-fstep{position:relative;background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:22px 18px;box-shadow:var(--db-sh-sm);z-index:1;}
.db-landing .db-lp-fstep-k{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--db-cyan);padding:6px 10px;border-radius:var(--db-pill);margin-bottom:14px;}
.db-landing .db-lp-fstep--fire .db-lp-fstep-k{background:var(--db-amber);}
.db-landing .db-lp-fstep-t{font-size:.8rem;font-weight:700;color:var(--db-t3);margin-bottom:6px;}
.db-landing .db-lp-fstep h3{font-size:1rem;font-weight:800;color:var(--db-text);margin-bottom:6px;line-height:1.3;}
.db-landing .db-lp-fstep p{font-size:.88rem;color:var(--db-t2);line-height:1.5;}

/* split / media */
.db-landing .db-lp-split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;}
.db-landing .db-lp-split--rev>:first-child{order:2;}
.db-landing .db-lp-media{border-radius:var(--db-radius);overflow:hidden;box-shadow:var(--db-sh-md);background:var(--db-bg);}
.db-landing .db-lp-media img{width:100%;height:auto;}

/* checks */
.db-landing .db-lp-checks{margin-top:24px;}
.db-landing .db-lp-checks li{position:relative;padding:9px 0 9px 32px;color:var(--db-t2);}
.db-landing .db-lp-checks li::before{content: "";position:absolute;left:0;top:14px;width:18px;height:18px;border-radius:50%;background:var(--db-cyan-s);}
.db-landing .db-lp-checks li::after{content: "";position:absolute;left:5px;top:18px;width:8px;height:5px;border-left:2.5px solid var(--db-cyan);border-bottom:2.5px solid var(--db-cyan);transform:rotate(-45deg);}
.db-landing .db-lp-sec--dark .db-lp-checks li{color:#c9d2db;}

/* feature strip */
.db-landing .db-lp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;}
.db-landing .db-lp-feats div{background:var(--db-bg);border:1px solid var(--db-border);border-radius:var(--db-radius-sm);padding:14px 12px;text-align:center;}
.db-landing .db-lp-feats b{display:block;font-size:1.25rem;font-weight:900;letter-spacing:-.5px;color:var(--db-cyan-h);line-height:1;}
.db-landing .db-lp-feats span{display:block;font-size:.76rem;color:var(--db-t2);margin-top:6px;font-weight:600;}

/* grids & cards */
.db-landing .db-lp-g2,.db-landing .db-lp-g3,.db-landing .db-lp-g4{display:grid;gap:22px;margin-top:44px;}
.db-landing .db-lp-g2{grid-template-columns:repeat(2,1fr);}
.db-landing .db-lp-g3{grid-template-columns:repeat(3,1fr);}
.db-landing .db-lp-g4{grid-template-columns:repeat(4,1fr);gap:18px;}
.db-landing .db-lp-card{background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:28px 24px;box-shadow:var(--db-sh-sm);}
.db-landing .db-lp-card p{font-size:.95rem;color:var(--db-t2);}
.db-landing .db-lp-sec--dark .db-lp-card{background:var(--db-dark2);border-color:var(--db-border-dark);box-shadow:none;}
.db-landing .db-lp-sec--dark .db-lp-card p{color:#c9d2db;}
.db-landing .db-lp-card-tag{font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--db-cyan);margin-bottom:8px;display:block;}
.db-landing .db-lp-ic{width:30px;height:30px;color:var(--db-cyan);stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;margin-bottom:16px;flex:none;}
.db-landing .db-lp-ic--fire{color:var(--db-amber);}

/* modules (sensori) */
.db-landing .db-lp-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px;}
.db-landing .db-lp-module{background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);overflow:hidden;box-shadow:var(--db-sh-sm);display:flex;flex-direction:column;}
.db-landing .db-lp-module-img{aspect-ratio:16/10;overflow:hidden;background:var(--db-bg);}
.db-landing .db-lp-module-img img{width:100%;height:100%;object-fit:cover;}
.db-landing .db-lp-module-img .db-lp-ph{height:100%;border-radius:0;border-width:0 0 2px;}
.db-landing .db-lp-module-bd{padding:26px 26px 28px;}
.db-landing .db-lp-module-bd p{font-size:.95rem;color:var(--db-t2);}
.db-landing .db-lp-specs{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;}
.db-landing .db-lp-specs li{font-size:.88rem;color:var(--db-t2);padding:6px 0 6px 18px;position:relative;border-bottom:1px solid var(--db-border);}
.db-landing .db-lp-specs li::before{content: "";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--db-cyan);}
.db-landing .db-lp-specs li strong{color:var(--db-text);}

/* big number */
.db-landing .db-lp-bignum{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center;margin-top:44px;}
.db-landing .db-lp-bignum-box{background:var(--db-dark);color:#fff;border-radius:var(--db-radius);padding:44px 36px;text-align:center;box-shadow:var(--db-sh-lg);}
.db-landing .db-lp-bignum-val{font-size:5rem;font-weight:900;letter-spacing:-3px;line-height:1;color:#7fd0ff;}
.db-landing .db-lp-bignum-val sup{font-size:1.6rem;letter-spacing:0;vertical-align:top;margin-left:4px;}
.db-landing .db-lp-bignum-unit{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:#aab6c2;font-weight:700;margin-top:10px;}
.db-landing .db-lp-bignum-cap{font-size:.9rem;color:#c9d2db;margin-top:16px;line-height:1.5;}

/* table */
.db-landing .db-lp-tblwrap{overflow-x:auto;margin-top:36px;border-radius:var(--db-radius);border:1px solid var(--db-border);background:var(--db-white);box-shadow:var(--db-sh-sm);-webkit-overflow-scrolling:touch;}
.db-landing .db-lp-tbl{width:100%;min-width:620px;border-collapse:collapse;}
.db-landing .db-lp-tbl th{font-size:.78rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--db-t3);font-weight:700;text-align:left;padding:16px 20px;background:var(--db-bg);border-bottom:1px solid var(--db-border);}
.db-landing .db-lp-tbl td{padding:15px 20px;font-size:.95rem;border-bottom:1px solid var(--db-border);color:var(--db-t2);vertical-align:top;}
.db-landing .db-lp-tbl tr:last-child td{border-bottom:0;}
.db-landing .db-lp-tbl td:first-child{font-weight:700;color:var(--db-text);}
.db-landing .db-lp-tbl td.db-lp-td-a{color:var(--db-cyan-h);font-weight:700;}

/* showcase */
.db-landing .db-lp-showcase{position:relative;background:var(--db-dark);color:#fff;overflow:hidden;}
.db-landing .db-lp-showcase .db-lp-ph{position:absolute;inset:0;height:100%;border:0;border-radius:0;opacity:.3;}
.db-landing .db-lp-showcase-in{position:relative;z-index:1;padding:112px 0;max-width:680px;}
.db-landing .db-lp-showcase::after{content: "";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,29,31,.92) 0%,rgba(29,29,31,.55) 100%);}
.db-landing .db-lp-showcase-in{z-index:2;}

/* specs dark grid */
.db-landing .db-lp-specgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;}
.db-landing .db-lp-spec{background:var(--db-dark2);border:1px solid var(--db-border-dark);border-radius:var(--db-radius);padding:24px 18px;text-align:center;}
.db-landing .db-lp-spec b{display:block;font-size:1.6rem;font-weight:900;letter-spacing:-.8px;color:#7fd0ff;line-height:1;}
.db-landing .db-lp-spec span{display:block;font-size:.8rem;color:#aab6c2;margin-top:8px;font-weight:600;}

/* quote */
.db-landing .db-lp-quote{margin-top:48px;border-left:4px solid var(--db-amber);background:var(--db-amber-s);padding:28px 32px;border-radius:0 var(--db-radius) var(--db-radius) 0;max-width:860px;}
.db-landing .db-lp-quote p{font-size:1.15rem;color:var(--db-text);line-height:1.55;font-weight:500;}
.db-landing .db-lp-quote small{display:block;margin-top:12px;color:var(--db-t3);font-size:.88rem;}

/* callouts */
.db-landing .db-lp-note{margin-top:32px;border-radius:var(--db-radius-sm);padding:20px 24px;font-size:.98rem;color:var(--db-t2);background:var(--db-amber-s);border:1px solid var(--db-amber-b);}
.db-landing .db-lp-note strong{color:var(--db-text);}
.db-landing .db-lp-info{margin-top:32px;border-left:4px solid var(--db-cyan);background:var(--db-cyan-s);padding:18px 24px;border-radius:0 var(--db-radius-sm) var(--db-radius-sm) 0;font-size:.98rem;color:var(--db-t2);}
.db-landing .db-lp-info strong{color:var(--db-text);}
.db-landing .db-lp-sec--dark .db-lp-info{background:rgba(0,150,219,.14);color:#d6dde4;}
.db-landing .db-lp-sec--dark .db-lp-info strong{color:#fff;}

/* FAQ */
.db-landing .db-lp-faq{margin-top:40px;border-top:1px solid var(--db-border);}
.db-landing .db-lp-faq details{border-bottom:1px solid var(--db-border);}
.db-landing .db-lp-faq summary{cursor:pointer;list-style:none;padding:22px 48px 22px 0;position:relative;font-size:1.08rem;font-weight:700;color:var(--db-text);}
.db-landing .db-lp-faq summary::-webkit-details-marker{display:none;}
.db-landing .db-lp-faq summary::after{content: "+";position:absolute;right:8px;top:18px;color:var(--db-cyan);font-size:1.6rem;font-weight:300;line-height:1;}
.db-landing .db-lp-faq details[open] summary::after{content: "\2013 ";}
.db-landing .db-lp-faq .db-lp-p{padding:0 0 24px;max-width:80ch;}

/* final + form */
.db-landing .db-lp-final{background:radial-gradient(120% 140% at 0% 0%,rgba(0,150,219,.35) 0%,rgba(0,150,219,0) 55%),var(--db-dark);border-radius:var(--db-radius);padding:64px 40px;text-align:center;color:#fff;box-shadow:var(--db-sh-lg);}
.db-landing .db-lp-final .db-lp-h2{color:#fff;max-width:28ch;margin:0 auto 16px;}
.db-landing .db-lp-final p{font-size:1.08rem;color:#c9d2db;max-width:66ch;margin:0 auto;}
.db-landing .db-lp-form{margin-top:48px;background:var(--db-white);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:40px 36px;box-shadow:var(--db-sh-md);}
.db-landing .db-lp-form .db-lp-p{margin-bottom:24px;}
.db-landing .db-lp-form-ph{border:2px dashed #b9c8d6;border-radius:var(--db-radius-sm);padding:40px;text-align:center;font-weight:700;color:var(--db-t2);background:var(--db-bg);}

/* responsive */
@media (max-width:1080px){
  .db-landing .db-lp-flow{grid-template-columns:repeat(3,1fr);}
  .db-landing .db-lp-flow::before{display:none;}
  .db-landing .db-lp-g4,.db-landing .db-lp-specgrid{grid-template-columns:repeat(2,1fr);}
  .db-landing .db-lp-kpibar .db-lp-wrap{grid-template-columns:repeat(3,1fr);}
  .db-landing .db-lp-kpibar div:nth-child(3n){border-right:0;}
}
@media (max-width:980px){
  .db-landing .db-lp-sec{padding:70px 0;}
  .db-landing .db-lp-hero{min-height:0;padding:88px 0 56px;}
  .db-landing .db-lp-hero-ov{background:linear-gradient(180deg,rgba(29,29,31,.80) 0%,rgba(29,29,31,.92) 60%,var(--db-dark) 100%);}
  .db-landing .db-lp-g3,.db-landing .db-lp-feats{grid-template-columns:repeat(2,1fr);}
  .db-landing .db-lp-two,.db-landing .db-lp-g2,.db-landing .db-lp-split,.db-landing .db-lp-modules,.db-landing .db-lp-bignum{grid-template-columns:1fr;}
  .db-landing .db-lp-split--rev>:first-child{order:0;}
  .db-landing .db-lp-showcase-in{padding:80px 0;}
  .db-landing .db-lp-final{padding:48px 24px;}
}
@media (max-width:640px){
  .db-landing .db-lp-g3,.db-landing .db-lp-g4,.db-landing .db-lp-flow,.db-landing .db-lp-specgrid,.db-landing .db-lp-specs{grid-template-columns:1fr;}
  .db-landing .db-lp-kpibar .db-lp-wrap{grid-template-columns:1fr 1fr;}
  .db-landing .db-lp-kpibar div{border-right:0;border-bottom:1px solid var(--db-border);}
  .db-landing .db-lp-btn{width:100%;}
  .db-landing .db-lp-form{padding:28px 20px;}
  .db-landing .db-lp-hero .db-lp-lede{font-size:1rem;}
  .db-landing .db-lp-motto span{flex-basis:100%;border-right:0;border-bottom:1px solid rgba(255,255,255,.18);}
  .db-landing .db-lp-motto span:last-child{border-bottom:0;}
  .db-landing .db-lp-bignum-val{font-size:3.6rem;}
}
@media (prefers-reduced-motion:reduce){
  .db-landing *{transition:none!important;animation:none!important;}
  .db-landing .db-lp-hero-bg iframe{display:none;}
}


  /* ================================================================
     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; } }