@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

/* MATRIX SHIELD: "Command Centre" theme. Restyles the site; changes no IDs or logic. */
h1,h2,h3,.font-display{font-family:'Chakra Petch','Manrope',sans-serif!important;letter-spacing:-.005em}
[class*="tracking-[.18em]"],[class*="tracking-[.16em]"],[class*="tracking-[.22em]"]{font-family:'JetBrains Mono',monospace!important}
.text-gold-gradient{filter:drop-shadow(0 0 22px rgba(200,169,106,.3))}
::selection{background:#C8A96A;color:#07080B}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#07080B}
::-webkit-scrollbar-thumb{background:linear-gradient(#9A7B48,#C8A96A);border-radius:0}

/* header */
header.sticky{border-bottom:1px solid rgba(200,169,106,.25)!important;box-shadow:0 18px 40px -30px #000}

/* hero: scanlines + cursor spotlight + moving scan bar */
#home::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(420px circle at var(--mx,72%) var(--my,35%),rgba(200,169,106,.16),transparent 65%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
#home::before{content:'';position:absolute;left:0;right:0;top:-140px;height:140px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(200,169,106,.1),transparent);animation:scanBar 8s linear infinite}
@keyframes scanBar{to{top:100%}}
#home .relative{z-index:2}

/* angular "badge" cards with gold corner brackets */
.card-hover,.service-card,.step-card,.stat-card,.feature-card{position:relative;border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.card-hover::before,.service-card::before,.step-card::before,.stat-card::before{content:'';position:absolute;top:10px;left:10px;
  width:14px;height:14px;border-top:2px solid #C8A96A;border-left:2px solid #C8A96A;opacity:0;pointer-events:none;
  transform:translate(6px,6px);transition:opacity .3s,transform .3s}
.card-hover:hover::before,.service-card:hover::before,.step-card:hover::before,.stat-card:hover::before{opacity:1;transform:none}

/* buttons: chamfered */
button.gold-gradient,a.gold-gradient,button.gold-gradient-light,a.gold-gradient-light{border-radius:0!important;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  text-transform:uppercase;letter-spacing:.06em}

/* section texture */
.bg-soft{background-image:linear-gradient(rgba(7,8,11,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,8,11,.035) 1px,transparent 1px);background-size:40px 40px}
section.bg-ink{background-image:radial-gradient(circle at 1px 1px,rgba(200,169,106,.1) 1px,transparent 0);background-size:26px 26px}

/* tracker rows */
.lt-row:hover{box-shadow:inset 3px 0 0 #C8A96A}

/* mobile call button */
.call-fab{position:fixed;right:16px;bottom:16px;z-index:90;width:54px;height:54px;display:grid;place-items:center;
  background:linear-gradient(135deg,#EAD3A6,#C8A96A);color:#07080B;font-size:20px;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media(min-width:1024px){.call-fab{display:none}}
.ctl-time{font-family:'JetBrains Mono',monospace;color:#C8A96A}
@media(prefers-reduced-motion:reduce){#home::before{animation:none}}