/* Visual refinement only: preserve content, reading order and existing behaviors. */
:root{
  --black:#090b0c;
  --black-2:#111415;
  --black-3:#171a1b;
  --panel:#151819;
  --line:#343531;
  --line-soft:#222624;
  --gold:#e9c568;
  --bone:#f5f3ee;
  --grey:#b2b0a6;
  --grey-dim:#a4a398;
}
body{background:radial-gradient(ellipse 75% 700px at 82% 12%,#e9c56806,transparent 75%),var(--black)}
::selection{background:#e9c568;color:#090b0c}
header{background:rgba(9,11,12,.9);border-bottom-color:#e9c5681c;box-shadow:0 8px 32px #00000012}
.hero-bg-fade{background:radial-gradient(ellipse 55% 48% at 86% 20%,#e9c5680d,transparent 74%),radial-gradient(ellipse 45% 40% at 4% 84%,#93b7bc06,transparent 70%)}
.hero-title .accent{color:#efcf83}
.btn-gold{background:linear-gradient(115deg,#f1d790,#e9c568 55%,#dcb452);color:#10120f;box-shadow:inset 0 1px 0 #fff6,0 8px 26px #0003;border-radius:7px;min-height:48px}
.btn-gold:hover{background:linear-gradient(115deg,#f7e4b0,#edd081 60%,#e9c568);color:#10120f}
.btn-ghost,.nav-cta,.menu-toggle{border-radius:7px}
.navlinks .nav-cta{border-color:#e9c56875;color:var(--gold)}
.navlinks .nav-cta:hover{background:var(--gold);color:var(--black)}
.navlinks a:not(.nav-cta){text-underline-offset:7px;text-decoration-thickness:1px}
.navlinks a:not(.nav-cta):hover{text-decoration:underline;text-decoration-color:#e9c56880}
.console{border-radius:14px;border-color:#e9c5682b;background:linear-gradient(145deg,#1b1e1e,#101313);box-shadow:inset 0 1px 0 #ffffff05,0 28px 64px #0005}
.console-bar{background:#ffffff02}
.console-title,.console-footer,.console-typing{color:#b3af9f}
.lead-row{transition:background .25s ease}
.lead-row:hover{background:#e9c56805}
.bento{border-color:#e9c56825;border-radius:16px;overflow:hidden;box-shadow:0 18px 56px #0002}
.bento-cell{background:linear-gradient(140deg,#141718,#0b0e0f);transition:background .3s ease,box-shadow .3s ease}
.bento-cell:hover{background:linear-gradient(140deg,#1c2020,#101414);box-shadow:inset 0 1px 0 #e9c56821}
.bento-num{color:#c9b77e}
.method-n{color:#848577}
.bots-workspace,.contact-card{border-color:#e9c5682b;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff05,0 24px 64px #0003}
.contact-card{background:linear-gradient(145deg,#191d1d,#111515)}
.contact-control{border-radius:6px;background-color:#0b0e0f;border-color:#52564c}
.contact-control:focus-visible{box-shadow:0 0 0 5px #e9c5680c}
.contact-section{background:radial-gradient(ellipse 75% 65% at 92% 55%,#e9c56805,transparent 80%),var(--black)}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .console{transition:border-color .3s ease,box-shadow .3s ease}
  .console:hover{border-color:#e9c56850;box-shadow:inset 0 1px 0 #ffffff06,0 30px 70px #0006}
}
@media(max-width:540px){.console,.bento,.bots-workspace,.contact-card{border-radius:11px}.navlinks .nav-cta{min-height:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
