:root{--bg:#F5ECD9;--surface:#FFFCF5;--card:#FFFFFF;--line:#E3D3B0;--line2:#D9C69E;--navy:#0B1B3F;--text2:#3B4A6B;--muted:#5E6A85;--teal:#0891B2;--teal-d:#0E7490;--teal-bg:#EAF7FA;--bronze:#8A5A1F;--bronze-bg:#FBF1DC;--bronze-l:#C9AE7A;--good:#15803D;--warn:#B45309;--bad:#B91C1C;--mono:'JetBrains Mono',ui-monospace,monospace}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--bg);color:var(--navy);font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}
.drum{position:fixed;inset:0;opacity:.09;pointer-events:none;z-index:0}.drum svg{width:100%;height:100%}
.wrap{position:relative;z-index:1}
a{color:var(--teal-d)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.muted{color:var(--muted)}
h1,h2,h3{margin:0;letter-spacing:-.01em;text-wrap:balance}
header.top{border-bottom:1px solid var(--line);background:rgba(255,252,245,.88);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}
header.top .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand .wm{font-family:Inter,'Segoe UI',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em}
.brand .wm span{color:var(--teal)}
.brand .sep{width:1px;height:20px;background:var(--line)}
nav.links{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:15px;font-weight:500}
nav.links a{color:var(--text2);text-decoration:none}nav.links a.btn{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:10px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:0;background:var(--navy);color:#fff}
.btn:hover{background:#16295A;color:#fff}
.btn.ghost{background:var(--surface);color:var(--navy);border:1.5px solid var(--navy)}
.btn.ghost:hover{background:#fff}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 14px 32px rgba(11,27,63,.06)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
section.band{background:rgba(255,252,245,.82);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pad{padding:56px 0}
label{font-size:13px;font-weight:600}
input[type=text],input[type=email],select{width:100%;min-height:48px;padding:0 14px;background:var(--surface);border:1px solid var(--line2);border-radius:10px;color:var(--navy);font:inherit;font-size:16px}
.field{display:flex;flex-direction:column;gap:6px}
footer{background:var(--navy);color:#C5D1E4;font-size:13px}
footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:22px}
.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.hidden{display:none!important}
@media (max-width:640px){.pad{padding:36px 0}nav.links .hide-sm{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
