/* TELL EQUIPMENT — Home page typography upgrade (2026-09-27)
   The 8k design tokens already name Barlow Condensed / Inter / JetBrains Mono but nothing
   ever loaded them — the site rendered on fallback system fonts. This file loads REAL
   brand type (Google Fonts link in <head>) and sharpens the hierarchy: industrial
   condensed display, tight tracking, tabular numbers, mono kickers. */

body, .wrap, p, li, td, th, .cr-sub, .ps-result span{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-size:16px; line-height:1.6; letter-spacing:-.006em;
}

/* Display headings — industrial condensed */
h1, h2, h3, .t, .hero h1, .hero h2, .sec h2{
  font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-weight:800; letter-spacing:.01em; line-height:1.04;
  text-transform:uppercase;
}
h1{font-size:clamp(38px,6.2vw,72px); font-weight:800}
h2{font-size:clamp(30px,4.2vw,52px)}
h3{font-size:clamp(20px,2.4vw,28px); font-weight:700}
h1 em, h2 em, .hero h1 em{font-style:normal; color:var(--red,#af1314)}

/* Nav — condensed uppercase, tight tracking */
header nav > a, .topbar, .nav-phones .np-label, .crumb{
  font-family:'Barlow Condensed',sans-serif;
  font-weight:600; letter-spacing:.09em; text-transform:uppercase;
}
header nav > a{font-size:17px}
.btn-quote, .btn-red, button[type=submit]{
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; font-size:16px;
}

/* Search band */
.ps-label{font-family:Inter,Arial,sans-serif; font-size:11.5px; letter-spacing:.24em; text-transform:uppercase}
#product-search-input{font-family:'Inter',sans-serif; font-size:17px}
.ps-chip{font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.05em; font-size:14px; text-transform:uppercase}

/* Numbers + data — tabular alignment */
.stat b, .np-num, .ps-result .ps-badge{
  font-family:'Barlow Condensed',sans-serif; font-variant-numeric:tabular-nums; font-weight:700;
}
.np-num{font-size:16px; letter-spacing:.02em}

/* Kicker/mono labels */
.mm-item > a::after, .sec-no, .topbar .tag, .ps-label, .loc-tag, .lane-steps{
  font-family:Inter,Arial,sans-serif;
}

/* Cards + section copy */
.mcard h3, .oembox h3, .card h3{font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; font-weight:700}
footer .foot-h{font-family:'Barlow Condensed',sans-serif; letter-spacing:.12em; text-transform:uppercase; font-weight:700; font-size:15px}

/* Hero paragraph width + measure */
.hero p, .page-hero p{font-size:17px; line-height:1.65; max-width:70ch}


/* ===== CONTRAST FIXES 2026-09-27 (WCAG AA sweep) ===== */
/* card meta smalls: 11px gray was 3.1:1 -> 4.6:1 */
small{color:#566070}
.mm-note{color:#566070}
p.rv, .sec.rv p{color:#8fa0b3}

/* red emphasis on dark navy sections: 2.3:1 -> 4.6:1 */
.sec.rv em, .hero-wrap em, section.dark em, .sec em{color:#ff6a5e}
/* red micro-labels on light hero-card: 2.0:1 -> 5+ */
.hero-card .hc-label span{color:#9c1010;font-weight:600}

/* marquee bold labels: navy on colored strip -> white */
.marquee b, .marquee-track b{color:#fff;text-shadow:0 1px 2px rgba(2,8,18,.35)}

/* phone labels: 50% white -> 75% white */
.np-label,.hp-label,.fp-label,.mm-phones .np-label{color:rgba(255,255,255,.78)}
.np-num,.hp-num{color:#fff}


/* contrast layer v2 — explicit specificity (originals out-ran v1) */
body small, .wrap small, .mcard small, .oembox small, .card small{color:#566070 !important}
.mm-note, .wrap .mm-note{color:#566070 !important}
.sec.rv p, p.rv, .sec.rv p.rv{color:#9fb0c2}
.sec.rv em, .hero-wrap em, .sec em{color:#ff6a5e !important}
.hero-card .hc-label span{color:#9c1010 !important;font-weight:600 !important}
.marquee b, .marquee-track b{color:#fff !important;text-shadow:0 1px 2px rgba(2,8,18,.35)}
.np-label,.hp-label,.fp-label,.mm-phones .np-label{color:rgba(255,255,255,.8) !important}
.np-num,.hp-num{color:#fff !important}


/* contrast layer v3 — search band + header phones */
#product-search-input::placeholder{color:#5c6a7d;opacity:1}
.ps-label{color:#3d4a5c}
.ps-chip{color:#33415a}
.np-num{color:#0a1c33}
a.nav-phone{color:#0a1c33}
a.nav-phone .np-label{color:rgba(10,28,51,.62)}
footer .np-num, .foot-phones .np-num{color:#fff}
footer .fp-label{color:rgba(255,255,255,.8)}


/* v4 — header phone numbers were white-on-white (washed out) */
header .nav-phones .np-num{color:#0a1c33 !important}
header .nav-phones .np-label{color:rgba(10,28,51,.6) !important}
header .nav-phone{color:#0a1c33}


/* v5 — hero-card is dark glass: use bright red, not dark red */
.hero-card .hc-label span{color:#ff7a6e !important}


/* ===== responsive guard: kill stray horizontal scroll (2026-09-28) ===== */
html,body{overflow-x:clip}

/* ===== SECTION OUTLINES — ghost numeral system (home, 2026-09-28) ===== */
.sec.rv{position:relative;padding-left:6px}
.sec.rv .sec-no{font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:clamp(64px,9vw,128px);line-height:.82;letter-spacing:-.01em;
  color:transparent !important;
  -webkit-text-stroke:2px rgba(9,34,92,.20);
  display:flex;align-items:flex-start;user-select:none;margin-top:6px;
  filter:drop-shadow(0 8px 28px rgba(15,63,168,.18))}
.sec.rv .sec-no i{font-style:normal;color:transparent;
  -webkit-text-stroke:2.5px rgba(175,19,20,.45) !important;
  filter:drop-shadow(0 10px 34px rgba(175,19,20,.30))}
/* dark sections on home (hero-adjacent dark bands) use light stroke */
#territories .sec-no,.bg-navy .sec.rv .sec-no,.sec.dark .sec-no{-webkit-text-stroke:2px rgba(255,255,255,.16) !important}
.sec-head-rule{position:relative;height:3px;border-radius:3px;margin-top:14px;
  background:linear-gradient(90deg,#ff6a5e 0%,#af1314 18%,#0f3fa8 52%,rgba(15,63,168,0) 92%) !important;
  box-shadow:0 0 18px rgba(175,19,20,.30),0 0 42px rgba(15,63,168,.18)}
.sec-head-rule::before{content:"";position:absolute;left:0;top:-3px;width:9px;height:9px;
  border-radius:50%;background:#ff6a5e;box-shadow:0 0 14px #ff6a5e,0 0 30px rgba(255,106,94,.55)}
.sec.rv h2{margin-bottom:4px}


/* ===== SECTION OPTIMIZER 2026-09-28 — $50M-company polish, home page ===== */
/* 1. Manufacturer cards: depth + consistent spacing + hover micro-interactions */
#manufacturers .mcard, .manufacturers-grid .mcard{border-radius:14px;overflow:hidden;
  box-shadow:0 4px 14px rgba(9,34,92,.08);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;
  background:#fff;display:flex;flex-direction:column}
#manufacturers .mcard:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(9,34,92,.16),0 0 0 1px rgba(175,19,20,.25)}
#manufacturers .mcard .thumb, #manufacturers .mcard img{aspect-ratio:16/10;object-fit:cover;width:100%}
#manufacturers .mcard .b{padding:18px 20px 20px}
/* 2. image overlay gradient for readable text on any image */
#manufacturers .mcard .thumb{position:relative}
#manufacturers .mcard .thumb::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(9,22,56,.38) 100%)}
/* 3. explicit CTA row at card bottom */
#manufacturers .mcard .cta-row-m{margin-top:auto;padding:0 20px 18px;display:flex}
#manufacturers .mcard .cta-row-m a{display:inline-flex;align-items:center;gap:6px;
  background:#09225c;color:#fff;padding:9px 14px;border-radius:8px;font:600 13px Inter,sans-serif;
  text-decoration:none;transition:background .18s}
#manufacturers .mcard .cta-row-m a:hover{background:#af1314}
/* 4. uniform grid rhythm */
#manufacturers .wrap{display:grid;gap:24px}
/* 5. section breathing space */
section[id]{scroll-margin-top:70px}
/* 6. quote section: compact (was 2510px) */
#quote{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
#quote .cr-form-shell iframe{max-width:560px;margin:0 auto}
/* 7. card image treatment sitewide */
.terr-table-wrap table, .feature, .lens-card{border-radius:12px}
img{border-radius:8px}
/* 8. ghost outline on light sections keeps dark stroke legible */


/* ===== DIVISIONS PREMIUM 2026-09-28 — depth, richer color, CTA buttons ===== */
#divisions{padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(48px,7vw,90px)}
#divisions .spec-grid{gap:22px}
.spec-cell{position:relative;border-radius:18px;padding:30px 30px 26px;overflow:hidden;
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;
  box-shadow:0 10px 30px rgba(9,34,92,.10)}
.spec-cell:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(9,34,92,.20)}
/* richer division palettes + tinted gradient depth */
.spec-cell.div-sales{background:linear-gradient(160deg,#0d2f63 0%,#0a2247 55%,#0a1c38 100%);
  border:1px solid rgba(76,140,255,.28)}
.spec-cell.div-sales:hover{box-shadow:0 22px 48px rgba(10,46,99,.45),0 0 40px rgba(76,140,255,.22)}
.spec-cell.div-repair{background:linear-gradient(160deg,#701a22 0%,#5c141b 55%,#3d0e13 100%);
  border:1px solid rgba(255,106,94,.30)}
.spec-cell.div-repair:hover{box-shadow:0 22px 48px rgba(90,18,25,.45),0 0 40px rgba(255,106,94,.20)}
/* panel icon glyph */
.spec-cell::after{content:"\2699";position:absolute;right:-8px;bottom:-22px;font-size:150px;
  opacity:.055;color:#fff;pointer-events:none;font-family:serif}
.spec-cell.div-sales::after{content:"\25B6"}
/* tag = division badge */
.spec-cell .tag{display:inline-flex;align-items:center;gap:7px;
  font-family:Inter,Arial,sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  padding:6px 12px;border-radius:20px;margin-bottom:16px}
.spec-cell.div-sales .tag{background:rgba(76,140,255,.16);color:#a9c4ee;border:1px solid rgba(76,140,255,.35)}
.spec-cell.div-repair .tag{background:rgba(255,106,94,.14);color:#ffb3a8;border:1px solid rgba(255,106,94,.35)}
.spec-cell .tag::before{content:"";width:6px;height:6px;border-radius:50%;
  box-shadow:0 0 8px currentColor;background:currentColor}
/* heading + copy on dark panels */
.spec-cell h3{color:#fff;font-family:'Barlow Condensed',Inter,sans-serif;font-size:27px;
  letter-spacing:.015em;margin:0 0 10px;line-height:1.1}
.spec-cell p{color:#c9d6e6;line-height:1.65;font-size:15px}
/* links -> real CTAs */
.spec-cell > a:not(.team-link){display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  padding:11px 18px;border-radius:10px;font:600 14px Inter,sans-serif;text-decoration:none;
  color:#fff;transition:transform .2s,box-shadow .2s}
.spec-cell.div-sales > a:not(.team-link){background:#1e56c4;box-shadow:0 8px 22px rgba(30,86,196,.4)}
.spec-cell.div-repair > a:not(.team-link){background:#af1314;box-shadow:0 8px 22px rgba(175,19,20,.4)}
.spec-cell > a:not(.team-link):hover{transform:translateY(-2px) scale(1.02)}
.spec-cell .team-link{display:inline-block;margin-top:12px;color:#8fa3c4;font-size:13px;
  text-decoration:none;border-bottom:1px dashed rgba(143,163,196,.4)}
.spec-cell .team-link:hover{color:#ff8a76;border-color:#ff8a76}
@media(max-width:700px){.spec-cell{padding:22px 20px 20px}.spec-cell h3{font-size:22px}}


/* ===== EQUIP SHOWCASE PREMIUM 2026-09-28 — unify with OEMBOX system ===== */
#equipment-showcase .equip-lens-card{
  --glow:#0f3fa8;--glow2:#af1314;
  position:relative;border-radius:16px;overflow:hidden;
  background:#10131c;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.09);
  min-height:340px;display:flex;flex-direction:column;
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s;
}
#equipment-showcase .equip-lens-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.14),
    0 10px 46px -12px rgba(15,63,168,.55);
}
/* animated gradient border */
#equipment-showcase .equip-lens-card::after{
  content:'';position:absolute;inset:0;border-radius:16px;padding:1px;
  background:conic-gradient(from var(--ang,0deg),#09225c,#0f3fa8,#af1314,#09225c);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;
  transition:opacity .4s;pointer-events:none;z-index:5;
}
#equipment-showcase .equip-lens-card:hover::after{opacity:1;animation:ta-spin 4s linear infinite}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes ta-spin{to{--ang:360deg}}
/* image treatment: vignette + darken + zoom */
#equipment-showcase .elc-visual.lc-content{
  position:absolute;inset:0;
  transition:transform .6s cubic-bezier(.2,.7,.2,1), filter .6s;
}
#equipment-showcase .elc-visual.lc-content::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 20%, transparent 30%, rgba(6,10,20,.72) 100%),
    linear-gradient(to top, rgba(8,12,22,.9) 0%, transparent 55%);
}
#equipment-showcase .equip-lens-card:hover .elc-visual.lc-content{transform:scale(1.07)}
/* glass label bar */
#equipment-showcase .elc-label{
  position:relative;z-index:6;margin-top:auto;
  padding:18px 20px 20px;
  background:linear-gradient(to top, rgba(8,12,22,.92) 20%, rgba(10,16,30,.55) 70%, transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
}
#equipment-showcase .elc-title{color:#fff;font:700 clamp(20px,2vw,26px)/1.1 'Barlow Condensed',Arial;letter-spacing:.4px;text-transform:uppercase}
#equipment-showcase .elc-meta{color:#8fa3c8;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:1.6px;margin-top:6px;text-transform:uppercase}
/* line badge + CTA chip */
#equipment-showcase .equip-lens-card .elc-line{
  position:absolute;top:14px;left:14px;z-index:6;
  font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:1.5px;color:#dce6ff;
  background:rgba(9,20,50,.72);border:1px solid rgba(140,170,255,.35);
  padding:6px 10px;border-radius:20px;backdrop-filter:blur(6px);
}
#equipment-showcase .equip-lens-card .elc-line i{color:#39e08a;font-style:normal}
#equipment-showcase .equip-lens-card .elc-cta{
  flex:none;display:inline-flex;align-items:center;gap:8px;
  font:700 13px/1 'Barlow Condensed',Arial;letter-spacing:1.2px;text-transform:uppercase;color:#fff;
  background:linear-gradient(135deg,#0f3fa8,#af1314);padding:11px 16px;border-radius:10px;
  box-shadow:0 8px 22px -8px rgba(15,63,168,.8);
  transition:transform .3s, box-shadow .3s;
}
#equipment-showcase .equip-lens-card .elc-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px -8px rgba(175,19,20,.8)}
/* lens magnify ring harmonized */
#equipment-showcase .lc-ring{z-index:4}
@media (prefers-reduced-motion: reduce){
  #equipment-showcase .equip-lens-card::after{animation:none}
  #equipment-showcase .equip-lens-card:hover .elc-visual.lc-content{transform:none}
}


/* ===== OUTLINES 8K 2026-09-28 — ghost numerals + rule, premium pass ===== */
.sec.rv .sec-no{
  font:800 clamp(64px,9vw,120px)/0.82 'Barlow Condensed',Arial !important;
  -webkit-text-stroke:2px rgba(120,160,255,.34) !important;
  color:transparent !important;
  filter:drop-shadow(0 6px 22px rgba(15,63,168,.35));
  letter-spacing:2px;
  position:relative;
}
.sec.rv .sec-no i{
  font-style:normal;
  -webkit-text-stroke:2px rgba(255,106,94,.42) !important;
}
.sec.rv .sec-no::after{
  content:'';position:absolute;left:8%;right:8%;bottom:14px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(140,170,255,.5),transparent);
}
.sec-head-rule{
  height:3px !important;border-radius:2px;
  background:linear-gradient(90deg,#af1314 0%,#ff6a5e 12%,#0f3fa8 45%,rgba(15,63,168,0) 92%) !important;
  box-shadow:0 0 18px rgba(175,19,20,.55),0 0 34px rgba(15,63,168,.4) !important;
  position:relative;overflow:visible;
}
.sec-head-rule::before{
  content:'';position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;
  background:#ff6a5e;box-shadow:0 0 12px #ff6a5e,0 0 26px rgba(255,106,94,.8);
  animation:outline-dot 2.6s ease-in-out infinite;
}
@keyframes outline-dot{0%,100%{box-shadow:0 0 12px #ff6a5e,0 0 26px rgba(255,106,94,.8)}50%{box-shadow:0 0 6px #ff6a5e,0 0 14px rgba(255,106,94,.5)}}
.sec.rv h2{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.sec-head-rule::before{animation:none}}
@media (max-width:768px){
  .sec.rv .sec-no{font-size:56px !important;-webkit-text-stroke:1.5px rgba(120,160,255,.34) !important}
}


/* ===== REPAIR PREMIUM 2026-09-28 — dark glass + gradients + badges ===== */
#repair-center .img-frame{border-radius:16px !important;overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 24px 50px -22px rgba(0,0,0,.75), 0 0 0 1px rgba(15,63,168,.25) !important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s}
#repair-center .img-frame:hover{transform:translateY(-5px);
  box-shadow:0 34px 64px -24px rgba(0,0,0,.85), 0 0 0 1px rgba(175,19,20,.4),
  0 12px 46px -12px rgba(175,19,20,.5)}
#repair-center .video-band{position:relative}
#repair-center .video-band img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#repair-center .img-frame:hover .video-band img{transform:scale(1.05)}
#repair-center .video-band::after{content:'';position:absolute;inset:0;
  background:radial-gradient(120% 100% at 50% 25%, transparent 40%, rgba(5,10,22,.55) 100%),
  linear-gradient(to top, rgba(6,12,26,.5), transparent 40%);pointer-events:none}
#repair-center .v-badge{position:absolute;z-index:3;left:14px;top:14px;
  font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:1.5px;color:#dce6ff;
  background:rgba(9,20,50,.75);border:1px solid rgba(140,170,255,.4);
  padding:7px 11px;border-radius:20px;backdrop-filter:blur(6px)}
#repair-center .v-badge::before{content:'● ';color:#39e08a}
#repair-center .check-list li{position:relative;padding-left:30px;margin:11px 0;
  font:15px/1.5 Arial;color:#c3d1e2;list-style:none}
#repair-center .check-list li::before{content:'✓';position:absolute;left:0;top:1px;
  width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font:700 11px/1 Inter,Arial,sans-serif;color:#0d2a5e;
  background:linear-gradient(135deg,#4f8dff,#39e08a);box-shadow:0 4px 12px -3px rgba(57,224,138,.55)}
#repair-center .split h3{font-size:clamp(22px,2.4vw,30px)}
/* spec cells = dark glass cards */
#repair-center .spec-cell{--glow:#0f3fa8;--glow2:#af1314;position:relative;border-radius:16px !important;
  overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s, border-color .45s}
#repair-center .spec-cell:hover{transform:translateY(-6px);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.8), 0 10px 40px -12px rgba(15,63,168,.5)}
#repair-center .spec-cell::after{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;
  background:conic-gradient(from var(--ang,0deg),#09225c,#0f3fa8,#af1314,#09225c);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none}
#repair-center .spec-cell:hover::after{opacity:1;animation:ta-spin 4s linear infinite}
#repair-center .spec-cell .tag{font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:1.5px;
  text-transform:uppercase;color:#8fb3ff;display:inline-flex;align-items:center;gap:7px;
  background:rgba(15,63,168,.16);border:1px solid rgba(15,63,168,.4);border-radius:20px;padding:6px 11px}
#repair-center .spec-cell .tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#39e08a;
  box-shadow:0 0 8px #39e08a;animation:outline-dot 2.6s ease-in-out infinite}


/* ===== OUTLINE SPACING 2026-09-28 — air between numerals + content ===== */
.sec.rv{gap:clamp(44px,5vw,88px) !important;align-items:flex-start !important;margin-bottom:clamp(34px,4vw,58px)}
.sec.rv .sec-no{flex:none;margin-right:clamp(10px,2vw,24px);margin-top:clamp(2px,1vw,10px)}
.sec.rv .sec-no::after{bottom:8px}
.sec-head-rule{margin:18px 0 6px !important;max-width:min(520px,86%) !important}
.sec.rv h2{margin-bottom:10px}
.sec.rv .lede{max-width:640px;margin-top:4px}
/* section rhythm: consistent air between sections */
section[id]{padding-top:clamp(52px,7vw,96px)}
section[id]+section[id]{padding-top:clamp(44px,6vw,80px)}
@media (max-width:768px){
  .sec.rv{gap:20px !important;flex-direction:column !important}
  .sec.rv .sec-no{margin:0 0 6px}
  .sec-head-rule{margin:14px 0 4px !important}
}


/* ===== SECTIONS FINAL PASS 2026-09-28 — process timeline + customers/tellcare cards + FAQ ===== */
/* 1. Process rows = connected timeline with glowing step chips */
#process .proc{position:relative;display:grid;gap:18px}
#process .proc-row{--glow:#0f3fa8;position:relative;display:flex;gap:22px;align-items:flex-start;
  padding:20px 24px;border-radius:14px;background:rgba(10,20,40,.5);
  border:1px solid rgba(140,170,255,.14);transition:transform .4s cubic-bezier(.2,.7,.2,1),
  border-color .4s, box-shadow .4s}
#process .proc-row:hover{transform:translateX(6px);border-color:rgba(140,170,255,.4);
  box-shadow:0 16px 40px -18px rgba(0,0,0,.7), 0 8px 34px -14px rgba(15,63,168,.5)}
#process .pn{flex:none;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font:800 20px/1 'Barlow Condensed',Arial;color:#fff;letter-spacing:1px;
  background:linear-gradient(135deg,#0f3fa8,#1a5fd0);box-shadow:0 8px 20px -6px rgba(15,63,168,.8),
  inset 0 1px 0 rgba(255,255,255,.25)}
#process .proc-row:last-child .pn{background:linear-gradient(135deg,#af1314,#d43a2e);
  box-shadow:0 8px 20px -6px rgba(175,19,20,.8),inset 0 1px 0 rgba(255,255,255,.25)}
#process .proc-row h3{margin:2px 0 8px;font-size:20px}
#process .proc-row p{margin:0;color:#c3d1e2;font-size:14.5px;line-height:1.55;max-width:620px}
/* connecting line between steps */
#process .proc-row:not(:last-child)::after{content:'';position:absolute;left:46px;bottom:-20px;
  width:2px;height:20px;background:linear-gradient(to bottom,rgba(140,170,255,.5),rgba(140,170,255,.12))}
@media (max-width:768px){
  #process .proc-row{gap:14px;padding:16px}
  #process .pn{width:38px;height:38px;font-size:17px;border-radius:10px}
  #process .proc-row:not(:last-child)::after{left:34px;bottom:-16px;height:16px}
}
/* 2. Customers + TellCare spec-cells share the premium system */
#customers .spec-cell,#tellcare .spec-cell{
  --glow:#0f3fa8;--glow2:#af1314;position:relative;border-radius:16px;overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s}
#customers .spec-cell:hover,#tellcare .spec-cell:hover{transform:translateY(-6px);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.8), 0 10px 40px -12px rgba(15,63,168,.5)}
#customers .spec-cell::after,#tellcare .spec-cell::after{content:'';position:absolute;inset:0;
  border-radius:16px;padding:1px;pointer-events:none;opacity:0;transition:opacity .4s;
  background:conic-gradient(from var(--ang,0deg),#09225c,#0f3fa8,#af1314,#09225c);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
#customers .spec-cell:hover::after,#tellcare .spec-cell:hover::after{opacity:1;animation:ta-spin 4s linear infinite}
#customers .spec-cell .tag,#tellcare .spec-cell .tag{font:700 10px/1 Inter,Arial,sans-serif;
  letter-spacing:1.5px;text-transform:uppercase;color:#8fb3ff;display:inline-flex;align-items:center;gap:7px;
  background:rgba(15,63,168,.16);border:1px solid rgba(15,63,168,.4);border-radius:20px;padding:6px 11px}
#customers .spec-cell .tag::before,#tellcare .spec-cell .tag::before{content:'';width:6px;height:6px;
  border-radius:50%;background:#39e08a;box-shadow:0 0 8px #39e08a}
/* 3. FAQ glass cards */
.faq-item{border-radius:14px !important;background:rgba(10,20,40,.55) !important;
  border:1px solid rgba(140,170,255,.15) !important;overflow:hidden;
  transition:border-color .35s, box-shadow .35s, transform .35s}
.faq-item:hover{border-color:rgba(140,170,255,.38) !important;transform:translateY(-3px);
  box-shadow:0 18px 44px -20px rgba(0,0,0,.75)}
.faq-item summary{cursor:pointer;padding:18px 22px;font:700 17px/1.3 'Barlow Condensed',Arial;
  letter-spacing:.4px;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';flex:none;font:400 22px/1 Arial;color:#8fb3ff;
  transition:transform .3s;color:#ff6a5e}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-body{padding:0 22px 20px;color:#c3d1e2;font-size:14.5px;line-height:1.6}
@media (prefers-reduced-motion:reduce){
  #process .proc-row,#customers .spec-cell,#tellcare .spec-cell,.faq-item{transition:none}
  #customers .spec-cell:hover::after,#tellcare .spec-cell:hover::after{animation:none}
}

/* tracked-form handoff flash (2026-09-28) */
.cr-form-shell.taa-cr-flash{animation:taa-cr-pulse 1.05s ease-in-out 3}
@keyframes taa-cr-pulse{
  0%,100%{box-shadow:0 18px 44px -18px rgba(7,22,56,.18);transform:scale(1)}
  50%{box-shadow:0 0 0 6px rgba(175,19,20,.35),0 24px 60px -18px rgba(175,19,20,.5);transform:scale(1.015)}
}