:root{
  --inv-petrol-950:#04282b;
  --inv-petrol-900:#073438;
  --inv-petrol-800:#0b4649;
  --inv-petrol-700:#126167;
  --inv-orange:#ef6c35;
  --inv-orange-soft:#ffaf78;
}

body.inverter-page{background:linear-gradient(180deg,#dce9e5 0,#f7f7f2 38%,#eef3f0 100%);color:#173b3d}
body.inverter-page>header{position:absolute;z-index:10;inset:0 0 auto;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(3,29,31,.86),rgba(3,29,31,.18))!important;color:#fff;backdrop-filter:blur(8px)}
body.inverter-page>header .brand img{filter:brightness(0) invert(1)}
body.inverter-page>header .brand small{color:#c8dcda}
body.inverter-page>header nav a{color:#eaf4f2}
body.inverter-page>header nav a[aria-current]{border-color:var(--inv-orange-soft);color:#fff}

body.inverter-page.entry-release>.entry-switch{
  --entry-photo:url("inverter/refthe-inverter-workshop-hero-v1.jpg");
  position:relative!important;
  isolation:isolate;
  min-height:720px!important;
  align-content:end!important;
  gap:14px!important;
  padding:150px max(32px,calc((100vw - 1176px)/2)) 42px!important;
  border-bottom:5px solid var(--inv-orange)!important;
  background:
    linear-gradient(90deg,rgba(3,31,33,.99) 0%,rgba(5,42,44,.96) 38%,rgba(5,42,44,.84) 64%,rgba(5,39,41,.69) 100%),
    var(--entry-photo) center/cover no-repeat!important;
  box-shadow:0 24px 58px rgba(4,39,41,.19)!important;
}
body.inverter-page.entry-release>.entry-switch::before{z-index:0;background:linear-gradient(180deg,rgba(225,243,239,.08) 0%,rgba(1,23,25,.08) 42%,rgba(2,25,27,.66) 100%)!important}
.inverter-gateway-copy,
body.inverter-page.entry-release>.entry-switch>a{z-index:2}
.inverter-gateway-copy{position:absolute;top:175px;left:max(32px,calc((100vw - 1176px)/2));z-index:2;width:min(610px,47vw);color:#fff}
.inverter-gateway-copy span{color:var(--inv-orange-soft);font:850 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.18em}
.inverter-gateway-copy .inverter-gateway-title{margin:23px 0 20px;color:#fff;font-size:clamp(48px,5.4vw,78px);font-weight:800;line-height:.98;letter-spacing:-.055em;text-shadow:0 8px 32px rgba(0,0,0,.24)}
.inverter-gateway-copy p{max-width:550px;margin:0;color:#dcecea;font-size:clamp(18px,1.55vw,22px);line-height:1.52}

body.inverter-page.entry-release>.entry-switch>a{
  min-height:96px!important;
  padding:22px 14px!important;
  border:1px solid rgba(var(--entry-rgb),.58)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(242,252,250,.22),rgba(var(--entry-rgb),.08))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.42),inset 4px 0 rgba(var(--entry-rgb),.72),0 16px 32px rgba(0,20,22,.24)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
body.inverter-page.entry-release>.entry-switch>a:nth-of-type(1){--entry-rgb:70,145,128}
body.inverter-page.entry-release>.entry-switch>a:nth-of-type(2){--entry-rgb:78,132,201}
body.inverter-page.entry-release>.entry-switch>a:nth-of-type(3){--entry-rgb:205,149,54}
body.inverter-page.entry-release>.entry-switch>a:nth-of-type(4){--entry-rgb:23,108,104}
body.inverter-page.entry-release>.entry-switch>a:nth-of-type(5){--entry-rgb:212,79,103}
body.inverter-page.entry-release>.entry-switch>a::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)}
body.inverter-page.entry-release>.entry-switch>a .entry-switch-index{color:rgb(var(--entry-rgb));text-shadow:0 1px 10px rgba(0,0,0,.42)}
body.inverter-page.entry-release>.entry-switch>a strong{font-size:clamp(14px,1.35vw,18px);text-shadow:0 2px 12px rgba(0,0,0,.26)}
body.inverter-page.entry-release>.entry-switch>a:hover,
body.inverter-page.entry-release>.entry-switch>a:focus-visible{border-color:rgba(var(--entry-rgb),.88)!important;background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(var(--entry-rgb),.16))!important;box-shadow:inset 0 1px rgba(255,255,255,.45),0 22px 38px rgba(0,20,22,.34)!important}
body.inverter-page.entry-release>.entry-switch>a[aria-current]{border-color:rgba(var(--entry-rgb),.96)!important;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(var(--entry-rgb),.19))!important;box-shadow:inset 4px 0 rgba(var(--entry-rgb),.96),inset 0 1px rgba(255,255,255,.54),0 22px 40px rgba(0,20,22,.3)!important}

body.inverter-page main.wrap{width:min(1180px,calc(100% - 48px))}
body.inverter-page main>.intro{position:relative;isolation:isolate;overflow:hidden;margin:0 calc(50% - 50vw);padding:76px max(24px,calc((100vw - 1180px)/2)) 58px;border-bottom:4px solid var(--inv-orange);background:linear-gradient(90deg,rgba(3,37,40,.99) 0%,rgba(5,52,55,.96) 44%,rgba(5,52,55,.84) 70%,rgba(5,45,48,.72) 100%),url("inverter/refthe-inverter-workshop-hero-v1.jpg") 78% 48%/cover no-repeat;box-shadow:inset 0 1px rgba(255,255,255,.1),0 22px 52px rgba(4,39,41,.14);color:#fff}
body.inverter-page main>.intro::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(224,245,241,.055),transparent 38%,rgba(1,25,27,.28));content:""}
body.inverter-page main>.intro>.label{border:1px solid rgba(255,174,120,.68);background:rgba(255,255,255,.1);color:#ffc39e;box-shadow:inset 0 1px rgba(255,255,255,.25);backdrop-filter:blur(12px)}
body.inverter-page main>.intro h1{max-width:970px;color:#fff;font-size:clamp(40px,5.2vw,70px);text-shadow:0 7px 28px rgba(0,20,22,.28)}
body.inverter-page main>.intro .lead{max-width:900px;color:#d3e5e2;font-size:clamp(17px,1.55vw,21px);line-height:1.55}
body.inverter-page .section-nav{gap:12px;border:0;padding:0;margin-top:32px}
body.inverter-page .section-nav a{--section-rgb:72,151,134;min-height:58px;display:inline-flex;align-items:center;padding:13px 19px;border:1px solid rgba(var(--section-rgb),.7);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(var(--section-rgb),.09));box-shadow:inset 4px 0 rgba(var(--section-rgb),.85),inset 0 1px rgba(255,255,255,.38),0 13px 28px rgba(0,22,24,.2);color:#fff;font-weight:760;text-shadow:0 2px 12px rgba(0,20,22,.24);-webkit-backdrop-filter:blur(17px) saturate(118%);backdrop-filter:blur(17px) saturate(118%)}
body.inverter-page .section-nav a:nth-of-type(2){--section-rgb:78,132,201}
body.inverter-page .section-nav a:nth-of-type(3){--section-rgb:205,149,54}
body.inverter-page .section-nav a:nth-of-type(4){--section-rgb:23,108,104}
body.inverter-page .section-nav a:nth-of-type(5){--section-rgb:212,79,103}
body.inverter-page .section-nav a:nth-of-type(6){--section-rgb:93,151,184}
body.inverter-page .section-nav a:hover,
body.inverter-page .section-nav a:focus-visible{border-color:rgba(var(--section-rgb),1);background:linear-gradient(145deg,rgba(255,255,255,.29),rgba(var(--section-rgb),.2));box-shadow:inset 4px 0 rgb(var(--section-rgb)),inset 0 1px rgba(255,255,255,.5),0 19px 34px rgba(0,20,22,.28);color:#fff;transform:translateY(-3px)}

body.inverter-page .field-shortcuts{margin-top:30px;border:1px solid rgba(20,99,98,.22);border-radius:20px;background:rgba(255,255,255,.62);box-shadow:0 14px 34px rgba(6,53,55,.08),inset 0 1px #fff;backdrop-filter:blur(16px)}
body.inverter-page .filters{border:1px solid rgba(176,220,211,.46);border-radius:20px;background:linear-gradient(135deg,var(--inv-petrol-900),var(--inv-petrol-800));box-shadow:0 18px 42px rgba(4,43,45,.14),inset 0 1px rgba(255,255,255,.15);color:#fff}
body.inverter-page .filters input,
body.inverter-page .filters select{min-height:52px;border:1px solid rgba(255,255,255,.55);border-radius:12px;background:rgba(255,255,255,.92);color:#163b3d}
body.inverter-page .case,
body.inverter-page .document{border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(5,48,50,.07),inset 0 1px #fff;backdrop-filter:blur(10px)}
body.inverter-page .case:hover,
body.inverter-page .case:focus-within{box-shadow:0 18px 36px rgba(5,48,50,.14);transform:translateY(-3px)}
body.inverter-page .block{border-color:rgba(22,96,95,.16)}
body.inverter-page #report{border-radius:20px;background:linear-gradient(145deg,#eee8df,#f8f4ec);box-shadow:0 14px 34px rgba(63,44,24,.07)}
body.inverter-page button,
body.inverter-page .button{border-radius:12px;background:linear-gradient(135deg,var(--inv-petrol-700),var(--inv-petrol-900));box-shadow:0 10px 22px rgba(4,44,46,.16)}
body.inverter-page footer{width:100%;max-width:none;margin-top:60px!important;padding:40px max(24px,calc((100vw - 1180px)/2));border:0;background:var(--inv-petrol-950);color:#c4d7d4}
body.inverter-page footer strong{color:#fff}
body.inverter-page footer a{color:#ffb282}

@media(max-width:800px){
  body.inverter-page>header{position:relative;background:var(--inv-petrol-950)!important}
  body.inverter-page.entry-release>.entry-switch{min-height:690px!important;padding:390px 18px 28px!important;background:linear-gradient(180deg,rgba(3,30,32,.58),rgba(3,33,35,.76) 48%,rgba(3,28,30,.98) 76%),var(--entry-photo) 63% center/cover no-repeat!important}
  .inverter-gateway-copy{top:235px;left:22px;width:calc(100% - 44px)}
  .inverter-gateway-copy .inverter-gateway-title{margin:16px 0 13px;font-size:clamp(40px,10vw,58px)}
  .inverter-gateway-copy p{font-size:16px}
  body.inverter-page.entry-release>.entry-switch>a{min-height:78px!important;padding:14px 9px!important}
  body.inverter-page main>.intro{padding-top:54px;background:linear-gradient(180deg,rgba(3,37,40,.93),rgba(3,37,40,.98) 76%),url("inverter/refthe-inverter-workshop-hero-v1.jpg") 66% center/cover no-repeat}
}

@media(max-width:520px){
  body.inverter-page>header .top{padding:18px 0}
  body.inverter-page>header nav{gap:8px 14px}
  body.inverter-page.entry-release>.entry-switch{min-height:760px!important;padding:430px 14px 25px!important;background-position:center,66% center!important}
  .inverter-gateway-copy{top:245px;left:18px;width:calc(100% - 36px)}
  .inverter-gateway-copy span{font-size:10px}
  .inverter-gateway-copy .inverter-gateway-title{font-size:42px}
  body.inverter-page.entry-release>.entry-switch>a{min-height:74px!important;border-radius:15px!important}
  body.inverter-page .section-nav{display:grid;grid-template-columns:1fr 1fr}
  body.inverter-page .section-nav a{justify-content:center;text-align:center}
  body.inverter-page main.wrap{width:calc(100% - 30px)}
}

@media(prefers-reduced-motion:reduce){body.inverter-page .case,body.inverter-page .section-nav a{transition:none!important}}

@media print{body.inverter-page>header,body.inverter-page.entry-release>.entry-switch{display:none!important}}

/* Centro operativo Inverter */
body.inverter-page .inverter-command-center{margin:34px 0 56px;padding:34px;border:1px solid rgba(20,99,98,.2);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(220,235,231,.62));box-shadow:0 22px 52px rgba(5,48,50,.1),inset 0 1px #fff;backdrop-filter:blur(18px)}
body.inverter-page .command-center-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:32px;align-items:end;margin-bottom:26px}
body.inverter-page .command-center-head h2{margin:12px 0 10px;font-size:clamp(32px,4vw,48px);line-height:1;color:var(--inv-petrol-950)}
body.inverter-page .command-center-head p{max-width:690px;margin:0;color:#4d6968}
body.inverter-page .command-center-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.inverter-page .command-center-stats span{padding:14px;border:1px solid rgba(20,99,98,.16);border-radius:14px;background:rgba(255,255,255,.58);color:#587170;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
body.inverter-page .command-center-stats strong{display:block;color:var(--inv-petrol-900);font-size:25px;line-height:1.1;letter-spacing:0}
body.inverter-page .command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.inverter-page .command-grid>a{position:relative;min-height:255px;padding:22px;border:1px solid rgba(50,144,136,.28);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(198,224,217,.3));box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 26px rgba(5,48,50,.07);color:var(--inv-petrol-950);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
body.inverter-page .command-grid>a:nth-child(2),body.inverter-page .command-grid>a:nth-child(5){border-color:rgba(239,108,53,.34);background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(239,108,53,.09))}
body.inverter-page .command-grid>a:nth-child(3),body.inverter-page .command-grid>a:nth-child(6){border-color:rgba(74,121,184,.3);background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(74,121,184,.09))}
body.inverter-page .command-grid>a:hover,body.inverter-page .command-grid>a:focus-visible{transform:translateY(-4px);border-color:var(--inv-orange);box-shadow:inset 0 1px #fff,0 20px 34px rgba(5,48,50,.14);text-decoration:none}
body.inverter-page .command-index{display:block;color:#5d7775;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
body.inverter-page .command-icon{display:grid;place-items:center;width:50px;height:50px;margin:18px 0;border:1px solid rgba(20,99,98,.24);border-radius:14px;background:rgba(255,255,255,.54);color:var(--inv-orange);font:900 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:inset 0 1px #fff}
body.inverter-page .command-grid h3{margin:0 0 10px;font-size:20px;line-height:1.18}
body.inverter-page .command-grid p{margin:0 0 20px;color:#536e6d;font-size:14px;line-height:1.5}
body.inverter-page .command-grid b{display:block;margin-top:auto;color:#176c68;font-size:13px}
body.inverter-page .inverter-method{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:28px;border:1px solid rgba(20,99,98,.18);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.56)}
body.inverter-page .inverter-method>div{padding:18px;border-right:1px solid rgba(20,99,98,.14)}
body.inverter-page .inverter-method>div:last-child{border:0}
body.inverter-page .inverter-method span,body.inverter-page .inverter-method strong,body.inverter-page .inverter-method small{display:block}
body.inverter-page .inverter-method span{color:var(--inv-orange);font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
body.inverter-page .inverter-method strong{margin:8px 0 4px;color:var(--inv-petrol-950)}
body.inverter-page .inverter-method small{color:#627977;line-height:1.35}
@media(max-width:900px){body.inverter-page .command-center-head{grid-template-columns:1fr}body.inverter-page .command-grid{grid-template-columns:1fr 1fr}body.inverter-page .inverter-method{grid-template-columns:1fr 1fr}body.inverter-page .inverter-method>div{border-bottom:1px solid rgba(20,99,98,.14)}body.inverter-page .inverter-method>div:last-child{grid-column:1/-1}}
@media(max-width:560px){body.inverter-page .inverter-command-center{padding:22px 16px;margin-inline:-2px}body.inverter-page .command-center-stats,body.inverter-page .command-grid{grid-template-columns:1fr}body.inverter-page .command-grid>a{min-height:0}body.inverter-page .inverter-method{grid-template-columns:1fr}body.inverter-page .inverter-method>div:last-child{grid-column:auto}}

/* Testata inverter definitiva: il gateway non duplica la navigazione. */
body.inverter-page.entry-release>.entry-switch{
  display:block!important;
  min-height:600px!important;
  padding:150px max(32px,calc((100vw - 1176px)/2)) 52px!important;
}
.inverter-gateway-copy{position:static;width:min(610px,52vw)}
@media(max-width:800px){
  body.inverter-page.entry-release>.entry-switch{min-height:520px!important;padding:140px 22px 44px!important}
  .inverter-gateway-copy{position:static;width:min(610px,80vw)}
}
@media(max-width:520px){
  body.inverter-page.entry-release>.entry-switch{min-height:500px!important;padding:130px 18px 40px!important}
  .inverter-gateway-copy{width:100%}
}

/* Comandi interni definitivi: carta bianca, bordo petrolio e movimento discreto. */
body.inverter-page .section-nav a,
body.inverter-page .field-shortcuts a{
  --section-rgb:20,99,98!important;
  border:1px solid rgba(20,99,98,.42)!important;
  background:#fff!important;
  color:var(--inv-petrol-950)!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 10px 24px rgba(5,48,50,.12)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body.inverter-page .section-nav a::before,
body.inverter-page .section-nav a::after,
body.inverter-page .field-shortcuts a::before,
body.inverter-page .field-shortcuts a::after{
  content:none!important;
  display:none!important;
}
body.inverter-page .section-nav a:hover,
body.inverter-page .section-nav a:focus-visible,
body.inverter-page .field-shortcuts a:hover,
body.inverter-page .field-shortcuts a:focus-visible{
  border-color:rgba(20,99,98,.42)!important;
  background:#fff!important;
  color:var(--inv-petrol-950)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 16px 30px rgba(5,48,50,.16)!important;
}

/* Biblioteca operativa dei tre costruttori principali. */
body.inverter-page .manufacturer-guides{padding:54px 0 20px}
body.inverter-page .manufacturer-guide-grid{gap:20px}
body.inverter-page .manufacturer-guide{border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 15px 34px rgba(5,48,50,.09),inset 0 1px #fff;transition:transform .2s ease,box-shadow .2s ease}
body.inverter-page .manufacturer-guide:hover,body.inverter-page .manufacturer-guide:focus-within{transform:translateY(-4px);box-shadow:0 22px 42px rgba(5,48,50,.14),inset 0 1px #fff}
body.inverter-page .manufacturer-guide h3{font-size:22px}
body.inverter-page button.guide-filter{border:1px solid rgba(20,99,98,.45);border-radius:999px;background:#fff;color:var(--inv-petrol-900);box-shadow:0 7px 16px rgba(5,48,50,.08)}
body.inverter-page button.guide-filter:hover,body.inverter-page button.guide-filter:focus-visible,body.inverter-page button.guide-filter.is-active{border-color:var(--inv-petrol-700);background:var(--inv-petrol-700);color:#fff;box-shadow:0 10px 22px rgba(5,48,50,.16)}