@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500;600;700&family=Red+Hat+Text:wght@400;500;600;700&family=Red+Hat+Mono:wght@500&display=swap");
body{margin:0;background:var(--surface-100);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:24px}
.cw-btn{display:inline-flex;align-items:center;gap:var(--space-2);font:600 14px/20px var(--font-sans);padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s ease-out,color .15s ease-out}
.cw-btn:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.cw-btn--primary{background:var(--action);color:var(--on-action)}
.cw-btn--primary:hover{background:var(--action-hover)}
.cw-btn--secondary{background:transparent;color:var(--action);border-color:var(--action)}
.cw-btn--secondary:hover{color:var(--action-hover);border-color:var(--action-hover)}
.cw-btn--link{background:none;color:var(--action);padding:10px 0}
.cw-btn--link:hover{text-decoration:underline}
.cw-btn--onnavy{background:var(--on-navy);color:var(--brand-navy)}
.cw-card{background:var(--surface-100);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.cw-card--link{box-shadow:var(--shadow-1);cursor:pointer}
.cw-card .cw-eyebrow{font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted)}
.cw-card .cw-stat{font:700 44px/48px var(--font-display);color:var(--brand-navy)}
[data-theme="dark"] .cw-card .cw-stat{color:var(--ink)}
.cw-card .cw-meta{font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
.cw-up{color:var(--success);font-weight:600}
.cw-nav{display:flex;align-items:center;gap:var(--space-5);background:var(--brand-navy);color:var(--on-navy);padding:var(--space-3) var(--space-4)}
.cw-nav img{height:32px;display:block}
.cw-nav a{color:var(--on-navy);font:600 14px/20px var(--font-sans);text-decoration:none}
.cw-nav a:hover{text-decoration:underline}
.cw-nav .cw-spacer{flex:1}
.cw-nav .cw-btn--onnavy{color:var(--brand-navy)}
.cw-nav a{white-space:nowrap}
/* Button: outline on navy */
.cw-btn--onnavy-outline{background:transparent;color:var(--on-navy);border-color:var(--on-navy)}
.cw-btn--onnavy-outline:hover{background:rgba(255,255,255,0.1)}
.cw-btn--onnavy:focus-visible,.cw-btn--onnavy-outline:focus-visible{outline-color:var(--on-navy)}
/* Hero */
.cw-hero{position:relative;overflow:hidden;background:var(--brand-navy);color:var(--on-navy);padding:var(--space-7) var(--space-5)}
.cw-hero__body{position:relative;max-width:620px;display:flex;flex-direction:column;gap:var(--space-3)}
.cw-hero__eyebrow{font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--on-navy-muted)}
.cw-hero__title{margin:0;font:700 56px/60px var(--font-display);letter-spacing:-0.5px;color:var(--on-navy)}
.cw-hero__lead{margin:0;font:400 18px/28px var(--font-sans);color:var(--on-navy-muted)}
.cw-hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}
.cw-hero__art{position:absolute;right:-140px;opacity:.85;top:50%;transform:translateY(-50%);width:420px;height:420px;pointer-events:none}
.cw-hero__art circle,.cw-hero__art path{fill:none;stroke:var(--brand-blue)}
@media (max-width:760px){.cw-hero{padding:var(--space-6) var(--space-4)}.cw-hero__title{font-size:40px;line-height:48px}.cw-hero__art{display:none}}
/* Form fields */
.cw-field{display:flex;flex-direction:column;gap:var(--space-1);max-width:420px}
.cw-field__label{font:600 14px/20px var(--font-sans);color:var(--ink)}
.cw-field__label .cw-opt{font-weight:400;color:var(--ink-muted)}
.cw-input,.cw-select,.cw-textarea{font:400 16px/24px var(--font-sans);color:var(--ink);background:var(--surface-100);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;width:100%;box-sizing:border-box}
.cw-textarea{min-height:96px;resize:vertical}
.cw-input::placeholder,.cw-textarea::placeholder{color:var(--ink-muted)}
.cw-input:hover,.cw-select:hover,.cw-textarea:hover{border-color:var(--ink-muted)}
.cw-input:focus-visible,.cw-select:focus-visible,.cw-textarea:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-color:var(--action)}
.cw-field__help{font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
.cw-field--error .cw-input,.cw-field--error .cw-select,.cw-field--error .cw-textarea{border-color:var(--danger);border-width:2px;padding:7px 11px}
.cw-field__error{font:600 14px/20px var(--font-sans);color:var(--danger)}
.cw-input:disabled{background:var(--surface-200);color:var(--ink-muted);cursor:not-allowed}
/* Footer */
.cw-footer{background:var(--brand-navy);color:var(--on-navy-muted);padding:var(--space-6) var(--space-5) var(--space-4);font:400 14px/20px var(--font-sans)}
.cw-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-5)}
.cw-footer__brand img{height:36px;display:block;margin-bottom:var(--space-3)}
.cw-footer h4{margin:0 0 var(--space-2);font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--on-navy)}
.cw-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.cw-footer a{color:var(--on-navy-muted);text-decoration:none}
.cw-footer a:hover{color:var(--on-navy);text-decoration:underline}
.cw-footer a:focus-visible{outline:2px solid var(--on-navy);outline-offset:2px}
.cw-footer__legal{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,0.2);display:flex;gap:var(--space-4);flex-wrap:wrap}
.cw-footer__legal .cw-spacer{flex:1}
@media (max-width:760px){.cw-footer__top{grid-template-columns:1fr 1fr}}