html[data-hp="04"]{--h04-pen:rgba(232,228,217,.7);--h04-mark:rgba(232,228,217,.9)}
html[data-hp="04"][data-theme=light]{--h04-pen:hsl(40 13% 23% / .72);--h04-mark:hsl(40 13% 23% / .92)}

html[data-hp="04"] #sus{--h04-aw:240px;--h04-sw:1.5}

html[data-hp="04"] #sus{--h04-res:384px;--h04-xtra:0px}
html[data-hp="04"] body.s27-program-facturare #sus{--h04-xtra:64px}
html[data-hp="04"] #sus .w:not(.h04-on):not(.h04-off)>.facts{display:block;visibility:hidden;overflow:hidden;height:calc(var(--h04-res) + var(--h04-xtra));margin:clamp(32px,4.6vh,52px) 0 0;padding:0;border:0}
html[data-hp="04"] #sus .w.h04-on>.facts{display:none}
html[data-hp="04"] #sus .w>h1{max-width:20em;font-size:clamp(40px,3.9vw,60px);line-height:1.06}

html[data-hp="04"] #sus .h04{margin-top:clamp(32px,4.6vh,52px)}
html[data-hp="04"] #sus .h04-g{box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));min-height:calc(var(--h04-res) + var(--h04-xtra));margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-hp="04"] #sus .h04-c{position:relative;min-width:0;padding:30px 32px 28px}
html[data-hp="04"] #sus .h04-c+.h04-c{border-left:1px solid var(--line)}
html[data-hp="04"] #sus .h04-c:first-child{padding-left:0}
html[data-hp="04"] #sus .h04-c:last-child{padding-right:0}

html[data-hp="04"] #sus a.h04-a{display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
html[data-hp="04"] #sus a.h04-a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:4px}
html[data-hp="04"] #sus .h04-c:first-child>a.h04-a::after{left:-12px}
html[data-hp="04"] #sus .h04-c:last-child>a.h04-a::after{right:-12px}
html[data-hp="04"] #sus a.h04-a:focus{outline:none}
html[data-hp="04"] #sus a.h04-a:focus-visible::after{outline:2px solid var(--ink);outline-offset:-1px}

html[data-hp="04"] #sus .h04-art{display:block;width:var(--h04-aw);max-width:100%;aspect-ratio:3 / 2;margin-bottom:22px}
html[data-hp="04"] #sus .h04-dr{display:block;width:100%;height:100%;overflow:visible}
html[data-hp="04"] #sus .h04-n{display:block;font:500 12px/16px var(--ws);letter-spacing:.08em;color:var(--mute);font-variant-numeric:tabular-nums}
html[data-hp="04"] #sus .h04-l{display:block;margin-top:8px;font:300 clamp(20px,1.62vw,26px)/1.22 var(--ws);letter-spacing:-.016em;word-spacing:0;color:var(--ink);text-wrap:balance}
html[data-hp="04"] #sus .h04-ar{display:inline-block;width:.56em;height:.56em;margin-left:.3em;vertical-align:.02em;color:var(--mute);transition:transform .2s ease,color .2s ease}
html[data-hp="04"] #sus .h04-x{display:block;margin-top:10px;max-width:34em;font:400 15px/22px var(--ws);color:var(--mute);text-wrap:pretty}
html[data-hp="04"] #sus .h04-nw{white-space:nowrap}

html[data-hp="04"] #sus .h04-sub{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;margin:12px 0 0;padding:0;list-style:none;pointer-events:none}
html[data-hp="04"] #sus a.h04-sa{pointer-events:auto;position:relative;display:inline-flex;align-items:center;min-height:28px;padding-left:18px;font:400 14px/19px var(--ws);color:var(--ink);text-decoration:none;border-radius:2px;transition:color .2s ease}
html[data-hp="04"] #sus a.h04-sa::before{content:"";position:absolute;left:0;top:50%;width:10px;border-top:1px solid var(--line);transition:border-color .2s ease}
html[data-hp="04"] #sus a.h04-sa:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
html[data-hp="04"] #sus a.h04-sa:hover::before{border-color:var(--mute)}
html[data-hp="04"] #sus a.h04-sa:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (pointer:coarse){html[data-hp="04"] #sus a.h04-sa{min-height:44px}}

html[data-hp="04"] #sus .h04-k path{fill:none;stroke:var(--h04-pen);stroke-width:var(--h04-sw);stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}
html[data-hp="04"] #sus .h04-k .h04-p2{opacity:.4}
html[data-hp="04"] #sus .h04-k--m path{stroke:var(--h04-mark)}
html[data-hp="04"] #sus .h04-t{font-family:"Cmd Hand","Caveat","Segoe Print",cursive;font-weight:400;fill:var(--h04-mark)}
html[data-hp="04"] #sus .h04-dt{fill:var(--h04-mark)}

html[data-hp="04"] #sus a.h04-a:hover .h04-k path,html[data-hp="04"] #sus a.h04-a:focus-visible .h04-k path{stroke:var(--h04-mark)}
html[data-hp="04"] #sus a.h04-a:hover .h04-ar,html[data-hp="04"] #sus a.h04-a:focus-visible .h04-ar{transform:translateX(3px);color:var(--ink)}
html[data-hp="04"] [data-h04-t]:focus{outline:none}

html[data-hp="04"] #sus .w:not(.h04-off)>.cta{display:inline-flex;vertical-align:middle;margin-top:28px}
html[data-hp="04"] #sus .w:not(.h04-off)>.mh-sub{display:inline-block;vertical-align:middle;margin:28px 0 0 20px}

@keyframes h04-tr{from{stroke-dasharray:1.02 2;stroke-dashoffset:1.02}to{stroke-dasharray:1.02 2;stroke-dashoffset:0}}
@keyframes h04-in{from{opacity:0}to{opacity:1}}
html[data-hp="04"] #sus .h04-k path{animation:h04-tr var(--u,400ms) cubic-bezier(.45,.05,.3,1) var(--d,0ms) both}
html[data-hp="04"] #sus .h04-k .h04-p2{animation-delay:calc(var(--d,0ms) + 60ms)}
html[data-hp="04"] #sus .h04-t,html[data-hp="04"] #sus .h04-dt{animation:h04-in 260ms ease var(--d,0ms) both}

@media (max-width:1599px){html[data-hp="04"] #sus{--h04-aw:220px;--h04-sw:1.6;--h04-res:370px}}
@media (max-width:1279px){html[data-hp="04"] #sus{--h04-aw:200px;--h04-sw:1.75;--h04-res:340px}html[data-hp="04"] #sus .h04-c{padding:26px 26px 24px}}
@media (max-width:1023px){html[data-hp="04"] #sus{--h04-aw:168px;--h04-sw:2;--h04-res:326px}html[data-hp="04"] #sus .h04-c{padding:24px 20px 22px}html[data-hp="04"] #sus .h04-x{font-size:14px;line-height:20px}}

@media (max-width:760px){
  html[data-hp="04"] #sus{--h04-aw:96px;--h04-sw:3;--h04-res:clamp(334px,calc(950px - 128vw),520px)}
  html[data-hp="04"] #sus .w>h1{font-size:36px;line-height:40px}
  html[data-hp="04"] #sus .h04,html[data-hp="04"] #sus .w:not(.h04-on):not(.h04-off)>.facts{margin-top:28px}
  html[data-hp="04"] #sus .h04-g{grid-template-columns:minmax(0,1fr)}
  html[data-hp="04"] #sus .h04-c,html[data-hp="04"] #sus .h04-c:first-child,html[data-hp="04"] #sus .h04-c:last-child{padding:16px 0}
  html[data-hp="04"] #sus .h04-c+.h04-c{border-left:0;border-top:1px solid var(--line)}
  html[data-hp="04"] #sus .h04-c>a.h04-a::after,html[data-hp="04"] #sus .h04-c:first-child>a.h04-a::after,html[data-hp="04"] #sus .h04-c:last-child>a.h04-a::after{left:-8px;right:-8px}
  html[data-hp="04"] #sus a.h04-a{display:grid;grid-template-columns:var(--h04-aw) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:16px;align-items:start}
  html[data-hp="04"] #sus .h04-art{grid-row:1 / span 3;margin:2px 0 0}
  html[data-hp="04"] #sus .h04-n{grid-column:2}
  html[data-hp="04"] #sus .h04-l{grid-column:2;margin-top:4px;font-size:20px;line-height:25px}
  html[data-hp="04"] #sus .h04-x{grid-column:2;margin-top:6px;font-size:14px;line-height:20px}
  html[data-hp="04"] #sus .h04-sub{margin:6px 0 0 calc(var(--h04-aw) + 16px)}
  html[data-hp="04"] #sus .w:not(.h04-off)>.cta{display:flex;margin-top:28px}
  html[data-hp="04"] #sus .w:not(.h04-off)>.mh-sub{display:block;margin:14px 0 0}
}
@media (max-width:359px){html[data-hp="04"] #sus{--h04-aw:80px;--h04-sw:3.4}}

@media (prefers-reduced-motion:reduce){
  html[data-hp="04"] #sus .h04-k path,html[data-hp="04"] #sus .h04-t,html[data-hp="04"] #sus .h04-dt{animation:none}
  html[data-hp="04"] #sus .h04-k path,html[data-hp="04"] #sus .h04-ar,html[data-hp="04"] #sus a.h04-sa,html[data-hp="04"] #sus a.h04-sa::before{transition:none}
}