:root{--navy:#1b2a4a;--burg:#7a1f3d;--gray:#5f6670;--light:#eef0f3;--white:#fff}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2329;background:var(--white)}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--white);padding:8px;z-index:9}
.draft{background:var(--burg);color:var(--white);text-align:center;font-size:14px;padding:4px}
header.site{background:var(--navy);color:var(--white)}
.brand{display:flex;gap:16px;align-items:center;padding-top:20px;padding-bottom:16px}
.logo-slot{flex:none;width:64px;height:64px;border:2px dashed #aab3c2;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.2;color:#cfd5de}
.wordmark{color:var(--white);text-decoration:none;font-size:30px;font-weight:800;letter-spacing:.5px}
.tag{margin:2px 0 0;color:#d7dce4;font-size:15px}
nav{background:#14203a}nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;padding-top:8px;padding-bottom:8px;margin:0}
nav a{color:var(--white);text-decoration:none;padding:6px 2px;display:inline-block}nav a:hover,nav a[aria-current]{border-bottom:3px solid #c9466f}
a:focus-visible{outline:3px solid #c9466f;outline-offset:2px}
h1{color:var(--navy);font-size:clamp(28px,5vw,42px);line-height:1.2;margin:0 0 12px}h2{color:var(--navy);margin-top:36px}h3{color:var(--burg);margin-bottom:4px}
.hero{padding:32px 0 8px}.eyebrow{color:var(--burg);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{border:1px solid #d5d9df;border-top:5px solid var(--burg);border-radius:8px;padding:16px}.card h3{margin:0}.card a{color:var(--navy)}.sub{color:var(--gray);font-weight:600;margin:2px 0}
.steps li{margin-bottom:6px}
.example{background:var(--light);border-left:6px solid var(--navy);border-radius:6px;padding:4px 20px 16px;margin-top:36px}
.badge{background:var(--burg);color:var(--white);font-size:14px;padding:2px 10px;border-radius:20px;vertical-align:middle;margin-right:6px}
.ex-note{color:var(--gray);font-style:italic}
.cta{background:var(--navy);color:var(--white);border-radius:10px;padding:20px 24px;margin:40px 0}.cta h2{color:var(--white);margin-top:0}
.btn{display:inline-block;background:var(--burg);color:var(--white);padding:12px 22px;border-radius:6px;font-weight:700;text-decoration:none}
.todo{font-size:14px;color:#d7dce4}
footer{color:var(--gray);font-size:14px;border-top:1px solid #d5d9df;padding-top:12px;padding-bottom:24px}
@media (max-width:480px){.wordmark{font-size:24px}.logo-slot{width:52px;height:52px}}
.svc h4{color:var(--navy);margin:12px 0 4px}.svc .steps{padding-left:20px;font-size:16px}.not{font-size:15px;color:var(--gray)}
.svc .example{margin-top:12px;padding:8px 14px;font-size:15px;border-left-width:4px}.exlabel{font-style:italic;color:var(--gray)}
.card{scroll-margin-top:12px}
.strip{background:var(--light);border-radius:10px;padding:4px 20px 12px;margin-top:24px}.strip h2{margin-top:16px}
.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;counter-reset:f}
.flow li{background:var(--white);border-top:4px solid var(--navy);border-radius:6px;padding:10px 12px;font-size:15px;counter-increment:f}
.flow li::before{content:counter(f);display:inline-block;background:var(--burg);color:var(--white);border-radius:50%;width:24px;height:24px;text-align:center;margin-right:6px;font-weight:700}
.status{display:inline-block;margin:0 0 6px;background:var(--navy);color:var(--white);font-size:13px;font-weight:700;padding:2px 10px;border-radius:20px}
.approve{background:#f6e9ee;border-left:4px solid var(--burg);padding:6px 10px;font-size:15px;border-radius:4px}
.soon{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--navy);color:var(--white);padding:24px}
.soon .wordmark{font-size:clamp(40px,9vw,72px)}.soon .line{font-size:clamp(20px,4vw,28px);color:#d7dce4;max-width:640px;margin:12px 0}
.soon .cs{display:inline-block;background:var(--burg);padding:6px 18px;border-radius:24px;font-weight:700;letter-spacing:1px;margin:8px 0 28px}
.soon .todo{margin-top:10px}

.soon .vet{margin:.25rem 0 1rem;font-weight:600;letter-spacing:.04em;opacity:.9}

/* White theme (Melvin via Marcy 2026-11-07: stick with white, no black sections) */
.soon{background:var(--white);color:var(--navy)}
.soon .wordmark{color:var(--navy)}.soon .line{color:var(--gray)}.soon .vet{color:var(--burg)}
.soon .cs{color:var(--white)}
header.site{background:var(--white);color:var(--navy);border-bottom:1px solid #d5d9df}
header.site .wordmark{color:var(--navy)}header.site .tag{color:var(--gray)}
nav{background:var(--light)}nav a{color:var(--navy)}
.cta{background:var(--light);color:#1f2329;border:1px solid #d5d9df}.cta h2{color:var(--navy)}
.todo{color:var(--gray)}

/* White theme fixes (IT 2026-11-07): no dark fills, keep contrast */
.status{background:var(--white);color:var(--navy);border:2px solid var(--navy)}
.logo-slot{border-color:#8a929c;color:var(--gray)}
.soon .vet{opacity:1}
nav a:hover,nav a[aria-current]{border-bottom-color:var(--burg)}
a:focus-visible{outline-color:var(--burg)}
