/* Native display of the exact original bitmap, with only the outer matte made transparent.
   Keep the original image and prepare-brand.mjs together for reproducibility. */
.brand-emblem{display:inline-block;flex:none;width:94px;aspect-ratio:39/40;background:url('/assets/logo-emblem-web.webp?v=5') center/contain no-repeat;vertical-align:middle}
.public-header{padding:14px 5.5%;gap:30px;min-height:126px}.public-brand{gap:19px}.public-brand>.brand-wordmark{font-size:14px;letter-spacing:.14em;line-height:1.5}.public-brand>.brand-wordmark>span{font-size:11px;letter-spacing:.34em}.public-brand>.brand-wordmark>small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);margin-top:9px}
.public-brand .brand-emblem{filter:drop-shadow(0 0 16px #cfb57812);transition:filter .45s ease,transform .45s ease}.public-header nav{gap:24px}.public-header .private-entry{padding-left:20px}
.brand-assurance{width:min(1150px,85%);margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;padding:25px 0;border-bottom:1px solid var(--line);gap:24px}.brand-assurance a{display:flex;align-items:center;gap:14px;padding:7px 0;min-height:54px}.brand-assurance svg{width:23px;height:23px;flex:none;color:var(--gold);stroke-width:1.25}.brand-assurance strong{display:block;font-size:12px;font-weight:500;color:var(--ink)}.brand-assurance small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.brand-assurance a:focus-visible,.brand-assurance a:hover{color:var(--gold)}
.identity-section{display:grid;grid-template-columns:200px 1fr;gap:65px;align-items:center}.identity-emblem{width:178px;filter:drop-shadow(0 0 35px #cfb57812)}.identity-section h2{font-size:clamp(36px,4vw,54px);max-width:690px}.identity-section p:not(.overline){color:var(--muted);max-width:680px;margin:23px 0;font-size:15px}.identity-section .overline{margin-bottom:19px}.identity-links{display:flex;gap:25px;flex-wrap:wrap;align-items:center}
.purchase-section .purchase-intro{color:var(--muted);font-size:15px;max-width:640px;margin-top:25px}.purchase-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 38px;list-style:none;padding:0}.purchase-steps li{border-top:1px solid #79694b;padding-top:23px}.purchase-steps .step-index{font-size:11px;color:var(--gold);letter-spacing:.15em}.purchase-steps h3{font-size:30px;margin:13px 0}.purchase-steps p{font-size:13px;color:var(--muted);line-height:1.9}.purchase-section> .fine-print{max-width:760px}.purchase-section .text-link{margin-top:21px}.public-hero{min-height:min(850px,calc(100svh - 126px))}
.footer-identity{display:flex;gap:22px;align-items:center}.footer-identity .brand-emblem{width:79px}.footer-brand strong{font-size:12px;letter-spacing:.16em;font-weight:500}.footer-brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:7px}.footer-top{padding-bottom:10px}
.login-card .brand-emblem{width:146px;margin:0 auto 30px;display:block}.admin-header .brand-emblem{width:82px}.header .brand .brand-emblem{width:82px}.header{min-height:110px}.brand-demo .brand-emblem{width:124px}.sponsor-brand .brand-emblem{width:104px;--emblem-ink:#594c33}.brand-demo{gap:25px}
@media(hover:hover) and (pointer:fine){a.public-brand:hover .brand-emblem{filter:drop-shadow(0 0 19px #cfb57838);transform:scale(1.035)}}
@media(max-width:1100px){.public-header{gap:20px;padding-inline:4%}.public-header nav{gap:16px}.public-header .brand-emblem{width:82px}.public-brand>.brand-wordmark{font-size:12px}.public-brand>.brand-wordmark>span{font-size:10px}.public-brand>.brand-wordmark>small{font-size:7px}.header .brand .brand-emblem{width:70px}.public-header .private-entry{padding-left:14px}.identity-section{gap:40px}}
@media(max-width:850px){.public-header{flex-wrap:wrap;gap:8px;padding:12px 5% 0}.public-header nav{order:3;width:100%;margin:0;justify-content:space-between;font-size:12px;gap:12px}.public-header nav a{min-height:46px;display:flex;align-items:center}.public-header .private-entry{margin-left:auto}.brand-assurance{gap:15px}.brand-assurance strong{font-size:11px}.brand-assurance small{font-size:10px}.brand-assurance a{gap:10px}}
@media(max-width:700px){.public-header .brand-emblem{width:74px}.public-brand{gap:12px}.public-brand>.brand-wordmark{font-size:11px;letter-spacing:.12em}.public-brand>.brand-wordmark>span{font-size:9px;letter-spacing:.29em}.public-brand>.brand-wordmark>small{font-size:7px;margin-top:7px}.public-header nav{font-size:11px}.public-header .private-entry{font-size:10px;padding-left:10px;gap:7px}.public-hero{min-height:780px}.brand-assurance{width:86%;grid-template-columns:1fr;padding:17px 0;gap:0}.brand-assurance a{min-height:64px;padding:12px 0}.brand-assurance a+a{border-top:1px solid #393a2e80}.brand-assurance strong{font-size:13px}.brand-assurance small{font-size:11px}.brand-assurance svg{margin-right:5px}.identity-section{grid-template-columns:1fr;gap:28px}.identity-emblem{width:140px}.identity-section h2{font-size:40px}.identity-section p:not(.overline){font-size:14px}.identity-links{gap:15px}.purchase-steps{grid-template-columns:1fr;gap:27px;margin:32px 0}.purchase-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding-top:20px}.purchase-steps .step-index{grid-row:1/3;padding-top:7px}.purchase-steps h3{margin:0 0 10px;font-size:29px}.purchase-steps p{grid-column:2}.purchase-section .purchase-intro{font-size:14px}.footer-top{gap:26px}.footer-identity{gap:17px}.footer-identity .brand-emblem{width:76px}.footer-brand strong{font-size:11px}.footer-brand small{font-size:11px}.admin-header .brand-emblem{width:72px}.header .brand .brand-emblem{width:64px}.sponsor-brand .brand-emblem{width:90px}}
@media(max-width:380px){.public-header{padding-inline:4%}.public-header .brand-emblem{width:65px}.public-brand{gap:10px}.public-brand>.brand-wordmark{font-size:10px}.public-brand>.brand-wordmark>span{font-size:8px}.public-brand>.brand-wordmark>small{font-size:6.5px}.public-header nav{font-size:10px;gap:8px}.public-header .private-entry{border:0;padding:8px 0;font-size:9px}.header .brand .brand-emblem{width:54px}}
@media(prefers-reduced-motion:reduce){.brand-emblem,a.public-brand:hover .brand-emblem{transition:none!important;transform:none!important}}

@media(max-width:700px){.public-header nav{font-size:12px}.admin-header>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 14px;font-size:12px}.admin-header>div>a{display:flex;align-items:center;min-height:44px}}@media(max-width:380px){.public-header nav{font-size:11px}}