:root{--ink:#16222b;--muted:#566574;--line:#dbe3e8;--bg:#ffffff;--alt:#f3f7f6;--pine:#0a3161;--pine-d:#061f42;--sun:#c8102e;--sun-d:#a30d25;--bad:#a12727;--ok:#12684a;--r:10px;
--h:'Sora',system-ui,sans-serif;--b:'Source Sans 3',system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.55 var(--b);color:var(--ink);background:var(--bg)}
h1,h2,h3,.brand span{font-family:var(--h);letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:0 0 .5rem}
h2{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2;margin:0 0 1rem}
a{color:var(--pine)}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.narrow{max-width:760px}
.util{background:var(--pine-d);color:#fff;font-size:.85rem}
.util .wrap{display:flex;gap:1.25rem;justify-content:flex-end;padding-top:.4rem;padding-bottom:.4rem}
.util a{color:#dbe6f7;text-decoration:none}.util a:hover{text-decoration:underline}
.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.7rem;padding-bottom:.7rem;position:relative}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.brand span{display:flex;flex-direction:column;font-weight:700;font-size:1.05rem;line-height:1.1}
.brand small{font:600 .72rem var(--b);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}
.nav a[aria-current=page]{color:var(--pine);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.nav a:hover{color:var(--pine)}
.navtoggle,.burger{display:none}
.btn{display:inline-block;border:0;border-radius:999px;padding:.7rem 1.3rem;font:600 1rem var(--b);text-decoration:none;cursor:pointer;line-height:1.2}
.btn-primary{background:var(--pine);color:#fff}.btn-primary:hover{background:var(--pine-d)}
.btn-pay,.nav a.btn-pay{background:var(--sun);color:#fff}.btn-pay:hover,.nav a.btn-pay:hover{background:var(--sun-d);color:#fff}
.btn-light{background:#fff;color:var(--pine)}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,tr:focus-visible{outline:3px solid #2f7ff0;outline-offset:2px}
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,#1a4f9c 0%,transparent 60%),linear-gradient(160deg,#0a3161 0%,#061f42 100%);color:#fff;padding:clamp(2.5rem,7vw,5rem) 0 clamp(4rem,9vw,6.5rem)}
.hero h1{max-width:16ch}
.lead{font-size:1.2rem;max-width:44ch;margin:0 0 1.6rem;color:#dbe6f7}
.lead.dark{color:var(--muted)}
.search{display:grid;grid-template-columns:1.4fr 1fr auto;gap:.8rem;align-items:end;background:#fff;color:var(--ink);padding:1rem;border-radius:var(--r);max-width:760px;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.field label{font-size:.82rem;font-weight:600;color:var(--muted)}
input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #b9c6cf;border-radius:8px;padding:.65rem .75rem;width:100%;min-width:0}
.sec{padding:clamp(2.2rem,5vw,3.6rem) 0}.sec.alt{background:var(--alt)}
.h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.1rem}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:0 10px 28px rgba(10,49,97,.18);transform:translateY(-2px)}
.card .art{height:150px;display:block;position:relative;background:linear-gradient(160deg,#0a3161,#1a4f9c)}
.card.m2 .art{background:linear-gradient(160deg,#8f0c22,#c8102e)}
.card.m3 .art{background:linear-gradient(160deg,#0a3161,#c8102e)}
.card .body{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.1rem 1.2rem}
.card strong{font:700 1.15rem var(--h)}
.card span span,.card .body>span{color:var(--muted);font-size:.95rem}
.card em{font-style:normal;font-weight:600;color:var(--pine);margin-top:.4rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}
.tiles.one{grid-template-columns:1fr}
.tile{display:flex;flex-direction:column;gap:.25rem;background:#fff;border:1px solid var(--line);border-left:4px solid var(--pine);border-radius:var(--r);padding:1rem 1.1rem;text-decoration:none;color:var(--ink)}
.tile:hover{border-color:var(--pine);box-shadow:0 8px 22px rgba(10,49,97,.16)}
.tile strong{font:700 1.05rem var(--h)}.tile span{color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}
.tile.big{padding:1.2rem 1.3rem}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;counter-reset:s}
.steps li{counter-increment:s;background:var(--alt);border-radius:var(--r);padding:1rem 1.1rem 1.1rem}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--pine);color:#fff;font:700 .95rem var(--h);margin-bottom:.5rem}
.steps strong{display:block}
.band{background:var(--sun);color:#fff;padding:2rem 0}
.band .wrap{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.band h2{margin:0 0 .2rem}.band p{margin:0;color:#ffe3e7}
.note{color:var(--muted);font-size:.92rem}
.foot{background:#061f42;color:#cfdcf1;padding:2.4rem 0 1.6rem;font-size:.95rem}
.foot a{color:#cfdcf1;display:block;text-decoration:none;margin:.25rem 0}.foot a:hover{text-decoration:underline}
.foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}
.foot strong{color:#fff;display:block;margin-bottom:.3rem}
.foot .fine{font-size:.82rem;color:#9db2d4;max-width:80ch}.foot .fine a{display:inline}
.form{display:flex;flex-direction:column;gap:1rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ok,.bad{border-radius:8px;padding:.8rem 1rem;margin:0 0 1rem}
.ok{background:#e5f5ee;color:var(--ok);border:1px solid #b5e0cc}.bad{background:#fdecec;color:var(--bad);border:1px solid #f1c3c3}
.loginpage{background:var(--alt);min-height:100vh;display:grid;place-items:center;padding:1rem}
.loginbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.8rem;width:min(100%,25rem);box-shadow:0 10px 30px rgba(0,0,0,.07)}
.loginbox h1{font-size:1.5rem;margin:1.2rem 0 1rem}
/* dashboard */
.dash{background:#f6f8f9}
.dwrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.dtop{background:#fff;border-bottom:1px solid var(--line)}.dtop .dwrap{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;padding-bottom:.6rem}
.dtop form{margin:0}
.dmain{padding-top:1rem;padding-bottom:3rem}
.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--line);margin-bottom:1rem;overflow-x:auto}
.tab{background:none;border:0;border-bottom:3px solid transparent;padding:.7rem .9rem;font:600 1rem var(--b);color:var(--muted);cursor:pointer;white-space:nowrap}
.tab[aria-selected=true]{color:var(--pine);border-bottom-color:var(--pine)}
.ctl{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}
.ctl .field{min-width:min(100%,15rem)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.7rem;flex:1 1 24rem}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.55rem .8rem;display:flex;flex-direction:column}
.stat span{font-size:.78rem;color:var(--muted)}.stat b{font:600 1.35rem var(--h);font-variant-numeric:tabular-nums}
.mapwrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#dfe7ea}
#map{height:min(62vh,560px);min-height:340px;width:100%}
.legend{display:flex;flex-wrap:wrap;gap:1rem;margin:.6rem 0;font-size:.88rem;color:var(--muted)}
.dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;margin-right:.35rem;vertical-align:-1px}
.dot.g{background:#12805c}.dot.a{background:#d98e04}.dot.n{background:#7b8794}
.tw{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.dash table{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}
.dash th{background:#f1f5f7;text-align:left;padding:.55rem .7rem;font-weight:600;color:var(--muted);white-space:nowrap}
.dash td{padding:.55rem .7rem;border-top:1px solid var(--line);white-space:nowrap}
.dash td.wrapcell{white-space:normal;min-width:16rem}
.dash tbody tr[tabindex]{cursor:pointer}.dash tbody tr[tabindex]:hover{background:#f1f7f5}
.pill{display:inline-block;border-radius:999px;padding:.12rem .6rem;font-size:.8rem;font-weight:600}
.pill.g{background:#dff3ea;color:#0d5a3e}.pill.a{background:#fbebc8;color:#7a4e00}.pill.n{background:#e8ecef;color:#46525d}
.pop{display:flex;flex-direction:column;gap:.15rem;font:400 .9rem/1.35 var(--b);min-width:200px}
.pop .sub{color:#566574;font-size:.82rem;margin-bottom:.3rem}
.pop .kv{display:flex;justify-content:space-between;gap:1rem}.pop a{margin-top:.4rem}
@media (max-width:860px){
  .util .wrap{justify-content:center}
  .burger{display:block;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;cursor:pointer;position:relative}
  .burger span,.burger span::before,.burger span::after{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);content:"";top:21px}
  .burger span::before{left:0;right:0;top:-7px}.burger span::after{left:0;right:0;top:7px}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:.5rem max(16px,env(safe-area-inset-left,0px)) 1rem}
  .nav a{padding:.7rem 0}.nav a.btn-pay{text-align:center;margin-top:.5rem}
  .navtoggle:checked~.nav{display:flex}
  .search{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.foot .cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* USA theme */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(180deg,#c8102e 0 3px,#fff 3px 6px);opacity:.95}
.stars{position:absolute;right:-20px;top:-10px;width:min(560px,60vw);opacity:.16;pointer-events:none}
.skyline{position:absolute;right:max(16px,4vw);bottom:10px;width:min(520px,52vw);height:auto;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1 em{font-style:normal;color:#ff8a9a}
.card .art svg{position:absolute;inset:0;width:100%;height:100%}
.sec h2::after{content:"";display:block;width:64px;height:4px;margin-top:.5rem;background:linear-gradient(90deg,#c8102e 0 33%,#fff 33% 66%,#0a3161 66%);border:1px solid #dbe3e8;border-radius:2px}
.band h2::after,.foot h2::after{display:none}
.tile{border-left-color:var(--sun)}.tile:hover{border-color:var(--sun)}
.steps li::before{background:var(--sun)}
.nav a[aria-current=page]{color:var(--sun)}
.nav a:hover{color:var(--sun)}
a{color:#0a3161}
.badges{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:1.6rem 0 0;padding:0;list-style:none;color:#dbe6f7;font-size:.95rem}
.badges li::before{content:"\2605";color:#ff8a9a;margin-right:.45rem}
@media (max-width:860px){.skyline{opacity:.35;width:90vw;right:-10vw}}

/* photos */
.card .art{background-size:cover;background-position:center}
.card.m1 .art{background-image:linear-gradient(160deg,rgba(10,49,97,.15),rgba(10,49,97,.15)),url(/assets/img/vancouver.jpg),linear-gradient(160deg,#0a3161,#1a4f9c)}
.card.m2 .art{background-image:linear-gradient(160deg,rgba(10,49,97,.1),rgba(10,49,97,.1)),url(/assets/img/tampa.jpg),linear-gradient(160deg,#8f0c22,#c8102e)}
.card.m3 .art{background-image:linear-gradient(160deg,rgba(10,49,97,.1),rgba(10,49,97,.1)),url(/assets/img/charlotte.jpg),linear-gradient(160deg,#0a3161,#c8102e)}
.card.m4 .art{background-image:linear-gradient(160deg,rgba(10,49,97,.1),rgba(10,49,97,.1)),url(/assets/img/syracuse.jpg),linear-gradient(160deg,#12408a,#0a3161)}
.card .art svg{opacity:.0}
.card.m1 .art,.card.m2 .art,.card.m3 .art,.card.m4 .art{background-size:cover;background-position:center 62%;background-repeat:no-repeat;height:180px}
.hero.photo{background-image:linear-gradient(100deg,rgba(6,31,66,.92) 0%,rgba(6,31,66,.78) 45%,rgba(6,31,66,.25) 100%),url(/assets/img/hero.jpg);background-size:cover;background-position:center right}
.hero.photo .stars,.hero.photo .skyline{display:none}

/* footer */
.foot .cols{grid-template-columns:repeat(4,1fr)}
.foot .legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.6rem 0 1rem;padding-top:1.1rem;border-top:1px solid rgba(207,220,241,.2)}
.foot .legal nav{display:flex;flex-wrap:wrap;gap:1.4rem}
.foot .legal a{margin:0}
.foot .eho{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#cfdcf1}
@media (max-width:860px){.foot .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot .cols{grid-template-columns:1fr}}
.video-band{background:#061f42;color:#fff;padding:0}
.video-band .vwrap{position:relative;max-width:1200px;margin:0 auto}
.video-band video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#061f42}
.video-band .vcap{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.2rem 1.2rem;background:linear-gradient(0deg,rgba(6,31,66,.85),rgba(6,31,66,0));font:600 clamp(1.1rem,2.4vw,1.7rem) var(--h)}
.video-band .vcap small{display:block;font:400 .9rem var(--b,inherit);opacity:.85;margin-top:.2rem}
.video-band .vtoggle{position:absolute;right:1rem;top:1rem;border:0;border-radius:999px;background:rgba(6,31,66,.7);color:#fff;padding:.45rem .9rem;font:600 .85rem inherit;cursor:pointer}

/* dashboard brand colors */
.dash{background:#f2f5fa}
.dtop{background:#0a3161;border-bottom:3px solid #c8102e}
.dtop .brand,.dtop .brand span,.dtop .brand small{color:#fff}
.dtop .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.dtop .btn-ghost:hover{background:rgba(255,255,255,.12)}
.tab[aria-selected=true]{color:#0a3161;border-bottom-color:#c8102e}
.tab:hover{color:#0a3161}
.stat{border-top:3px solid #0a3161}
.stat b{color:#0a3161}
.dash th{background:#0a3161;color:#fff}
.dash tbody tr:nth-child(even){background:#f6f9fd}
.dash tbody tr[tabindex]:hover{background:#e6eefa}
.dash h2{color:#0a3161}
.dash .btn-primary{background:#c8102e;border-color:#c8102e;color:#fff}.dash .btn-primary:hover{background:#a30d25;border-color:#a30d25}
.btn-sm{padding:.35rem .75rem;font-size:.85rem;margin-top:.4rem}
.linkbtn{background:none;border:0;color:#0a3161;font:600 .9rem var(--b);text-decoration:underline;cursor:pointer;padding:0}
.linkbtn:hover{color:#c8102e}
dialog#detail{border:0;border-radius:14px;padding:0;width:min(640px,94vw);max-height:90vh;box-shadow:0 20px 60px rgba(6,31,66,.35)}
dialog#detail::backdrop{background:rgba(6,31,66,.55)}
#detail-body{padding:1.4rem 1.5rem 1.6rem;overflow:auto;max-height:90vh}
#detail-body h2{margin:0 0 .1rem;font:700 1.35rem var(--h);color:#0a3161;padding-right:2rem}
#detail-body h2::after{display:none}
#detail-body h3{margin:1.2rem 0 .35rem;font:700 .8rem var(--b);letter-spacing:.06em;text-transform:uppercase;color:#c8102e;border-bottom:1px solid var(--line);padding-bottom:.2rem}
#detail-body .sub{margin:0 0 .6rem;color:var(--muted)}
#detail-body dl{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;margin:0}
#detail-body dt{color:var(--muted)}#detail-body dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
#detail-body .flags{margin:0 0 1rem}
#detail-body .btn{display:inline-block;margin-top:.4rem}
.dclose{position:absolute;right:.6rem;top:.4rem;border:0;background:none;font-size:1.8rem;line-height:1;color:#0a3161;cursor:pointer}