/* ============================================================
   ADC TECH MARINE — design system condiviso
   Palette navale + giallo segnaletico · Manrope / Space Mono
   ============================================================ */
:root{
  --c-deep:#0A1F33; --c-ocean:#0F3052; --c-steel:#1E4D7B;
  --c-fog:#E8EEF2; --c-paper:#FAFBFC; --c-signal:#FFC93C;
  --c-signal-deep:#E8AC00; --c-alert:#FF4D3D; --c-cyan:#5AB8EC;
  --c-grid:rgba(255,255,255,.06); --c-dim:rgba(255,255,255,.65);
  --f-display:'Manrope',system-ui,sans-serif;
  --f-mono:'Space Mono','Courier New',monospace;
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s6:3rem; --s8:4rem; --s12:6rem;
  --maxw:1180px; --radius:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-display);background:var(--c-paper);color:var(--c-deep);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--c-steel)}
:focus-visible{outline:3px solid var(--c-signal);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- NAV ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,31,51,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:var(--s2) var(--s4);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.logo{font-family:var(--f-mono);font-weight:700;font-size:.95rem;letter-spacing:.05em;color:var(--c-fog);text-decoration:none;display:flex;align-items:center;gap:.6rem}
.logo img{width:30px;height:30px;border-radius:7px}
.nav-links{display:flex;gap:var(--s3);align-items:center;list-style:none}
.nav-links a{color:var(--c-dim);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--c-signal)}
.nav-cta{background:var(--c-signal);color:var(--c-deep)!important;padding:.5rem 1rem;border-radius:var(--radius);font-weight:700;font-size:.82rem!important;text-transform:uppercase;letter-spacing:.05em}
.nav-cta:hover{background:var(--c-signal-deep)}
.lang-switch{font-family:var(--f-mono);font-size:.72rem;border-left:1px solid rgba(255,255,255,.15);padding-left:var(--s2);display:flex;gap:.5rem}
.lang-switch a{color:var(--c-dim);text-decoration:none}
.lang-switch a.active{color:var(--c-signal)}
@media (max-width:900px){.nav-links li.nav-hide{display:none}}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--c-deep);color:var(--c-fog);overflow:hidden;padding:9.5rem var(--s4) var(--s12)}
.hero.tall{min-height:88vh;display:flex;align-items:center;padding-top:7rem}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--c-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c-grid) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 78%)}
.hero::after{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,201,60,.13) 0%,transparent 70%);pointer-events:none}
.hero-inner{position:relative;max-width:var(--maxw);margin:0 auto;width:100%;z-index:1}
.eyebrow{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-signal);margin-bottom:var(--s3)}
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;max-width:15em}
.hero .sub{margin-top:var(--s3);font-size:clamp(1.05rem,2vw,1.3rem);color:var(--c-dim);max-width:38em;font-weight:300}
.hero .sub strong{color:var(--c-fog);font-weight:600}
.hero-ctas{display:flex;gap:var(--s2);margin-top:var(--s6);flex-wrap:wrap;align-items:center}

/* ---------- BOTTONI ---------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.5rem;border-radius:var(--radius);font-weight:700;text-decoration:none;font-size:.95rem;border:0;cursor:pointer;font-family:var(--f-display);transition:transform .15s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--c-signal);color:var(--c-deep)}
.btn-primary:hover{background:var(--c-signal-deep)}
.btn-ghost{background:transparent;color:var(--c-fog);border:1px solid rgba(255,255,255,.3)}
.btn-ghost:hover{border-color:var(--c-signal);color:var(--c-signal)}
.btn-dark{background:var(--c-deep);color:#fff}
.btn-store{background:#000;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.7rem 1.3rem;display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15;border-radius:10px;text-decoration:none}
.btn-store .small{font-size:.62rem;font-weight:400;letter-spacing:.03em;opacity:.85}
.btn-store .big{font-size:1.05rem;font-weight:700}
.note-android{font-family:var(--f-mono);font-size:.72rem;color:var(--c-dim);letter-spacing:.05em}

/* ---------- SEZIONI ---------- */
.section{padding:var(--s12) var(--s4)}
.section.alt{background:var(--c-fog)}
.section.dark{background:var(--c-deep);color:var(--c-fog)}
.section-inner{max-width:var(--maxw);margin:0 auto}
.section h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;max-width:20em}
.section .lead{margin-top:var(--s2);color:#41586e;max-width:44em;font-size:1.05rem}
.section.dark .lead{color:var(--c-dim)}
.kicker{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-signal-deep);margin-bottom:var(--s2)}
.section.dark .kicker{color:var(--c-signal)}

/* ---------- GRIGLIE CARD ---------- */
.grid{display:grid;gap:var(--s3);margin-top:var(--s6)}
.grid.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid.c3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid.c4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:#fff;border:1px solid #dde5ec;border-radius:var(--radius);padding:var(--s4);position:relative}
.section.dark .card,.card.dark{background:var(--c-ocean);border-color:rgba(255,255,255,.1);color:var(--c-fog)}
.card .num{font-family:var(--f-mono);font-size:.72rem;color:var(--c-signal-deep);letter-spacing:.15em}
.card.dark .num,.section.dark .card .num{color:var(--c-signal)}
.card h3{font-size:1.12rem;font-weight:700;margin:.5rem 0 .4rem}
.card p{font-size:.93rem;color:#41586e}
.section.dark .card p,.card.dark p{color:var(--c-dim)}
.card .icon{font-size:1.6rem;line-height:1;margin-bottom:.6rem;display:block}
a.card{display:block;text-decoration:none;color:inherit;transition:transform .15s,border-color .2s}
a.card:hover{transform:translateY(-3px);border-color:var(--c-signal)}
.card .cta-line{margin-top:var(--s2);font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;color:var(--c-signal-deep)}

/* ---------- TIER HARDWARE ---------- */
.tier{border-top:4px solid var(--c-steel)}
.tier.hot{border-top-color:var(--c-signal)}
.tier .tag{position:absolute;top:-.8rem;right:1rem;background:var(--c-signal);color:var(--c-deep);font-family:var(--f-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:.2rem .6rem;border-radius:3px;text-transform:uppercase}
.tier ul{list-style:none;margin-top:var(--s2)}
.tier li{font-size:.9rem;color:#41586e;padding:.32rem 0;border-bottom:1px dashed #dde5ec}
.section.dark .tier li{color:var(--c-dim);border-color:rgba(255,255,255,.12)}
.tier li::before{content:'▸ ';color:var(--c-signal-deep)}

/* ---------- STEP ---------- */
.steps{counter-reset:step;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--s6)}
.step{counter-increment:step;background:#fff;border:1px solid #dde5ec;border-radius:var(--radius);padding:var(--s4)}
.step::before{content:counter(step,decimal-leading-zero);font-family:var(--f-mono);font-size:1.6rem;font-weight:700;color:var(--c-signal-deep)}
.step h3{font-size:1.05rem;margin:.5rem 0 .3rem}
.step p{font-size:.92rem;color:#41586e}

/* ---------- SPEC LINE ---------- */
.specline{margin-top:var(--s6);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;color:var(--c-dim);display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.specline span::before{content:'◈ ';color:var(--c-signal)}

/* ---------- PLANCIA SPLIT ---------- */
.split{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--s6)}
.panel{background:#fff;border:1px solid #dde5ec;border-radius:var(--radius);padding:var(--s6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s2)}
.panel img.qr{width:min(260px,70%);border-radius:8px;border:1px solid #dde5ec}
.panel h3{font-size:1.2rem}
.panel p{font-size:.93rem;color:#41586e;max-width:28em}

/* ---------- STRIP INVESTITORI ---------- */
.strip{background:var(--c-deep);color:var(--c-fog);padding:var(--s8) var(--s4)}
.strip-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}
.strip h2{font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:800;max-width:22em}

/* ---------- FORM ---------- */
form.contact{margin-top:var(--s6);max-width:640px;display:grid;gap:var(--s2)}
form.contact label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#41586e}
.section.dark form.contact label{color:var(--c-dim)}
form.contact input,form.contact textarea{width:100%;padding:.8rem 1rem;border:1px solid #c8d4de;border-radius:var(--radius);font-family:var(--f-display);font-size:.95rem;background:#fff;color:var(--c-deep)}
form.contact textarea{min-height:130px;resize:vertical}
form.contact input:focus,form.contact textarea:focus{outline:2px solid var(--c-signal);border-color:var(--c-signal)}
.form-ok{display:none;background:#E6F6EA;border:1px solid #2E9E5B;color:#1D6B3C;padding:var(--s2) var(--s3);border-radius:var(--radius);font-weight:600;margin-top:var(--s2)}
.form-ok.show{display:block}
.form-note{font-size:.8rem;color:#6b7f92;margin-top:.3rem}

/* ---------- FOOTER ---------- */
.footer{background:var(--c-deep);color:var(--c-dim);padding:var(--s8) var(--s4) var(--s6);border-top:1px solid rgba(255,255,255,.08)}
.footer-inner{max-width:var(--maxw);margin:0 auto;display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.footer h4{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--c-fog);margin-bottom:var(--s2)}
.footer ul{list-style:none}
.footer li{margin:.35rem 0}
.footer a{color:var(--c-dim);text-decoration:none;font-size:.9rem}
.footer a:hover{color:var(--c-signal)}
.footer .brand{font-family:var(--f-mono);font-weight:700;color:var(--c-fog);display:flex;align-items:center;gap:.5rem}
.footer .brand img{width:26px;height:26px;border-radius:6px}
.footer .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:var(--s3);font-size:.78rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2)}