*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%}
:focus-visible{outline:3px solid #FFD21F;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:#FFD21F;color:#111111;padding:12px 18px;font-weight:700;z-index:10}.skip:focus{left:12px;top:12px}
body{margin:0;background:#FFFFFF}
a{color:#111111}a:hover{color:#6B6B66}
.up{opacity:0;transform:translateY(34px);animation:up .9s cubic-bezier(.2,.7,.2,1) forwards}
.w{display:inline-block;opacity:0;transform:translateY(60%) rotate(4deg);animation:w .8s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes up{to{opacity:1;transform:none}}
@keyframes w{to{opacity:1;transform:none}}
.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}.d5{animation-delay:.4s}.d6{animation-delay:.48s}.d7{animation-delay:.56s}.d8{animation-delay:.7s}.d9{animation-delay:.85s}
.hl{background-image:linear-gradient(#FFD21F,#FFD21F);background-repeat:no-repeat;background-size:0% 100%;animation:hl 1s cubic-bezier(.7,0,.2,1) .9s forwards;color:#FFD21F;transition:color .3s}
@keyframes hl{to{background-size:100% 100%;color:#111111}}
.blink{animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.mq{display:flex;width:max-content;animation:mq 30s linear infinite}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tb{color:#3A3A37;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:color .25s}.tb:hover{color:#111111}
.wa{width:7px;height:7px;background:#25D366;border-radius:50%;display:inline-block}
@media (max-width:640px){.topbar>div{justify-content:flex-start!important}}
.lnk{background-image:linear-gradient(#FFD21F,#FFD21F);background-repeat:no-repeat;background-size:100% 0.18em;background-position:0 92%;transition:background-size .35s}
.lnk:hover{background-size:100% 100%}
.chip{font-family:inherit;cursor:pointer;border:1.5px solid #5A5A55;background:transparent;color:#D4D4CF;padding:10px 18px;font-size:15px;font-weight:700;transition:background .25s,color .25s,border-color .25s}
.chip:hover{border-color:#FFD21F;color:#FFD21F}
.chip.on{background:#FFD21F;border-color:#FFD21F;color:#111111}
.card{font-family:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:34px 30px 30px;border:1px solid #111111;background:#FFFFFF;color:#111111;min-height:340px;box-sizing:border-box;background-image:linear-gradient(#FFD21F,#FFD21F);background-repeat:no-repeat;background-size:100% 0%;background-position:0 100%;transition:background-size .5s cubic-bezier(.7,0,.2,1),transform .3s}
.card:hover{background-size:100% 100%;transform:translateY(-4px)}
.card:hover .ra{transform:translateX(8px)}
.card:focus-visible{outline:3px solid #111111;outline-offset:3px}
.ra{display:inline-block;transition:transform .35s}
.back{font-family:inherit;cursor:pointer;border:none;background:transparent;color:#111111;font-size:15px;font-weight:700;padding:10px 0;display:inline-flex;gap:10px;align-items:center}
.back:hover{color:#6B6B66}
.glow{display:inline-flex;gap:12px;align-items:center;padding:16px 4px;text-decoration:none;color:#111111;font-weight:800;font-size:17px;transition:padding .35s,background .35s,box-shadow .35s}
.glow:hover{padding:16px 22px;background:#FFD21F;color:#111111;box-shadow:0 0 0 1px #FFD21F,0 0 28px rgba(255,210,31,.55)}
@supports (animation-timeline: view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
@keyframes rv{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion: reduce){.up,.w,.rv{animation:none;opacity:1;transform:none}.hl{animation:none;background-size:100% 100%;color:#111111}.blink,.mq{animation:none}}

.wa-fab{position:fixed;right:21px;bottom:21px;z-index:50;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .25s}
.wa-fab:hover{transform:scale(1.08)}
.wa-fab svg{width:30px;height:30px}
.tb{color:#3A3A37;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:color .25s}.tb:hover{color:#111111}
.wa{width:7px;height:7px;background:#25D366;border-radius:50%;display:inline-block}
@media (max-width:640px){.topbar>div{justify-content:flex-start!important}}
.card{text-decoration:none}
.card[hidden]{display:none}
.chip:focus-visible{outline:3px solid #FFD21F;outline-offset:3px}
.post h2{margin:52px 0 0;font-family:Archivo,sans-serif;font-weight:800;font-size:29px;line-height:1.15;letter-spacing:-0.03em;color:#111111}
.post h3{margin:34px 0 0;font-family:Archivo,sans-serif;font-weight:800;font-size:21px;line-height:1.25;letter-spacing:-0.02em;color:#111111}
.post p{margin:18px 0 0}
.post ul{list-style:none;margin:6px 0 0;padding:0}
.post li{margin:14px 0 0;display:flex;gap:16px;align-items:flex-start}
.post li::before{content:"";flex:0 0 9px;height:9px;margin-top:11px;background:#FFD21F;outline:1px solid #111111}
.post li strong{color:#111111}
.post .cta{margin:48px 0 0;padding:28px 30px;background:#FFD21F;font-weight:600;line-height:1.6;color:#111111}
.post .cta a{color:#111111;font-weight:800}
.rel{display:block;padding:14px 0;border-bottom:1px solid #CFCFCA;font-size:16px;line-height:1.4;font-weight:700;text-decoration:none;color:#111111;transition:color .25s,padding .3s}
.rel:hover{color:#111111;padding-left:10px;background:#FFD21F}
.crumb{font-size:14px;font-weight:600;color:#BDBDB8;display:flex;flex-wrap:wrap;gap:8px}
.crumb a{color:#D4D4CF;text-decoration:none}.crumb a:hover{color:#FFD21F}
.pn{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:2px solid #111111}
.pn a{display:flex;flex-direction:column;gap:8px;padding:26px 24px 26px 0;text-decoration:none;color:#111111;border-bottom:1px solid #111111;background-image:linear-gradient(#FFD21F,#FFD21F);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .5s cubic-bezier(.7,0,.2,1),padding .3s}
.pn a:hover{background-size:100% 100%;padding-left:18px}
@media (max-width:640px){header nav{gap:8px 18px!important}}