/* /horse-handicapping-software — AISHTMLNEWDESIGN-416
   Page-owned styles. EVERY selector is scoped to #page-horse-handicapping-software or a
   hhs- prefixed class: this sheet must never style body, a bare
   element, #ais-header or #ais-footer. The document reset
   (html,body{margin:0}) is owned by the shared layout sheet.
   Font is Inter; no body/UI text below 16px.

   VISUAL DIRECTION — "PAST PERFORMANCE": the past-performance block of a racing
   form. Newsprint paper stock ruled with hairlines, ink-black race headers, a
   silks-crimson accent and a track-green secondary. The organising unit is the
   FORM LINE: a saddle-cloth swatch on the left, the entry read across to a
   hairline that runs out to the column edge. Deliberately unlike THE OVERROUND
   (/sports-betting-software): no marker orange, no ledger arithmetic, no
   margin columns — this is a reader's sheet, not a bookmaker's.

   Rule 35 note: the form lines carry NO figures. Handicapping is a numbers
   subject and the record states none, so none are drawn. */

/* ---- tokens + own box model (no global reset exists) ---- */
#page-horse-handicapping-software{
  --pp-ink:#0e141c;
  --pp-ink-2:#161e29;
  --pp-ink-3:#232e3c;
  --pp-paper:#f5f2ea;
  --pp-paper-2:#fffdf7;
  --pp-rule:#cec6b4;
  --pp-rule-2:#e3dccd;
  --pp-silks:#b01026;
  --pp-silks-dk:#870a1c;
  --pp-post:#0d5c4c;
  --pp-text:#131a23;
  --pp-text-2:#3b4653;
  --pp-on-ink:#f3f0e8;
  --pp-on-ink-2:#c2ccd8;
  --pp-wrap:1180px;
  font-family:"Inter", system-ui, sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--pp-text);
  background:var(--pp-paper);
  -webkit-font-smoothing:antialiased;
}
#page-horse-handicapping-software *,
#page-horse-handicapping-software *::before,
#page-horse-handicapping-software *::after{box-sizing:border-box;}

#page-horse-handicapping-software p{margin:0 0 18px;}
#page-horse-handicapping-software p:last-child{margin-bottom:0;}
#page-horse-handicapping-software ul,
#page-horse-handicapping-software ol{margin:0;padding:0;list-style:none;}
#page-horse-handicapping-software img{max-width:100%;height:auto;display:block;}
#page-horse-handicapping-software :focus-visible{
  outline:3px solid var(--pp-post);outline-offset:3px;border-radius:2px;
}

/* ---- shells ---- */
#page-horse-handicapping-software .hhs-wrap{
  width:100%;max-width:var(--pp-wrap);margin-inline:auto;padding-inline:24px;
}
#page-horse-handicapping-software .hhs-band{
  width:100%;padding:clamp(56px,7vw,100px) 0;position:relative;
}
#page-horse-handicapping-software .hhs-band--paper{background:var(--pp-paper);}
#page-horse-handicapping-software .hhs-band--sheet{
  background:var(--pp-paper-2);border-top:1px solid var(--pp-rule);border-bottom:1px solid var(--pp-rule);
}
#page-horse-handicapping-software .hhs-band--ink{
  background:var(--pp-ink);color:var(--pp-on-ink);
}
/* ruled form stock — a STATIC repeating gradient, no motion, no url() */
#page-horse-handicapping-software .hhs-band--ink::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.045) 0px, rgba(255,255,255,.045) 1px,
    transparent 1px, transparent 34px);
}
#page-horse-handicapping-software .hhs-band > .hhs-wrap{position:relative;z-index:1;}

/* ---- type ---- */
#page-horse-handicapping-software .hhs-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--pp-silks);margin:0 0 18px;
}
#page-horse-handicapping-software .hhs-eyebrow::before{
  content:"";width:26px;height:12px;flex:0 0 auto;border-radius:1px;
  background:linear-gradient(135deg,var(--pp-silks) 0 50%,var(--pp-silks-dk) 50% 100%);
}
#page-horse-handicapping-software .hhs-band--ink .hhs-eyebrow{color:#ff8f80;}
#page-horse-handicapping-software .hhs-h2{
  font-size:clamp(30px,3.7vw,50px);line-height:1.1;font-weight:800;
  letter-spacing:-.018em;margin:0 0 22px;max-width:22ch;
}
#page-horse-handicapping-software .hhs-h2--wide{max-width:34ch;}
#page-horse-handicapping-software .hhs-h5{
  font-size:clamp(19px,1.7vw,22px);line-height:1.35;font-weight:700;
  margin:38px 0 22px;letter-spacing:-.005em;
}
#page-horse-handicapping-software .hhs-lede{
  font-size:clamp(17px,1.35vw,19px);color:var(--pp-text-2);max-width:74ch;
}
#page-horse-handicapping-software .hhs-band--ink .hhs-lede{color:var(--pp-on-ink-2);}

/* ---- in-copy links (id-qualified so they beat the baseline a{color:inherit}) ---- */
#page-horse-handicapping-software .hhs-ilink{
  color:var(--pp-silks);font-weight:650;
  border-bottom:2px solid rgba(176,16,38,.32);
  transition:color .15s ease,border-color .15s ease;
}
#page-horse-handicapping-software .hhs-ilink:hover,
#page-horse-handicapping-software .hhs-ilink:focus-visible{
  color:var(--pp-silks-dk);border-bottom-color:var(--pp-silks-dk);
}
#page-horse-handicapping-software .hhs-band--ink .hhs-ilink,
#page-horse-handicapping-software .hhs-promo .hhs-ilink{
  color:#ff9c8d;border-bottom-color:rgba(255,156,141,.4);
}
#page-horse-handicapping-software .hhs-band--ink .hhs-ilink:hover,
#page-horse-handicapping-software .hhs-band--ink .hhs-ilink:focus-visible,
#page-horse-handicapping-software .hhs-promo .hhs-ilink:hover,
#page-horse-handicapping-software .hhs-promo .hhs-ilink:focus-visible{
  color:#ffc4ba;border-bottom-color:#ffc4ba;
}

/* ---- CTA ---- */
#page-horse-handicapping-software .hhs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:52px;padding:14px 30px;border:0;cursor:pointer;
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
  color:#fff;background:var(--pp-silks);border-radius:2px;
  box-shadow:0 0 0 0 rgba(176,16,38,.35), inset 0 -3px 0 rgba(0,0,0,.28);
  transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
#page-horse-handicapping-software .hhs-btn::after{
  content:"";width:8px;height:8px;border-right:2px solid currentColor;
  border-top:2px solid currentColor;transform:rotate(45deg);
}
#page-horse-handicapping-software .hhs-btn:hover{
  background:var(--pp-silks-dk);transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(176,16,38,.3), inset 0 -3px 0 rgba(0,0,0,.28);
}
#page-horse-handicapping-software .hhs-btn:active{transform:translateY(0);}
#page-horse-handicapping-software .hhs-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;}
#page-horse-handicapping-software .hhs-btn--ghost{
  color:var(--pp-ink);background:#f7d33f;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.24);
}
#page-horse-handicapping-software .hhs-btn--ghost:hover{
  background:#ffe172;box-shadow:0 10px 24px rgba(0,0,0,.28), inset 0 -3px 0 rgba(0,0,0,.24);
}

/* ---- breadcrumb rail ---- */
#page-horse-handicapping-software .hhs-crumbs{background:var(--pp-ink-2);color:var(--pp-on-ink-2);}
#page-horse-handicapping-software .hhs-crumbs .hhs-wrap{
  display:flex;align-items:center;gap:12px;padding-block:16px;font-size:16px;flex-wrap:wrap;
}
#page-horse-handicapping-software .hhs-crumbs__home{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:2px;
  transition:border-color .15s ease,background-color .15s ease;
}
#page-horse-handicapping-software .hhs-crumbs__home:hover{
  border-color:#ff9c8d;background:rgba(255,156,141,.12);
}
#page-horse-handicapping-software .hhs-crumbs__home img{width:16px;height:16px;}
#page-horse-handicapping-software .hhs-crumbs a.hhs-crumbs__link{
  color:#e9e4d8;border-bottom:1px solid rgba(233,228,216,.35);
}
#page-horse-handicapping-software .hhs-crumbs a.hhs-crumbs__link:hover{color:#ff9c8d;border-bottom-color:#ff9c8d;}
#page-horse-handicapping-software .hhs-crumbs__here{color:#fff;font-weight:600;}

/* ---- HERO: full-bleed ink, static ruled stock, centred 900px column ---- */
#page-horse-handicapping-software .hhs-hero{
  width:100%;padding:clamp(64px,8vw,120px) 24px;
  background:
    linear-gradient(180deg,#0e141c 0%,#131c27 58%,#0c1219 100%);
  color:var(--pp-on-ink);position:relative;overflow:hidden;
}
#page-horse-handicapping-software .hhs-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.05) 0px, rgba(255,255,255,.05) 1px,
    transparent 1px, transparent 38px);
}
#page-horse-handicapping-software .hhs-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
  background:linear-gradient(90deg,var(--pp-silks) 0 22%,var(--pp-post) 22% 44%,#f7d33f 44% 58%,var(--pp-ink-3) 58% 100%);
}
#page-horse-handicapping-software .hhs-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;position:relative;z-index:1;
}
#page-horse-handicapping-software .hhs-hero__eyebrow{
  display:inline-block;font-size:16px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:#ffb0a3;margin:0 0 20px;
  padding:8px 16px;border:1px solid rgba(255,176,163,.38);border-radius:2px;
}
#page-horse-handicapping-software .hhs-hero h1{
  font-size:clamp(40px,6vw,68px);line-height:1.04;font-weight:800;
  letter-spacing:-.028em;margin:0 0 24px;color:#fffdf7;
}
#page-horse-handicapping-software .hhs-hero__copy{
  font-size:clamp(17px,1.5vw,20px);line-height:1.62;color:#dfe5ec;margin:0 auto 26px;
}
#page-horse-handicapping-software .hhs-hero__cta{margin:30px 0 0;}
#page-horse-handicapping-software .hhs-hero__trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;
  border-top:1px solid rgba(255,255,255,.14);padding-top:22px;margin-top:4px;
}
#page-horse-handicapping-software .hhs-hero__trust li{
  display:flex;align-items:flex-start;gap:10px;text-align:left;
  font-size:16px;font-weight:500;color:#e8ece1;max-width:46ch;
}
#page-horse-handicapping-software .hhs-hero__trust li::before{
  content:"";flex:0 0 auto;margin-top:5px;width:11px;height:11px;border-radius:1px;
  background:linear-gradient(135deg,#f7d33f 0 50%,var(--pp-post) 50% 100%);
}

/* ---- banner bands (short call bands) ---- */
#page-horse-handicapping-software .hhs-call{
  position:relative;overflow:hidden;
  background:linear-gradient(100deg,var(--pp-silks-dk) 0%,var(--pp-silks) 52%,#8c0a1d 100%);
  color:#fff;padding:clamp(48px,6vw,76px) 0;
}
#page-horse-handicapping-software .hhs-call__grid{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;
}
#page-horse-handicapping-software .hhs-call h2{
  font-size:clamp(27px,3.2vw,42px);line-height:1.12;font-weight:800;
  letter-spacing:-.02em;margin:0 0 12px;max-width:24ch;
}
#page-horse-handicapping-software .hhs-call__sub{
  font-size:18px;font-weight:600;color:#ffe0da;margin:0;letter-spacing:.01em;
}
#page-horse-handicapping-software .hhs-call__mark{
  position:absolute;right:-46px;top:50%;transform:translateY(-50%);
  width:270px;opacity:.16;pointer-events:none;
}

/* ---- promo band (Take Your Betting Strategy) ---- */
#page-horse-handicapping-software .hhs-promo{
  position:relative;overflow:hidden;background:var(--pp-post);color:var(--pp-on-ink);
  padding:clamp(48px,6vw,84px) 0;
}
#page-horse-handicapping-software .hhs-promo__bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;
}
#page-horse-handicapping-software .hhs-promo__veil{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,58,48,.95) 0%,rgba(8,58,48,.82) 52%,rgba(8,58,48,.55) 100%);
}
#page-horse-handicapping-software .hhs-promo .hhs-wrap{position:relative;z-index:1;}
#page-horse-handicapping-software .hhs-promo__grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center;
}
#page-horse-handicapping-software .hhs-promo h2{
  font-size:clamp(27px,3.2vw,42px);line-height:1.12;font-weight:800;
  letter-spacing:-.02em;margin:0 0 14px;max-width:26ch;color:#fffdf7;
}
#page-horse-handicapping-software .hhs-promo__sub{
  font-size:18px;color:#dbe2ea;margin:0 0 26px;max-width:48ch;
}
/* Section CTAs: one per section, each uniquely named, centred.
   .hhs-act--c is a MODIFIER -- .hhs-promo__act below is a separate class and is
   deliberately untouched, so the promo band's CTA stays left in its split layout
   as requested. */
#page-horse-handicapping-software .hhs-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;}
#page-horse-handicapping-software .hhs-act--c{justify-content:center;margin:clamp(26px,3vw,38px) 0 0;grid-column:1/-1;}
/* Call band: CTA drops under the copy instead of sitting beside it. */
#page-horse-handicapping-software .hhs-call__grid--stack{grid-template-columns:minmax(0,1fr);}
/* Copy centred above the CTA. text-align alone is not enough: the h2 carries
   max-width:24ch (672px in a 1132px grid), so without margin-inline:auto the
   words centre inside a box that still sits 230px left of centre. The CTA was
   already below the copy from the earlier stack change, so .hhs-act--c is not
   touched here. */
#page-horse-handicapping-software .hhs-call__copy{text-align:center;}
/* FAQ section centred. Scoped to .hhs-faqsec because .hhs-h2 and .hhs-eyebrow
   are shared by nine sections on this page -- centring them unscoped would move
   every heading. The h2 carries max-width:22ch and .hhs-faq max-width:960px, so
   both need margin-inline:auto: text-align alone centres words inside boxes that
   stay pinned left (the h2 measured -203, the accordion -86 in a 1180px wrap).
   The questions and answers keep text-align:left on purpose -- centring accordion
   body copy hurts readability, and each summary is a grid with its +/- mark on
   the right, which centred question text would fight. */
#page-horse-handicapping-software .hhs-faqsec .hhs-wrap{text-align:center;}
#page-horse-handicapping-software .hhs-faqsec .hhs-h2{margin-inline:auto;}
#page-horse-handicapping-software .hhs-faqsec .hhs-faq{margin-inline:auto;text-align:left;}
#page-horse-handicapping-software .hhs-call__copy h2{margin-inline:auto;}
#page-horse-handicapping-software .hhs-call__grid--stack .hhs-act--c{margin-top:clamp(22px,2.4vw,30px);}
/* Why Choose: the six prose paragraphs were a two-column wall of text. They now
   read as a lattice that rhymes with the .hhs-cols benefit grid below them --
   same rule weights, same alternating accent bar, so the section reads as two
   tiers of one system rather than prose followed by an unrelated table. */
#page-horse-handicapping-software .hhs-why__cards{
  list-style:none;margin:26px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  border-top:2px solid var(--pp-ink);border-left:1px solid var(--pp-rule);
}
#page-horse-handicapping-software .hhs-why__cards li{
  position:relative;padding:26px 22px 24px;background:var(--pp-paper-2);
  border-right:1px solid var(--pp-rule);border-bottom:1px solid var(--pp-rule);
}
#page-horse-handicapping-software .hhs-why__cards li::before{
  content:"";position:absolute;left:22px;top:0;width:34px;height:4px;background:var(--pp-silks);
}
#page-horse-handicapping-software .hhs-why__cards li:nth-child(3n+2)::before{background:var(--pp-post);}
#page-horse-handicapping-software .hhs-why__cards li:nth-child(3n)::before{background:var(--pp-ink-3);}
#page-horse-handicapping-software .hhs-why__cards p{margin:0;font-size:16px;line-height:1.65;color:var(--pp-text-2);}
#page-horse-handicapping-software .hhs-promo__act{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
#page-horse-handicapping-software .hhs-promo__art{
  border:1px solid rgba(255,255,255,.16);border-radius:3px;overflow:hidden;
  background:rgba(255,255,255,.04);
}
#page-horse-handicapping-software .hhs-promo__art img{width:100%;}

/* ---- FORM LINES: the reading rows (Experience section) ---- */
#page-horse-handicapping-software .hhs-read{
  border-top:2px solid var(--pp-ink);max-width:none;
}
#page-horse-handicapping-software .hhs-read p{
  position:relative;margin:0;padding:24px 0 24px 42px;
  border-bottom:1px solid var(--pp-rule-2);
  font-size:17px;line-height:1.68;color:var(--pp-text-2);
}
#page-horse-handicapping-software .hhs-read p::before{
  content:"";position:absolute;left:0;top:29px;width:22px;height:14px;border-radius:1px;
  background:linear-gradient(135deg,var(--pp-silks) 0 50%,var(--pp-ink) 50% 100%);
}
#page-horse-handicapping-software .hhs-read p:nth-child(even)::before{
  background:linear-gradient(135deg,var(--pp-post) 0 50%,#f7d33f 50% 100%);
}
#page-horse-handicapping-software .hhs-read p:last-child{border-bottom:2px solid var(--pp-ink);}

/* ---- FORM LINES: the entry rows (Features) ---- */
#page-horse-handicapping-software .hhs-entries{
  border-top:2px solid rgba(255,255,255,.5);margin-top:8px;
}
#page-horse-handicapping-software .hhs-entries li{
  display:grid;grid-template-columns:44px minmax(0,auto) minmax(24px,1fr) 18px;
  align-items:center;gap:18px;padding:20px 6px;
  border-bottom:1px solid rgba(255,255,255,.14);
  transition:background-color .16s ease,padding-left .16s ease;
}
#page-horse-handicapping-software .hhs-entries li:hover{
  background:rgba(255,255,255,.05);padding-left:14px;
}
#page-horse-handicapping-software .hhs-entry__cloth{
  width:34px;height:24px;border-radius:2px;
  background:linear-gradient(135deg,var(--pp-silks) 0 50%,#f7d33f 50% 100%);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
}
#page-horse-handicapping-software .hhs-entries li:nth-child(2n) .hhs-entry__cloth{
  background:linear-gradient(135deg,#f7d33f 0 50%,var(--pp-post) 50% 100%);
}
#page-horse-handicapping-software .hhs-entries li:nth-child(3n) .hhs-entry__cloth{
  background:linear-gradient(135deg,var(--pp-post) 0 50%,#e9e4d8 50% 100%);
}
#page-horse-handicapping-software .hhs-entry__name{
  font-size:clamp(18px,1.9vw,24px);font-weight:700;letter-spacing:-.012em;color:#fffdf7;
}
#page-horse-handicapping-software .hhs-entry__rule{
  height:1px;background:repeating-linear-gradient(to right,rgba(255,255,255,.3) 0 4px,transparent 4px 9px);
}
#page-horse-handicapping-software .hhs-entry__tick{
  width:10px;height:10px;justify-self:end;
  border-right:2px solid #ff8f80;border-top:2px solid #ff8f80;transform:rotate(45deg);
}

/* ---- benefit columns (Why Choose) — read across like column heads ---- */
#page-horse-handicapping-software .hhs-cols{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;border-top:2px solid var(--pp-ink);border-left:1px solid var(--pp-rule);
}
#page-horse-handicapping-software .hhs-cols li{
  padding:22px 20px;border-right:1px solid var(--pp-rule);border-bottom:1px solid var(--pp-rule);
  display:flex;align-items:center;gap:14px;background:var(--pp-paper-2);
  font-size:17px;font-weight:650;line-height:1.35;color:var(--pp-text);
  transition:background-color .16s ease,color .16s ease;
}
#page-horse-handicapping-software .hhs-cols li:hover{background:#fff;color:var(--pp-silks-dk);}
#page-horse-handicapping-software .hhs-cols li::before{
  content:"";flex:0 0 auto;width:6px;height:26px;border-radius:1px;background:var(--pp-silks);
}
#page-horse-handicapping-software .hhs-cols li:nth-child(3n+2)::before{background:var(--pp-post);}
#page-horse-handicapping-software .hhs-cols li:nth-child(3n)::before{background:var(--pp-ink-3);}

/* ---- offer rows (What We Offer) ---- */
#page-horse-handicapping-software .hhs-offer{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  border-top:2px solid rgba(255,255,255,.45);
}
#page-horse-handicapping-software .hhs-offer li{
  padding:26px 28px 26px 0;border-bottom:1px solid rgba(255,255,255,.14);
  display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;align-items:start;
  font-size:17px;line-height:1.6;color:var(--pp-on-ink-2);
}
#page-horse-handicapping-software .hhs-offer li::before{
  content:"";margin-top:7px;width:22px;height:14px;border-radius:1px;
  background:linear-gradient(135deg,#f7d33f 0 50%,var(--pp-silks) 50% 100%);
}
#page-horse-handicapping-software .hhs-offer li:nth-child(2n)::before{
  background:linear-gradient(135deg,var(--pp-post) 0 50%,#e9e4d8 50% 100%);
}

/* ---- section split (Why Choose two-part read) ---- */
#page-horse-handicapping-software .hhs-split{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);
  align-items:start;
}
#page-horse-handicapping-software .hhs-split__side{
  border-left:3px solid var(--pp-silks);padding-left:22px;
}
#page-horse-handicapping-software .hhs-prose p{
  font-size:17px;line-height:1.7;color:var(--pp-text-2);
}
#page-horse-handicapping-software .hhs-band--ink .hhs-prose p{color:var(--pp-on-ink-2);}

/* ---- FAQ ---- */
#page-horse-handicapping-software .hhs-faq{
  border-top:2px solid var(--pp-ink);max-width:960px;
}
#page-horse-handicapping-software .hhs-faq details{
  border-bottom:1px solid var(--pp-rule);background:var(--pp-paper-2);
}
#page-horse-handicapping-software .hhs-faq summary{
  list-style:none;cursor:pointer;display:grid;
  grid-template-columns:minmax(0,1fr) 34px;gap:18px;align-items:center;
  padding:24px 22px;transition:background-color .16s ease;
}
#page-horse-handicapping-software .hhs-faq summary::-webkit-details-marker{display:none;}
#page-horse-handicapping-software .hhs-faq summary:hover{background:#fff;}
#page-horse-handicapping-software .hhs-faq summary h3{
  margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.4;font-weight:700;color:var(--pp-text);
}
#page-horse-handicapping-software .hhs-faq__mark{
  width:34px;height:34px;border:1px solid var(--pp-rule);border-radius:2px;position:relative;
  transition:background-color .16s ease,border-color .16s ease;
}
#page-horse-handicapping-software .hhs-faq__mark::before,
#page-horse-handicapping-software .hhs-faq__mark::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--pp-silks);
  transform:translate(-50%,-50%);
}
#page-horse-handicapping-software .hhs-faq__mark::before{width:14px;height:2px;}
#page-horse-handicapping-software .hhs-faq__mark::after{
  width:2px;height:14px;transition:transform .16s ease,opacity .16s ease;
}
#page-horse-handicapping-software .hhs-faq details[open] .hhs-faq__mark{
  background:var(--pp-silks);border-color:var(--pp-silks);
}
#page-horse-handicapping-software .hhs-faq details[open] .hhs-faq__mark::before{background:#fff;}
#page-horse-handicapping-software .hhs-faq details[open] .hhs-faq__mark::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}
#page-horse-handicapping-software .hhs-faq__body{
  padding:0 22px 26px 22px;font-size:17px;line-height:1.7;color:var(--pp-text-2);max-width:82ch;
}

/* ---- testimonials ---- */
#page-horse-handicapping-software .hhs-stories{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:8px;
}
#page-horse-handicapping-software .hhs-story{
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);
  display:flex;flex-direction:column;
}
#page-horse-handicapping-software .hhs-vid{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  background:#000;line-height:0;
}
#page-horse-handicapping-software .hhs-vid img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:opacity .16s ease;}
#page-horse-handicapping-software .hhs-vid:hover img{opacity:.72;}
#page-horse-handicapping-software .hhs-vid__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;background:rgba(176,16,38,.94);
  display:flex;align-items:center;justify-content:center;
  transition:background-color .16s ease,transform .16s ease;
}
#page-horse-handicapping-software .hhs-vid:hover .hhs-vid__play{background:var(--pp-silks-dk);transform:translate(-50%,-50%) scale(1.06);}
#page-horse-handicapping-software .hhs-story__frame{
  display:block;width:100%;aspect-ratio:16/9;border:0;
}
#page-horse-handicapping-software .hhs-story__quote{
  margin:0;padding:22px;font-size:17px;line-height:1.62;color:var(--pp-on-ink-2);flex:1;
}
#page-horse-handicapping-software .hhs-stories__more{margin-top:26px;font-size:17px;color:var(--pp-on-ink-2);}

/* ---- Area We Serve ---- */
#page-horse-handicapping-software .hhs-places{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border-top:2px solid var(--pp-ink);border-left:1px solid var(--pp-rule);
}
#page-horse-handicapping-software .hhs-places li{
  padding:26px 22px;border-right:1px solid var(--pp-rule);border-bottom:1px solid var(--pp-rule);
  background:var(--pp-paper-2);
}
#page-horse-handicapping-software .hhs-place__h{
  display:flex;align-items:center;gap:9px;margin:0 0 14px;
  font-size:16px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--pp-ink);
}
#page-horse-handicapping-software .hhs-place__h img{width:14px;height:20px;}
#page-horse-handicapping-software a.hhs-place__tel{
  display:inline-block;margin-bottom:10px;font-size:17px;font-weight:700;color:var(--pp-silks);
  border-bottom:2px solid transparent;transition:border-color .15s ease;
}
#page-horse-handicapping-software a.hhs-place__tel:hover{border-bottom-color:var(--pp-silks);}
#page-horse-handicapping-software .hhs-places p{font-size:16px;line-height:1.6;color:var(--pp-text-2);}

/* ---- modal ---- */
#page-horse-handicapping-software .hhs-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(9,13,18,.82);padding:100px 20px 20px 20px; overflow-y: auto;
  align-items: flex-start;justify-content:center;
}
#page-horse-handicapping-software .hhs-modal.is-open{display:flex;}
#page-horse-handicapping-software .hhs-modal__box{
  position:relative;width:100%;max-width:640px;max-height:92vh;overflow:auto;
  background:var(--pp-paper-2);border-radius:4px;padding:46px 12px 12px;
  box-shadow:0 26px 70px rgba(0,0,0,.55);border-top:6px solid var(--pp-silks);
}
#page-horse-handicapping-software .hhs-modal__x{
  position:absolute;top:10px;right:10px;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  color:var(--pp-ink);background:transparent;border:1px solid var(--pp-rule);border-radius:2px;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
#page-horse-handicapping-software .hhs-modal__x:hover{background:var(--pp-silks);color:#fff;border-color:var(--pp-silks);}
#page-horse-handicapping-software .hhs-modal iframe{
  display:block;width:100%;min-height:860px;border:0;background:var(--pp-paper-2);
}

/* ---- responsive ---- */
@media (max-width:1040px){
  #page-horse-handicapping-software .hhs-cols{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-horse-handicapping-software .hhs-why__cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-horse-handicapping-software .hhs-places{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-horse-handicapping-software .hhs-stories{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-split{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-promo__grid{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-call__grid{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-call__mark{display:none;}
}
@media (max-width:760px){
  #page-horse-handicapping-software .hhs-wrap{padding-inline:18px;}
  #page-horse-handicapping-software .hhs-cols{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-why__cards{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-places{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-offer{grid-template-columns:1fr;}
  #page-horse-handicapping-software .hhs-h2{max-width:none;}
  #page-horse-handicapping-software .hhs-entries li{
    grid-template-columns:34px minmax(0,1fr);gap:14px;
  }
  #page-horse-handicapping-software .hhs-entry__rule,
  #page-horse-handicapping-software .hhs-entry__tick{display:none;}
  #page-horse-handicapping-software .hhs-btn{width:100%;}
  #page-horse-handicapping-software .hhs-hero__trust{justify-content:flex-start;}
  #page-horse-handicapping-software .hhs-hero__inner{text-align:left;}
  #page-horse-handicapping-software .hhs-modal__box{padding:44px 6px 6px;}
}
@media (max-width:400px){
  #page-horse-handicapping-software .hhs-read p{padding-left:32px;}
}

@media (prefers-reduced-motion:reduce){
  #page-horse-handicapping-software *,
  #page-horse-handicapping-software *::before,
  #page-horse-handicapping-software *::after{
    transition-duration:.01ms !important;animation:none !important;
  }
}