/* stramba.blue — light "technical" theme, layered over style.css */
:root{--navy:#0b2540;--navy2:#12365a;--pale:#eef3f8;--ink:#14202b;--mute:#46525e}
body.bl{background:#fff;color:var(--ink)}
.bl h1,.bl h2,.bl h3{font-weight:300}
/* nav: white bar */
.bl nav,.bl nav.solid{background:rgba(255,255,255,.97);box-shadow:0 1px 0 rgba(0,0,0,.08);backdrop-filter:none}
.bl nav ul a{color:var(--ink);opacity:.75}
.bl nav ul a:hover{opacity:1}
.bl .btn-o{border-color:rgba(20,32,43,.4);color:var(--ink)}
.bl .btn-o:hover{border-color:var(--ink)}
.bl .menu-btn{border-color:rgba(20,32,43,.4);color:var(--ink)}
.bl .logo img{height:56px}
.bl nav .nav-portal{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:1000px){.bl nav ul{background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.1)}.bl nav ul li{border-bottom-color:rgba(0,0,0,.08)}}
/* text colours on white */
.bl .kicker{color:var(--blue)}
.bl .body{color:var(--mute)}
.bl .str .c p,.bl .why p,.bl .tl2 p{color:var(--mute)}
.bl .str .c i,.bl .why i,.bl .tl2 i{color:var(--blue)}
.bl .tl2 .ms i{color:#c98a00}
.bl .why,.bl .tl2,.bl .why div,.bl .tl2 div{border-color:rgba(0,0,0,.12)}
.bl .note{color:#6a7179}
.bl .light{background:var(--pale);color:var(--ink)}
.bl .rule{background:#fff}
/* navy bands */
.bl .navy,.bl .mission{background:var(--navy);color:#fff}
.bl .navy .body,.bl .mission .body{color:rgba(255,255,255,.78)}
.bl .navy .kicker{color:var(--blue-l)}
.bl .calc .panel{background:var(--navy2);border-color:rgba(255,255,255,.14)}
.bl .calc input,.bl .calc select{color:#fff}
.bl footer{background:var(--navy);border-top:0;color:rgba(255,255,255,.6)}
.bl footer .mis{color:#fff}
/* forms on pale */
.bl .form-sec{background:var(--pale);color:var(--ink)}
.bl .form-sec .lbl{color:#6a7179}
.bl .form-sec input,.bl .form-sec select,.bl .form-sec textarea{color:var(--ink);border-bottom-color:rgba(0,0,0,.3)}
.bl .form-sec .chips label{border-color:rgba(0,0,0,.25)}
.bl .form-sec .check{color:var(--mute)}
.bl .form-sec .msg.ok,.bl .form-sec .msg.err{color:var(--ink)}
/* page header: text left on pale, render right */
.bl .ph{min-height:60vh;background-color:var(--pale);background-repeat:no-repeat;background-position:right center;background-size:auto 100%;align-items:center}
.bl .ph::after{background:linear-gradient(90deg,var(--pale) 0%,var(--pale) 38%,rgba(238,243,248,0) 62%)}
.bl .ph .wrap{padding:130px 24px 60px}
.bl .ph h1{font-size:clamp(40px,5.6vw,78px);max-width:560px;color:var(--navy)}
.bl .ph p{color:var(--mute);max-width:420px}
@media (max-width:860px){
  .bl .ph{background-size:100% auto;background-position:top center;align-items:flex-end;min-height:76vh}
  .bl .ph::after{background:linear-gradient(180deg,rgba(238,243,248,0) 20%,var(--pale) 44%)}
  .bl .ph .wrap{padding:0 24px 40px}
}
/* HOME hero */
.bh{position:relative;min-height:92vh;display:flex;align-items:center;background:var(--navy) url(cargo-side.jpg) 70% center/cover}
.bh::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,37,64,.92) 0%,rgba(11,37,64,.72) 38%,rgba(11,37,64,0) 72%)}
.bh .wrap{position:relative;z-index:2;width:100%;padding-top:96px;padding-bottom:70px;color:#fff}
.bh .pre{font-size:13px;letter-spacing:.42em;text-transform:uppercase;margin-bottom:24px;opacity:.85}
.bh h1{font-size:clamp(46px,7vw,104px);line-height:1;max-width:760px;font-weight:200}
.bh .sub{margin-top:26px;font-size:clamp(18px,2vw,23px);font-weight:300;max-width:520px;opacity:.92}
@media (max-width:860px){.bh::before{background:linear-gradient(180deg,rgba(11,37,64,.55),rgba(11,37,64,.92))}}
/* facts strip */
.strip{background:var(--pale);padding:0}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.strip div.f{padding:30px 24px 30px 0;border-right:1px solid rgba(0,0,0,.1);padding-left:24px}
.strip div.f:first-child{padding-left:0}
.strip div.f:last-child{border-right:0}
.strip b{display:block;font-weight:400;font-size:17px;color:var(--navy)}
.strip span{font-size:14px;color:var(--mute)}
@media (max-width:860px){.strip .wrap{grid-template-columns:1fr 1fr}.strip div.f{padding:20px 12px 20px 0;border-bottom:1px solid rgba(0,0,0,.1)}.strip div.f:nth-child(odd){padding-left:0}.strip div.f:nth-child(even){border-right:0}}
/* chapters */
.chap{padding:0}
.chap .row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:480px}
.chap .row .pic{background:center/cover;min-height:300px}
.chap .row .txt{padding:70px 7vw;display:flex;flex-direction:column;justify-content:center}
.chap .row:nth-child(even){background:var(--pale)}
.chap .row:nth-child(even) .pic{order:2}
.chap .num{font-size:clamp(70px,8vw,120px);font-weight:200;line-height:.9;color:transparent;-webkit-text-stroke:1px var(--blue);margin-bottom:12px}
.chap h2{font-size:clamp(32px,3.6vw,50px);color:var(--navy);margin-bottom:14px}
.chap p{color:var(--mute);font-size:18px;max-width:480px}
.chap .go{margin-top:26px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--navy);padding-bottom:4px;align-self:flex-start}
@media (max-width:860px){.chap .row{grid-template-columns:1fr}.chap .row:nth-child(even) .pic{order:0}.chap .row .txt{padding:44px 24px}}
/* portal band */
.portal .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.portal h2{color:#fff}
.portal .card{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:30px;background:rgba(255,255,255,.04)}
.portal .card li{list-style:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.85);font-size:17px}
.portal .card li:last-child{border-bottom:0}
.portal .card li::before{content:"→";color:var(--yellow);margin-right:12px}
@media (max-width:860px){.portal .wrap{grid-template-columns:1fr;gap:28px}}
/* legal page on light theme */
.bl .legal{background:#fff}
.bl nav ul li.mo{display:none}@media (max-width:1000px){.bl nav ul li.mo{display:block}}
.bl .numbers{background:#fff;border:0}
.bl .mission .btn-o,.bl .navy .btn-o{color:#fff;border-color:rgba(255,255,255,.55)}
.bl .mission .btn-o:hover,.bl .navy .btn-o:hover{border-color:#fff}
/* logo STRAMBA CARGO + hero centrato */
.bl .logo img{height:28px;width:auto}
@media (max-width:860px){.bl .logo img{height:22px}}
.bh{text-align:center;justify-content:center}
.bh::before{background:linear-gradient(180deg,rgba(11,37,64,.55) 0%,rgba(11,37,64,.62) 100%)}
.bh .pre{font-size:clamp(13px,1.5vw,17px);letter-spacing:.5em;margin-bottom:22px;opacity:.9}
.bh h1{font-size:clamp(44px,9vw,132px);font-weight:300;text-transform:uppercase;letter-spacing:.04em;line-height:1;max-width:none;margin:0 auto}
.bh .sub{margin-left:auto;margin-right:auto;font-size:clamp(16px,1.8vw,20px);opacity:.88}

/* arancione WAPS (C0 M75 Y100 K25 ~ #BF3000); variante piu' chiara per testi su fondo scuro */
.bl{--yellow:#f0581c;--orange:#BF3000;--blue-logo:#3e5278}
.bl .btn-y{background:var(--orange);color:#fff}
.bl .btn-y:hover{background:#d63a00}
.bl .msg.ok{background:rgba(191,48,0,.12)}