/* Rudy's AI Systems & Integrations — shared brand system (hostbyras.com) */
:root{
  --midnight:#0E1E3F; --midnight-2:#0A1730; --ink:#070B14; --black:#0A0B10;
  --bronze:#B0793C; --bronze-2:#C08A4A; --bronze-lite:#D9AF7E;
  --tan:#E8D9C5; --cream:#F5F1EA; --slate:#9FB0C9;
}
*{font-family:'Inter',system-ui,sans-serif;}
.mono{font-family:'JetBrains Mono',monospace;}
html{scroll-behavior:smooth;}
body{background:var(--ink);color:#E7ECF5;}
.grad-text{background:linear-gradient(100deg,var(--bronze-lite),var(--bronze) 55%,#8a5c2c);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-glow{background:radial-gradient(60% 60% at 70% 20%,rgba(176,121,60,0.18),transparent 60%),radial-gradient(50% 50% at 15% 30%,rgba(30,60,120,0.35),transparent 60%);}
.card{background:linear-gradient(180deg,rgba(20,34,66,0.55),rgba(10,17,40,0.55));border:1px solid rgba(176,121,60,0.16);border-radius:16px;transition:transform .25s cubic-bezier(.2,.65,.3,1),border-color .25s ease,box-shadow .25s ease;}
.card:hover{border-color:rgba(176,121,60,0.45);transform:translateY(-4px);box-shadow:0 18px 44px -18px rgba(176,121,60,.28);}
.chip{border:1px solid rgba(176,121,60,0.35);color:var(--bronze-lite);}
.chip.active{background:var(--bronze);color:#1c1206;border-color:var(--bronze);}
.btn-bronze{background:linear-gradient(180deg,var(--bronze-2),var(--bronze));color:#1c1206;transition:transform .18s ease,box-shadow .2s ease,filter .2s ease;}
.btn-bronze:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 26px -8px rgba(176,121,60,.55);}
.btn-ghost{border:1px solid rgba(224,224,224,0.22);color:#E7ECF5;}
.btn-ghost:hover{border-color:var(--bronze);color:var(--bronze-lite);}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}
.tick{color:var(--bronze-lite);}
.pop{box-shadow:0 0 0 1px rgba(176,121,60,.5),0 20px 60px -20px rgba(176,121,60,.35);}
.field{background:rgba(7,11,20,.6);border:1px solid rgba(159,176,201,.2);border-radius:10px;color:#E7ECF5;}
.field:focus{outline:none;border-color:var(--bronze);box-shadow:0 0 0 3px rgba(176,121,60,.25);}
.field::placeholder{color:#8FA0BA;}
/* a11y: label text for screen readers only (visually hidden, still announced) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* a11y: visible keyboard focus everywhere (mouse clicks unaffected) */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--bronze-lite);outline-offset:2px;border-radius:4px;}
/* a11y: let keyboard users skip the nav */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--bronze);color:#1c1206;padding:10px 16px;font-weight:700;border-radius:0 0 8px 0;}
.skip-link:focus{left:0;}
.consent-row{display:flex;gap:.6rem;align-items:flex-start;}
.consent-row input[type=checkbox]{margin-top:.25rem;width:16px;height:16px;accent-color:var(--bronze);flex:none;}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(176,121,60,.35),transparent);}
.badge-type{font-size:.65rem;letter-spacing:1px;text-transform:uppercase;padding:.15rem .55rem;border-radius:5px;background:rgba(176,121,60,.14);color:var(--bronze-lite);}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.floaty{animation:float 6s ease-in-out infinite;}
@keyframes ras-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,175,126,.45)}50%{box-shadow:0 0 0 6px rgba(217,175,126,0)}}
.chip .tick{display:inline-block;border-radius:50%;animation:ras-pulse 2.2s infinite;}
@media (prefers-reduced-motion: reduce){
  .floaty,.chip .tick{animation:none;}
  .card,.btn-bronze{transition:none;}
}