/* Braqon IT — shared styles */
:root{
  --ink:#15171e; --ink2:#242833; --paper:#faf8f3; --card:#ffffff;
  --gold:#b7862f; --gold2:#d6a55c; --goldl:#f7efe0;
  --muted:#5b616d; --line:#e6e2d8; --line2:rgba(255,255,255,.14);
  --maxw:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Figtree",system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.65}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.08;letter-spacing:-.02em;font-weight:800}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

header{position:sticky;top:0;z-index:50;background:rgba(21,23,30,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px;color:#fff}
.brand{display:flex;align-items:center;gap:.5em;font-family:"Bricolage Grotesque";font-weight:800;font-size:1.3rem}
.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--gold2)}
.navlinks{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:500}
.navlinks a{color:#d7d9de}.navlinks a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.92rem;padding:11px 20px;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;border:0}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#a2761f;transform:translateY(-1px);box-shadow:0 8px 22px rgba(183,134,47,.32)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000}

.hero{position:relative;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('/img/office-exterior.jpg') center/cover no-repeat;filter:saturate(1.1) brightness(1.12)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,17,24,.82) 0%,rgba(15,17,24,.5) 50%,rgba(15,17,24,.12) 100%)}
.hero-inner{position:relative;z-index:2;padding:clamp(48px,7vw,88px) 0}
.flagbadge{display:inline-flex;align-items:center;gap:.6em;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:6px 13px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.flagbadge .st{color:var(--gold2)}
h1.hero-title{font-size:clamp(2.1rem,4.6vw,3.5rem);max-width:20ch;margin:18px 0 0;text-shadow:0 2px 26px rgba(0,0,0,.5)}
.hero-sub{margin-top:18px;max-width:60ch;font-size:clamp(1rem,1.6vw,1.2rem);color:#eef0f3;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.hero-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}

.trust{background:var(--ink2);color:#e9e6dd}
.trust .wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;text-align:center;font-size:.9rem;flex-wrap:wrap}

section{padding:clamp(26px,3.4vw,44px) 0}
.sec-head{max-width:720px;margin-bottom:22px}
/* Intro sotto la hero: striscia 3 punti chiave */
.intro{padding:clamp(26px,3.4vw,44px) 0}
.intro-lead{text-align:center;max-width:74ch;margin:0 auto 24px;font-size:clamp(1.05rem,1.7vw,1.24rem);color:var(--muted);line-height:1.5}
.intro-lead strong{color:var(--ink)}
.ipoints{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ipoint{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s}
.ipoint:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,20,30,.07);border-color:var(--gold2)}
.ipoint b{display:flex;align-items:center;gap:.55em;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.08rem;color:var(--ink);line-height:1.2;margin-bottom:8px}
.ipoint b::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--goldl);color:var(--gold);font-size:.82rem;font-weight:800;flex:0 0 auto}
.ipoint span{color:var(--muted);font-size:.95rem;line-height:1.55}
.ipoint span strong{color:var(--ink)}
@media (max-width:900px){.ipoints{grid-template-columns:1fr}}
.sec-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-top:8px}
.sec-head p{margin-top:14px;color:var(--muted);font-size:1.08rem}
.prose p{margin:0 0 14px;font-size:1.05rem;color:#2b2f38}
.prose h2{font-size:clamp(1.5rem,2.8vw,2.1rem);margin:34px 0 12px}
.prose h3{font-size:1.25rem;margin:24px 0 8px}
.prose ul{margin:0 0 16px 1.1em;color:#2b2f38}
.prose li{margin:6px 0}
.prose strong{color:var(--ink)}
.lead{font-size:1.15rem;color:var(--muted);max-width:70ch;margin-bottom:8px}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:26px 24px;transition:transform .2s,box-shadow .25s,border-color .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(20,20,30,.08);border-color:var(--gold2)}
.card .num{font-family:"Bricolage Grotesque";font-weight:800;color:var(--gold);font-size:.9rem}
.card h3{font-size:1.2rem;margin:10px 0 8px}
.card p{color:var(--muted);font-size:.96rem}
.card a.more{display:inline-block;margin-top:10px;color:var(--gold);font-weight:600;font-size:.92rem}

.sectors{background:var(--goldl)}
.sect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sect{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0;transition:transform .2s,box-shadow .2s,border-color .2s;color:inherit;text-decoration:none;min-width:0}
.sect:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,20,30,.1);border-color:var(--gold2)}
.sect .sect-media{display:block;aspect-ratio:16/9;width:100%;background:#12141b;overflow:hidden}
.sect .sect-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.sect:hover .sect-media img{transform:scale(1.05)}
.sect .sect-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.sect b{font-family:"Bricolage Grotesque";font-size:1.12rem;color:var(--ink,#0f1118);line-height:1.2}
.sect span{color:var(--muted);font-size:.9rem;line-height:1.4}
.sect .go{margin-top:4px;color:var(--gold);font-weight:600;font-size:.88rem}
.sect.is-current{border-color:var(--gold2);box-shadow:0 10px 28px rgba(183,134,47,.18)}
.sect.is-current .go{opacity:.7}

.faq{background:var(--paper)}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}
.faq-item h3{font-size:1.05rem;margin-bottom:7px}
.faq-item p{color:var(--muted);font-size:.95rem}

.cta{background:var(--ink);color:#fff;text-align:center}
.cta h2{font-size:clamp(1.7rem,3.2vw,2.5rem);max-width:22ch;margin:0 auto}
.cta p{color:#c9ccd3;margin:16px auto 26px;max-width:52ch;font-size:1.06rem}

.crumbs{font-size:.85rem;color:var(--muted);padding:16px 0 0}
.crumbs a{color:var(--gold)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.chip{background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 15px;font-size:.85rem;color:#2b2f38}

footer{background:#0e1016;color:#aab0bc;padding:44px 0 26px;margin-top:8px}
.foot-top{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:22px}
.foot-brand{color:#fff;font-family:"Bricolage Grotesque";font-weight:800;font-size:1.35rem;display:flex;align-items:center;gap:.5em}
.foot-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--gold2)}
.foot-tag{max-width:36ch;margin-top:9px;font-size:.93rem}
.foot-col a{color:#cfd3db;display:block;margin-top:7px;font-size:.93rem}
.foot-col b{color:#fff;font-family:"Bricolage Grotesque";font-size:.95rem}
.foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;font-size:.8rem;color:#7c828e}

@media (max-width:900px){
  .navlinks{display:none}
  .grid,.grid-2{grid-template-columns:1fr 1fr}
  .sect-grid{grid-template-columns:1fr 1fr}
  .faq-list{grid-template-columns:1fr}
}
@media (max-width:560px){
  .grid,.grid-2,.sect-grid{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:stretch}
}

/* Link "Global" (sito internazionale) evidenziato nella nav */
.navlinks a.nav-global{border:1px solid var(--gold2,#d6a55c);border-radius:999px;padding:4px 12px;color:var(--gold2,#d6a55c);transition:background .15s,color .15s}
.navlinks a.nav-global:hover{background:var(--gold2,#d6a55c);color:#14161d}
/* Switcher branch: Italia · USA · Global (coerente su tutte le pagine) */
.branchsw{display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px}
.branchsw a{padding:6px 12px;border-radius:999px;font-size:.85rem;line-height:1;color:#c9ccd3;white-space:nowrap;font-weight:600;transition:background .15s,color .15s}
.branchsw a:hover{color:#fff}
.branchsw a.active{background:var(--gold,#b7862f);color:#fff}
@media(max-width:640px){.branchsw a{padding:6px 9px;font-size:.8rem}}

/* CTA hero pulsante: alone dorato per attirare i click (solo il CTA primario dell'hero) */
@keyframes braqonPulse{
  0%{box-shadow:0 0 0 0 rgba(183,134,47,.55)}
  70%{box-shadow:0 0 0 16px rgba(183,134,47,0)}
  100%{box-shadow:0 0 0 0 rgba(183,134,47,0)}
}
.hero-cta .btn-gold,header .btn-gold{animation:braqonPulse 2.2s cubic-bezier(.4,0,.6,1) infinite}
.hero-cta .btn-gold:hover,.hero-cta .btn-gold:focus-visible,header .btn-gold:hover,header .btn-gold:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-cta .btn-gold,header .btn-gold{animation:none}}