@layer components, utilities, overrides;
@keyframes menuIn{from{opacity:0;transform:translateY(-10px) scale(.98)}
to{opacity:1;transform:none}}
@keyframes shr{from{padding-top:16px;padding-bottom:16px}
to{padding-top:8px;padding-bottom:8px}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:none}}
@keyframes rise2{from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:none}}
@keyframes rv{from{opacity:0;transform:translateY(44px) scale(.97)}
to{opacity:1;transform:none}}
@keyframes hl{from{box-shadow:0 1px 0 rgba(228,228,226,0)}
to{box-shadow:0 1px 0 #E4E4E2}}
@layer components{
:root{--green:#346767;--green-soft:#577B7B;--green-50:#EEF3F3;--green-100:#DCE7E7;--green-900:#142B2B;--red:#993333;--red-50:#F7ECEC;--grey:#686867;--grey-50:#F6F6F5;--grey-200:#E4E4E2;--ink:#1F2424}
body{margin:0;background:#FFFFFF}
h1,h2,h3{color:#142B2B}
a{color:var(--green)}
a:hover{color:#234747}
.hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}
.nav > a{color:var(--grey);text-decoration:none;padding:9px 16px;border-radius:999px;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.nav > a:hover{background:#F7ECEC;color:var(--red);transform:translateY(-1px)}
.nav > a.cta{border:1.5px solid var(--red);color:var(--red);padding:7.5px 16px;margin-left:4px}
.nav > a.cta:hover{background:var(--red);color:#fff}
.nav > a[aria-current]{background:var(--red);color:#fff;box-shadow:0 2px 10px rgba(153,51,51,.3)}
.nav > a[aria-current]:hover{background:#7E2828;color:#fff}
.lang{margin-left:10px}
.lang a{transition:background .25s,color .25s}
.lang a:hover{color:var(--red)}
.logo img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.logo:hover img{transform:scale(1.05)}
.burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:var(--grey-50);cursor:pointer;position:relative;transition:background .25s,transform .25s}
.burger:hover{background:var(--red-50)}
.burger:focus:not(:focus-visible){outline:none}
.burger:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.burger .bl{position:absolute;left:13px;width:18px;height:2px;border-radius:2px;background:var(--grey);transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s,top .3s,background .25s}
.burger .bl:nth-child(1){top:15px}
.burger .bl:nth-child(2){top:21px}
.burger .bl:nth-child(3){top:27px}
.hdr[data-open="open"] .burger{background:var(--red-50)}
.hdr[data-open="open"] .burger .bl{background:var(--red)}
.hdr[data-open="open"] .burger .bl:nth-child(1){top:21px;transform:rotate(45deg)}
.hdr[data-open="open"] .burger .bl:nth-child(2){opacity:0}
.hdr[data-open="open"] .burger .bl:nth-child(3){top:21px;transform:rotate(-45deg)}
@media (max-width: 820px){.hdr-in{position:relative}
.burger{display:flex}
.nav{position:absolute;top:100%;left:12px;right:12px;margin-top:6px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--grey-200);border-radius:22px;box-shadow:0 24px 48px -20px rgba(20,43,43,.35);transform-origin:top center}
.hdr[data-open="open"] .nav{animation:menuIn .28s cubic-bezier(.2,.7,.2,1) both}
.nav > a{padding:14px 18px;text-align:left}
.nav > a.cta{margin:6px 0 0;padding:12.5px 18px;text-align:center}
.nav > a:hover{transform:none}
.lang{align-self:center}}
@media (prefers-reduced-motion: reduce){.burger,.burger .bl{transition:none}}
@supports (animation-timeline: scroll()){.hdr-in{animation:shr linear both;animation-timeline:scroll(root block);animation-range:0 120px}}
@media (prefers-reduced-motion: reduce){.nav > a,.logo img{transition:none}}
.btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s}
.btn:hover{transform:translateY(-2px)}
.btn-g:hover{background:#2A5656;color:#fff}
.card{box-sizing:border-box;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.card:hover{transform:translateY(-5px);box-shadow:0 28px 48px -28px rgba(20,43,43,.4)}
.tab{transition:background .25s,color .25s,box-shadow .25s}
.tab[aria-pressed="false"]:hover{background:#DEDEDA}
.tab:focus:not(:focus-visible){outline:none}
.tab:focus-visible{outline:2px solid #993333;outline-offset:2px}
.hero-in{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
@supports (animation-timeline: view()){.rv{animation:rv linear backwards;animation-timeline:view();animation-range:entry 0% entry 45%}
.hdr{animation:hl linear both;animation-timeline:scroll(root block);animation-range:0 120px}}
@media (prefers-reduced-motion: reduce){.card,.btn,.tab{transition:none}}
.vbar{position:absolute;top:50%;width:18px;height:150px;margin-top:-75px}
@media (max-width: 820px){.vbar{width:8px;height:90px;margin-top:-45px}}
.panel{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
.tab{background:transparent;color:#686867}
.tab[aria-pressed="true"]{background:#346767;color:#fff;box-shadow:0 2px 10px rgba(52,103,103,.35)}
.tab .ini{color:var(--ic)}
.tab[aria-pressed="true"] .ini{color:#fff}
.tab[aria-pressed="false"]:hover{background:#DEDEDA}
.tab:focus:not(:focus-visible){outline:none}
.tab:focus-visible{outline:2px solid #993333;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.mq-t{width:100%}
.mq-g{flex:0 1 auto}}
.tabs-hint{padding-top:22px;margin:0 0 12px;font-size:15px;color:#686867;display:flex;align-items:center;gap:8px}
.tabs-hint svg{flex:none}
.tabs-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.tabs-row .tab{color:#346767}
.tabs-row .tab[aria-pressed="true"]{color:#fff}
.tabs-row .tab[aria-pressed="false"]:hover{background:#346767;color:#fff}
.tabs-row .tab[aria-pressed="false"]:hover .ini{color:#fff}
}
@layer overrides{
h3.psub{font-size:clamp(17px,1.6vw,21px);font-weight:400}
.nav{gap:4px}
@media (max-width: 820px){.hdr-in{flex-wrap:nowrap;padding-left:20px;padding-right:16px}
.nav{display:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;padding:12px;font-size:17px}
.hdr[data-open="open"] .nav{display:flex}
.lang{margin:10px 0 2px}}
@media (prefers-reduced-motion: reduce){.hdr[data-open="open"] .nav{animation:none}}
@media (prefers-reduced-motion: reduce){.hdr-in{animation:none}}
@media (prefers-reduced-motion: reduce){.hero-in,.rv,.hdr,.panel{animation:none}}
@media (prefers-reduced-motion: reduce){.panel{animation:none}}
[hidden]{display:none}
}