/* HCU-1 17 Oct 2026: homepage help box (#pfh-cu.pfh-cu--home) compact layout + own motion. Own file; pfh-call-us.php untouched. Words, links and text sizes unchanged. Fixes the stuck ox.js reveal (ox-rv/ox-sx never get .is-in here) that pushed the bottom paragraph out of the card. Finished state is the default: motion only after hcu.js arms the box, never under reduced motion. Off: option pfh_hcu_off=1. */
/* ---------- 1. cancel the homepage reveal inside the box ---------- */
html body #pfh-cu.pfh-cu.pfh-cu--home .ox-rv,html body #pfh-cu.pfh-cu.pfh-cu--home .ox-sx{opacity:1;transform:none;translate:none;transition:none;animation:none}
/* ---------- 2. layout: shorter box ---------- */
html body #pfh-cu.pfh-cu.pfh-cu--home{padding-block:clamp(12px,1.6vw,26px)}
html body #pfh-cu.pfh-cu.pfh-cu--home .cu-main{position:relative;isolation:isolate;overflow:clip}
html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon__p{max-width:none}
html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon__side{gap:8px}
@media (min-width:900px){
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.5fr);grid-template-areas:"copy acts" "rt rt" "hon hon";column-gap:clamp(24px,3vw,44px);align-items:center;padding:clamp(22px,2vw,30px) clamp(24px,2.4vw,36px)}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-top,html body #pfh-cu.pfh-cu.pfh-cu--home .cu-more{display:contents}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-copy{grid-area:copy;min-width:0}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-lede{margin-bottom:0}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-acts{grid-area:acts;display:flex;flex-direction:column;gap:10px;margin:0;align-self:center}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-acts>a{flex:none;width:100%;max-width:none;margin:0;box-sizing:border-box}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-mail__a{overflow-wrap:normal;white-space:nowrap}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt{grid-area:rt;margin-top:18px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon{grid-area:hon;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:16px;padding-top:14px;gap:10px 28px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon__side{align-items:flex-end}
}
@media (max-width:767px){
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-main{padding:20px 16px 20px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-acts{gap:8px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt{margin-top:16px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-route{gap:10px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-stop--start{display:none}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon{margin-top:14px;padding-top:12px;gap:12px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon__side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon__side .cu-911{margin:0}
}
/* ---------- 3. graphics ---------- */
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-aur{position:absolute;z-index:-1;inset:-30% -20% auto auto;width:70%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(63,191,132,.20),rgba(63,191,132,.06) 55%,transparent 72%)}
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-aur--b{inset:auto auto -45% -18%;width:58%;background:radial-gradient(closest-side,rgba(224,122,47,.14),rgba(224,122,47,.04) 55%,transparent 72%)}
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-art{position:absolute;z-index:-1;right:-70px;top:-70px;width:340px;height:340px;pointer-events:none;color:#3FBF84;opacity:.2}
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-art .hcu-dial{transform-origin:170px 170px}
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-grid{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:linear-gradient(105deg,transparent 30%,#000 75%);mask:linear-gradient(105deg,transparent 30%,#000 75%)}
html body #pfh-cu.pfh-cu.pfh-cu--home .cu-h em{background:linear-gradient(90deg,#3FBF84,#E07A2F) 0 100%/100% .12em no-repeat;padding-bottom:.06em}
html body #pfh-cu.pfh-cu.pfh-cu--home a.cu-call{position:relative;overflow:clip;isolation:isolate}
html body #pfh-cu.pfh-cu.pfh-cu--home a.cu-call::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-140%) skewX(-20deg);pointer-events:none}
html body #pfh-cu.pfh-cu.pfh-cu--home .cu-call__ic{position:relative}
html body #pfh-cu.pfh-cu.pfh-cu--home .cu-call__ic::before,html body #pfh-cu.pfh-cu.pfh-cu--home .cu-call__ic::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.55);opacity:0;pointer-events:none}
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-pulse{position:absolute;z-index:0;height:3px;pointer-events:none}
html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-pulse i{position:absolute;top:50%;left:100%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#C2F2D8;box-shadow:0 0 0 4px rgba(63,191,132,.28),0 0 18px 4px rgba(63,191,132,.55);opacity:0}
@media (max-width:820px){html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-pulse{display:none!important}}
/* ---------- 4. motion ---------- */
@keyframes hcu-card{from{opacity:0;transform:translateY(36px) scale(.965)}to{opacity:1;transform:none}}
@keyframes hcu-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hcu-in-l{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes hcu-in-r{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@keyframes hcu-pop{0%{opacity:0;transform:scale(.35)}65%{opacity:1;transform:scale(1.14)}100%{opacity:1;transform:scale(1)}}
@keyframes hcu-run{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hcu-stamp{0%{opacity:0;transform:rotate(-16deg) scale(2.6)}60%{opacity:1;transform:rotate(-3deg) scale(.9)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
@keyframes hcu-ul{from{background-size:0 .12em}to{background-size:100% .12em}}
@keyframes hcu-ring{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}}
@keyframes hcu-shine{0%,62%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(420%) skewX(-20deg)}}
@keyframes hcu-float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7%,6%,0) scale(1.08)}}
@keyframes hcu-spin{to{transform:rotate(360deg)}}
@keyframes hcu-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hcu-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}}
@keyframes hcu-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes hcu-glow{0%,100%{box-shadow:0 0 0 0 rgba(63,191,132,0)}50%{box-shadow:0 0 0 9px rgba(63,191,132,.2)}}
@keyframes hcu-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:no-preference){
  /* armed = hidden until its group scrolls in (hcu.js adds .hcu-armed only when it can also add .hcu-in) */
  html body #pfh-cu.hcu-armed .cu-main:not(.hcu-in),html body #pfh-cu.hcu-armed .cu-copy:not(.hcu-in)>*,html body #pfh-cu.hcu-armed .cu-acts:not(.hcu-in)>a,html body #pfh-cu.hcu-armed .cu-rt:not(.hcu-in) .cu-rt__k,html body #pfh-cu.hcu-armed .cu-rt:not(.hcu-in) .cu-stop,html body #pfh-cu.hcu-armed .cu-hon:not(.hcu-in)>*{opacity:0}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-main.hcu-in{animation:hcu-card .8s cubic-bezier(.22,1,.36,1) both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-copy.hcu-in>*{animation:hcu-up .7s cubic-bezier(.22,1,.36,1) both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-copy.hcu-in>:nth-child(2){animation-delay:.1s}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-copy.hcu-in>:nth-child(3){animation-delay:.18s}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-copy.hcu-in>:nth-child(4){animation-delay:.26s}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-copy.hcu-in .cu-h em{animation:hcu-ul .9s cubic-bezier(.65,0,.35,1) .55s both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-acts.hcu-in>a{animation:hcu-in-r .75s cubic-bezier(.22,1,.36,1) .2s both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-acts.hcu-in>a+a{animation-delay:.32s}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-acts.hcu-in a.cu-call::after{animation:hcu-shine 4.8s cubic-bezier(.65,0,.35,1) 1s infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-call__ic::before{animation:hcu-ring 2.6s cubic-bezier(.22,1,.36,1) infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-call__ic::after{animation:hcu-ring 2.6s cubic-bezier(.22,1,.36,1) 1.3s infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home a.cu-mail:hover svg{animation:hcu-wave .6s ease}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .cu-rt__k{animation:hcu-in-l .6s cubic-bezier(.22,1,.36,1) both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt .cu-route::after{animation:none;transform:scaleX(0)}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .cu-route::after{animation:hcu-run 1.5s cubic-bezier(.65,0,.35,1) .25s both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt .cu-stop .cu-node,html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt .cu-seal{animation:none}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .cu-stop{animation:hcu-up .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.2s + var(--i,0) * .3s)}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .cu-stop .cu-node{animation:hcu-pop .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.25s + var(--i,0) * .3s)}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .cu-stop--done .cu-node{animation:hcu-pop .55s cubic-bezier(.34,1.56,.64,1) 1.45s both,hcu-glow 2.8s ease-in-out 2.2s infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .cu-seal{animation:hcu-stamp .55s cubic-bezier(.34,1.56,.64,1) 1.85s both}
  @keyframes hcu-travel{0%{left:0;opacity:0}8%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-rt.hcu-in .hcu-pulse i{animation:hcu-travel 3.6s cubic-bezier(.45,0,.25,1) 2.4s infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon{position:relative}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#3FBF84,#E07A2F);transform-origin:left;transform:scaleX(0)}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon.hcu-in::before{animation:hcu-line 1.1s cubic-bezier(.65,0,.35,1) both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon.hcu-in>*{animation:hcu-up .65s cubic-bezier(.22,1,.36,1) .15s both}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon.hcu-in>*+*{animation-name:hcu-in-r;animation-delay:.35s}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-hon.hcu-in a.cu-turn svg:first-child{transform-origin:20% 90%;animation:hcu-wave 1s ease 1.1s both}
  html body #pfh-cu.pfh-cu.pfh-cu--home a.cu-turn:hover svg:first-child{animation:hcu-wave .8s ease}
  html body #pfh-cu.pfh-cu.pfh-cu--home a.cu-turn svg:last-child{animation:hcu-nudge 1.8s ease-in-out infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-aur{animation:hcu-float 14s ease-in-out infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-aur--b{animation-duration:18s;animation-direction:reverse}
  html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-art .hcu-dial{animation:hcu-spin 60s linear infinite}
  html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-art .hcu-dial--r{animation-duration:90s;animation-direction:reverse}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-main:not(.hcu-in) .hcu-art .hcu-path{stroke-dashoffset:1}
  html body #pfh-cu.pfh-cu.pfh-cu--home .cu-main.hcu-in .hcu-art .hcu-path{animation:hcu-draw 2.4s cubic-bezier(.65,0,.35,1) .4s both}
}
/* scroll-linked depth: the glow and dial drift as the box passes (Chrome/Edge/Safari 26; others keep the still state) */
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  @keyframes hcu-par{from{translate:0 40px}to{translate:0 -40px}}
  @keyframes hcu-gridpan{from{background-position:0 0}to{background-position:0 -88px}}
  html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-art{animation:hcu-par linear both;animation-timeline:view();animation-range:cover}
  html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-grid{animation:hcu-gridpan linear both;animation-timeline:view();animation-range:cover}
}}
@media (max-width:767px){html body #pfh-cu.pfh-cu.pfh-cu--home .hcu-art{width:220px;height:220px;right:-60px;top:-50px}}
@media print{html body #pfh-cu .hcu-art,html body #pfh-cu .hcu-aur,html body #pfh-cu .hcu-grid{display:none}}