/* Aironman — sito. Token e font da Talenthead (brand-identity/tokens/brand.css). */
@font-face{font-family:'Big Shoulders Display';font-weight:900;font-display:swap;src:url('fonts/BigShouldersDisplay-900.woff2') format('woff2');}
@font-face{font-family:'Work Sans';font-weight:400;font-display:swap;src:url('fonts/WorkSans-400.woff2') format('woff2');}
@font-face{font-family:'Work Sans';font-weight:600;font-display:swap;src:url('fonts/WorkSans-600.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-display:swap;src:url('fonts/JetBrainsMono-500.woff2') format('woff2');}

:root{
  --navy:#0f1932; --navy-profondo:#050e25; --arancio:#ff7527; --arancio-scuro:#c65d26;
  --lime:#d5d647; --carta:#f9f8f5; --crema:#faf1dc; --linea:#dad7d0;
  --titoli:'Big Shoulders Display',Impact,sans-serif;
  --testi:'Work Sans',system-ui,sans-serif;
  --etichette:'JetBrains Mono',ui-monospace,monospace;
  --bordo:4px; --raggio:28px; --ombra:10px 10px 0 var(--navy-profondo);
  --gutter:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--testi);font-size:17px;line-height:1.65;color:var(--navy);background:var(--carta);-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* marchio */
.marchio{font-family:var(--titoli);font-weight:900;font-size:30px;line-height:1;letter-spacing:.01em;text-decoration:none;color:var(--carta);text-transform:uppercase}
.marchio b{color:var(--arancio);font-weight:900}
.marchio.su-chiaro{color:var(--navy)}

/* intestazione */
.testata{position:sticky;top:0;z-index:20;background:var(--navy);color:var(--carta);border-bottom:var(--bordo) solid var(--navy-profondo)}
.testata .wrap{display:flex;align-items:center;gap:28px;height:68px}
.testata nav{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:600}
.testata nav a{text-decoration:none;opacity:.85}
.testata nav a:hover{opacity:1;color:var(--lime)}
.by{font-family:var(--etichette);font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.75;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}
.by img{height:15px;width:auto}
.by:hover{opacity:1}

/* bottoni */
.btn{display:inline-block;font-weight:600;font-size:16px;padding:14px 26px;border-radius:999px;border:var(--bordo) solid var(--navy-profondo);text-decoration:none;box-shadow:4px 4px 0 var(--navy-profondo);transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn:hover{transform:translate(4px,4px);box-shadow:0 0 0 var(--navy-profondo)}
.btn-arancio{background:var(--arancio);color:var(--navy-profondo)}
.btn-lime{background:var(--lime);color:var(--navy-profondo)}
.btn-chiaro{background:var(--carta);color:var(--navy-profondo)}
.testata .btn{padding:8px 18px;font-size:14px;box-shadow:3px 3px 0 var(--navy-profondo)}

/* tipografia */
.occhiello{font-family:var(--etichette);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--arancio-scuro);margin-bottom:18px}
.su-navy .occhiello{color:var(--lime)}
.su-arancio .occhiello{color:var(--navy-profondo)}
h1,h2,h3{font-family:var(--titoli);font-weight:900;text-transform:uppercase;line-height:.96}
h1{font-size:clamp(46px,8.4vw,124px)}
h2{font-size:clamp(36px,5.6vw,76px);margin-bottom:22px;max-width:16ch}
h3{font-size:clamp(26px,2.6vw,36px);line-height:1}
.lede{font-size:clamp(18px,1.6vw,21px);max-width:62ch;opacity:.86}
em{font-style:normal;color:var(--arancio)}

/* campi */
section{position:relative}
.campo{padding:clamp(64px,9vw,120px) 0}
.su-navy{background:var(--navy);color:var(--carta)}
.su-carta{background:var(--carta)}
.su-crema{background:var(--crema)}
.su-arancio{background:var(--arancio);color:var(--navy-profondo)}
.su-lime{background:var(--lime);color:var(--navy-profondo)}
.onda{display:block;width:100%;height:clamp(28px,4vw,56px);margin-top:-1px}
.onda path{fill:currentColor}

/* hero */
.hero{padding:clamp(64px,9vw,132px) 0 clamp(72px,10vw,140px)}
.hero h1{max-width:13ch}
.hero .lede{margin-top:30px}
.hero .azioni{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.hero .nota{font-family:var(--etichette);font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:44px}

/* due piani */
.piani{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:46px}
.piano{border:var(--bordo) solid var(--navy-profondo);border-radius:var(--raggio) var(--raggio) var(--raggio) 90px;box-shadow:var(--ombra);padding:clamp(26px,3.4vw,44px);display:flex;flex-direction:column;gap:16px;background:#fff;text-decoration:none}
.piano .num{font-family:var(--titoli);font-weight:900;font-size:76px;line-height:.8;color:var(--arancio)}
.piano.b{background:var(--navy);color:var(--carta)}
.piano.b .num{color:var(--lime)}
.piano p{opacity:.88}
.piano .vai{margin-top:auto;font-weight:600;padding-top:10px}

/* elenchi a carte */
.griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.carta-i{border:var(--bordo) solid var(--navy-profondo);border-radius:var(--raggio);background:#fff;padding:26px 26px 28px;color:var(--navy)}
.carta-i h3{margin-bottom:10px}
.carta-i p{font-size:16px;line-height:1.55;opacity:.88}
.carta-i .tag{font-family:var(--etichette);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--arancio-scuro);display:block;margin-bottom:12px}

/* metodo */
.passi{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border-top:var(--bordo) solid currentColor}
.passo{padding:26px 24px 8px 0}
.passo .n{font-family:var(--etichette);font-size:13px;color:var(--lime);letter-spacing:.06em}
.passo h3{margin:10px 0 10px}
.passo p{font-size:16px;line-height:1.55;opacity:.85}

/* non facciamo */
.no{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin-top:34px;list-style:none;max-width:900px}
.no li{padding:14px 0;border-bottom:2px solid rgba(5,14,37,.25);font-weight:600}
.no li::before{content:"✕  ";color:var(--arancio-scuro)}
.su-navy .no li{border-color:rgba(249,248,245,.22)}
.su-navy .no li::before{color:var(--arancio)}

/* strumenti */
.stato{display:inline-block;font-family:var(--etichette);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:3px solid var(--navy-profondo);background:var(--lime);color:var(--navy-profondo);margin-bottom:14px}
.stato.uso{background:var(--arancio)}
.stato.misura{background:var(--carta)}
.tool{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:40px}
.tool.primo{border:var(--bordo) solid var(--navy-profondo);border-radius:var(--raggio) var(--raggio) var(--raggio) 90px;box-shadow:var(--ombra);background:var(--carta);padding:clamp(26px,3.6vw,48px)}
.tool ul{list-style:none;display:grid;gap:10px}
.tool li{padding-left:28px;position:relative;font-size:16px}
.tool li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;background:var(--arancio);border:3px solid var(--navy-profondo);border-radius:50%}
.tool h3{font-size:clamp(34px,4vw,56px);margin-bottom:12px}
.tre{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.tre .carta-i{background:var(--carta)}

/* ciclo */
.ciclo{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch;margin-top:44px}
.ciclo .c{border:var(--bordo) solid var(--navy-profondo);border-radius:var(--raggio);padding:24px;background:var(--carta)}
.ciclo .c h3{margin-bottom:8px}
.ciclo .c p{font-size:16px;line-height:1.5}
.ciclo .fr{align-self:center;font-family:var(--titoli);font-weight:900;font-size:48px;line-height:1}

/* principi */
.principi{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.principi div{border-top:var(--bordo) solid var(--arancio);padding-top:16px}
.principi h3{font-size:26px;margin-bottom:8px}
.principi p{font-size:15.5px;line-height:1.55;opacity:.86}

/* contatti */
.contatti{text-align:left}
.contatti h2{max-width:14ch}
.contatti .azioni{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}

/* piè */
.piede{background:var(--navy-profondo);color:var(--carta);padding:44px 0 36px;font-size:14px}
.piede .riga{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.piede a{opacity:.8}
.piede a:hover{opacity:1}
.piede .legale{margin-top:26px;opacity:.6;font-size:13px;line-height:1.6;max-width:90ch}

@media (max-width:960px){
  .testata nav{display:none}
  .testata .btn{margin-left:auto}
  .piani,.tool,.tre{grid-template-columns:1fr}
  .griglia{grid-template-columns:1fr 1fr}
  .passi{grid-template-columns:1fr 1fr}
  .principi{grid-template-columns:1fr 1fr}
  .ciclo{grid-template-columns:1fr}
  .ciclo .fr{transform:rotate(90deg);justify-self:center}
}
@media (max-width:600px){
  body{font-size:16px}
  .griglia,.passi,.principi,.no{grid-template-columns:1fr}
  .by span{display:none}
  .testata .btn{display:none}
  .testata .by{margin-left:auto}
  .btn{white-space:normal;text-align:center}
}

/* guida (modulo con mail obbligatoria) */
.guida-box{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:40px}
.guida-box ul{list-style:none;display:grid;gap:12px}
.guida-box li{padding-left:28px;position:relative}
.guida-box li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;background:var(--arancio);border:3px solid var(--navy-profondo);border-radius:50%}
.modulo{background:var(--carta);color:var(--navy);border:var(--bordo) solid var(--navy-profondo);border-radius:var(--raggio) var(--raggio) var(--raggio) 90px;box-shadow:var(--ombra);padding:clamp(24px,3vw,40px);display:grid;gap:16px}
.modulo h3{font-size:clamp(28px,3vw,40px)}
.modulo label.c{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.modulo input[type=text],.modulo input[type=email]{width:100%;font:inherit;font-size:17px;padding:13px 16px;border:var(--bordo) solid var(--navy-profondo);border-radius:14px;background:#fff;color:var(--navy)}
.modulo input:focus{outline:3px solid var(--arancio);outline-offset:2px}
.modulo .spunta{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.modulo .spunta input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--arancio)}
.modulo .spunta a{color:var(--arancio-scuro)}
.modulo button{cursor:pointer;font-family:inherit}
.modulo button[disabled]{opacity:.6;cursor:wait}
.modulo .esito{font-weight:600;font-size:16px;min-height:1.4em}
.modulo .esito.err{color:#a3260e}
.modulo .esito.ok{color:var(--navy)}
.modulo .trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.modulo .nota-p{font-size:13px;opacity:.75}
@media (max-width:960px){.guida-box{grid-template-columns:1fr}}