:root{--navy:#122c48;--red:#b83d45;--muted:#607086;--line:#dce3eb}html{font-size:16px}body{font-family:Segoe UI,Arial,sans-serif;background:#f5f7fa;color:var(--navy);margin:0}h1{font-size:clamp(2.4rem,4.8vw,4.5rem);letter-spacing:-.045em;font-weight:700;line-height:1.08;margin-bottom:1.5rem}h2{font-size:1.5rem;letter-spacing:-.025em}.navbar-brand{font-size:1.55rem;font-weight:750;color:var(--navy)}.navbar-brand span{color:var(--red)}.nav-link{font-size:.88rem;color:var(--navy)}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--muted);margin-bottom:1rem}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;align-items:center;padding:2.5rem 0 4rem}.lead{max-width:34rem;color:var(--muted);line-height:1.7}.preview-card,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:1.8rem;margin-bottom:1.4rem}.preview-card{box-shadow:0 16px 40px #122c4809}.preview-card ol{padding-left:1.4rem;margin:2rem 0}.preview-card li{padding:.7rem 0}.preview-card li span{display:block;color:var(--muted);font-size:.9rem;margin-top:.3rem}.status-note{border-top:1px solid var(--line);padding-top:1rem;font-size:.85rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.feature-grid p{line-height:1.7}.btn-primary{background:var(--navy);border-color:var(--navy)}.btn-primary:hover{background:#24496d;border-color:#24496d}.btn-link,a{color:#225f8c}.btn{border-radius:6px}.muted{color:var(--muted)}label{margin-top:1rem;margin-bottom:.4rem;font-weight:600}.form-control,.form-select{max-width:42rem;min-height:44px}.steps{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.steps a{padding:.65rem .9rem;background:white;border:1px solid var(--line);border-radius:6px;text-decoration:none}.steps a[aria-current=step]{color:white;background:var(--navy)}.language{font-size:.8rem;white-space:nowrap}footer{padding:2rem 0;background:white;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}footer p{margin-top:.6rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:10000}:focus-visible{outline:3px solid #bd5a27;outline-offset:3px}.alert-warning{background:#fff7e6;border-color:#eadbbb;color:#624a22;font-size:.95rem}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:1.5rem;padding-top:0}.feature-grid{grid-template-columns:1fr}.container{padding-left:1.25rem;padding-right:1.25rem}.panel{padding:1.2rem}}
.language{display:flex;align-items:center;margin-right:.65rem}.language-select{min-width:8.75rem;max-width:11rem;height:34px;padding:.25rem 2rem .25rem .6rem;border:1px solid #cfd8e3;border-radius:5px;background:#fff;color:var(--navy);font-size:.82rem;line-height:1.2}.language-select:focus{border-color:#7a94ae;box-shadow:0 0 0 .18rem #225f8c1f;outline:0}@media(max-width:1199px){.language{margin:.45rem 0;width:max-content}.language-select{min-width:10rem}}

/* Keep the logo proportional to the navigation row, including on mobile. */
.navbar {
    --navbar-height: 64px;
    min-height: var(--navbar-height);
    padding-top: 0;
    padding-bottom: 0;
}
.navbar > .container-fluid {
    min-height: calc(var(--navbar-height) - 1px);
}
.navbar-brand {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-logo {
    display: block;
    height: calc(var(--navbar-height) * .95);
    width: auto;
    flex-shrink: 0;
    object-fit: contain;
    margin-right: .5rem;
}