/* AnimationTech — light theme tokens. Contrast-verified against WCAG 2.1 AA. */
:root{
  --ground:#FBFAF9;      /* page */
  --surface:#FFFFFF;     /* cards */
  --raised:#F5F3F1;      /* alternating bands */
  --rule:#E6E2DD;        /* hairlines */
  --rule2:#D2CCC4;       /* stronger dividers */
  --control:#969088;     /* form-control borders — 3.03:1, meets non-text AA */
  --ink:#16130F;         /* 17.8:1 */
  --ink2:#57514A;        /* 7.5:1 */
  --ink3:#7A7269;        /* 4.54:1 — safe at body size */
  --o:#FF6B00;           /* brand fill ONLY — never as text */
  --o-text:#B84A00;      /* orange as text — 5.0:1 */
  --o-hover:#E85D00;
  --good:#1E7A3E; --warn:#8A5A00; --bad:#B3341A;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow:0 1px 2px rgba(22,19,15,.04),0 4px 14px rgba(22,19,15,.05);
  --shadow-lg:0 2px 4px rgba(22,19,15,.04),0 12px 34px rgba(22,19,15,.07);
  /* legacy aliases so existing tool markup keeps working */
  --void:#FBFAF9; --panel:#F5F3F1; --card:#FFFFFF; --live:#1E7A3E; --ohi:#E85D00;
}
@media(max-width:880px){.navlinks{display:none}}
@media(max-width:360px){.brand span{font-size:15.5px}
.navright .btn{padding:9px 11px;font-size:12.5px}}
.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
@media(max-width:720px){.footgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.hero{border-bottom:1px solid var(--rule);background:
 radial-gradient(120% 85% at 78% 0%,rgba(255,107,0,.10),transparent 60%),var(--ground)}
.hero-in{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(28px,5vw,64px);align-items:center;
 padding:clamp(48px,6.5vw,86px) 0 clamp(50px,6.5vw,82px)}
@media(max-width:920px){.hero-in{grid-template-columns:1fr}}
h1{font-size:clamp(36px,5.2vw,62px);margin-top:16px;max-width:16ch}
.hero .sub{color:var(--ink2);font-size:clamp(16.5px,1.5vw,19px);max-width:52ch;margin-top:19px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.tag-card{background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden;
 box-shadow:var(--shadow-lg);position:relative}
.tag-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--o)}
.tc-h{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 13px 24px;
 border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:11px;letter-spacing:.12em;
 text-transform:uppercase;color:var(--ink3)}
.stock{display:flex;align-items:center;gap:6px;color:var(--good)}
.stock i{width:6px;height:6px;border-radius:50%;background:var(--good)}
.tc-img{padding:22px 24px 4px;display:flex;justify-content:center;background:var(--raised)}
.tc-img img{width:72%;filter:drop-shadow(0 16px 26px rgba(22,19,15,.16))}
.tc-b{padding:18px 24px 22px}
.tc-b h2{font-size:23px;margin-bottom:14px}
.tc-f{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px}
section{padding:clamp(54px,6.5vw,88px) 0}
@media(max-width:1100px){.svcs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.svcs{grid-template-columns:1fr}}