.hm-proof{--hm-ease:cubic-bezier(.32,.72,0,1)}
.hm-sprite{position:relative}
.hm-character-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.hm-character-playing .hm-character-video{opacity:1}
.hm-off .hm-character-video{display:none}
@media(prefers-reduced-motion:reduce){.hm-character-video{display:none}}
body.hm-cards[data-injury-polish=hub] #helpCarousel{display:flex!important;gap:24px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;align-items:stretch;padding:8px 0 16px;scroll-padding-inline:0}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card{display:flex;flex-direction:column;justify-content:flex-start;flex:0 0 clamp(300px,31vw,400px);width:clamp(300px,31vw,400px)!important;min-height:496px;height:auto!important;padding:0!important;border:1px solid #e0d0e8!important;border-radius:28px!important;background:white!important;overflow:hidden;cursor:default;box-shadow:none!important;transition:none!important}
body.hm-cards[data-injury-polish=hub] #helpCarousel .hm-art{position:relative;inset:auto;display:grid;place-items:center;height:224px;flex:none;width:100%;background:#e8d5f0;overflow:hidden}
.hm-sprite{display:block;width:216px;height:216px;background-image:url('/assets/performance/claim-types-sprite-3775cac0ad0c.webp');background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.hm-card-number{position:absolute;left:22px;top:20px;color:#38086f;font:500 11px/1 TWKLausanne,Arial,sans-serif;letter-spacing:.08em;z-index:1}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-title{color:#17042d!important;font:550 24px/1.16 TWKLausanne,Arial,sans-serif;letter-spacing:-.035em;margin:26px 28px 16px;max-width:13ch}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-desc{display:block!important;color:#62566d;font:400 15px/1.6 TWKLausanne,Arial,sans-serif;margin:0 28px 20px}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link{display:flex!important;align-items:center;justify-content:space-between;color:#38086f;font:550 14px/1.4 TWKLausanne,Arial,sans-serif;margin:auto 28px 24px;min-height:44px;text-decoration:none!important}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link::after{content:'↗';display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #dfcce8;border-radius:50%;font-size:23px;transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}
.hm-cards #claim-types .ip-rail-controls{margin-top:12px;gap:28px}
.hm-cards #claim-types .ip-rail-progress{height:2px;background:#e8d5f0}
.hm-cards #claim-types .ip-rail-progress span{background:#38086f}
.hm-cards #claim-types .ip-rail-arrows button{width:52px;height:52px;border-color:#d9c7e4;background:white;color:#38086f}
.hm-cards #helpCarousel:focus-visible,.hm-toolbar :is(a,button):focus-visible{outline:2px solid #7b37aa;outline-offset:4px}
.hm-proof :is(.btn-primary,.btn-secondary,#heroSubmitBtn,.help-card-link):active{transform:scale(.98)!important}
.hm-toolbar{position:fixed;z-index:45;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;max-width:calc(100vw - 24px);border:1px solid #e3dbe8;border-radius:999px;background:white;box-shadow:0 6px 28px #17042d14;font:500 12px TWKLausanne,Arial,sans-serif}
.hm-toolbar span{font-size:10px;white-space:nowrap;padding:0 10px;color:#846a96;text-transform:uppercase;letter-spacing:.06em}
.hm-toolbar :is(a,button){white-space:nowrap;padding:10px 14px;min-height:44px;border:0;border-radius:999px;color:#38086f;background:transparent;font:inherit;cursor:pointer;text-decoration:none}
.hm-toolbar button{background:#f0e7f5;min-width:88px}
.hm-off *,.hm-off *::before,.hm-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:639px){body.hm-cards[data-injury-polish=hub] #helpCarousel{gap:16px!important}body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card{flex-basis:calc(100vw - 96px);width:calc(100vw - 96px)!important;min-height:488px;border-radius:24px!important}body.hm-cards[data-injury-polish=hub] #helpCarousel .hm-art{height:208px}.hm-sprite{width:min(196px,100%);height:auto;aspect-ratio:1}body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-title{font-size:22px;margin:22px 22px 12px}body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-desc{margin:0 22px 18px;font-size:14px}body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link{margin:auto 22px 20px}.hm-toolbar span{display:none}.hm-toolbar :is(a,button){padding:10px 12px}.hm-toolbar{bottom:10px}}
@media(hover:hover) and (pointer:fine){.hm-cards #helpCarousel .help-card-link:hover::after{background:#38086f;color:white;transform:rotate(45deg)}.hm-toolbar a:hover{background:#f6f1f8}}
@media(prefers-reduced-motion:reduce){.hm-proof *,.hm-proof *::before,.hm-proof *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Revised silhouettes have intact hands and separate cycling/home props. */
.hm-cards #helpCarousel :is(.help-card:nth-child(1),.help-card:nth-child(4),.help-card:nth-child(5),.help-card:nth-child(6)) .hm-sprite{background-image:url('/assets/performance/claim-types-corrected-b4736a1ed415.webp');background-size:200% 200%;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 98.5%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 94%,transparent);mask-composite:intersect}
.hm-cards #helpCarousel .help-card:nth-child(1) .hm-sprite{background-position:0% 0%}
.hm-cards #helpCarousel :is(.help-card:nth-child(1),.help-card:nth-child(4),.help-card:nth-child(6)) .hm-sprite{filter:url('#hm-road-palette')}
.hm-cards #helpCarousel :is(.help-card:nth-child(1),.help-card:nth-child(4),.help-card:nth-child(6)) .hm-sprite.hm-character-playing{filter:url('#hm-road-video-palette')}
.hm-cards #helpCarousel .help-card:nth-child(4) .hm-sprite{background-position:100% 0%}
.hm-cards #helpCarousel .help-card:nth-child(5) .hm-sprite{background-position:0% 100%}
.hm-cards #helpCarousel .help-card:nth-child(6) .hm-sprite{background-position:100% 100%}

/* Standalone cycling correction: two complete rounded arms, clear of the bicycle. */
.hm-cards #helpCarousel .help-card:nth-child(5) .hm-sprite{background-image:url('/assets/performance/cycling-complete-arms-7f99bc6208a1.webp');background-size:100% 100%;background-position:center}
/* Scroll choreography: compact enough to keep real controls within the desktop stage. */
.hm-story-stage{isolation:isolate;background:white}
.hm-scroll-story #helpCarousel{overflow-y:clip!important}
body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .help-card{min-height:426px}
body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .hm-art{height:184px}
.hm-scroll-story .hm-sprite{width:184px;height:184px}
body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .help-card-title{font-size:23px;margin:20px 28px 12px;max-width:16ch}
body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .help-card-desc{font-size:14px;line-height:1.5;margin-bottom:16px}
body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .help-card-link{margin-bottom:18px}
.hm-scroll-story #claim-types .ip-rail-controls{margin-top:2px}
.hm-scroll-story #claim-types .ip-rail-arrows button{width:44px;height:44px}
.hm-skip-story{display:table;margin:10px 0 0 auto;min-height:32px;color:#796386;font:500 12px/1.5 TWKLausanne,Arial,sans-serif;text-underline-offset:4px}
.hm-checker-panel{transform-origin:center;will-change:auto}
.hm-toolbar .hm-replay{background:white;min-width:0;border:1px solid #e3dbe8}
.hm-toolbar .hm-replay:disabled{opacity:.4;cursor:default}
.hm-scroll-story .hm-skip-story{margin-top:4px}
.hm-proof :is(#heroSubmitBtn,.hm-checker-panel>a){transition:box-shadow 180ms ease,transform 130ms cubic-bezier(.32,.72,0,1)!important}
@media(hover:hover) and (pointer:fine){.hm-proof :is(#heroSubmitBtn,.hm-checker-panel>a):hover{box-shadow:0 0 0 5px #8de2c026}.hm-proof :is(#heroSubmitBtn,.hm-checker-panel>a) svg{transition:transform 180ms cubic-bezier(.32,.72,0,1)}.hm-proof :is(#heroSubmitBtn,.hm-checker-panel>a):hover svg{transform:translateX(4px)}}
@media(max-width:639px){.hm-toolbar :is(a,button){padding:10px}.hm-toolbar .hm-toggle{min-width:80px}}
.hm-scroll-story #helpCarousel{scroll-snap-type:none!important}
@media(min-height:900px){body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .hm-art{height:240px}.hm-scroll-story .hm-sprite{width:240px;height:240px}body.hm-cards.hm-scroll-story[data-injury-polish=hub] #helpCarousel .help-card{min-height:480px}}
/* Give the picture a real clipping plane; inline picture boxes cannot carry this reveal reliably. */
.hm-proof .hero-scene picture{display:block;width:100%;height:100%}

/* Match the remaining generated clips; static work/medical are the palette reference. */
.hm-cards #helpCarousel .help-card:nth-child(2) .hm-character-playing{filter:url('#hm-work-video-palette')}
.hm-cards #helpCarousel .help-card:nth-child(3) .hm-character-playing{filter:url('#hm-medical-video-palette')}
.hm-cards #helpCarousel .help-card:nth-child(5) .hm-sprite{filter:url('#hm-cycling-palette')}
.hm-cards #helpCarousel .help-card:nth-child(5) .hm-character-playing{filter:url('#hm-cycling-video-palette')}

/* All pale image/video pixels become transparent: one continuous card surface. */
.hm-cards #helpCarousel .help-card:nth-child(2) .hm-sprite{filter:url('#hm-work-palette')}
.hm-cards #helpCarousel .help-card:nth-child(3) .hm-sprite{filter:url('#hm-medical-palette')}
.hm-cards #helpCarousel .help-card:nth-child(2) .hm-sprite.hm-character-playing{filter:url('#hm-work-video-palette')}
.hm-cards #helpCarousel .help-card:nth-child(3) .hm-sprite.hm-character-playing{filter:url('#hm-medical-video-palette')}

/* A tighter section rhythm around the compact card rail. */
body.hm-cards[data-injury-polish=hub] #claim-types{padding-block:56px}
@media(max-width:639px){body.hm-cards[data-injury-polish=hub] #claim-types{padding-block:40px}}
/* Keep the approved plum link legible over the white card after the site mint rollout. */
body.hm-cards[data-injury-polish=hub] #helpCarousel a.help-card-link{color:#38086f!important}

/* Match the eligibility panel to the rounded closing review lockup. */
body[data-injury-polish="hub"] #claim-types ~ section .rounded-card{border-radius:32px}
@media(max-width:599px){body[data-injury-polish="hub"] #claim-types ~ section .rounded-card{border-radius:24px}}

/* Review-only closing lockup. Important information is a separate white section. */
body[data-injury-polish="hub"] #important-information{background:#fff!important}
#hub-closing-proof{padding:48px 24px 64px!important;background:#fff}
#hub-closing-proof>.max-w-\[1320px\]{max-width:1320px;background:#faf8f4;border-radius:32px;padding:48px;margin-inline:auto}
#hub-closing-proof>div>div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
#hub-closing-proof h2{color:#17042d!important;font-size:clamp(30px,3.1vw,44px)!important;line-height:1.08!important;font-weight:400!important;max-width:580px}
#hub-closing-proof p{color:rgba(23,4,45,.55)!important;font-size:17px!important;line-height:1.55!important;max-width:490px}
#hub-closing-proof .btn-secondary{background:#8de2c0;color:#17042d;min-height:56px}
#hub-closing-proof .hub-closing-review{width:100%;min-width:0;background:#fff;border-radius:8px;padding:24px;min-height:260px;display:flex;align-items:center}
#hub-closing-proof .trustpilot-widget{width:100%}
@media(max-width:899px){#hub-closing-proof>div>div{grid-template-columns:1fr;gap:32px}#hub-closing-proof>.max-w-\[1320px\]{padding:32px}#hub-closing-proof h2{max-width:620px}}
@media(max-width:599px){#hub-closing-proof{padding:32px 16px 40px!important}#hub-closing-proof>.max-w-\[1320px\]{padding:28px 24px;border-radius:24px}#hub-closing-proof .hub-closing-review{padding:20px 12px;min-height:230px}#hub-closing-proof h2{font-size:30px!important}}

/* Homepage disclosure layout, scoped to the personal injury information section. */
body[data-injury-polish="hub"] #important-information.hub-important{padding:40px 24px 56px}
.hub-important-layout{max-width:1176px;margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;border-top:1px solid #e6dfea;padding-top:36px}
body[data-injury-polish="hub"] #important-information h2{font-size:32px!important;line-height:1.1!important;font-weight:400;margin:0!important;letter-spacing:-.025em!important;color:#17042d}
.hub-important-row{padding:22px 0;border-bottom:1px solid #e6dfea}.hub-important-row:first-child{padding-top:0}
#important-information .hub-important-row h3{font-size:17px;font-weight:600;margin:0 0 10px;color:#17042d;line-height:1.4}
#important-information .hub-important-row p{font-size:15px;line-height:1.65;color:#62556e;font-weight:400!important;margin:0 0 12px}
#important-information .hub-important-row p:last-child{margin-bottom:0}
@media(max-width:767px){.hub-important-layout{grid-template-columns:1fr;gap:28px;padding-top:28px}.hub-important h2 br{display:none}body[data-injury-polish="hub"] #important-information h2{font-size:28px!important}body[data-injury-polish="hub"] #important-information.hub-important{padding:28px 24px 40px}}

/* Native accident picker: branded options with built-in keyboard and touch support. */
/* Use the existing plain SVG chevron consistently across browser picker styles. */
body[data-injury-polish="hub"] #heroAccidentSelect{appearance:none}
@supports (appearance:base-select){
 body[data-injury-polish="hub"] #heroAccidentSelect,
 body[data-injury-polish="hub"] #heroAccidentSelect::picker(select){appearance:base-select}
 body[data-injury-polish="hub"] #heroAccidentSelect{
  display:flex;align-items:center;gap:12px;
  padding-right:40px!important;color:#17042d;cursor:pointer;
 }
 body[data-injury-polish="hub"] #heroAccidentSelect:has(option[value=""]:checked){color:#75697e}
 body[data-injury-polish="hub"] #heroAccidentSelect::picker-icon{
  display:none;
 }
 body[data-injury-polish="hub"] #heroAccidentSelect:open{background-color:#f8f5fb}
 body[data-injury-polish="hub"] #heroAccidentSelect::picker(select){
  margin-top:8px;padding:8px;min-width:min(320px,calc(100vw - 48px));
  max-width:calc(100vw - 32px);max-height:min(440px,70dvh);overflow-y:auto;
  border:1px solid #e6dfea;border-radius:20px;background:#fff;color:#17042d;
  box-shadow:0 8px 20px #17042d0d,0 20px 48px #17042d26;
  font:450 15px/1.4 TWKLausanne,Arial,sans-serif;
 }
 body[data-injury-polish="hub"] #heroAccidentSelect option{
  display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;
  margin:2px 0;border-radius:12px;color:#17042d;white-space:normal;cursor:pointer;
 }
 body[data-injury-polish="hub"] #heroAccidentSelect option[value=""]{color:#75697e;font-size:14px}
 body[data-injury-polish="hub"] #heroAccidentSelect option:checked{background:#e6f7ef;font-weight:550}
 body[data-injury-polish="hub"] #heroAccidentSelect option:hover{background:#f0eaf5}
 body[data-injury-polish="hub"] #heroAccidentSelect option:focus-visible{outline:2px solid #38086f;outline-offset:-2px}
 body[data-injury-polish="hub"] #heroAccidentSelect option::checkmark{order:1;margin-left:auto;color:#38086f}
}

/* Approved connected-scroll treatment, 15 September 2026. */
/* Preview only: preserve approved card geometry and shorten section handoffs. */
#claim-types{padding-top:40px!important;padding-bottom:28px!important}
#motion-claim-checker{padding-top:28px!important;padding-bottom:40px!important}
.hm-story-stage{min-height:0!important}
#hub-closing-proof{padding-top:40px!important;padding-bottom:48px!important}
@media(max-width:699px){#claim-types{padding-top:28px!important;padding-bottom:20px!important}#motion-claim-checker{padding-top:20px!important;padding-bottom:32px!important}}

/* One stable native link target per card; its existing arrow supplies feedback. */
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link{position:static}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link::before{content:'';position:absolute;inset:0;z-index:11;border-radius:inherit;cursor:pointer}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link::after{position:relative;z-index:12;transition:background-color 180ms cubic-bezier(.32,.72,0,1),color 180ms ease,transform 180ms cubic-bezier(.32,.72,0,1)}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card:has(.help-card-link:focus-visible){outline:2px solid #38086f;outline-offset:-3px}
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link.hm-action-committed::after{background:#38086f;color:white;transform:rotate(45deg)}
body[data-injury-polish=hub] :is(#heroSubmitBtn,#claim-types + section a)>svg{transition:transform 180ms cubic-bezier(.32,.72,0,1)}
body[data-injury-polish=hub] :is(#heroSubmitBtn,#claim-types + section a).hm-action-committed>svg{transform:translateX(4px)}
@media(hover:hover) and (pointer:fine){
 body[data-injury-polish=hub] :is(#heroSubmitBtn,#claim-types + section a):hover>svg{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){
 body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link::after,
 body[data-injury-polish=hub] :is(#heroSubmitBtn,#claim-types + section a)>svg{transition:none!important;transform:none!important}
}
/* Keep the stretched target stable while a finger is held down. */
body.hm-cards[data-injury-polish=hub] #helpCarousel .help-card-link:active{transform:none!important}

/* Proof figures are values, not the small tracked section labels. */
body[data-injury-polish=hub] #contact + section .grid > div > p:first-child{
 font-size:42px!important;line-height:1.1!important;font-weight:550!important;
 letter-spacing:-.04em!important;color:#17042d;
}
body[data-injury-polish=hub] #contact + section .grid > div > p:first-child sup{
 font-size:12px;line-height:0;vertical-align:super;margin-left:2px;
}
body[data-injury-polish=hub] #contact + section .grid > div > p + p{
 font-size:15px;line-height:1.4;font-weight:400!important;color:#62566d;margin-top:8px;
}
@media(max-width:767px){
 /* A rounded white edge replaces the long grey fade below the hero review. */
 body[data-injury-polish=hub] #contact > .relative.z-10{padding-bottom:48px}
 body[data-injury-polish=hub] #heroTrustSignals{margin-bottom:0}
 body[data-injury-polish=hub] #contact .hero-scene picture[data-studio-hub=approved] + .absolute{
  background:none!important;
 }
 body[data-injury-polish=hub] #contact + section{position:relative;z-index:2;margin-top:-24px;border-radius:28px 28px 0 0;background:#fff;padding-block:32px}
 body[data-injury-polish=hub] #contact + section .grid{gap:28px 16px}
 body[data-injury-polish=hub] #contact + section .grid > div > p:first-child{font-size:clamp(28px,8.7vw,36px)!important}
}