body{margin:0;background:#FFFFFF}
a{color:#16223F}a:hover{color:#0B1328}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: no-preference){
@keyframes sp-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes sp-shadow{to{box-shadow:0 6px 24px rgba(17,19,23,.08)}}
h1{animation:sp-rise .8s cubic-bezier(.2,.7,.2,1) both}
h1 ~ p{animation:sp-rise .8s .12s cubic-bezier(.2,.7,.2,1) both}
h1 ~ div{animation:sp-rise .8s .22s cubic-bezier(.2,.7,.2,1) both}
@supports (animation-timeline: view()){
section h2,section img,section figure,section details,section ol > li,section ul > li,[style*="display: grid"] > *{animation:sp-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
header{animation:sp-shadow linear both;animation-timeline:scroll();animation-range:0 120px}
}
a[style*="border-radius: 999px"]{transition:translate .2s ease,box-shadow .2s ease}
a[style*="border-radius: 999px"]:hover{translate:0 -2px;box-shadow:0 8px 20px rgba(22,34,63,.18)}
a[style*="border-radius: 20px"]{transition:translate .3s ease,box-shadow .3s ease}
a[style*="border-radius: 20px"]:hover{translate:0 -4px;box-shadow:0 14px 30px rgba(17,19,23,.10)}
a:has(> img) img{transition:scale .5s ease}
a:has(> img):hover img{scale:1.025}
summary{transition:color .2s ease}
summary:hover{color:#B4532A}
details[open] > p{animation:sp-rise .4s ease both}
}
*{box-sizing:border-box}
img{max-width:100%}
.skip{position:absolute;left:-9999px;top:0;background:#16223F;color:#fff;padding:12px 16px;z-index:100}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid #B4532A;outline-offset:3px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field label,.form-field legend{font-size:15px;font-weight:600;color:#111317}
.form-field input,.form-field select,.form-field textarea{font:inherit;font-size:16px;padding:14px 16px;border:1px solid #C9CBD2;border-radius:12px;background:#fff;color:#111317;width:100%}
.form-field textarea{min-height:110px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#16223F;outline:2px solid #16223F;outline-offset:1px}
.choice{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}
.choice input{width:20px;height:20px;accent-color:#16223F}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mainnav{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font-size:14px;font-weight:500}
.mainnav>a,.dd>summary{text-decoration:none;color:#111317}
.dd{position:relative}
.mainnav .sm{display:none}
.dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:10px 0}
.dd>summary::-webkit-details-marker{display:none}
.dd>summary svg{transition:transform .2s}
.dd[open]>summary svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;left:-14px;z-index:60;min-width:230px;background:#FFFFFF;border:1px solid #ECECEE;border-radius:16px;box-shadow:0 18px 40px rgba(17,19,23,.12);padding:8px;display:flex;flex-direction:column}
.dd-menu a{display:block;padding:11px 14px;border-radius:10px;color:#111317;text-decoration:none;font-size:15px}
.dd-menu a:hover,.dd-menu a:focus-visible{background:#F3F4F6}
.nav-pill{padding:11px 18px;border:1px solid #C9CBD2;border-radius:999px}
.nav-cta{color:#FFFFFF!important;background:#16223F;padding:12px 20px;border-radius:999px}
@media (max-width:820px){header nav.mainnav{gap:16px !important;overflow:visible}.mainnav .sm{display:inline}.mainnav .lg{display:none}.nav-cta{padding:10px 16px}.nav-pill{display:none}.dd{position:static}.dd-menu{left:16px;right:16px;min-width:0}header>div{position:relative}}
@media (max-width:370px){header nav.mainnav{gap:11px !important}.nav-cta{padding:9px 13px}}
@media (max-width:340px){header nav.mainnav{overflow-x:auto}}
.prose h2{font-size:30px;line-height:1.2;margin:44px 0 12px;letter-spacing:-0.02em;color:#111317}
.prose h3{font-size:22px;margin:32px 0 8px;color:#111317}
.prose p,.prose li{font-size:18px;line-height:1.75;color:#33384A}
.prose ul,.prose ol{padding-left:22px}
.prose a{color:#B4532A;font-weight:600}
.prose blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid #E8925F;color:#4F5462}
.prose hr{border:0;border-top:1px solid #ECECEE;margin:40px 0}
.post-card{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid #ECECEE;border-radius:20px;text-decoration:none;color:#111317;background:#FFFFFF;transition:border-color .2s,transform .2s}
.post-card:hover{border-color:#16223F;transform:translateY(-2px)}
.legal h2{font-size:28px;margin:40px 0 12px;letter-spacing:-0.02em}
.legal p,.legal li{font-size:17px;line-height:1.7;color:#4F5462}
@media (max-width: 900px){
[style*="position: sticky; top: 120px"]{position:static !important}
}
@media (max-width: 820px){
header nav{width:100%;flex-wrap:nowrap !important;overflow-x:auto;gap:18px !important;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
header nav a{white-space:nowrap;flex:none}
}
@media (max-width: 700px){
h1{font-size:42px !important;letter-spacing:-0.03em !important}
h2{font-size:32px !important;letter-spacing:-0.025em !important}
[style*="padding: 56px"],[style*="padding: 48px"]{padding:28px !important}
[style*="padding: 40px"],[style*="padding: 36px"]{padding:24px !important}
section{padding-left:20px !important;padding-right:20px !important}
img[style*="height: 640px"],img[style*="height: 560px"],img[style*="height: 540px"],img[style*="height: 480px"]{height:300px !important}
[style*="min-height: 620px"]{min-height:560px !important}
[style*="min-height: 520px"]{min-height:480px !important}
blockquote{font-size:20px !important}
[style*="grid-template-columns: repeat(2, minmax(0, 1fr))"]{grid-template-columns:1fr !important}
header > div{padding:12px 20px !important}
footer > div{padding:48px 20px 32px !important}
}