body{font-family:sans-serif;margin:0;padding:0;background-color:white;color:black;}header{background-color:black;padding:15px 0;text-align:center;}nav a{color:white;text-decoration:none;font-weight:bold;transition:color 0.3s;}nav a:hover,nav a.active{color:#aaaaaa;}.hero-section{display:flex;justify-content:center;align-items:center;background-color:white;width:100%;}.trustwise-box{background-color:black;color:white;padding:15px 0;text-align:center;width:100%;box-shadow:0 0 15px rgba(0,0,0,0.5);}.trustwise-box h1{margin:0;font-size:inherit;letter-spacing:5px;}.content-section{background-color:white;color:black;padding:50px 10%;text-align:center;line-height:1.6;font-size:1.1em;}footer{background-color:black;color:white;text-align:center;padding:20px 0;font-size:0.9em;}@media (max-width:768px){nav a{margin:0 10px;font-size:0.9em;}.trustwise-box h1{font-size:inherit;}.content-section{padding:30px 5%;font-size:1em;}}@media (max-width:480px){nav a{display:block;margin:5px 0;padding:10px 0;border-bottom:1px solid #333;}nav a:last-child{border-bottom:none;}.trustwise-box h1{font-size:inherit;letter-spacing:3px;}.content-section{padding:20px 3%;font-size:0.9em;}footer{font-size:0.8em;}.service-category{margin-bottom:30px;}.cta-button{padding:8px 15px;font-size:0.9em;}}#services-section,#about-us-section{padding:50px 10%;text-align:center;}.service-category{margin-bottom:40px;padding:30px;background-color:white;border:1px solid black;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out;}.service-category:hover{transform:translateY(-5px);}.service-category h3{color:black;font-size:1.8em;margin-bottom:15px;}.service-category p{color:black;font-size:1.1em;line-height:1.6;margin-bottom:20px;}.cta-button{display:inline-block;background-color:black;color:white;padding:12px 25px;text-decoration:none;border-radius:5px;font-weight:bold;transition:background-color 0.3s ease-in-out;}.cta-button:hover{background-color:#333;}@media (max-width:768px){.service-category{padding:20px;}.service-category h3{font-size:1.5em;}.service-category p{font-size:1em;}.cta-button{padding:10px 20px;font-size:0.95em;}}@media (max-width:480px){.service-category{padding:15px;}.service-category h3{font-size:1.3em;}.service-category p{font-size:0.9em;}.cta-button{padding:8px 15px;font-size:0.9em;}}
/* CEO block styles */
.ceo-block{display:inline-flex;align-items:center;gap:10px;margin-top:10px;}
.ceo-label{margin-right:5px;}
.icon-linkedin{width:20px;height:20px;display:inline-block;}
.ceo-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;display:inline-block;}
.ceo-name-link{color:inherit;text-decoration:none;font-weight:bold;}
.ceo-name-link:hover{text-decoration:underline;}
/* Submenu under Our Services */
.subnav{display:none;background-color:var(--color-subnav);text-align:center;padding:8px 0;margin:var(--space-2) 0;}
.subnav.open{display:block;}
.subnav a{color:white;text-decoration:none;margin:0 12px;font-weight:bold;padding:4px 6px;font-size:0.9em;transition:background-color var(--transition-fast), color var(--transition-fast);} 
.subnav a:hover{background:var(--color-subnav-hover);color:#fff;}
/* Stato attivo nel subnav per chiarezza di navigazione */
.subnav a.active{background:var(--color-subnav-active);color:#fff;border-radius:4px;}
/* Vertical subnav refinement */
.subnav{border-top:1px solid var(--color-divider);margin:var(--space-2) 0;} 
.subnav.open{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;}
.subnav a{display:block;margin:4px 0;padding:6px 8px;font-size:0.9em;}

/* Sidebar subnav refinement and animation */
.subnav{background:#0a0a0a;border-left:2px solid #222;padding:8px 12px;margin:4px 0;font-size:.95em;max-height:0;overflow:hidden;transition:max-height var(--transition-fast)}
.subnav.open{max-height:320px}
.subnav a{padding:8px 24px}

/* M&A – Buy or Sell analysis layout */
#buy-sell-analysis{padding:0;} /* already wrapped by content-section spacing */
.services-two-column{display:grid;grid-template-columns:0.8fr 1.2fr;min-height:420px;}
.services-left{background-color:black;color:white;padding:28px 24px;}
.services-left{background-color:var(--color-primary);color:var(--color-bg);padding:var(--space-5) var(--space-4);}
.services-left h2{font-size:2em;line-height:1.2;margin:0 0 18px;}
.services-left p{margin:10px 0;}
.services-right{background-color:var(--color-bg);color:var(--color-text);padding:var(--space-5);} 
.ma-features{list-style:none;padding:0;margin:0;}
.ma-features li{margin:10px 0;padding-left:0;}
.ma-features li strong{display:block;margin-bottom:4px;}

.ma-intro{background:var(--color-card);border:1px solid var(--color-divider);border-radius:var(--radius-2);box-shadow:var(--shadow-1);padding:var(--space-5);margin-bottom:var(--space-5)}
.ma-keypoints{list-style:none;padding:0;margin:var(--space-3) 0 0}
.ma-keypoints li{margin:8px 0;position:relative;padding-left:28px}
.ma-keypoints li::before{content:"✓";position:absolute;left:0;top:0;color:#1e5fb3;font-weight:700}
.ma-steps h3{margin:0 0 var(--space-3)}
.ma-steps-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
.ma-step-card{background:#fff;border:1px solid var(--color-divider);border-radius:var(--radius-2);box-shadow:var(--shadow-1);padding:var(--space-5)}
.ma-step-card h4{margin:0 0 var(--space-2)}
.ma-step-card p{margin:0;color:#444}
.ma-step-badge{width:32px;height:32px;border-radius:16px;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:var(--space-2)}
.ma-step-card.interactive{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);cursor:pointer}
.ma-step-card.interactive:hover,.ma-step-card.interactive:focus{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);border-color:#999}
.ma-step-card.interactive:focus-visible{outline:2px solid #1e5fb3;outline-offset:2px}

/* Visibilità sezioni in Services: mostra solo quella attiva */
.service-view{display:none;opacity:0;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast);} 
.service-view.active{display:block;opacity:1;transform:translateY(0);} 

/* The way it works layout options (riusa lo schema M&A) */
#how-it-works{padding:0;}
.services-two-column.with-divider{position:relative;}
.services-two-column.with-divider::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:var(--color-divider);} 
.services-two-column.with-band{position:relative;}
.with-band .services-right{padding-right:96px;}
.side-band{position:absolute;right:0;top:0;bottom:0;width:64px;background:var(--color-band);display:flex;align-items:center;justify-content:center;}
.side-band span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:bold;font-size:0.8em;color:var(--color-text);letter-spacing:0.5px;}

/* Bullet con pillole decorative per The way it works */
.works-features{list-style:none;padding:0;margin:0;}
.works-features li{position:relative;margin:16px 0;padding-left:56px;}
.works-features li::before{content:"";position:absolute;left:0;top:8px;width:40px;height:12px;background:var(--color-band);border:1px solid var(--color-divider);border-radius:6px;}
.works-features li strong{display:block;margin-bottom:6px;}

@media (max-width:768px){
  .services-two-column{grid-template-columns:1fr;}
  .services-left h2{font-size:1.6em;}
  .with-band .services-right{padding-right:28px;}
  .side-band{display:none;}
  .ma-steps-grid{grid-template-columns:1fr}
}

/* Light variant: applica stile "Foto 1" (card chiara, testo scuro) */
.services-two-column.light .services-left,
.services-two-column.light .services-right{
  background:var(--color-bg);
  color:var(--color-text);
}
.services-two-column.light .services-left{
  padding:var(--space-5) var(--space-4);
}
.services-two-column.light .side-band{display:none}

/* ---------------- Design System (Tokens & Components) ---------------- */
/* Tokens */
:root{
  --color-bg:#ffffff;
  --color-text:#000000;
  --color-primary:#000000;
  --color-muted:#aaaaaa;
  --color-border:#333333;
  --color-divider:#e0e0e0;
  --color-card:#f3f4f6;
  --color-band:#d1d6df;
  --color-subnav:#333333; /* sfondo sottomenu */
  --color-subnav-hover:#444444; /* hover visibile e conforme */
  --color-subnav-active:#222222; /* stato attivo più scuro */
  --chart-primary:#1e5fb3; /* blu barra attiva */
  --chart-base:#cfd6df;     /* barra base comparativa */
  --chart-track:#eef1f5;    /* sfondo traccia */
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:24px; --space-5:32px; --space-6:48px;
  --radius-1:4px; --radius-2:6px;
  --shadow-1:0 0 10px rgba(0,0,0,0.1);
  --transition-fast:.25s ease; --transition-slow:.4s ease;
  --accent-1:#1e5fb3;
  --accent-2:#6ea5ff;
  --motto-title-size:clamp(18px,2.6vw,34px);
  --motto-emblem-scale:9;
  --sidebar-width:300px;
}

/* Components */
.feature-list{list-style:none;padding:0;margin:0;}
.feature-list li{margin:12px 0;}
.feature-list li strong{display:block;margin-bottom:6px;}

.btn{display:inline-block;background-color:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-2);text-decoration:none;font-weight:bold;transition:background-color var(--transition-slow);} 
.btn:hover{background-color:#333;}

.img-standard{display:block;max-width:100%;height:auto;border-radius:var(--radius-1);box-shadow:var(--shadow-1);} 

.container{padding-left:10%;padding-right:10%;}

/* About: inline figure between paragraphs */
.about-inline-figure{margin:24px auto;max-width:900px;text-align:center}
.about-inline-figure img{width:100%;height:auto;display:block}

.topic-illustration{margin:16px auto;max-width:900px;text-align:center}
.topic-illustration svg{width:100%;height:auto;display:block;border-radius:var(--radius-1);box-shadow:var(--shadow-1)}

/* Other Services: griglia e card coerenti con M&A */
.questions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);align-items:stretch}
.question-card{background:var(--color-card);border:1px solid var(--color-divider);border-radius:var(--radius-2);box-shadow:var(--shadow-1);padding:var(--space-5);display:flex;flex-direction:column;height:100%;position:relative}
.question-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}
.question-card h4{margin:0 0 var(--space-2);font-weight:bold;color:var(--color-text)}
.question-card p{margin:0;color:#444;line-height:1.55}

@media (max-width:768px){
  .questions-grid{grid-template-columns:1fr}
}

.accent-panel{background:linear-gradient(180deg,#f5f8fc,#ffffff)}

.carousel{position:relative}
.carousel-item{display:none}
.carousel-item.active{display:block}
/* Fix altezza immagini caroselli servizi per uniformità */
#ma-carousel .img-standard,
#ind-carousel .img-standard {
  width: 100%;
  height: 350px; /* Altezza fissa uniforme */
  object-fit: cover; /* Taglio intelligente per riempire senza deformare */
}
@media (max-width: 768px) {
  #ma-carousel .img-standard,
  #ind-carousel .img-standard {
    height: 250px; /* Altezza ridotta su mobile */
  }
}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3)}
.carousel-btn{min-width:44px;min-height:36px;border:0;border-radius:6px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#fff;font-weight:700;cursor:pointer}
.carousel-indicators{display:flex;gap:8px;align-items:center}
.indicator{width:10px;height:10px;border-radius:50%;border:1px solid var(--accent-1);background:#fff;cursor:pointer}
.indicator.active{background:var(--accent-1)}

/* Our Projects page */
.projects-hero h1{font-size:inherit;line-height:1.1;margin:0 0 var(--space-4);letter-spacing:1px}
.projects-hero h1 span{font-weight:400;color:var(--color-muted)}
.projects-grid{display:grid;grid-template-columns:0.32fr 1.68fr;gap:var(--space-5);align-items:start}
.projects-left .left-panel{background:var(--color-primary);color:#fff;padding:var(--space-5);min-height:320px;display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-1)}
.projects-left h3{margin:0}
.projects-left .nda{font-size:0.95em;color:#e9e9e9}

.projects-chart{background:#fff;padding:var(--space-5);border:1px solid var(--color-divider);box-shadow:var(--shadow-1)}
.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}
.chart-header h2{margin:0;font-size:1.2em;color:var(--color-text)}
.chart-thumb{width:120px;height:auto;border-radius:var(--radius-1)}

.chart-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}
.filter-btn{min-width:96px;min-height:48px;padding:8px 12px;border:1px solid var(--color-divider);background:#fff;color:var(--color-text);border-radius:var(--radius-2);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}
.filter-btn:hover{background:var(--color-card)}
.filter-btn.active{background:#222;color:#fff;border-color:#222}
.csr-intro{font-size:1.2em;line-height:1.5;margin:var(--space-4) 0}
.csr-caption{font-size:0.9em;line-height:1.5;margin-top:var(--space-3);color:#555}
.csr-layout{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5)}
.csr-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.csr-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:260px}
.csr-icon{width:58px;height:58px;border-radius:50%;border:3px solid #1e5fb3;box-shadow:0 0 5px rgba(0,0,0,0.35);background:radial-gradient(circle at 30% 20%,#ffffff 0,#f1f5fb 55%,#c0d0e8 100%);display:flex;align-items:center;justify-content:center}
.csr-icon svg{width:70%;height:70%;fill:#15253c;stroke:#15253c;stroke-width:1.6}
.csr-banner{background:#000;color:#fff;padding:18px 32px;min-width:260px;text-align:center}
.csr-banner-title{font-weight:700;letter-spacing:.03em}
.csr-banner-subtitle{font-size:0.9em;margin-top:4px}
.csr-table{margin-top:var(--space-4)}
.csr-row{display:flex;align-items:stretch;margin-bottom:6px}
.csr-label{background:#000;color:#fff;padding:8px 18px;min-width:220px;font-weight:700;letter-spacing:.03em}
.csr-bar{background:#c5ccd7;color:#000;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;font-weight:700}
.csr-bar-1,.csr-bar-2{width:100%}
.csr-bar-3,.csr-bar-4,.csr-bar-5{width:88%}
.csr-bar-6{width:72%}
.csr-bar-7{width:56%}
.csr-bar-8{width:40%}
.csr-bar-9{width:26%}
.csr-years{font-size:0.95em}
.csr-puzzle{display:flex;justify-content:flex-end;margin-top:var(--space-4)}
.csr-puzzle img{width:72px;height:auto}
@media (max-width:768px){
  .csr-intro{font-size:1.05em}
  .csr-caption{font-size:0.85em}
  .csr-header-row{flex-direction:column;align-items:flex-start}
  .csr-banner{width:100%}
  .csr-row{flex-direction:column}
  .csr-label{width:100%}
  .csr-bar{width:100%}
}
.chart-area{display:grid;gap:var(--space-3);background:repeating-linear-gradient(to right, var(--chart-track), var(--chart-track) 1px, transparent 1px, transparent 100px);padding:var(--space-4);border-radius:var(--radius-2)}
.bar-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:var(--space-3)}
.bar-label{font-weight:bold;color:var(--color-text)}
.bar-track{position:relative;display:flex;align-items:center;gap:6px;height:22px;background:#fff;border:1px solid var(--color-divider);border-radius:11px;overflow:hidden}
.bar-base,.bar-value{height:100%;width:0;transition:width 0.4s ease-out}
.bar-base{background:var(--chart-base)}
.bar-value{background:var(--chart-primary);position:relative}
.bar-value.active{filter:saturate(1.2)}
.bar-value:hover{filter:brightness(0.95)}
.bar-tip{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#fff;font-weight:bold;font-size:0.9em}

.axis{display:flex;justify-content:space-between;color:var(--color-muted);font-size:0.85em;margin-top:var(--space-2)}

@media (max-width:768px){
  .projects-grid{grid-template-columns:1fr}
  .bar-row{grid-template-columns:120px 1fr}
  .chart-thumb{width:96px}
}

/* ---------------- Global Uniform Design Enhancements ---------------- */
/* Baseline and performance-friendly defaults */
*{box-sizing:border-box}
img{display:block;max-width:100%;height:auto}
/* Reserve space to prevent CLS on common images */
.home-image{}
.about-inline-figure img{}
.chart-thumb{}

/* Responsive content container and typography */
.content-section{max-width:1100px;margin:0 auto}
.content-section p{line-height:1.65;margin:0 0 14px}

/* Headings hierarchy (responsive, clear, consistent) */
h1{font-weight:700;line-height:1.15;font-size:clamp(20px,2.8vw,42px)}
h2{font-weight:700;line-height:1.2;font-size:clamp(22px,2.6vw,32px);margin:0 0 12px}
h3{font-weight:700;line-height:1.25;font-size:clamp(18px,2.2vw,24px);margin:18px 0 8px}

/* Focus visibility across interactive elements */
nav a:focus-visible,.subnav a:focus-visible,.btn:focus-visible,.filter-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.filter-btn:focus-visible{outline-color:#1e5fb3}
html{font-size:16px}
.menu-toggle{display:inline-flex;position:fixed;top:16px;left:16px;z-index:10001;margin:0;padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#000;color:#fff;cursor:pointer;align-items:center;gap:.5rem}
.menu-toggle:focus-visible{outline:2px solid #1e5fb3;outline-offset:2px}
header nav{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:#000;padding:112px 12px 16px;display:none;transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:4px 0 12px rgba(0,0,0,.2);z-index:10000;overflow-y:auto}
header.nav-open nav{display:block;transform:translateX(0)}
header.nav-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9999}
header nav::before{
  content:"TRUSTWISE Solutions";
  display:flex;
  align-items:center;
  min-height:52px;
  padding:0 16px 0 64px;
  border-bottom:1px solid #444;
  font-weight:800;
  letter-spacing:.03em;
  color:#fff;
  font-size:clamp(14px,2.0vw,18px);
  background:linear-gradient(180deg,#0f0f0f,#000);
}
header nav a{display:flex;align-items:center;min-height:44px;margin:0;padding:10px 12px;border-bottom:1px solid #333;color:#fff;border-left:3px solid transparent}
header nav a:hover{background:#111}
header nav a.active{background:#111;border-left-color:#1e5fb3}
header nav a.open{background:#111;border-left-color:#1e5fb3}
.has-subnav{position:relative}
.has-subnav::after{content:"▸";position:absolute;right:12px;opacity:.85;transition:transform .2s}
.has-subnav.open::after{transform:rotate(90deg)}
html{font-size:16px}
.menu-toggle{display:inline-flex;position:fixed;top:16px;left:16px;z-index:10001;margin:0;padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#000;color:#fff;cursor:pointer;align-items:center;gap:.5rem}
.menu-toggle:focus-visible{outline:2px solid #1e5fb3;outline-offset:2px}
header nav{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:#000;padding:16px 12px;display:none;transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:4px 0 12px rgba(0,0,0,.2);z-index:10000}
header.nav-open nav{display:block;transform:translateX(0)}

@media (min-width:769px){
  header.nav-open + main{margin-left:var(--sidebar-width)}
}
/* Reduced motion for accessibility */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
}

/* Smooth, subtle fade utility if needed */
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .25s ease-out}
/* --- Mobile-safe margins for content-section --- */
.content-section{padding-left:clamp(16px,5vw,10%);padding-right:clamp(16px,5vw,10%);} 
@media (max-width:768px){.content-section{padding-left:clamp(16px,5vw,5%);padding-right:clamp(16px,5vw,5%);}}
@media (max-width:480px){.content-section{padding-left:clamp(16px,5vw,3%);padding-right:clamp(16px,5vw,3%);} :root{ --motto-emblem-scale: 10; } .motto-img{height:clamp(80px,28vw,calc(var(--motto-title-size) * var(--motto-emblem-scale)));}}
@media (max-width:768px){
  .menu-toggle{display:inline-flex;align-items:center;gap:.5rem}
  header nav{display:none}
  header.nav-open nav{display:block}
  nav a{display:block;margin:4px 0;padding:.6rem .5rem;border-bottom:1px solid #333}
}

.sticky-cta{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;text-align:center}
@media (min-width:769px){.sticky-cta{display:none}}
.sticky-cta .btn{display:block;padding:14px 24px;border-radius:var(--radius-2)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.ma-step-card.active{border-color:#222;box-shadow:0 8px 20px rgba(0,0,0,.14);transform:translateY(-1px)}

/* --- About title: force single line with auto-fit font --- */
.single-line-title{white-space:nowrap;font-weight:700;letter-spacing:.02em;line-height:1.1;margin:0 0 var(--space-4);text-align:left;font-size:inherit;} 
@media (max-width:480px){.single-line-title{letter-spacing:.01em;}}
/* Slogan nel menu: riga unica, centrato, responsive e senza overflow */
.menu-slogan{color:white;text-align:center;padding:0 16px;margin-top:8px;margin-bottom:8px;white-space:nowrap;overflow:hidden;display:block;font-weight:600;letter-spacing:.03em;font-size:clamp(11px,1.8vw,20px)}
@media (min-width:769px){.menu-slogan{letter-spacing:.02em}}
.motto-banner{margin:8px 16px;padding:16px;border-radius:8px;background:#ffffff;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);display:flex;align-items:center;gap:12px;break-inside:avoid;page-break-inside:avoid}
.motto-text{flex:1;text-align:center;overflow:hidden;color:#000}
.motto-banner .motto-line-1{font-weight:800;letter-spacing:.02em;font-size:var(--motto-title-size);line-height:1;white-space:nowrap}
.motto-banner .motto-line-2{font-weight:600;opacity:.95;margin-top:6px;font-size:clamp(14px,2vw,22px);white-space:nowrap}
.motto-img{height:clamp(72px,24vw,calc(var(--motto-title-size) * var(--motto-emblem-scale)));width:auto;object-fit:contain;flex:0 0 auto;margin:0 8px}
.motto-ticker{display:inline-flex;gap:48px;white-space:nowrap;will-change:transform;animation:mottoTicker 18s linear infinite}
.ticker-seg{display:inline-flex;gap:12px;align-items:baseline}
@keyframes mottoTicker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* ---- Global left alignment overrides (project-wide) ---- */
.content-section,
#services-section,
#about-us-section,
.service-category,
.menu-slogan,
.subnav,
footer,
header,
.trustwise-box{ text-align:left; }

/* ---------------- Our Values Accordion ---------------- */
.values-accordion{max-width:900px;margin:0 auto;}
.values-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.value-item{border:1px solid var(--color-divider);border-radius:var(--radius-2);background:#fff;box-shadow:var(--shadow-1);overflow:hidden}
.value-header{margin:0}
.value-toggle{width:100%;text-align:left;padding:14px 16px;background:#fff;border:0;border-bottom:1px solid var(--color-divider);font-weight:700;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.value-toggle::after{content:"+"; font-size:1em;color:var(--color-muted);}
.value-item.open .value-toggle::after{content:"−";}
.value-toggle:hover{background:var(--color-card)}
.value-toggle:focus-visible{outline:2px solid #1e5fb3;outline-offset:2px}
.value-panel{padding:0 16px;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-slow), opacity var(--transition-slow)}
.value-item.open .value-panel{opacity:1}
.value-panel p{margin:14px 0}

@media (prefers-reduced-motion: reduce){
  .value-panel{transition:none}
}

/* Breadcrumbs (rimossi) */

/* CTA A/B variant hook (rimosso) */
.menu-toggle{font-size:1rem}
@media (max-width:768px){
  .menu-toggle{display:inline-flex;align-items:center;gap:.5rem}
  header nav{display:none}
  header.nav-open nav{display:block}
  nav a{display:block;margin:4px 0;padding:.6rem .5rem;border-bottom:1px solid #333}
}

/* Expert for Industries Ladder */
.expert-intro-text p {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
    color: var(--color-primary);
    margin-bottom: 20px;
    text-align: left;
}

.ladder-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.ladder-step {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s ease;
    opacity: 1;
    transform: translateY(0);
}

.ladder-step.hidden {
    display: none;
    opacity: 0;
    transform: translateY(-20px);
}

.ladder-bar {
    width: 100%;
    padding: 12px 20px;
    text-align: center;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
    border-radius: 0;
}

.ladder-bar:hover {
    transform: scale(1.02);
}

.ladder-arrow {
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid; 
    margin: 8px 0;
}

.ladder-step[data-step='1'] .ladder-arrow { display: none; }

/* Colors */
.color-1, .color-6, .color-11 { background-color: #c06040; }
.color-2, .color-7, .color-12 { background-color: #e0a830; }
.color-3, .color-8 { background-color: #908075; }
.color-4, .color-9 { background-color: #756050; }
.color-5, .color-10 { background-color: #809080; }

/* Arrow Colors */
.ladder-step[data-step='2'] .ladder-arrow { border-top-color: #c06040; }
.ladder-step[data-step='3'] .ladder-arrow { border-top-color: #e0a830; }
.ladder-step[data-step='4'] .ladder-arrow { border-top-color: #908075; }
.ladder-step[data-step='5'] .ladder-arrow { border-top-color: #756050; }
.ladder-step[data-step='6'] .ladder-arrow { border-top-color: #809080; }
.ladder-step[data-step='7'] .ladder-arrow { border-top-color: #c06040; }
.ladder-step[data-step='8'] .ladder-arrow { border-top-color: #e0a830; }
.ladder-step[data-step='9'] .ladder-arrow { border-top-color: #908075; }
.ladder-step[data-step='10'] .ladder-arrow { border-top-color: #756050; }
.ladder-step[data-step='11'] .ladder-arrow { border-top-color: #809080; }
.ladder-step[data-step='12'] .ladder-arrow { border-top-color: #c06040; }

.ladder-controls {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
    .ladder-bar { font-size: 0.8em; padding: 10px; }
    .expert-intro-text p { font-size: 1.2em; }
}
/* Specific alignment for titles in "The way it works", "Industries Capability Assessment", "Operations with you and for you", and "Securing operations" */
#how-it-works .services-two-column h2,
#industries-operations .services-two-column h2,
#operations-with-you .services-two-column h2,
#securing-operations .services-two-column h2 {
    grid-column: 1;
    grid-row: 1;
    text-align: left;
    padding-left: var(--space-4);
    margin-bottom: 0;
}

#how-it-works .services-two-column .services-left,
#industries-operations .services-two-column .services-left,
#operations-with-you .services-two-column .services-left,
#securing-operations .services-two-column .services-left {
    grid-column: 1;
    grid-row: 2;
    padding-top: var(--space-2);
}

#how-it-works .services-two-column .services-right,
#industries-operations .services-two-column .services-right,
#operations-with-you .services-two-column .services-right,
#securing-operations .services-two-column .services-right {
    grid-column: 2;
    grid-row: 2;
    padding-top: var(--space-2);
}

/* Fix alignment of image/carousel to match title */
#how-it-works .services-left .about-inline-figure,
#industries-operations .services-left .carousel,
#operations-with-you .services-left .about-inline-figure,
#securing-operations .services-left .about-inline-figure {
    margin: 0 0 24px 0;
    text-align: left;
    width: 100%;
}

#how-it-works .services-left .about-inline-figure img,
#operations-with-you .services-left .about-inline-figure img,
#securing-operations .services-left .about-inline-figure img {
    margin: 0;
}

/* Precise alignment for "Operations with you and for you" list */
#operations-with-you .ma-keypoints {
    margin-top: 0;
}
#operations-with-you .ma-keypoints li:first-child {
    margin-top: 0;
}

/* Precise alignment for "Securing operations" cards */
#securing-operations .questions-grid {
    margin-top: 0;
}

@media (max-width: 768px) {
    #how-it-works .services-two-column h2,
    #how-it-works .services-two-column .services-left,
    #how-it-works .services-two-column .services-right,
    #industries-operations .services-two-column h2,
    #industries-operations .services-two-column .services-left,
    #industries-operations .services-two-column .services-right,
    #operations-with-you .services-two-column h2,
    #operations-with-you .services-two-column .services-left,
    #operations-with-you .services-two-column .services-right,
    #securing-operations .services-two-column h2,
    #securing-operations .services-two-column .services-left,
    #securing-operations .services-two-column .services-right {
        grid-column: 1;
        grid-row: auto;
    }
}


