:root {
  --red:#c41e1e; --red-light:#e53535; --gold:#f0a500;
  --bg:#0a0a0f; --panel:#161622; --field:#101018; --border:#2a2a3a;
  --text:#e8e8ed; --muted:#a4a7b6;
  color-scheme:dark;
}
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at 5% 24%,#21101577,transparent 44%),var(--bg); color:var(--text); font:400 15px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
[hidden] { display:none !important; }
a { color:inherit; }
button,input,textarea { font:inherit; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.icon-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.icon { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.skip-link { position:absolute; top:8px; left:16px; z-index:10; padding:10px 16px; border-radius:6px; background:var(--gold); color:var(--bg); transform:translateY(-150%); text-decoration:none; font-weight:600; }
.skip-link:focus { transform:translateY(0); }
.site-header { background:#0a0a0ff2; border-bottom:1px solid #1e1e2e; }
.nav-inner { width:min(100% - 48px,1200px); min-height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; }
.brand { display:flex; align-items:center; gap:11px; white-space:nowrap; text-decoration:none; font-size:17px; font-weight:800; letter-spacing:-.4px; }
.brand img { object-fit:contain; }
.brand em { color:var(--gold); font-style:normal; }
.site-nav { display:flex; align-items:center; gap:21px; font-size:13px; color:var(--muted); }
.site-nav a { text-decoration:none; padding:8px 0; white-space:nowrap; }
.site-nav a:hover { color:var(--text); }
.site-nav a[aria-current] { color:var(--text); border-bottom:2px solid var(--red); }
.menu-toggle { display:none; width:44px; height:44px; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:1px solid var(--border); background:var(--panel); border-radius:6px; color:var(--text); }
.menu-toggle span { width:18px; height:2px; background:currentColor; }
.review-notice { padding:10px 24px; background:#261e11; border-bottom:1px solid #56411e; color:#ffcd66; text-align:center; font-size:12px; }
.contact-layout { display:grid; grid-template-columns:.87fr 1.13fr; gap:72px; width:min(100% - 64px,1120px); margin:0 auto; padding:72px 0 80px; align-items:start; }
.intro { padding-top:6px; }
.eyebrow { display:flex; align-items:center; gap:13px; color:var(--gold); font:400 12px/1.6 "JetBrains Mono",monospace; letter-spacing:1.7px; }
.eyebrow:before { content:""; width:28px; height:2px; background:var(--red); }
h1 { font-size:clamp(52px,5.6vw,72px); line-height:1.03; font-weight:800; letter-spacing:-3.5px; margin:27px 0; }
h1 span,.red { color:var(--red-light); }
.gold { color:var(--gold); }
.intro-description { max-width:370px; color:var(--muted); font-size:16px; line-height:1.85; margin:0; }
.person { display:flex; align-items:center; gap:15px; margin:34px 0 20px; }
.person img { border-radius:50%; object-fit:cover; object-position:50% 24%; border:1px solid #3a3032; }
.person strong { display:block; font-size:15px; font-weight:700; }
.person span { display:block; font-size:12px; color:var(--muted); margin-top:2px; }
.mvp-badge { width:max-content; padding:7px 11px; border:1px solid #27334b; border-radius:30px; background:#131d2b; color:#76b6ff; font:400 11px/1.5 "JetBrains Mono",monospace; letter-spacing:.2px; }
.intro-points { display:grid; gap:22px; margin-top:32px; padding-top:29px; border-top:1px solid var(--border); }
.intro-point { display:flex; align-items:flex-start; gap:14px; }
.intro-point .icon { color:var(--gold); margin-top:3px; }
.intro-point h2 { font-size:14px; line-height:1.6; font-weight:500; margin:0; }
.intro-point p { color:var(--muted); font-size:12px; line-height:1.8; margin:4px 0 0; }
.motto { margin:64px 0 0; font-size:12px; line-height:2; color:var(--muted); }
.form-panel { padding:33px; border:1px solid var(--border); border-radius:14px; background:var(--panel); box-shadow:0 24px 70px #0003; min-width:0; }
.form-panel > h2 { margin:0 0 5px; font-size:23px; line-height:1.4; font-weight:700; letter-spacing:-.65px; }
.form-lead { margin:0 0 27px; font-size:13px; color:var(--muted); }
#contact-form { display:grid; gap:21px; }
fieldset { min-width:0; border:0; padding:0; margin:0; }
legend { padding:0; margin-bottom:12px; font-size:13px; font-weight:500; }
legend span { color:var(--muted); font-weight:400; }
.topic-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
#contact-form .topic { position:relative; display:flex; align-items:center; gap:11px; border:1px solid var(--border); border-radius:8px; background:#12121c; padding:15px 13px; cursor:pointer; min-width:0; }
#contact-form .topic:has(input:checked) { background:#211819; border-color:#8f3630; }
.topic .icon { width:18px; height:18px; color:var(--muted); }
.topic:has(input:checked) .icon { color:var(--gold); }
.topic strong { display:block; font-size:12px; font-weight:600; }
.topic small { display:block; margin-top:2px; font-size:11px; color:var(--muted); font-weight:400; }
.topic input { width:16px; height:16px; margin:0 0 0 auto; flex-shrink:0; accent-color:var(--red); }
.two-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#contact-form label:not(.topic) { display:grid; gap:8px; font-size:13px; font-weight:500; min-width:0; }
.label-row { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; }
.label-row > span { color:var(--muted); font-size:11px; font-weight:400; }
input:not([type=checkbox]),textarea { display:block; width:100%; min-width:0; border:1px solid var(--border); background:var(--field); color:var(--text); border-radius:7px; padding:13px 14px; font-size:14px; font-weight:400; }
input::placeholder,textarea::placeholder { color:#9295a5; opacity:1; }
textarea { resize:vertical; min-height:136px; line-height:1.75; }
.message-hint { font-size:11px; font-weight:400; color:var(--muted); }
.verification { padding:14px; border:1px solid var(--border); border-radius:7px; background:var(--field); min-width:0; }
#netlify-recaptcha:not(:has(iframe)) { display:none; }
.preview-verification { display:flex !important; grid-template-columns:none; align-items:center; gap:10px !important; }
.preview-verification input { width:18px; height:18px; margin:0; accent-color:var(--red); flex-shrink:0; }
#verification-status { color:var(--muted); font-size:12px; margin:8px 0 0; }
#netlify-recaptcha:not(:has(iframe)) + #verification-status { margin-top:0; }
.verification-provider { font-size:10px; color:var(--muted); margin-top:10px; }
.verification-provider a { text-underline-offset:3px; }
.submit-button { width:100%; min-height:51px; display:flex; align-items:center; justify-content:center; gap:18px; padding:14px 18px; border:1px solid var(--red); border-radius:7px; background:var(--red); color:#fff; font-size:14px; font-weight:600; transition:background .15s; }
.submit-button:not(:disabled):hover { background:var(--red-light); }
.submit-button:disabled { opacity:.55; cursor:not-allowed; }
.submit-button .icon { width:17px; height:17px; }
.privacy-note { color:var(--muted); font-size:11px; text-align:center; line-height:1.85; margin:0; }
.field-error,.feedback { font-size:13px; line-height:1.8; margin:10px 0 0; overflow-wrap:anywhere; }
.field-error,.feedback[data-error=true] { color:#ffb1a8; }
.feedback { color:#a0dbb7; padding:13px 14px; border:1px solid var(--border); border-radius:7px; background:var(--field); }
.site-footer { border-top:1px solid #1e1e2e; }
.footer-inner { width:min(100% - 48px,1200px); margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; padding:28px 0; font-size:12px; color:var(--muted); }
.footer-inner p { margin:0; }
.footer-links { display:flex; gap:23px; }
.footer-links a { text-decoration:none; }
.footer-links a:hover { color:var(--gold); }
@media(max-width:1100px) {
  .site-nav { gap:15px; font-size:12px; }
  .brand { font-size:15px; }
  .contact-layout { gap:42px; }
  .form-panel { padding:27px; }
  .topic .icon { display:none; }
}
@media(max-width:900px) {
  .menu-toggle { display:flex; }
  .site-nav { display:none; position:absolute; z-index:5; top:76px; left:-24px; right:-24px; padding:16px 24px 22px; background:var(--bg); border-bottom:1px solid var(--border); }
  .site-nav.is-open { display:grid; grid-template-columns:1fr 1fr; gap:4px 24px; }
  .site-nav a { padding:12px 0; font-size:14px; }
  .contact-layout { grid-template-columns:.78fr 1.22fr; width:calc(100% - 48px); gap:26px; padding-top:48px; }
  h1 { font-size:54px; letter-spacing:-2.8px; }
  .intro-description { font-size:14px; }
  .form-panel { padding:23px; }
  .topic-grid { gap:8px; }
  #contact-form .topic { padding:12px 10px; gap:7px; }
  .topic strong { font-size:11px; }
  .topic small { font-size:10px; }
}
@media(max-width:700px) {
  .contact-layout { grid-template-columns:1fr; gap:34px; padding:35px 0 48px; }
  h1 { font-size:60px; margin:21px 0; }
  .intro-description { max-width:100%; font-size:15px; }
  .person { margin-top:26px; }
  .intro-points,.motto { display:none; }
  .form-panel { padding:24px; }
  .topic .icon { display:block; }
  .topic strong { font-size:12px; }
  .topic small { font-size:11px; }
  .topic input { min-width:16px; }
  .two-fields { grid-template-columns:1fr; gap:21px; }
  input:not([type=checkbox]),textarea { font-size:16px; }
  .topic { min-height:72px; }
  .footer-inner { font-size:11px; gap:15px; }
}
@media(max-width:410px) {
  .nav-inner,.footer-inner { width:calc(100% - 36px); }
  .site-nav { left:-18px; right:-18px; }
  .contact-layout { width:calc(100% - 36px); }
  .form-panel { padding:21px 17px; }
  .topic .icon { display:none; }
  .topic-grid { gap:8px; }
  .topic strong { font-size:11px; }
  .topic small { font-size:10px; }
  h1 { font-size:53px; }
  .form-panel > h2 { font-size:22px; }
  .verification-provider { font-size:11px; }
  #netlify-recaptcha:has(iframe) { width:304px; transform:scale(.70); transform-origin:top left; margin-bottom:-23.4px; }
}
@media(max-width:350px) { #netlify-recaptcha:has(iframe) { transform:scale(.57); margin-bottom:-33.54px; } }
@media(prefers-reduced-motion:reduce) { * { transition:none !important; } }
