/* Homepage controls: compact navigation and a dedicated monoline icon family. */
.lean-home .field-shortcuts{display:none!important}

body.lean-home{
  background:
    radial-gradient(circle at 9% 22%,rgba(19,106,88,.055),transparent 31rem),
    radial-gradient(circle at 92% 48%,rgba(23,93,173,.05),transparent 34rem),
    linear-gradient(180deg,#f9fbfa 0%,#f5f8f6 100%);
}

.lean-home .lean-main{position:relative}

.lean-home .lean-intro .eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  color:#315860;
}

.lean-home .lean-intro .eyebrow::before{
  content:"";
  width:34px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#ee7b40,#d85c2b);
  box-shadow:0 3px 9px rgba(226,91,45,.18);
}

.lean-home .lean-intro h1{
  color:#102f38;
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(16,47,56,.08);
}

.lean-home .lean-intro h1 span{color:#2b6262}

.lean-home .technical-search{
  border-color:rgba(55,101,96,.34);
  background:rgba(255,255,255,.82);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 14px 32px rgba(20,55,62,.10),
    0 2px 8px rgba(19,106,88,.055);
  -webkit-backdrop-filter:blur(16px) saturate(112%);
  backdrop-filter:blur(16px) saturate(112%);
}

.lean-home .technical-search:focus-within{
  border-color:rgba(19,106,88,.62);
  box-shadow:
    inset 0 1px 0 #fff,
    0 0 0 3px rgba(19,106,88,.08),
    0 17px 36px rgba(20,55,62,.12);
}

.lean-home .technical-search button[data-no-action-icon]{
  gap:0;
  padding-inline:20px;
}

.lean-home .search-examples .home-example{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:50px;
  padding:6px 14px 6px 7px;
  border-radius:16px!important;
}

.home-example-icon{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid color-mix(in srgb,var(--way) 50%,#fff);
  border-radius:12px;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.92),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.74),rgba(var(--way-rgb),.12));
  color:var(--way-border);
  box-shadow:inset 0 1px 0 #fff,0 5px 13px rgba(var(--way-rgb),.12);
}

.home-example-icon::after{
  content:"";
  position:absolute;
  right:5px;
  bottom:5px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--way);
  box-shadow:0 0 0 3px rgba(var(--way-rgb),.1);
}

.home-example-icon svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.lean-home .home-example:hover .home-example-icon{
  transform:translateY(-1px);
  border-color:var(--way);
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(var(--way-rgb),.17);
}

/* Luminous photographic hero: the navigation is part of the image, not a panel
   laid over it. The restrained glass treatment keeps the labels accessible. */
.lean-home .lean-header{
  position:relative;
  z-index:2;
  isolation:isolate;
  width:100%;
  min-height:330px;
  margin:0;
  padding:42px max(32px,calc((100vw - 1320px)/2));
  align-items:flex-start;
  gap:34px;
  overflow:visible;
  border-bottom:6px solid #ee7b40;
  background:#f8fafb url("refthe-manometer-hero.webp") 50% 50%/cover no-repeat;
  color:#102f38;
  box-shadow:0 22px 52px rgba(18,52,61,.16);
}

.lean-home .lean-header::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(250,252,253,.76) 0%,rgba(250,252,253,.4) 43%,rgba(250,252,253,0) 72%);
}

.lean-home .lean-brand{
  flex:0 0 auto;
  padding-top:7px;
  color:#102f38;
  font-size:clamp(28px,3vw,43px);
  font-weight:850;
  line-height:1;
  letter-spacing:.045em;
  text-shadow:0 1px 0 #fff,0 8px 22px rgba(16,47,56,.13);
}

.lean-home .lean-header > .lean-brand,
.lean-home .lean-header > .lean-brand:hover,
.lean-home .lean-header > .lean-brand:focus{
  min-height:auto!important;
  padding:7px 0 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-decoration:none;
}

.lean-home .lean-header > .lean-brand::before,
.lean-home .lean-header > .lean-brand::after{display:none!important}

.lean-home .languages{
  margin-left:auto;
  color:#102f38;
  font-weight:700;
}

.lean-home .languages summary{
  border:1px solid rgba(16,47,56,.2);
  border-radius:999px;
  background:rgba(255,255,255,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

/* Soft Pantone route tabs aligned with the alarm archive header. */
.gallery-nav__object--fault{--object-rgb:19,106,88;--object-ink:#0a4035}
.gallery-nav__object--library{--object-rgb:23,93,173;--object-ink:#103660}
.gallery-nav__object--tools{--object-rgb:226,91,45}
.gallery-nav__object--calc{--object-rgb:0,126,129;--object-ink:#06494b}
.gallery-nav__object--guide{--object-rgb:103,91,180}
.gallery-nav__object--electric{--object-rgb:213,151,27}
.gallery-nav__object--inverter{--object-rgb:23,108,104;--object-ink:#153f40}
.gallery-nav__object--app{--object-rgb:44,65,67;--object-ink:#173b3d}

.lean-home .lean-header::before{
  content:"";
  position:absolute;
  z-index:4;
  right:0;
  bottom:-6px;
  left:0;
  height:6px;
  background:#ee7b40;
  pointer-events:none;
}

.lean-home .lean-header .gallery-nav{
  position:absolute;
  right:auto;
  z-index:3;
  bottom:-5px;
  left:max(32px,calc((100vw - 1320px)/2 + 28px));
  display:grid;
  width:1080px;
  max-width:calc(82vw - 50px);
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:12px;
  margin:0;
}

body.lean-home .lean-header .gallery-nav .gallery-nav__object{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:96px;
  min-height:96px;
  max-height:96px;
  padding:22px 10px 18px;
  overflow:hidden;
  box-sizing:border-box!important;
  border-radius:12px 12px 2px 2px;
  font-family:system-ui,-apple-system,sans-serif;
  font-weight:760;
  line-height:1.12;
  text-decoration:none;
  transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
}

body.lean-home .lean-header .gallery-nav .gallery-nav__object::before{
  display:none;
}

body.lean-home .lean-header .gallery-nav .gallery-nav__object::after{
  display:none;
}

.gallery-nav__object strong{
  display:block;
  max-width:100%;
  font-size:14px;
  line-height:inherit;
  letter-spacing:-.015em;
  text-align:center;
  white-space:nowrap;
}

body.lean-home .lean-header .gallery-nav .gallery-nav__object:hover,
body.lean-home .lean-header .gallery-nav .gallery-nav__object:focus-visible{
  transform:translateY(-8px);
}

body.lean-home .lean-header .gallery-nav .gallery-nav__object:active{
  transform:translateY(-5px);
}

@media(max-width:800px){
  .lean-home .lean-header{
    min-height:465px;
    padding:28px 20px 24px;
    background-position:64% 50%;
  }

  .lean-home .lean-header::after{
    background:linear-gradient(180deg,rgba(250,252,253,.8) 0%,rgba(250,252,253,.5) 52%,rgba(250,252,253,.1) 100%);
  }

  .lean-home .lean-header .gallery-nav{
    position:static;
    order:3;
    width:100%;
    max-width:100%;
    flex:0 0 auto;
    align-self:flex-end;
    grid-template-columns:repeat(2,minmax(150px,1fr));
    gap:9px;
    margin-top:auto;
    padding-bottom:8px;
  }

  body.lean-home .lean-header .gallery-nav .gallery-nav__object{
    height:53px;
    min-height:53px;
    max-height:53px;
    padding:20px 10px 15px;
    border-radius:12px!important;
  }

  body.lean-home .lean-header .gallery-nav .gallery-nav__object::after{display:none}
  body.lean-home .lean-header .gallery-nav .gallery-nav__object--app{grid-column:1/-1}
}

@media(max-width:560px){
  .lean-home .lean-header{
    min-height:490px;
    padding:22px 16px 20px;
    gap:12px;
    background-position:68% 50%;
  }

  .lean-home .lean-header::after{
    background:linear-gradient(180deg,rgba(250,252,253,.88) 0%,rgba(250,252,253,.62) 55%,rgba(250,252,253,.18) 100%);
  }

  .lean-home .lean-brand{
    padding-top:4px;
    font-size:25px;
  }

  .lean-home .languages summary{
    min-height:44px;
    padding:9px 11px;
  }

  .lean-home .lean-header .gallery-nav{
    gap:8px;
    padding-bottom:4px;
  }

  .lean-home .lean-main{padding-inline:16px}

  .lean-home .lean-intro{padding:28px 0 24px}

  .lean-home .lean-intro h1{
    margin:14px 0;
    font-size:clamp(36px,12vw,48px);
    line-height:1.02;
  }

  .lean-home .technical-search{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:7px;
  }

  .lean-home .technical-search button[data-no-action-icon]{
    width:100%;
    min-width:0;
  }

  body.lean-home .lean-paths .path{
    min-height:198px;
    padding:20px;
  }

  body.lean-home .lean-paths .path h2,
  body.lean-home .lean-paths .path p{max-width:68%}
}

@media(max-width:420px){
  .lean-home .lean-header .gallery-nav{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  body.lean-home .lean-header .gallery-nav .gallery-nav__object{
    height:53px;
    min-height:53px;
    max-height:53px;
    padding:18px 8px 12px;
  }

  .gallery-nav__object strong{font-size:13px}

  .lean-home .technical-search button[data-no-action-icon]{
    min-width:80px;
    padding-inline:12px;
  }

  .lean-home .search-examples{
    gap:9px;
  }

  .lean-home .search-examples .home-example{
    min-height:46px;
    padding:5px 11px 5px 6px;
    font-size:13px;
  }

  .home-example-icon{
    flex-basis:32px;
    width:32px;
    height:32px;
    border-radius:10px;
  }

  .home-example-icon svg{width:19px;height:19px}
}

@media(prefers-reduced-motion:no-preference){
  .home-example-icon{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
}

@media(prefers-reduced-motion:reduce){
  body.lean-home .lean-header .gallery-nav .gallery-nav__object{transition:none!important}
  body.lean-home .lean-header .gallery-nav .gallery-nav__object:hover{transform:none}
}

/* Homepage V5 · four technical photographs in the same luminous studio language
   as the manometer hero, with one controlled step more contrast. */
.lean-home .path-fault{
  --path-photo:url("home-cards/guasti-controller-v1.webp");
  --path-border:#7faea1;
}

.lean-home .path-library{
  --path-photo:url("home-cards/biblioteca-manuale-v1.webp");
  --path-border:#91aecd;
}

.lean-home .path-tools{
  --path-photo:url("home-cards/attrezzature-manifold-v1.webp");
  --path-border:#c8a160;
}

.lean-home .path-inverter{
  --path-photo:url("home-cards/inverter-drive-v1.webp");
  --path-border:#829daa;
}

body.lean-home .lean-paths .path{
  position:relative;
  isolation:isolate;
  min-height:245px;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--path-border) 76%,#fff)!important;
  background:
    linear-gradient(100deg,rgba(250,253,253,.96) 0%,rgba(250,253,253,.91) 38%,rgba(250,253,253,.54) 62%,rgba(250,253,253,.12) 100%),
    var(--path-photo) center/cover no-repeat!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 13px 28px rgba(23,50,58,.10);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background-size .35s ease!important;
}

body.lean-home .lean-paths .path > *{
  position:relative;
  z-index:1;
}

body.lean-home .lean-paths .path h2,
body.lean-home .lean-paths .path p{
  max-width:58%;
  text-shadow:0 1px 10px rgba(255,255,255,.92);
}

body.lean-home .lean-paths .path:hover,
body.lean-home .lean-paths .path:focus-visible{
  transform:translateY(-5px);
  border-color:var(--path-border)!important;
  background-size:auto,104% auto!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(255,255,255,.32),
    0 19px 38px rgba(23,50,58,.16)!important;
}

body.lean-home .resource-grid a,
body.lean-home .lean-calculators{
  border-color:rgba(77,112,108,.22)!important;
  background:
    radial-gradient(circle at 12% 5%,rgba(255,255,255,.98),transparent 42%),
    rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 #fff,0 9px 24px rgba(20,52,59,.07);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

body.lean-home .resource-grid a{
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important;
}

body.lean-home .resource-grid a:hover,
body.lean-home .resource-grid a:focus-visible{
  text-decoration:none;
  transform:translateY(-3px);
  box-shadow:inset 0 1px 0 #fff,0 14px 30px rgba(20,52,59,.11)!important;
}

@media(max-width:620px){
  body.lean-home .lean-paths .path{
    min-height:210px;
    background-position:center,right center!important;
  }

  body.lean-home .lean-paths .path h2,
  body.lean-home .lean-paths .path p{max-width:62%}
}

@media(prefers-reduced-motion:reduce){
  body.lean-home .resource-grid a{transition:none!important}
  body.lean-home .resource-grid a:hover{transform:none}
}

@media(max-width:700px){
  .lean-home .lean-header{background-image:url("refthe-manometer-hero-mobile.webp")}
}