.bgv,.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.still .bgv{display:none}
@media (prefers-reduced-motion: reduce){.bgv{display:none}}
body{margin:0;background:#EDF1F5;color:#0B2442;font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#06669C;text-decoration:none}
a:hover{color:#0B2442}
.root{--eo:cubic-bezier(.16,1,.3,1)}
.root *{box-sizing:border-box}
.disp{font-family:'Archivo','Helvetica Neue',system-ui,sans-serif}
.mono{font-family:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace}
.wrap{width:calc(100% - 160px);max-width:1280px;margin-left:auto;margin-right:auto;position:relative}
.grid-bg{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}
.tag{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px 0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);width:max-content}
.tag-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}
.tag-t{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#DCE3EC}
.ln{display:block;overflow:hidden;padding:.03em 0 .02em}
.w{display:inline-block}
.lbl{font-size:14px;font-weight:600;color:#0B2442}
.req{color:#B3261E}
.fi{width:100%;height:50px;border-radius:10px;border:1px solid rgba(11,36,66,.22);background:#FFFFFF;padding:0 14px;font:inherit;font-size:16px;color:#0B2442;transition:border-color .2s,box-shadow .2s}
.fi::placeholder{color:#6B7B8F}
.fi:focus{outline:none;border-color:#0878B8;box-shadow:0 0 0 3px rgba(8,120,184,.18)}
.fi.ta{height:auto;min-height:120px;padding:12px 14px;line-height:1.5;resize:vertical}
.fi.bad{border-color:#B3261E;box-shadow:0 0 0 3px rgba(179,38,30,.12)}
.err{font-size:13px;color:#B3261E}
.pill{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(11,36,66,.2);background:#FFFFFF;color:#0B2442;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.pill:hover{border-color:#0B2442}
.pill.on{background:#0B2442;border-color:#0B2442;color:#FFFFFF}
.pill:focus-visible,.submit:focus-visible,.ghostbtn:focus-visible{outline:3px solid rgba(8,120,184,.45);outline-offset:2px}
.submit{width:100%;height:58px;border:0;border-radius:999px;background:#0B2442;color:#FFFFFF;font:inherit;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .25s,transform .35s var(--eo)}
.submit:hover{background:#12335C;transform:translateY(-1px)}
.ghostbtn{height:52px;padding:0 22px;border-radius:999px;border:1px solid rgba(11,36,66,.25);background:#FFFFFF;color:#0B2442;font:inherit;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.ghostbtn:hover{border-color:#0B2442;color:#0B2442}
.navybtn{height:52px;padding:0 22px;border-radius:999px;background:#0B2442;color:#FFFFFF;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.navybtn:hover{background:#12335C;color:#FFFFFF}
.sig{font-family:'Mrs Saint Delafield','Snell Roundhand','Brush Script MT',cursive;font-size:52px;line-height:1;color:#0B2442;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sig.empty{color:#9AA8B8;font-size:40px}
.chk{width:22px;height:22px;margin:1px 0 0;accent-color:#0B2442;flex:none;cursor:pointer}
.flink{color:#C9D3DF;font-size:14px}
.flink:hover{color:#F2B134}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes wordUp{from{transform:translateY(110%)}to{transform:none}}
@keyframes dotLand{0%{opacity:0;transform:translateY(-26px) scale(.4)}60%{opacity:1;transform:translateY(0) scale(1.2)}100%{opacity:1;transform:none}}
@keyframes chipOpen{from{clip-path:inset(0 calc(100% - 30px) 0 0 round 999px)}to{clip-path:inset(0 0 0 0 round 999px)}}
@keyframes chipText{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}100%{transform:none}}
@media (prefers-reduced-motion: no-preference){
.tag-dot{animation:dotLand .55s var(--eo) .1s both}
.tag{animation:chipOpen .7s var(--eo) .4s both}
.tag-t{animation:chipText .5s var(--eo) .65s both}
.w1{animation:wordUp 1.1s var(--eo) .5s both}
.w2{animation:wordUp 1.1s var(--eo) .6s both}
.rv{animation:rise 1s var(--eo) .85s both}
.rv2{animation:rise 1s var(--eo) 1s both}
.card-in{animation:rise 1.1s var(--eo) .7s both}
.pop{animation:pop .6s var(--eo) both}
}

/* ---- standalone-site additions ---- */
@media (max-width: 1100px){
.wrap{width:calc(100% - 40px)}
section[style*="min-height: 1380px"]{min-height:0 !important}
section[style*="height: 560px"] > .wrap{padding-top:110px !important}
aside[style*="position: sticky"]{position:static !important;padding-top:28px !important}
article[id^="q"]{grid-template-columns:40px minmax(0,1fr) !important;column-gap:12px !important;padding:28px 0 !important}
.wrap[style*="grid-template-columns"]{display:flex !important;flex-direction:column;gap:32px}
.wrap[style*="grid-template-columns"] > *{grid-column:auto !important}
.card-in{margin-top:24px !important}
h1.disp{font-size:48px !important}
footer{height:auto !important}
footer .wrap{height:auto !important;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0}
}
@media (max-width: 640px){
h1.disp{font-size:40px !important}
form > div[style*="grid-template-columns"]{display:flex !important;flex-direction:column}
}
