/* Home Service Leads Fast: shared base (tokens, type, nav, buttons, footer). Used by / and /results. */
:root{
  --bg:#050D22; --bg-2:#081634; --bg-3:#0B1D44;
  --card:rgba(255,255,255,.045); --card-2:rgba(255,255,255,.07); --solid:#0D1E46;
  --border:rgba(255,255,255,.10); --border-2:rgba(255,255,255,.18);
  --text:#EEF2FA; --muted:#A3B0CC; --dim:#6F7EA1;
  --orange:#FF7A1A; --orange-d:#E8620A; --amber:#FFB23F; --good:#34D399; --blue:#4C8DFF; --red:#F87171;
  --grad:linear-gradient(95deg,#FF7A1A 0%,#FFB23F 100%);
  --display:'Archivo','Arial Black',Impact,sans-serif;
  --body:'Public Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{font-size:16px}
a,button,summary,.chip{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
::selection{background:var(--orange);color:#fff}
.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3,h4{font-family:var(--display);font-stretch:112%;font-weight:900;line-height:.98;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:12px}
.tag::before{content:"";width:26px;height:2px;background:var(--grad)}
.h2{font-size:clamp(2rem,5vw,3.9rem);margin-block:14px 16px;max-width:18ch}
.lede{color:var(--muted);font-size:17.5px;max-width:60ch}
section{padding-block:clamp(56px,7vw,96px);position:relative}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:10px;background:var(--grad);color:#1A0B00;font-weight:800;font-size:15px;letter-spacing:.01em;text-decoration:none;border:0;cursor:pointer;box-shadow:0 12px 34px -12px rgba(255,122,26,.8),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s,box-shadow .2s}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-110%);transition:transform .7s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(255,122,26,.95),inset 0 1px 0 rgba(255,255,255,.4)}
.btn:hover::before{transform:translateX(110%)}
.btn .ar{transition:transform .2s}.btn:hover .ar{transform:translateX(4px)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:10px;border:1px solid var(--border-2);background:var(--card);font-weight:600;font-size:15px;text-decoration:none;color:var(--text);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,background .2s}
.btn-ghost:hover{border-color:var(--amber);background:var(--card-2)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good);display:inline-block;animation:blink 1.8s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}

/* NAV */
nav.top{position:sticky;top:0;z-index:50;background:rgba(5,13,34,.72);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0px)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:9px;padding:3px}
.brand b{font-family:var(--display);font-stretch:112%;font-weight:900;font-size:16px;line-height:1;letter-spacing:.01em;text-transform:uppercase}
.brand b span{color:var(--orange)}
.navlinks{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600;color:var(--muted)}
.navlinks a{text-decoration:none;transition:color .2s}.navlinks a:hover{color:var(--text)}
.navlinks .btn{padding:10px 16px;font-size:14px}
@media (max-width:920px){.navlinks a:not(.btn){display:none}}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}
.rv.in{opacity:1;transform:none}

/* example chip on sample testimonials */
.ex-chip{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;padding:3px 8px;border-radius:5px;border:1px dashed rgba(255,178,63,.55);color:var(--amber);font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}

footer{background:#030917;color:var(--dim);border-top:1px solid var(--border);padding-block:30px calc(30px + env(safe-area-inset-bottom,0px))}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:12px;letter-spacing:.08em}
footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--amber)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}}