:root {
    --bg:#fff;
    --alt:#F3F4F6;
    --ink:#17181C;
    --mu:#5B6070;
    --red:#C8102E;
    --ln:#E1E3E8;
    --dk:#17181C;
box-sizing:border-box;
padding-top:env(safe-area-inset-top,0px);
padding-bottom:env(safe-area-inset-bottom,0px)
}

@media (prefers-color-scheme:dark) {
    :root:not([data-theme="light"]) {
        --bg:#0e1651;
        --alt:#1A1C21;
        --ink:#ECEEF2;
        --mu:#A0A6B5;
        --red:#F0364F;
        --ln:#2C2F37;
        --dk:#0A0B0D}
    }

:root[data-theme="dark"] {
    --bg:#121317;
    --alt:#1A1C21;
    --ink:#ECEEF2;
    --mu:#A0A6B5;
    --red:#F0364F;
    --ln:#2C2F37;
    --dk:#0A0B0D
}

html{scroll-behavior:smooth}* {
    box-sizing:border-box
}

body {
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font:400 17px/1.6 'Source Sans 3',system-ui,sans-serif
}
h1,h2,h3 {
    font-family:Archivo,Arial,sans-serif;
    margin:0;
    line-height:1.1
}
a {
    color:inherit
}

.w {
    max-width:1160px;
    margin:0 auto;
    padding:0 20px
}

.top {
    background:var(--dk);
    color:#D5D8E0;
    font-size:14px
}

.top .w {
    display:flex;
    justify-content:flex-end;
    gap:22px;
    height:36px;
    align-items:center
}

.top a {
    text-decoration:none
}

.top {
    position:relative;
    z-index:40
}

.ic {
    background:none;
    border:0;
    color:#fff;
    width:38px;
    height:36px;
    display:grid;
    place-items:center;
    cursor:pointer
}

.ic:hover,.ic[aria-expanded=true] {
    background:var(--red)
}

.pn {
    position:absolute;
    right:20px;
    top:38px;
    width:min(360px,calc(100vw - 24px));
    background:var(--bg);
    color:var(--ink);
    border:1px solid var(--ln);border-radius:8px;
    box-shadow:0 14px 40px #0004;
    padding:16px;
    font-size:16px
}

.pn[hidden] {
    display:none
}

.pn h3 {
    font-size:15px;
    margin:14px 0 8px
}

.pn>a:not(.bt) {
    display:block;
    padding:8px 0;
    border-bottom:1px solid var(--ln);
    font-weight:600
}

.pn p {
    color:var(--mu);
    margin:10px 0
}

.rc {
    display:flex;
    flex-wrap:wrap;
    gap:8px
}

.rc button {
    background:var(--alt);
    color:var(--ink);
    border:1px solid var(--ln);
    border-radius:999px;
    padding:6px 12px;
    font:600 14px "Source Sans 3",sans-serif;
    cursor:pointer
}

.rc button:hover {
    border-color:var(--red)
}

.sr {
    list-style:none;
    margin:8px 0 0;
    padding:0;
    max-height:250px;
    overflow:auto
}

.sr a {
    display:block;
    padding:8px 4px;
    border-bottom:1px solid var(--ln)
}

.sr small {
    display:block;
    color:var(--mu)
}

.hc p.hl {
    font:800 clamp(28px,4.6vw,54px)/1.12 Archivo,sans-serif;
    color:#fff;max-width:14em;margin:0 0 26px
}

.cv {
    background:#FFF8DC;
    color:#17181C
}

.cv .vl {
    color:#17181C
}
.vg {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:14px;
    margin:0 0 28px
}

.vg img {
    width:100%;
    aspect-ratio:1.52;
    object-fit:cover;
    border-radius:6px;
    display:block
}

.cw,.cw h2,.cw h3 {
    color:#17181C
}

.cw .sb {
    color:#3F4A5A
}
.cw .cd {
    background:#fff
}

.cw .cd p {
    color:#5B6070
}

.fc {
    position:relative;
    aspect-ratio:16/9;
    max-height:540px;
    width:100%;
    border-radius:6px;
    overflow:hidden;
    background:#000
}

.fv {
    position:absolute;
    inset:0
}

.fs {
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .6s;
    color:#fff;
    text-decoration:none
}

.fs.on {
    opacity:1
}

.fs .im {
    position:absolute;
    inset:0;
    aspect-ratio:auto
}

.fcap {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:60px 24px 20px;
    background:linear-gradient(transparent,#000b)
}

.fcap h3 {
    font-size:24px
}

.fa {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border-radius:50%;
    border:0;
    background:#fffe;
    color:#17181C;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    z-index:2
}

.fa.fp {
    left:14px
}

.fa.fn {
    right:14px
}

.fd {
    display:flex;
    gap:8px;
    justify-content:center;
    margin-top:10px
}

.fd button {
    width:40px;
    height:20px;
    border:0;
    border-block:8px solid transparent;
    background:#C4C7CF;
    background-clip:padding-box;
    padding:0;
    cursor:pointer
}

.fd .on {
    background:var(--ink);
    background-clip:padding-box
}

.oc ul {
    list-style:none;
    margin:0;
    padding-left:26px;
    position:relative
}

.oc>ul {
    padding-left:0
}
.oc li {
    position:relative;
    margin:8px 0
}

.oc li li::before {
    content:"";
    position:absolute;
    left:-16px;
    top:18px;
    width:14px;
    border-top:2px solid var(--ln)
}

.oc ul ul::before {
    content:"";
    position:absolute;
    left:10px;
    top:0;
    bottom:22px;
    border-left:2px solid var(--ln)
}

.oc span {
    display:inline-block;
    background:var(--bg);
    border:1px solid var(--ln);
    border-left:4px solid var(--red);
    border-radius:4px;
    padding:6px 12px;
    font-weight:600;
    font-size:15px
}

.oc>ul>li>span {
    background:var(--red);
    color:#fff;
    border-color:var(--red)
}

header {
    position:sticky;
    top:env(safe-area-inset-top,0px);
    z-index:20;
    background:#ffffff;
    border-bottom:1px solid var(--ln)
}

.nv {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:72px;gap:16px
}

.lg {
    display:block;
    text-decoration:none
}

.lg img,.fl2 {
    height:54px;
    width:auto;
    display:block;
    background:#fff;
    border-radius:6px;
    padding:3px 8px
}

nav {
    display:flex;
    gap:6px;
    align-items:center
}

nav>a,.dd>button {
    background:none;
    border:0;
    color:var(--ink);
    font:600 15px 'Source Sans 3',sans-serif;
    padding:10px 12px;
    cursor:pointer;
    text-decoration:none;
    border-radius:4px
}

nav>a:hover,.dd>button:hover,nav .on {
    color:var(--red)
}

.dd {
    position:relative
}

.dd div {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:200px;
    background:var(--bg);
    border:1px solid var(--ln);
    box-shadow:0 10px 30px #0002;
    border-radius:4px;padding:6px
}

.dd:hover div,.dd:focus-within div {
    display:block
}

.dd div a {
    display:block;
    padding:9px 12px;
    text-decoration:none;
    font-weight:600;
    font-size:15px
}

.dd div a:hover {
    background:var(--alt);
    color:var(--red)
}

.bt {
    display:inline-block;
    background:#91713a;
    color:#fff;
    border:0;
    border-radius:4px;
    padding:12px 22px;
    font:700 15px Archivo,sans-serif;
    cursor:pointer;
    text-decoration:none
}

.bt.o {
    background:none;
    border:2px solid #fff
}

.mb {
    display:none;
    background:none;
    border:1px solid var(--ln);color:var(--ink);
    padding:8px 12px;
    border-radius:4px;
    font-weight:700
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
    outline:3px solid var(--red);
    outline-offset:2px
}

.hs {
    position:relative;
    height:min(78vh,620px);
    background:#000;
    overflow:hidden;
    color:#fff
}

.sl {
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .8s;
    background-size:cover;
    background-position:center
}

.sl.on {
    opacity:1
}

.sl::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#000c,#0003 70%)
}

.hc {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    z-index:2
}

.hc h1 {
    font-size:clamp(36px,6.4vw,72px);
    font-weight:900;
    letter-spacing:-.025em;
    max-width:10em
}

.hc p {
    max-width:30em;
    font-size:19px;
    color:#E3E6EC;
    margin:16px 0 26px
}

.dots {
    position:absolute;
    bottom:18px;
    left:0;
    right:0;
    z-index:3;
    display:flex;
    gap:8px;
    justify-content:center
}

.dots button {
    width:34px;
    height:5px;
    border:0;
    background:#fff6;
    cursor:pointer;
    padding:0
}

.dots .on {
    background:var(--red)
}

.stk {
    position:absolute;
    right:0;
    top:35%;
    z-index:5;
    display:flex;
    flex-direction:column;
    gap:2px
}

.stk a {
    background:var(--red);
    color:#fff;
    text-decoration:none;
    font:700 13px Archivo,sans-serif;
    padding:11px 14px;
    writing-mode:vertical-rl;
    transform:rotate(180deg)
}


section {
    padding:72px 0
}

.alt {
    background:#524b4b
}

h2 {
    font-size:clamp(28px,4.2vw,44px);
    font-weight:800;
    letter-spacing:-.02em;
    margin-bottom:10px
}

.sb {
    color:var(--mu);
    max-width:40em;
    margin:0 0 28px
}

.c {
    text-align:center
}

.c .sb {
    margin-inline:auto
}

.vl { 
    font:800 clamp(24px,3.6vw,38px)/1.25 Archivo,sans-serif;
    max-width:20em;margin:0 auto 24px;
    text-align:center
}

.g4 {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:18px
}

.cd {
    background:var(--bg);
    border:1px solid var(--ln);
    border-radius:6px;
    overflow:hidden
}

.cd .p {
    padding:18px
}

.cd h3 {
    font-size:19px;
    margin-bottom:6px
}

.cd p {
    margin:0;
    color:var(--mu);
    font-size:16px
}

.im {
    aspect-ratio:4/3;
    background-size:cover;
    background-position:center
}

.sc {
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:12px
}

.sc>* {
    flex:0 0 min(300px,80%);
    scroll-snap-align:start
}

.st {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:20px;
    text-align:center
}

.st b {
    display:block;
    font:900 46px Archivo,sans-serif;color:var(--red)
}

.st span {
    color:var(--mu)
}

.two {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;align-items:center
}

.ph {
    width:100%;
    border-radius:6px;
    display:block
}

.fl {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px
}

.fl button {
    background:var(--bg);
    color:var(--ink);
    border:1px solid var(--ln);
    border-radius:999px;
    padding:8px 16px;
    font:600 14px 'Source Sans 3',sans-serif;
    cursor:pointer
}

.fl [aria-pressed=true] {
    background:var(--red);
    border-color:var(--red);
    color:#fff
}

input,select,textarea {
    width:100%;
    padding:11px 12px;
    border:1px solid var(--ln);
    border-radius:4px;
    background:var(--bg);
    color:var(--ink);
    font:inherit
}

.pj {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:14px;
    margin-top:14px
}

.pc {
    background:var(--bg);
    border:1px solid var(--ln);
    border-left:5px solid var(--red);
    border-radius:6px;
    padding:14px 16px
}

.pc h3 {
    font-size:18px
}

.pc small {
    color:var(--mu);
    display:block
}

.pc .a {
    font:800 21px Archivo,sans-serif;
    margin-top:6px
}

.ol {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
    gap:10px;
    list-style:none;
    margin:0;
    padding:0
}

.ol li {
    border:1px solid var(--ln);
    background:var(--bg);
    border-radius:6px;
    padding:11px 14px 11px 32px;
    position:relative
}

.ol li::before {
    content:"";
    position:absolute;
    left:13px;
    top:19px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--red)
}

.lgo {
    background:#fff;
    color:#17181C;
    border:1px solid var(--ln);
    border-radius:6px;
    padding:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    font-weight:600;
    font-size:14px
}

.lgo img {
    max-width:100%;
    max-height:84px;
    object-fit:contain
}
.lg8 {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
    gap:14px
}

.chips {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:22px
}

.chips span {
    border:1px solid var(--ln);
    background:var(--bg);
    border-radius:999px;
    padding:7px 14px;
    font-weight:600;
    font-size:15px
}

.qp {
    border:2px dashed var(--ln);
    border-radius:12px;
    padding:24px
}

.qp li {
    margin:8px 0
}

.gl {
    columns:3 240px;
    column-gap:14px
}

.gl button {
    display:block;
    width:100%;
    border:0;
    padding:0;
    margin:0 0 14px;
    background:none;
    cursor:zoom-in;
    break-inside:avoid
}

.gl img {
    width:100%;
    display:block;
    border-radius:6px
}

dialog {
    border:0;
    background:none;
    padding:0;
    max-width:92vw;
    max-height:92vh
}

dialog::backdrop {
    background:#000d
}

dialog img {
    max-width:92vw;
    max-height:84vh;
    display:block;
    border-radius:6px
}

dialog button {
    margin-top:10px
}

.tb {
    width:100%;
    border-collapse:collapse;
    font-size:16px
}

.tb th,.tb td {
    padding:9px 12px;
    text-align:left;
    border-bottom:1px solid var(--ln)
}

.tb thn{
    font:700 14px Archivo,sans-serif
}

.bar {
    display:grid;
    grid-template-columns:150px 1fr 34px;
    gap:10px;
    align-items:center;
    margin:7px 0;
    font-size:15px
}

.bar div {
    height:10px;
    background:var(--ln);
    border-radius:5px;
    overflow:hidden
}

.bar i {
    display:block;
    height:100%;
    background:var(--red)
}

.tabs {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px
}

.tabs button {
    background:var(--bg);
    color:var(--ink);
    border:1px solid var(--ln);
    border-radius:999px;
    padding:8px 16px;
    font:600 14px 'Source Sans 3',sans-serif;
    cursor:pointer
}

.tabs [aria-selected=true] {
    background:var(--red);
    border-color:var(--red);
    color:#fff
}

.cf {
    display:grid;
    gap:12px;
    background:var(--alt);
    padding:22px;
    border-radius:6px
}

label {
    display:grid;
    gap:5px;
    font-weight:600;
    font-size:15px
}

.ph1 {
    background:var(--dk);
    color:#fff;
    padding:54px 0
}

.ph1 h1 {
    font-size:clamp(32px,5vw,54px);
    font-weight:900
}

.ph1 p {
    color:#B7BCC8;
    margin:8px 0 0
}

footer {
    background:#0c122a;
    color:#B7BCC8;
    padding:48px 0 24px;
    font-size:15px;
    border-top:4px solid #d3aa63
}

.soc {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:6px
}

footer .soc a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:0;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    color:#fff;
    transition:background .2s,transform .2s
}

footer .soc a:hover {
    background:var(--red);
    transform:translateY(-2px)
}

footer .soc svg {
    width:20px;
    height:20px;
    fill:currentColor
}

.fg {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:26px
}

footer h3 {
    color:#fff;
    font-size:16px;
    margin-bottom:10px
}

footer a {
    display:block;
    text-decoration:none;
    padding:3px 0
}

footer a:hover {
    color:#fff
}

.cp {
    border-top:1px solid #2C2F37;
    margin-top:28px;
    padding-top:16px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:space-between
}

.wa {
    position:fixed;
    right:16px;
    bottom:calc(16px + env(safe-area-inset-bottom,0px));
    z-index:30;
    background:#1FA855;
    color:#fff;
    border-radius:999px;
    padding:12px 18px;
    font:700 15px Archivo,sans-serif;
    text-decoration:none;
    box-shadow:0 6px 20px #0005
}

@media(max-width:860px) {
    nav {
        display:none;
        position:absolute;
        top:72px;
        left:0;
        right:0;
        background:var(--bg);
        flex-direction:column;
        align-items:stretch;
        padding:10px 20px;
        border-bottom:1px solid var(--ln)
    }
    nav
.open {
    display:flex
}

.dd div {
    display:block;
    position:static;
    border:0;
    box-shadow:none;
    padding-left:12px
}

.mb {
    display:block
}

.two {
    grid-template-columns:1fr
}

.stk {
    display:none
}

.bar {
    grid-template-columns:110px 1fr 30px
}

.hd {
    display:none
}}


@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    
.sl {
    transition:none
}}


@keyframes 
up{from {
    opacity:0;
    transform:translateY(22px)}to{opacity:1;
        transform:none
    }
}

@keyframes 
kb{from {
    transform:scale(1)}to{transform:scale(1.12)
    }
}


@keyframes 
hb{from {
    width:0}to{width:100%
    }
}

@keyframes 
pt{from {
    opacity:0;
    transform:translateY(12px)}to{opacity:1;
        transform:none
    }
}

@keyframes 
mq{to{transform:translateX(-50%)
}
}

.rv {
    opacity:0;
    transform:translateY(30px);
    transition:opacity .7s ease var(--d,0s),transform .6s ease var(--d,0s)
}

.rv.in {
    opacity:1;
    transform:none
}

.cd,.pc {
    transition:opacity .7s ease var(--d,0s),transform .5s ease var(--d,0s),box-shadow .3s
}

.cd:hover,.rv.in.cd:hover,.pc:hover {
    transform:translateY(-6px);box-shadow:0 16px 36px #0002
}

.cd .im {
    transition:transform .7s
}

.cd:hover .im {
    transform:scale(1.07)
}

.pt {
    animation:pt .5s ease both
}

#pg {
    position:fixed;
    top:0;
    left:0;
    height:3px;
    width:0;
    background:var(--red);
    z-index:90
}

header {
    transition:box-shadow .3s
}

header.hsh {
    box-shadow:0 6px 24px #0003
}

.dd div {
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .2s,transform .2s,visibility .2s
}

.dd:hover div,.dd:focus-within div {
    opacity:1;
    visibility:visible;
    transform:none
}

nav>a:not(.bt) {
    position:relative
}

nav>a:not(.bt)::after {
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:4px;
    height:2px;
    background:var(--red);
    transform:scaleX(0);
    transition:transform .25s
}

nav>a:not(.bt):hover::after,nav>a.on::after {
    transform:scaleX(1)
}

.sl.on {
    animation:kb 9s ease-out both
}

.ah {
    animation:up .8s ease both
}

.hb {
    position:absolute;
    left:0;
    bottom:0;
    height:4px;
    width:0;
    background:var(--red);
    z-index:3
}

.hb.ah {
    animation:hb 4s linear both
}

.hs .fa {
    z-index:4
}

section h2::after {
    content:"";
    display:block;
    width:56px;
    height:4px;
    background:var(--red);
    margin-top:12px
}

.c h2::after {
    margin-inline:auto
}

.sd {
    background:var(--dk);
    color:#fff
}

.sd .st b {
    color:#fff;
    font-size:54px
}

.sd .st b::after {
    content:"";
    display:block;
    width:36px;
    height:3px;
    background:var(--red);
    margin:8px auto 6px
}

.sd .st span {
    color:#B7BCC8
}

.ph1 {
    position:relative;
    background:linear-gradient(90deg,#000d,#0007),var(--bi) center/cover;
    padding:90px 0;
    overflow:hidden
}

.ph1 h1,.ph1 p {
    animation:up .8s ease both
}

.ph1 p {
    animation-delay:.15s;
    color:#D5D8E0
}

.mq {
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}

.mt2 {
    display:flex;
    gap:14px;
    width:max-content;
    animation:mq 45s linear infinite
}

.mq:hover .mt2 {
    animation-play-state:paused
}

.mt2 .lgo {
    width:200px;
    flex:0 0 200px
}

.gl button {
    position:relative;
    overflow:hidden;
    border-radius:6px
}

.gl img {
    transition:transform .6s
}

.gl button:hover img {
    transform:scale(1.07)
}

.gl button::after {
    content:attr(data-c);
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:34px 12px 10px;
    color:#fff;font-weight:600;
    text-align:left;
    background:linear-gradient(transparent,#000b);
    opacity:0;
    transition:opacity .3s
}

.gl button:hover::after,.gl button:focus-visible::after {
    opacity:1
}

dialog {
    position:relative;
    overflow:visible
}

.dr {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(400px,100%);
    background:var(--bg);
    color:var(--ink);
    z-index:80;
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .35s,visibility 0s .35s;
    padding:30px 24px;
    box-shadow:-12px 0 40px #0004;
    overflow:auto
}

.dr.open {
    transform:none;
    visibility:visible;
    transition:transform .35s
}

.dr form {
    display:grid;
    gap:12px;
    margin-top:14px
}

.dr h3 {
    font-size:24px
}

.x {
    position:absolute;
    top:10px;
    right:14px;
    background:none;
    border:0;
    color:var(--ink);
    font-size:32px;
    cursor:pointer
}

.ov {
    position:fixed;
    inset:0;
    background:#0007;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
    z-index:70
}

.ov.open {
    opacity:1;
    pointer-events:auto
}

#tt {
    position:fixed;
    left:16px;
    bottom:calc(16px + env(safe-area-inset-bottom,0px));
    z-index:30;
    width:44px;
    height:44px;
    border-radius:50%;
    border:0;
    background:#91713a;
    color:#fff;
    font-size:22px;
    cursor:pointer;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s
}

#tt.show {
    opacity:1;
    pointer-events:auto
}

@media (max-width:860px){ 
    .dd div{opacity:1;
        visibility:visible;
        transform:none}
    }

@media(prefers-reduced-motion:reduce) {
    .rv{opacity:1;
        transform:none;
        transition:none
    }
    .mt2,.sl.on,.ah,.pt,.ph1 h1,.ph1 p {
        animation:none}
    }


.top {
    background:#83745b
}

header.nvo {
    z-index:100
}

.cv {
    background:#FFFFF0
}

.mb {
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border:1px solid #cbaf7f;
    background:none;
    color:#0e1651;
    border-radius:6px;
    padding:0;
    cursor:pointer
}

.mb:hover {
    border-color:var(--red);
    color:var(--red)
}

header nav#nv {
    display:flex;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:auto;
    width:min(340px,88vw);
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    padding:64px 22px 24px;
    background:var(--bg);
    color:var(--ink);
    z-index:85;
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .35s,visibility 0s .35s;
    overflow:auto;
    box-shadow:-12px 0 40px #0004;
    border:0
}

header nav#nv.open {
    transform:none;
    visibility:visible;
    transition:transform .35s
}

header nav#nv>a:not(.bt) {
    font:700 18px "Source Sans 3",sans-serif;
    padding:12px 8px;
    border-bottom:1px solid var(--ln);
    color:var(--ink)
}

header nav#nv>a:not(.bt)::after {
    display:none
}

header nav#nv .dd {
    border-bottom:1px solid var(--ln);
    padding:8px 0
}

header nav#nv .dd>button {
    display:block;
    width:100%;
    text-align:left;
    padding:4px 8px;
    font:800 12px Archivo,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--red);
    pointer-events:none;
    cursor:default
}

header nav#nv .dd div {
    display:block;
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    border:0;
    box-shadow:none;
    padding:0 0 0 8px;
    background:none;min-width:0
}

header nav#nv .dd div a {
    font:600 17px "Source Sans 3",sans-serif;
    padding:8px;
    border-radius:4px
}

header nav#nv .bt {
    margin-top:18px;
    text-align:center
}

header nav#nv {
    background:#0B1F4B;
    color:#fff
}

header nav#nv>a:not(.bt) {
    color:#fff;
    border-bottom:1px solid #ffffff2a
}

header nav#nv>a:not(.bt):hover,header nav#nv .dd div a:hover {
    color:#fff;
    background:#ffffff1a
}

header nav#nv .x {
    color:#fff
}

header nav#nv .dd {
    border-bottom:1px solid #ffffff2a;
    padding:0
}

header nav#nv .dd>button {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    pointer-events:auto;
    cursor:pointer;
    color:#fff;
    font:700 18px "Source Sans 3",sans-serif;
    text-transform:none;
    letter-spacing:0;
    padding:12px 8px
}

header nav#nv .dd>button:hover {
    color:#fff;
    background:#ffffff1a
}

header nav#nv .dd>button::after {
    content:"";
    width:8px;
    height:8px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    transition:transform .2s;
    margin-right:4px
}

header nav#nv .dd.open>button::after {
    transform:rotate(-135deg)
}

header nav#nv .dd div {
    display:none;
    padding:0 0 8px 14px
}

header nav#nv .dd.open div {
    display:block
}

header nav#nv .dd div a {
    color:#D9E0F2
}

.sd {
    background:#F1F2F4;
    color:#17181C
}

.sd .st b {
    color:#0B1F4B
}

.sd .st span {
    color:#5B6070
}

body[data-pg=home] {
    font-size:16px
}

body[data-pg=home] h2 {
    font-size:clamp(22px,2.8vw,30px)
}

body[data-pg=home] h2::after {
    width:44px;
    height:3px;
    margin-top:10px
} 

body[data-pg=home] section {
    padding:56px 0
}

body[data-pg=home] .hc p.hl {
    font-size:clamp(22px,3.2vw,38px)
}

body[data-pg=home] .vl {
    font-size:clamp(17px,2.2vw,24px)
}

body[data-pg=home] .cd h3 {
    font-size:17px
}

body[data-pg=home] .cd p,body[data-pg=home] .sb {
    font-size:15px
}

body[data-pg=home] .sd .st b {
    font-size:36px
}

body[data-pg=home] .st span {
    font-size:15px
}

body[data-pg=home] .fcap h3 {
    font-size:20px
}

body[data-pg=home] .bt {
    font-size:14px;
    padding:10px 18px
}

header nav#nv {
    background:var(--bg);
    color:var(--ink)
}

header nav#nv>a:not(.bt) {
    color:var(--ink);
    border-bottom:1px solid var(--ln)
}

header nav#nv>a:not(.bt):hover,header nav#nv .dd div a:hover,header nav#nv .dd>button:hover {
    color:var(--red);
    background:var(--alt)
}

header nav#nv .x {
    color:var(--ink)
}

header nav#nv .dd {
    border-bottom:1px solid var(--ln)
}

header nav#nv .dd>button {
    color:var(--ink)
}

header nav#nv .dd>button::after {
    border-color:var(--ink)
}

header nav#nv .dd div a {
    color:var(--ink)
}

.fc {
    background:var(--alt)
}

.ic.eq {
    width:auto;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:7px;
    font:700 13px Archivo,sans-serif}