@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

/* ==========================================================================
   Rank Forge — shared agntix-accent theme layer (light pages)
   Adds: grotesk headlines, hand-drawn swash, pill buttons, service marquee,
   spinning audit badge. Keeps each page's existing cream/orange palette.
   ========================================================================== */

/* ---- Headlines -------------------------------------------------------- */
.ax-grotesk{font-family:'Hanken Grotesk',sans-serif !important;letter-spacing:-1.2px !important;font-weight:700 !important;text-transform:none !important;}

/* ---- Hand-drawn swash underline (CSS-only, no per-instance SVG) -------- */
.ax-hl{position:relative;white-space:nowrap;color:#F26522;}
.ax-hl::after{content:"";position:absolute;left:0;right:0;bottom:-0.30em;height:0.34em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 15' preserveAspectRatio='none'%3E%3Cpath fill='%23F26522' d='M73.19.64C70.83.84 61.66 1.24 52.87 1.54 29.9 2.29 20.22 2.95 12.38 4.1 6.27 5 .48 6.3.16 6.86.1 6.96.04 8.21.01 9.61c-.05 2.26.03 2.66.67 3.46.4.5.95 1 1.18 1.15.4.25 16.02-1.25 19.74-1.9 1.64-.25 52.22-1.35 64.56-1.4 4.44 0 14.75.3 22.91.7 8.16.4 15.53.65 16.37.6 2.07-.1 3.92-1.85 4-3.76.03-1.15-.05-1.35-.72-1.4-.72-.05-.72-.1.17-.45 1.24-.5 1.39-.8.67-1.5-.7-.65-.81-1.5-.18-1.5.23 0 .43-.25.43-.5 0-.3-.14-.5-.34-.5-.17 0-.92-.5-1.64-1.1L126.51.39l-24.5-.05C88.55.29 75.58.44 73.19.64Z'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  pointer-events:none;}

/* ---- Pill buttons ----------------------------------------------------- */
.ax-pill{display:inline-flex;align-items:center;gap:11px;background:#F26522;color:#0F1620 !important;
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:16px;padding:16px 32px;border-radius:100px;
  text-decoration:none;border:none;cursor:pointer;transition:background .25s,transform .25s;}
.ax-pill:hover{background:#ff7d3c;transform:translateY(-2px);}
.ax-pill-ghost{display:inline-flex;align-items:center;gap:11px;background:transparent;color:#1E2A3A !important;
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:16px;padding:16px 32px;border-radius:100px;
  text-decoration:none;border:1px solid #CFC6B6;transition:border-color .25s,transform .25s,background .25s;}
.ax-pill-ghost:hover{border-color:#F26522;background:#F6F2EA;transform:translateY(-2px);}
.ax-pill svg,.ax-pill-ghost svg{transition:transform .25s;}
.ax-pill:hover svg,.ax-pill-ghost:hover svg{transform:translate(3px,-3px);}

/* ---- Service marquee strip -------------------------------------------- */
@keyframes ax-mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes ax-mq-rev{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.ax-mq-strip{background:#1E2A3A;overflow:hidden;padding:clamp(24px,3.2vw,42px) 0;}
.ax-mq-row{overflow:hidden;}
.ax-mq-track{display:flex;width:max-content;align-items:center;animation:ax-mq 42s linear infinite;}
.ax-mq-track.rev{animation-name:ax-mq-rev;animation-duration:48s;}
.ax-mq-track.spaced{margin-top:clamp(12px,1.5vw,20px);}
.ax-mq-word{font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:clamp(26px,4vw,52px);
  letter-spacing:-1px;line-height:1;white-space:nowrap;color:#F3F2EE;}
.ax-mq-sep{color:#F26522;margin:0 clamp(16px,2.2vw,34px);font-size:.6em;position:relative;top:-0.12em;}
.ax-mq-track.out .ax-mq-word{color:transparent;-webkit-text-stroke:1px rgba(243,242,238,.5);}

/* ---- Spinning "free audit" badge -------------------------------------- */
@keyframes ax-spin{to{transform:rotate(360deg);}}
.ax-badge-wrap{display:none;text-decoration:none;}
@media(min-width:1120px){.ax-badge-wrap{display:block;}}
.ax-badge{width:120px;height:120px;animation:ax-spin 20s linear infinite;}

/* ---- Chrome accents applied to every page's shared nav ---------------- */
.rfnav-logo b{font-family:'Hanken Grotesk',sans-serif !important;letter-spacing:-.5px !important;}
.rfnav-cta{border-radius:100px !important;font-family:'Hanken Grotesk',sans-serif !important;}

/* ---- Agntix hero: hide the legacy skyline decoration --------------- */
.ax-hero div[style*="opacity:.55"]{display:none !important;}

@media(prefers-reduced-motion:reduce){.ax-mq-track,.ax-badge{animation:none;}}