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}
.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}
}