main.tpl-case-helio{--h-solar:oklch(76% .16 68);--h-solar-fonce:oklch(52% .14 58);--h-vert:oklch(63% .13 158);--h-page:oklch(98% .007 85);--h-carte:#fff;--h-encre:oklch(24% .02 250);--h-encre-2:oklch(44% .02 250);--h-encre-3:oklch(50% .015 250);--h-trait:oklch(90% .012 85);background:var(--h-page);color:var(--h-encre-2);display:block}main.tpl-case-helio section{padding:var(--section-gap) 0}main.tpl-case-helio .over{font:var(--fw-semibold) var(--fs-overline) / 1.3 var(--font-body);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--h-solar-fonce);margin:0 0 var(--sp-4)}main.tpl-case-helio h1,main.tpl-case-helio h2,main.tpl-case-helio h3{color:var(--h-encre)}main.tpl-case-helio h2{font:var(--fw-bold) var(--fs-h2) / var(--lh-heading) var(--font-display);text-wrap:balance}main.tpl-case-helio .texte{max-width:68ch;margin:var(--sp-5) 0 0;font:var(--fw-regular) var(--fs-body-lg) / var(--lh-body) var(--font-body);color:var(--h-encre-2);text-wrap:pretty}main.tpl-case-helio .texte.grand{max-width:58ch;color:var(--h-encre);font-size:clamp(1.125rem,1rem + .6vw,1.5rem)}main.tpl-case-helio .hint{font:var(--fw-regular) var(--fs-caption) / 1.5 var(--font-body);color:var(--h-encre-3)}main.tpl-case-helio a:not(.btn){color:var(--accent-ink)}main.tpl-case-helio .fil{padding:var(--sp-5) 0 0}main.tpl-case-helio .fil ol{gap:var(--sp-2);font:var(--fw-regular) var(--fs-caption) / 1.4 var(--font-body);color:var(--h-encre-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}main.tpl-case-helio .fil li+li:before{content:"/";margin-right:var(--sp-2)}main.tpl-case-helio .fil a{color:var(--h-encre-2);text-decoration:none}main.tpl-case-helio .fil a:hover{color:var(--h-solar-fonce)}main.tpl-case-helio .hero{background:radial-gradient(880px 520px at 86% -6%, color-mix(in oklab, var(--h-solar) 52%, transparent), transparent 66%), radial-gradient(620px 380px at 4% 30%, color-mix(in oklab, var(--h-vert) 12%, transparent), transparent 70%), var(--h-page);padding-top:0;position:relative;overflow:hidden}main.tpl-case-helio .hero-copy{margin-top:var(--sp-7)}main.tpl-case-helio .hero h1{margin:var(--sp-4) 0 0;font:var(--fw-bold) var(--fs-h1) / 1.05 var(--font-display);letter-spacing:var(--tracking-tight)}main.tpl-case-helio .hero h1 span{display:block}main.tpl-case-helio .hero h1 .soleil{color:var(--h-solar-fonce)}main.tpl-case-helio .lead{margin:var(--sp-5) 0 0;font:var(--fw-regular) var(--fs-body-lg) / var(--lh-body) var(--font-body);color:var(--h-encre-2);text-wrap:pretty}main.tpl-case-helio .lien-produit{margin:var(--sp-5) 0 0;font:var(--fw-semibold) var(--fs-small) / 1 var(--font-body)}main.tpl-case-helio .lien-produit a{align-items:center;gap:var(--sp-2);min-height:var(--touch-target);display:inline-flex}main.tpl-case-helio .lien-produit a:after{content:"↗"}main.tpl-case-helio .flux-t,main.tpl-case-helio .captures-t{margin:var(--sp-8) 0 var(--sp-4);font:var(--fw-semibold) var(--fs-overline) / 1 var(--font-body);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--h-encre-3)}main.tpl-case-helio .flux{align-items:center;gap:var(--sp-4);display:flex}main.tpl-case-helio .noeud{min-width:168px;padding:var(--sp-5);border:1px solid var(--h-trait);border-radius:var(--radius-lg);background:var(--h-carte);box-shadow:var(--shadow-card);flex:none}main.tpl-case-helio .noeud b{font:var(--fw-semibold) var(--fs-body) / 1.3 var(--font-display);color:var(--h-encre);display:block}main.tpl-case-helio .sub{margin-top:var(--sp-1);font:var(--fw-regular) var(--fs-caption) / 1.4 var(--font-body);color:var(--h-encre-3);display:block}main.tpl-case-helio .pastille{width:12px;height:12px;margin-bottom:var(--sp-3);background:var(--h-solar);box-shadow:0 0 0 5px color-mix(in oklab, var(--h-solar) 25%, transparent);border-radius:50%;display:block}main.tpl-case-helio .noeud-reseau .pastille{background:var(--h-encre-3);box-shadow:0 0 0 5px color-mix(in oklab, var(--h-encre-3) 18%, transparent)}main.tpl-case-helio .cable{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--h-solar) 16%, transparent);flex:48px;min-width:40px;height:4px;position:relative;overflow:hidden}main.tpl-case-helio .courant{background:repeating-linear-gradient(90deg, var(--h-solar) 0 10px, transparent 10px 24px);animation:.9s linear infinite helioCourant;position:absolute;inset:0 -24px}@keyframes helioCourant{to{transform:translate(24px)}}main.tpl-case-helio .consos{gap:var(--sp-2);flex:none;margin:0;padding:0;list-style:none;display:grid}main.tpl-case-helio .consos li{min-width:168px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--h-trait);border-left:3px solid var(--h-vert);border-radius:var(--radius-md);background:var(--h-carte)}main.tpl-case-helio .consos b{font:var(--fw-semibold) var(--fs-small) / 1.3 var(--font-display);color:var(--h-encre)}main.tpl-case-helio .flux-legende{max-width:66ch;margin:var(--sp-5) 0 0;font:var(--fw-regular) var(--fs-small) / var(--lh-body) var(--font-body);color:var(--h-encre-3)}main.tpl-case-helio .facts{gap:var(--sp-5);margin:var(--sp-8) 0 0;padding:var(--sp-6) 0 0;border-top:1px solid var(--h-trait);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}main.tpl-case-helio .facts dt{font:var(--fw-semibold) var(--fs-overline) / 1.3 var(--font-body);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--h-encre-3)}main.tpl-case-helio .facts dd{margin:var(--sp-2) 0 0;font:var(--fw-medium) var(--fs-body) / 1.4 var(--font-body);color:var(--h-encre)}main.tpl-case-helio .bascule{align-items:center;gap:var(--sp-5);margin:var(--sp-7) 0 0;grid-template-columns:minmax(0,.85fr) auto minmax(0,1.15fr);display:grid}main.tpl-case-helio .bascule figure{margin:0}main.tpl-case-helio .bascule figcaption{margin-bottom:var(--sp-3);font:var(--fw-semibold) var(--fs-overline) / 1 var(--font-body);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--h-encre-3)}main.tpl-case-helio .brut{position:relative}main.tpl-case-helio .brut table{border-collapse:collapse;border:1px solid var(--h-trait);border-radius:var(--radius-md);background:var(--h-carte);width:100%;font:var(--fw-regular) var(--fs-caption) / 1 ui-monospace, SFMono-Regular, Menlo, monospace;overflow:hidden}main.tpl-case-helio .brut th,main.tpl-case-helio .brut td{padding:9px var(--sp-4);text-align:left;color:var(--h-encre-3);font-weight:var(--fw-regular);border-bottom:1px solid var(--h-trait)}main.tpl-case-helio .brut thead th{color:var(--h-encre-2);background:oklch(96% .008 85)}main.tpl-case-helio .brut .fondu{border-radius:0 0 var(--radius-md) var(--radius-md);background:linear-gradient(to bottom, transparent, var(--h-page));pointer-events:none;height:64px;position:absolute;bottom:0;left:0;right:0}main.tpl-case-helio .fleche{color:var(--h-solar-fonce);font-size:1.6rem}main.tpl-case-helio .lisible{padding:var(--sp-6);border:1px solid var(--h-trait);border-radius:var(--radius-lg);background:var(--h-carte);box-shadow:var(--shadow-card)}main.tpl-case-helio .mini{width:100%;height:92px;display:block;overflow:visible}main.tpl-case-helio .mini-ligne{fill:none;stroke:var(--h-solar);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:helioTrace 1.4s var(--ease-out) .2s both}@keyframes helioTrace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}main.tpl-case-helio .phrase{margin:var(--sp-5) 0 0;font:var(--fw-semibold) var(--fs-h4) / 1.4 var(--font-display);color:var(--h-encre);text-wrap:balance}main.tpl-case-helio .lisible .hint{margin:var(--sp-3) 0 0}main.tpl-case-helio .tdb{gap:var(--sp-4);margin:var(--sp-7) 0 0;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);display:grid}main.tpl-case-helio .panneau{padding:var(--sp-6);border:1px solid var(--h-trait);border-radius:var(--radius-xl);background:var(--h-carte);box-shadow:var(--shadow-card)}main.tpl-case-helio .panneau-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}main.tpl-case-helio .panneau-t{margin:0 0 var(--sp-4);font:var(--fw-semibold) var(--fs-overline) / 1.3 var(--font-body);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--h-encre-3)}main.tpl-case-helio .legende-series{gap:var(--sp-4);margin:0 0 var(--sp-4);font:var(--fw-medium) var(--fs-caption) / 1 var(--font-body);color:var(--h-encre-2);padding:0;list-style:none;display:flex}main.tpl-case-helio .legende-series li{align-items:center;gap:7px;display:flex}main.tpl-case-helio .legende-series li:before{content:"";border-radius:var(--radius-pill);width:12px;height:4px}main.tpl-case-helio .l-prod:before{background:var(--h-solar)}main.tpl-case-helio .l-conso:before{background:var(--h-vert)}main.tpl-case-helio .courbes{width:100%;height:clamp(180px,24vw,240px);display:block}main.tpl-case-helio .a-prod{fill:color-mix(in oklab, var(--h-solar) 34%, transparent)}main.tpl-case-helio .a-conso{fill:color-mix(in oklab, var(--h-vert) 22%, transparent)}main.tpl-case-helio .t-prod,main.tpl-case-helio .t-conso{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}main.tpl-case-helio .t-prod{stroke:var(--h-solar)}main.tpl-case-helio .t-conso{stroke:var(--h-vert)}main.tpl-case-helio .heures{margin:var(--sp-3) 0 0;font:var(--fw-regular) var(--fs-caption) / 1 var(--font-body);color:var(--h-encre-3);justify-content:space-between;padding:0;list-style:none;display:flex}main.tpl-case-helio .panneau-jauge{text-align:center;flex-direction:column;display:flex}main.tpl-case-helio .arc{width:min(220px,100%);margin:var(--sp-3) auto 0;position:relative}main.tpl-case-helio .arc svg{width:100%;display:block}main.tpl-case-helio .arc-fond,main.tpl-case-helio .arc-val{fill:none;stroke-width:13px;stroke-linecap:round}main.tpl-case-helio .arc-fond{stroke:oklch(93% .01 85)}main.tpl-case-helio .arc-val{stroke:var(--h-solar);stroke-dasharray:var(--dash) var(--arc);animation:helioArc 1.2s var(--ease-out) .22s both}@keyframes helioArc{0%{stroke-dasharray:0 var(--arc)}}main.tpl-case-helio .arc-chiffre{font:var(--fw-bold) 2.6rem / 1 var(--font-display);color:var(--h-encre);justify-content:center;align-items:baseline;gap:2px;display:flex;position:absolute;bottom:2px;left:0;right:0}main.tpl-case-helio .arc-chiffre i{font:var(--fw-semibold) 1.1rem / 1 var(--font-body);color:var(--h-solar-fonce);font-style:normal}main.tpl-case-helio .panneau-jauge .hint{padding-top:var(--sp-4);margin:auto 0 0}main.tpl-case-helio .suivis{gap:var(--sp-4);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}main.tpl-case-helio .suivis li{padding:var(--sp-5);border:1px solid var(--h-trait);border-top:3px solid var(--h-solar);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--h-solar) 7%, var(--h-carte))}main.tpl-case-helio .suivis b{font:var(--fw-semibold) var(--fs-body) / 1.3 var(--font-display);color:var(--h-encre);display:block}main.tpl-case-helio .suivis span{margin-top:var(--sp-2);font:var(--fw-regular) var(--fs-small) / 1.55 var(--font-body);color:var(--h-encre-2);display:block}main.tpl-case-helio .legende{max-width:70ch;margin:var(--sp-5) 0 0;padding-left:var(--sp-4);border-left:2px solid var(--h-trait);font:var(--fw-regular) var(--fs-small) / var(--lh-body) var(--font-body);color:var(--h-encre-3)}main.tpl-case-helio .captures ul{gap:var(--sp-6);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}main.tpl-case-helio .cap-img{border:1px solid var(--h-trait);border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-card);display:block}main.tpl-case-helio .cap-n{margin-top:var(--sp-3);font:var(--fw-regular) var(--fs-caption) / 1.4 var(--font-body);color:var(--h-encre-3);display:block}main.tpl-case-helio .captures-h{margin:var(--sp-4) 0 0;font:var(--fw-regular) var(--fs-caption) / 1.4 var(--font-body);color:var(--h-encre-3)}main.tpl-case-helio .branche{background:oklch(96% .009 85)}main.tpl-case-helio .chaines{gap:var(--sp-4);margin:var(--sp-7) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}main.tpl-case-helio .chaine{padding:var(--sp-6);border:1px solid var(--h-trait);border-top:3px solid var(--h-solar);border-radius:var(--radius-lg);background:var(--h-carte)}main.tpl-case-helio .chaine:nth-child(2){border-top-color:var(--h-vert)}main.tpl-case-helio .chaine-h{margin:0 0 var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--h-trait)}main.tpl-case-helio .chaine-h b{font:var(--fw-bold) var(--fs-h3) / 1.2 var(--font-display);color:var(--h-encre);display:block}main.tpl-case-helio .chaine-h span{margin-top:var(--sp-2);font:var(--fw-regular) var(--fs-small) / 1.4 var(--font-body);color:var(--h-encre-3);display:block}main.tpl-case-helio .chaine ol{counter-reset:etape;gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}main.tpl-case-helio .chaine li{counter-increment:etape;gap:var(--sp-3);font:var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-body);color:var(--h-encre-2);grid-template-columns:26px minmax(0,1fr);align-items:baseline;display:grid}main.tpl-case-helio .chaine li:before{content:counter(etape);background:color-mix(in oklab, var(--h-solar) 20%, transparent);width:24px;height:24px;font:var(--fw-semibold) var(--fs-caption) / 1 var(--font-body);color:var(--h-solar-fonce);border-radius:50%;justify-content:center;align-items:center;display:flex}main.tpl-case-helio .chaine:nth-child(2) li:before{background:color-mix(in oklab, var(--h-vert) 18%, transparent);color:oklch(45% .11 158)}main.tpl-case-helio .socle{margin-top:var(--sp-4);padding:var(--sp-6);border:1px solid var(--h-trait);border-radius:var(--radius-lg);background:var(--h-carte)}main.tpl-case-helio .socle-t{margin:0 0 var(--sp-4);font:var(--fw-semibold) var(--fs-overline) / 1 var(--font-body);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--h-encre-3)}main.tpl-case-helio .socle ul{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}main.tpl-case-helio .socle li{border:1px solid var(--h-trait);border-radius:var(--radius-pill);font:var(--fw-medium) var(--fs-caption) / 1 var(--font-body);color:var(--h-encre-2);padding:8px 14px}main.tpl-case-helio .frise{gap:var(--sp-4);margin:var(--sp-8) 0 0;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;list-style:none;display:grid;position:relative}main.tpl-case-helio .frise:before{content:"";top:7px;left:8px;right:calc((100% - 5 * var(--sp-4)) / 6 - 8px);background:linear-gradient(90deg, var(--h-solar), var(--h-vert));height:2px;position:absolute}main.tpl-case-helio .frise li{padding-top:var(--sp-6);position:relative}main.tpl-case-helio .jalon{background:var(--h-carte);border:3px solid var(--h-solar);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:0}main.tpl-case-helio .frise li:nth-child(n+4) .jalon{border-color:var(--h-vert)}main.tpl-case-helio .frise b{font:var(--fw-semibold) var(--fs-body) / 1.3 var(--font-display);color:var(--h-encre);display:block}main.tpl-case-helio .frise p{margin:var(--sp-3) 0 0;font:var(--fw-regular) var(--fs-caption) / 1.55 var(--font-body);color:var(--h-encre-2)}main.tpl-case-helio .frise b{font-size:var(--fs-small)}main.tpl-case-helio .fin{padding-bottom:var(--sp-9);text-align:center}main.tpl-case-helio .fin h2{max-width:none;margin-inline:auto}main.tpl-case-helio .fin .texte{margin-inline:auto}main.tpl-case-helio .cas-cta{padding:var(--section-gap) 0;text-align:center;background:var(--navy-900);color:var(--text-on-dark-2)}main.tpl-case-helio .cas-cta h2{max-width:none;color:var(--text-on-dark-1);margin-inline:auto}main.tpl-case-helio .cas-cta p{max-width:58ch;margin:var(--sp-4) auto 0;font:var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-body);color:var(--text-on-dark-2)}main.tpl-case-helio .cas-cta .ctas{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;justify-content:center;display:flex}main.tpl-case-helio .cas-cta .retour{margin-top:var(--sp-5);font-size:var(--fs-small)}main.tpl-case-helio .cas-cta a:not(.btn){color:var(--link-on-dark)}main.tpl-case-helio .cas-cta .btn-s{color:var(--text-on-dark-1)}@media (width<=1080px){main.tpl-case-helio .tdb{grid-template-columns:minmax(0,1fr)}main.tpl-case-helio .frise{grid-template-columns:repeat(3,minmax(0,1fr))}main.tpl-case-helio .frise:before{display:none}}@media (width<=900px){main.tpl-case-helio .flux{flex-direction:column;align-items:stretch}main.tpl-case-helio .noeud,main.tpl-case-helio .consos li{min-width:0}main.tpl-case-helio .cable{flex:0 0 40px;width:4px;height:40px;margin-inline:auto}main.tpl-case-helio .courant{background:repeating-linear-gradient(180deg, var(--h-solar) 0 10px, transparent 10px 24px);animation-name:helioCourantV;inset:-24px 0}@keyframes helioCourantV{to{transform:translateY(24px)}}main.tpl-case-helio .consos{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}main.tpl-case-helio .bascule{grid-template-columns:minmax(0,1fr)}main.tpl-case-helio .fleche{justify-self:center;rotate:90deg}main.tpl-case-helio .facts{grid-template-columns:repeat(2,minmax(0,1fr))}main.tpl-case-helio .chaines{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){main.tpl-case-helio .consos,main.tpl-case-helio .suivis,main.tpl-case-helio .captures ul,main.tpl-case-helio .frise,main.tpl-case-helio .facts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){main.tpl-case-helio .courant{animation:none!important}main.tpl-case-helio .mini-ligne,main.tpl-case-helio .arc-val{stroke-dasharray:none;animation-delay:0s!important}main.tpl-case-helio .arc-val{stroke-dasharray:var(--dash) var(--arc)}}main.tpl-case-helio .logo-client{margin:0 0 var(--sp-5)}main.tpl-case-helio .logo-client img{object-fit:contain;display:block}main.tpl-case-helio .carte{margin:var(--sp-8) 0 0}main.tpl-case-helio .carte figcaption{max-width:62ch;margin-bottom:var(--sp-5);display:block}main.tpl-case-helio .carte figcaption b{font:var(--fw-semibold) var(--fs-h3) / 1.25 var(--font-display);color:var(--h-encre);display:block}main.tpl-case-helio .carte figcaption span{margin-top:var(--sp-3);font:var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-body);color:var(--h-encre-2);display:block}main.tpl-case-helio .carte-cadre{aspect-ratio:16/9;border:1px solid var(--h-trait);border-radius:var(--radius-lg);background: repeating-linear-gradient(0deg, oklch(93% .012 200) 0 1px, transparent 1px 38px), repeating-linear-gradient(90deg, oklch(93% .012 200) 0 1px, transparent 1px 38px), radial-gradient(closest-side at 62% 38%, color-mix(in oklab, var(--h-solar) 22%, transparent), transparent), var(--h-carte);position:relative;overflow:hidden}main.tpl-case-helio .carte-cadre iframe{border:0;width:100%;height:100%;display:block}main.tpl-case-helio .carte-facade{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-6);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}main.tpl-case-helio .carte-f-t{font:var(--fw-semibold) var(--fs-h4) / 1.3 var(--font-display);color:var(--h-encre);margin:0}main.tpl-case-helio .carte-f-n{max-width:56ch;font:var(--fw-regular) var(--fs-small) / var(--lh-body) var(--font-body);color:var(--h-encre-2);margin:0}main.tpl-case-helio .carte-lien{margin:var(--sp-4) 0 0;font:var(--fw-regular) var(--fs-small) / 1.4 var(--font-body)}main.tpl-case-helio .carte-lien a:after{content:" ↗"}@media (width<=700px){main.tpl-case-helio .carte-cadre{aspect-ratio:4/5}}