*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg-deep: #06090e;
  --bg-panel: #0c121b;
  --bg-panel-light: #111a26;
  --accent-cyan: #00f3ff;
  --accent-red: #ff2a2a;
  --accent-green: #10b981;
  --text-pure: #ffffff;
  --text-muted: #94a3b8;
  --text-dim: #cbd5e1;
  --border-subtle: #1e2a38;
  --font-display: 'Archivo Black', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}
html, body {
  width: 100%; overflow-x: hidden; background: var(--bg-deep); color: var(--text-dim);
  font-family: var(--font-body); font-size: 16px; line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

#scroll-progress {
  position: fixed; top: 0; left: 0; height: 3px;
  background: var(--accent-cyan); width: 0%; z-index: 100000;
  transition: width 0.1s ease-out;
}

/* 2-LINE AUTHENTIC BRAND & NAVIGATION HEADER */
.brand-masthead {
  width: 100%;
  background: rgba(6, 9, 14, 0.98);
  border-bottom: 1px solid var(--border-subtle);
  padding: 18px 6% 16px 6%;
}
.brand-row {
  margin-bottom: 12px;
}
.brand-link {
  font-family: var(--font-display);
  font-size: clamp(20px, 3vw, 26px);
  letter-spacing: -0.02em;
  color: var(--text-pure);
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}
.brand-link:hover { text-decoration: none; }
.brand-accent-red { color: var(--accent-red); }

.menu-row {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.menu-item {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.15s ease;
}
.menu-item:hover, .menu-item.active {
  color: var(--text-pure);
  text-decoration: none;
}
.menu-item.active {
  color: var(--accent-cyan);
}

.dashboard-shell { max-width: 900px; margin: 0 auto; padding: 40px 6% 80px 6%; }
.section-label { font-family: var(--font-mono); font-size: 13.5px; text-transform: uppercase; color: var(--text-pure); letter-spacing: 0.15em; padding-bottom: 12px; border-bottom: 2px solid var(--border-subtle); margin-bottom: 28px; font-weight: 700; }
.contact-card { background: var(--bg-panel); border: 1px solid var(--border-subtle); border-radius: 8px; padding: 36px; }
.contact-card h2 { font-family: var(--font-display); font-size: clamp(24px, 3.5vw, 42px); line-height: 1.1; margin-bottom: 14px; color: var(--text-pure); text-transform: uppercase; }
.contact-card p.intro { color: var(--text-muted); font-size: 16px; margin-bottom: 28px; line-height: 1.5; }

.form-group { margin-bottom: 22px; }
.form-label { display: block; font-family: var(--font-mono); font-size: 13px; text-transform: uppercase; color: var(--accent-cyan); margin-bottom: 8px; font-weight: 700; }
.form-control { width: 100%; background: var(--bg-deep); border: 1px solid var(--border-subtle); border-radius: 4px; padding: 14px 16px; color: #fff; font-family: var(--font-body); font-size: 16px; outline: none; }
.form-control:focus { border-color: var(--accent-cyan); }
select.form-control { cursor: pointer; }
textarea.form-control { min-height: 150px; resize: vertical; }

.submit-btn { background: var(--accent-cyan); color: var(--bg-deep); border: none; padding: 14px 32px; font-size: 13.5px; font-weight: 700; font-family: var(--font-mono); text-transform: uppercase; cursor: pointer; border-radius: 4px; }
.submit-btn:hover { opacity: 0.9; }

/* SMART EXPERT FOOTER */
.smart-footer {
  background: var(--bg-panel);
  border-top: 1px solid var(--border-subtle);
  padding: 64px 6% 48px;
  margin-top: 60px;
}
.smart-footer-wrap {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
}
.smart-footer-badge {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  color: var(--accent-cyan);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.smart-footer-title {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  text-transform: uppercase;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 12px;
}
.smart-footer-desc {
  font-size: 15px;
  color: var(--text-dim);
  line-height: 1.6;
  margin-bottom: 24px;
}
.dispatch-box {
  background: var(--bg-deep);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  padding: 20px;
  text-align: left;
}
.dispatch-input-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.dispatch-email-input {
  flex: 1;
  min-width: 240px;
  background: var(--bg-panel-light);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  color: #fff;
  padding: 12px 14px;
  font-size: 15px;
  outline: none;
  font-family: inherit;
}
.dispatch-email-input:focus {
  border-color: var(--accent-cyan);
}
.dispatch-submit-btn {
  background: var(--accent-cyan);
  color: var(--bg-deep);
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: filter 0.15s ease;
}
.dispatch-submit-btn:hover {
  filter: brightness(1.1);
}
.dispatch-toggles-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  border-top: 1px solid rgba(30,42,56,0.6);
  padding-top: 14px;
  font-size: 13.5px;
  color: var(--text-dim);
}
.dispatch-toggle-lbl {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: #fff;
}
.dispatch-toggle-lbl input {
  accent-color: var(--accent-cyan);
}
.dispatch-notice {
  display: none;
  margin-top: 12px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  padding: 10px 14px;
  border-radius: 4px;
}
.footer-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  font-family: var(--font-mono);
  margin-top: 36px;
}
.footer-nav a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-nav a:hover {
  color: var(--accent-cyan);
}

#brink-conversion .contact-main{max-width:1240px;margin:auto;padding:44px clamp(22px,5vw,50px) 52px}
#brink-conversion .contact-intro{max-width:850px}
#brink-conversion .contact-intro h1{font-size:clamp(32px,5vw,54px);line-height:1.1;letter-spacing:-.035em}
#brink-conversion .contact-intro h1 span{display:inline;margin:0}
html[data-tbw-theme=light] #brink-conversion .contact-intro h1>span{color:#c51620!important}
#brink-conversion .contact-intro p:not(.br-eyebrow){color:var(--br-copy);font-size:18px;line-height:1.7;margin:22px 0 0;max-width:650px}
#brink-conversion .contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:45px;margin-top:36px;align-items:start}
#brink-conversion .contact-form{padding:28px;background:var(--br-panel);border:1px solid var(--br-line);border-radius:5px}
#brink-conversion .contact-form label{display:block;font-size:15px;line-height:1.5;color:var(--br-white);margin-bottom:8px}
#brink-conversion .contact-field{margin-bottom:20px}
#brink-conversion .contact-form :is(input:not([type=checkbox]),select,textarea){width:100%;margin:0;min-height:46px;background:var(--br-bg);color:var(--br-white);border:1px solid #79828f;border-radius:4px;padding:11px 12px;font:400 16px/1.5 'Space Grotesk',Arial,sans-serif}
#brink-conversion .contact-form textarea{resize:vertical;min-height:150px}
#brink-conversion .contact-form .contact-consent{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.7;margin:12px 0 22px}
#brink-conversion .contact-consent input{margin-top:4px}
#brink-conversion .contact-consent a{text-decoration:underline;text-underline-offset:3px}
#brink-conversion .contact-form .br-note{margin-top:8px;font-size:14px;line-height:1.6}
#brink-conversion .contact-aside h2{font-size:23px;line-height:1.3;margin-bottom:18px}
#brink-conversion .contact-topic{padding:18px 0;border-top:1px solid var(--br-line)}
#brink-conversion .contact-topic h3{font-size:17px;line-height:1.4;font-weight:700;margin-bottom:6px}
#brink-conversion .contact-topic p{font-size:15px;line-height:1.7;color:var(--br-copy)}
#brink-conversion .contact-topic a{display:inline-block;text-decoration:underline;text-underline-offset:5px;font-size:15px;margin-top:9px;overflow-wrap:anywhere}
#brink-conversion .contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
html[data-tbw-theme=light] #brink-conversion .contact-form{background:#f4f5f7;border-color:#aeb5bf}
@media(max-width:720px){#brink-conversion .contact-grid{grid-template-columns:1fr;gap:32px}#brink-conversion .contact-form{padding:22px}#brink-conversion .contact-main{padding-top:32px}#brink-conversion .contact-intro p:not(.br-eyebrow){font-size:16px}}