/* ============================================================
   HOME SERVICES industry page · page-specific styles.
   All selectors scoped hs-* (D32). Shared components come from
   styles.css (tokens, bloom, eyebrow, sec-intro, reveal/rise,
   header/footer, final-cta).
   ============================================================ */

/* ---------- 01 · hero + Local Market Growth System ---------- */
.page-hero{padding:170px 0 90px;position:relative;overflow:hidden;text-align:center}
.page-hero-inner{position:relative}
.page-hero .h-hero{font-size:clamp(40px,4.6vw,62px);max-width:980px;margin:0 auto}
.page-hero .hero-sub{margin:26px auto 0;max-width:700px}
.page-hero .hero-cta{justify-content:center}
.hs-hero-note{margin:18px auto 0;font-size:13px;font-weight:600;color:var(--muted-gray)}

.hs-lms{max-width:980px;margin:64px auto 0}
.hs-lms > svg{width:100%;height:auto;display:block;overflow:visible}
.hs-lms .src rect{fill:rgba(12,29,51,.85);stroke:rgba(34,55,80,1);stroke-width:1.3}
.hs-lms .src text{fill:#B8C2CF;font-size:12px;font-weight:800;letter-spacing:.14em;text-anchor:middle;font-family:inherit}
.hs-lms .lane{fill:none;stroke:rgba(34,55,80,1);stroke-width:1.6}
.hs-lms .pulse{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:12 88;stroke-dashoffset:112;opacity:0}
.hs-lms .hub rect{fill:rgba(5,8,13,.55);stroke:rgba(25,198,244,.45);stroke-width:1.4}
.hs-lms .hub text{fill:var(--white);font-size:15px;font-weight:800;letter-spacing:.14em;text-anchor:middle;font-family:inherit}
.hs-lms .track{fill:none;stroke:rgba(34,55,80,1);stroke-width:1.6}
.hs-lms .travel{fill:none;stroke:var(--cyan);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:6 94;stroke-dashoffset:100;animation:hsTravel 11s linear infinite 2.6s}
@keyframes hsTravel{to{stroke-dashoffset:0}}
.hs-lms .st rect{fill:rgba(12,29,51,.85);stroke:rgba(34,55,80,1);stroke-width:1.2}
.hs-lms .st text{fill:#8FA3BB;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-anchor:middle;font-family:inherit}
.hs-lms .st.rev rect{stroke:rgba(255,213,31,.55)}
.hs-lms .st.rev text{fill:var(--yellow)}
.hs-lms .cap{fill:#5E6E85;font-size:9px;font-weight:800;letter-spacing:.16em;text-anchor:middle;font-family:inherit}
.hs-lms .mi{stroke:#7C93AE;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hs-lms .mi.cy{stroke:rgba(25,198,244,.85)}
.hs-lms .mi.y{stroke:var(--yellow)}
/* one-time convergence sequence on load */
.hs-lms .pulse{animation:hsPulse 1s ease-in-out .7s forwards}
.hs-lms .pulse.p2{animation-delay:.85s}
.hs-lms .pulse.p3{animation-delay:1s}
.hs-lms .pulse.p4{animation-delay:1.15s}
.hs-lms .pulse.pd{stroke:var(--cyan);animation-delay:1.7s}
@keyframes hsPulse{0%{opacity:1;stroke-dashoffset:112}88%{opacity:1}100%{opacity:0;stroke-dashoffset:-12}}
.hs-lms .hub rect{stroke:rgba(34,55,80,1);animation:hsHub .5s ease 1.5s forwards}
@keyframes hsHub{to{stroke:rgba(25,198,244,.55)}}
.hs-lms .st{opacity:.45;animation:hsSt .4s ease forwards}
.hs-lms .st.s1{animation-delay:2.2s}
.hs-lms .st.s2{animation-delay:2.4s}
.hs-lms .st.s3{animation-delay:2.6s}
.hs-lms .st.s4{animation-delay:2.8s}
.hs-lms .st.s5{animation-delay:3s}
.hs-lms .st.s6{animation-delay:3.2s}
@keyframes hsSt{to{opacity:1}}
.hs-lms-m{display:none}


/* ---------- icon vocabulary (scoped .hs-ic) ---------- */
.hs-ic{display:block;overflow:visible}
.hs-ic .ib{stroke:#5E7A99;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.hs-ic .id{stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.hs-ic .ic{stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.hs-ic .iy{stroke:var(--yellow);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.section.light .hs-ic .ib{stroke:#7E93AC}

/* ---------- 01b · who we serve ---------- */
.hs-serve{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px}
.hs-serve .bloom{padding:26px 24px 22px;text-align:center}
.hs-serve .hs-ic{width:44px;height:44px;margin:0 auto}
.hs-serve h3{font-size:15.5px;color:var(--white);margin:14px 0 0;letter-spacing:-0.005em}
.hs-serve .micro{margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted-gray)}
.hs-serve-note{margin-top:26px;text-align:center;font-size:13px;line-height:1.65;color:var(--muted-gray);max-width:760px;margin-left:auto;margin-right:auto}
/* restrained hover micro-interactions, fine pointers only */
@media (hover:hover) and (pointer:fine){
  .hs-serve .bloom .mi{transform-origin:center;transform-box:fill-box}
  .hs-serve .bloom:hover .mi.draw{stroke-dasharray:100;stroke-dashoffset:100;animation:hsIcDraw .55s ease forwards}
  .hs-serve .bloom:hover .mi.fan{animation:hsFan .6s ease}
  .hs-serve .bloom:hover .mi.pulse{animation:hsIcPulse .55s ease}
}
@keyframes hsIcDraw{to{stroke-dashoffset:0}}
@keyframes hsFan{50%{transform:rotate(40deg)}100%{transform:rotate(40deg)}}
@keyframes hsIcPulse{50%{transform:scale(1.12)}}

/* ---------- icons inside existing cards ---------- */
.hs-prob .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.hs-prob .card-head .hs-ic{width:28px;height:28px;flex:none}
.hs-build .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.hs-build .card-head .hs-ic{width:36px;height:36px;flex:none}
.hs-fit .card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.hs-fit .card-head .hs-ic{width:22px;height:22px;flex:none}
.hs-fit .card-head h3{margin:0}
.hs-why .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.hs-why .card-head .hs-ic{width:28px;height:28px;flex:none}
.hs-why .card-head h3{margin:0}
/* small stage icons inside the pipeline chips */
.hs-sys-st .hs-ic,.hs-life-st .hs-ic{display:inline-block;width:14px;height:14px;vertical-align:-3px;margin-right:7px}
.hs-sys-st .hs-ic .ib{stroke:#7C93AE;stroke-width:1.9}
.hs-sys-st.rev .hs-ic .ib{stroke:var(--yellow)}
@media (prefers-reduced-motion:reduce){
  .hs-serve .bloom:hover .mi.draw,.hs-serve .bloom:hover .mi.fan,.hs-serve .bloom:hover .mi.pulse{animation:none;stroke-dasharray:none;stroke-dashoffset:0}
}
@media (max-width:1024px){
  .hs-serve{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .hs-serve{grid-template-columns:1fr 1fr;gap:14px}
  .hs-serve .hs-ic{width:40px;height:40px}
}

/* ---------- 02 · growth problem ---------- */
.hs-prob{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:54px}
.hs-prob .bloom{padding:26px 24px 24px}
.hs-prob .num{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue)}
.hs-prob h3{font-size:17px;color:#182536;margin:10px 0 8px;letter-spacing:-0.01em}
.hs-prob p{font-size:13.5px;line-height:1.6;color:#46566A}
.hs-prob-callout{margin-top:34px;padding:18px 22px;border-radius:var(--r-card);position:relative;font-size:16.5px;line-height:1.6;font-weight:700;background:#EEF2F6;border:1px solid #D0D9E4;color:#182536;box-shadow:0 8px 30px rgba(8,24,45,.08)}
.hs-prob-callout::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--blue),var(--cyan))}

/* ---------- 03 · the home services system (pipeline board) ---------- */
.hs-sys{margin-top:56px;border-radius:var(--r-lg);padding:40px 36px 30px;position:relative;overflow:hidden;
  background:
    repeating-linear-gradient(0deg,rgba(22,119,255,.05) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(90deg,rgba(22,119,255,.05) 0 1px,transparent 1px 44px),
    linear-gradient(168deg,#0C1D33 0%,#071426 100%);
  border:1px solid #223750;box-shadow:0 16px 44px rgba(8,24,45,.25)}
.hs-sys-inner{position:relative;padding-left:34px}
/* dashed feedback rail on the left edge */
.hs-sys-inner::before{content:"";position:absolute;left:8px;top:24px;bottom:66px;width:2px;border-left:2px dashed rgba(25,198,244,.35)}
.hs-sys-inner::after{content:"";position:absolute;left:4.5px;top:16px;width:9px;height:9px;border-top:1.6px solid rgba(25,198,244,.7);border-right:1.6px solid rgba(25,198,244,.7);transform:rotate(-45deg)}
.hs-sys-row{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}
.hs-sys-row + .hs-sys-row{margin-top:16px}
.hs-sys-st{flex:1;min-width:0;text-align:center;padding:14px 8px;border-radius:9px;background:rgba(12,29,51,.85);border:1px solid rgba(34,55,80,1);
  font-size:11px;font-weight:800;letter-spacing:.09em;color:#B8C2CF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-sys-st.rev{border-color:rgba(255,213,31,.5);color:var(--yellow);flex:.9}
.hs-sys-arr{flex:none;width:18px;height:2px;position:relative;background:rgba(94,122,153,.6)}
.hs-sys-arr::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid rgba(94,122,153,.8);border-right:2px solid rgba(94,122,153,.8);transform:rotate(45deg) scale(.6)}
.hs-sys-elbow{position:relative;height:18px;margin:0 0 0 auto;width:40px}
.hs-sys-elbow::before{content:"";position:absolute;right:18px;top:0;bottom:0;width:2px;background:rgba(94,122,153,.5)}
.hs-sys-elbow::after{content:"";position:absolute;right:14.5px;bottom:-2px;width:9px;height:9px;border-right:2px solid rgba(94,122,153,.7);border-bottom:2px solid rgba(94,122,153,.7);transform:rotate(45deg) scale(.7)}
.hs-sys-pi{margin-top:22px;padding:13px 18px;border-radius:9px;border:1px dashed rgba(25,198,244,.45);text-align:center}
.hs-sys-pi b{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--cyan)}
.hs-sys-pi span{display:block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#5E7A99}
.hs-sys-loop{margin-top:14px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.13em;color:#5E7A99}
.hs-sys-loop .up{display:inline-block;margin-right:8px;color:rgba(25,198,244,.8)}
/* sequential activation on reveal */
.hs-sys .hs-sys-st{opacity:.45}
.hs-sys.reveal.in .hs-sys-st{animation:hsSysOn .4s ease forwards}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(1) .hs-sys-st:nth-of-type(1){animation-delay:.15s}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(1) .hs-sys-st:nth-of-type(3){animation-delay:.35s}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(1) .hs-sys-st:nth-of-type(5){animation-delay:.55s}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(1) .hs-sys-st:nth-of-type(7){animation-delay:.75s}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(3) .hs-sys-st:nth-of-type(1){animation-delay:1s}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(3) .hs-sys-st:nth-of-type(3){animation-delay:1.2s}
.hs-sys.reveal.in .hs-sys-row:nth-of-type(3) .hs-sys-st:nth-of-type(5){animation-delay:1.4s}
@keyframes hsSysOn{to{opacity:1}}

/* ---------- 04 · what we build ---------- */
.hs-build{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:54px}
.hs-build .bloom{padding:28px 28px 26px}
.hs-build .num{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue)}
.hs-build h3{font-size:19px;color:#182536;margin:10px 0 8px;letter-spacing:-0.01em}
.hs-build .sup{font-size:14px;line-height:1.6;color:#46566A}
.hs-build .caps{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.hs-build .caps span{font-size:12px;font-weight:700;color:#134A9E;padding:6px 11px;border-radius:7px;background:rgba(22,119,255,.06);border:1px solid rgba(22,119,255,.3)}

/* ---------- 05 · economics equation ---------- */
.hs-eq{margin-top:54px;border-radius:var(--r-lg);padding:38px 30px 32px;position:relative;overflow:hidden;
  background:linear-gradient(168deg,#0C1D33 0%,#071426 100%);border:1px solid #223750;box-shadow:0 16px 44px rgba(8,24,45,.25)}
.hs-eq-row{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:12px}
.hs-eq-t{flex:1;min-width:0;text-align:center;padding:15px 8px;border-radius:9px;background:rgba(12,29,51,.85);border:1px solid rgba(34,55,80,1);
  font-size:11px;font-weight:800;letter-spacing:.09em;color:#B8C2CF}
.hs-eq-t.res{border-color:rgba(255,213,31,.5);color:var(--yellow)}
.hs-eq-op{flex:none;font-size:19px;font-weight:800;color:#5E7A99}
.hs-eq-op.eq{color:var(--cyan)}
.hs-eq-note{margin-top:24px;text-align:center;font-size:15.5px;font-weight:700;color:var(--white)}
.hs-eq .hs-eq-t{opacity:.45}
.hs-eq.reveal.in .hs-eq-t{animation:hsSysOn .4s ease forwards}
.hs-eq.reveal.in .hs-eq-t:nth-of-type(1){animation-delay:.1s}
.hs-eq.reveal.in .hs-eq-t:nth-of-type(3){animation-delay:.3s}
.hs-eq.reveal.in .hs-eq-t:nth-of-type(5){animation-delay:.5s}
.hs-eq.reveal.in .hs-eq-t:nth-of-type(7){animation-delay:.7s}
.hs-eq.reveal.in .hs-eq-t:nth-of-type(9){animation-delay:.95s}

/* ---------- 06 · metrics transformation ---------- */
.hs-metrics{display:grid;grid-template-columns:minmax(0,5fr) 60px minmax(0,5fr);gap:22px;align-items:stretch;margin-top:54px}
.hs-mcol{padding:26px 26px 24px}
.hs-mcol h3{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}
.hs-mcol.trad h3{color:#7C8DA3}
.hs-mcol.op h3{color:#134A9E}
.hs-mcol ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hs-mcol li{font-size:13.5px;font-weight:700;padding:10px 14px;border-radius:8px}
.hs-mcol.trad li{color:#5E6E85;background:rgba(94,110,133,.08);border:1px solid #D0D9E4}
.hs-mcol.op li{color:#134A9E;background:rgba(22,119,255,.06);border:1px solid rgba(22,119,255,.3)}
.hs-mcol.op li.rev{color:#7A5E00;background:rgba(255,213,31,.12);border-color:rgba(226,180,0,.5)}
.hs-marr{display:flex;align-items:center;justify-content:center}
.hs-marr span{width:34px;height:2px;position:relative;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.hs-marr span::after{content:"";position:absolute;right:-1px;top:-4px;width:9px;height:9px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:rotate(45deg) scale(.7)}
.hs-metrics-note{margin-top:26px;max-width:760px;font-size:14.5px;line-height:1.65;color:#46566A}

/* ---------- 07 · lifecycle ---------- */
.hs-life{margin-top:56px;border-radius:var(--r-lg);padding:36px 34px 30px;position:relative;overflow:hidden;
  background:
    repeating-linear-gradient(0deg,rgba(22,119,255,.05) 0 1px,transparent 1px 44px),
    repeating-linear-gradient(90deg,rgba(22,119,255,.05) 0 1px,transparent 1px 44px),
    linear-gradient(168deg,#0C1D33 0%,#071426 100%);
  border:1px solid #223750;box-shadow:0 16px 44px rgba(8,24,45,.25)}
.hs-life-row{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}
.hs-life-row + .hs-life-row{margin-top:16px}
.hs-life-st{flex:1;min-width:0;text-align:center;padding:13px 8px;border-radius:9px;background:rgba(12,29,51,.85);border:1px solid rgba(34,55,80,1);
  font-size:10.5px;font-weight:800;letter-spacing:.09em;color:#B8C2CF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-life-st.next{border-color:rgba(25,198,244,.5);color:var(--cyan);flex:1.9}
.hs-life .hs-sys-arr{width:16px}
.hs-life .hs-sys-elbow{width:36px}
.hs-life-note{margin-top:24px;text-align:center;font-size:14.5px;line-height:1.6;color:var(--light-gray);max-width:720px;margin-left:auto;margin-right:auto}
.hs-life .hs-life-st{opacity:.45}
.hs-life.reveal.in .hs-life-st{animation:hsSysOn .35s ease forwards}
.hs-life.reveal.in .hs-life-row:nth-of-type(1) .hs-life-st:nth-of-type(1){animation-delay:.1s}
.hs-life.reveal.in .hs-life-row:nth-of-type(1) .hs-life-st:nth-of-type(3){animation-delay:.26s}
.hs-life.reveal.in .hs-life-row:nth-of-type(1) .hs-life-st:nth-of-type(5){animation-delay:.42s}
.hs-life.reveal.in .hs-life-row:nth-of-type(1) .hs-life-st:nth-of-type(7){animation-delay:.58s}
.hs-life.reveal.in .hs-life-row:nth-of-type(3) .hs-life-st:nth-of-type(1){animation-delay:.78s}
.hs-life.reveal.in .hs-life-row:nth-of-type(3) .hs-life-st:nth-of-type(3){animation-delay:.94s}
.hs-life.reveal.in .hs-life-row:nth-of-type(3) .hs-life-st:nth-of-type(5){animation-delay:1.1s}
.hs-life.reveal.in .hs-life-row:nth-of-type(3) .hs-life-st:nth-of-type(7){animation-delay:1.26s}

/* ---------- 08 · partnership fit ---------- */
.hs-fit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:54px}
.hs-fit .bloom{padding:24px 24px 22px}
.hs-fit h3{font-size:16.5px;color:#182536;margin:0 0 8px;letter-spacing:-0.01em}
.hs-fit p{font-size:13.5px;line-height:1.6;color:#46566A}
.hs-fit-note{margin-top:26px;font-size:12.5px;line-height:1.6;color:#5E6E85;max-width:720px}
.hs-fit-cta{margin-top:30px}

/* ---------- 09 · why intelagent ---------- */
.hs-why{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:54px}
.hs-why .bloom{padding:26px 26px 24px}
.hs-why h3{font-size:18px;color:var(--white);margin:0 0 8px;letter-spacing:-0.01em}
.hs-why p{font-size:14.5px;line-height:1.65;color:var(--light-gray)}

/* ---------- final CTA buttons row ---------- */
.hs-final-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}
.hs-final-btns .btn{margin-top:0}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .hs-lms .pulse{animation:none;display:none}
  .hs-lms .travel{animation:none;display:none}
  .hs-lms .hub rect{animation:none;stroke:rgba(25,198,244,.55)}
  .hs-lms .st{animation:none;opacity:1}
  .hs-sys .hs-sys-st,.hs-sys.reveal.in .hs-sys-st{animation:none;opacity:1}
  .hs-eq .hs-eq-t,.hs-eq.reveal.in .hs-eq-t{animation:none;opacity:1}
  .hs-life .hs-life-st,.hs-life.reveal.in .hs-life-st{animation:none;opacity:1}
}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .hs-prob{grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  .hs-fit{grid-template-columns:1fr 1fr}
}
@media (max-width:880px){
  .hs-lms > svg{display:none}
  .hs-lms{margin-top:44px}
  .hs-lms-m{display:block;max-width:340px;margin:0 auto}
  .hs-lms-m .srcs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hs-lms-m .srcs span{padding:10px 8px;border-radius:9px;background:rgba(12,29,51,.85);border:1px solid rgba(34,55,80,1);font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#B8C2CF;text-align:center}
  .hs-lms-m .dn{width:10px;height:10px;margin:12px auto;border-right:1.6px solid rgba(25,198,244,.8);border-bottom:1.6px solid rgba(25,198,244,.8);transform:rotate(45deg)}
  .hs-lms-m .hub{padding:14px;border-radius:var(--r-card);background:rgba(5,8,13,.5);border:1px solid rgba(25,198,244,.45);text-align:center;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--white)}
  .hs-lms-m .rail{display:grid;gap:8px}
  .hs-lms-m .rail span{padding:10px 14px;border-radius:9px;background:rgba(12,29,51,.85);border:1px solid rgba(34,55,80,1);font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#8FA3BB;text-align:center}
  .hs-lms-m .rail span.rev{border-color:rgba(255,213,31,.5);color:var(--yellow)}
  .hs-build{grid-template-columns:1fr}
  .hs-why{grid-template-columns:1fr}
  .hs-metrics{grid-template-columns:1fr;gap:14px}
  .hs-marr span{width:2px;height:26px;background:linear-gradient(180deg,var(--blue),var(--cyan))}
  .hs-marr span::after{right:-4px;top:auto;bottom:-1px;transform:rotate(135deg) scale(.7)}
  /* pipeline + lifecycle go vertical */
  .hs-sys{padding:26px 20px 24px}
  .hs-sys-inner{padding-left:26px}
  .hs-sys-row{flex-direction:column;gap:8px}
  .hs-sys-row + .hs-sys-row{margin-top:8px}
  .hs-sys-st{width:100%;flex:none}
  .hs-sys-arr{width:2px;height:14px}
  .hs-sys-arr::after{right:-3px;top:auto;bottom:-1px;transform:rotate(135deg) scale(.6)}
  .hs-sys-elbow{display:none}
  .hs-sys-row.r2::before{content:"";width:2px;height:14px;background:rgba(94,122,153,.6);margin:0 auto}
  .hs-life{padding:26px 20px 24px}
  .hs-life-row{flex-direction:column;gap:8px}
  .hs-life-row + .hs-life-row{margin-top:8px}
  .hs-life-st{width:100%;flex:none;white-space:normal}
  .hs-life-row.r2::before{content:"";width:2px;height:14px;background:rgba(94,122,153,.6);margin:0 auto}
}
@media (max-width:720px){
  .page-hero{padding:148px 0 68px}
  .hs-prob{grid-template-columns:1fr}
  .hs-fit{grid-template-columns:1fr}
  .hs-eq{padding:26px 18px 24px}
  .hs-eq-row{flex-direction:column;gap:8px}
  .hs-eq-t{width:100%;flex:none}
  .hs-final-btns .btn{width:100%;max-width:360px}
}