/* A working scene, a clear outcome, and the details only when you need them. */
.hf-layout { max-width:1328px; }
.hf-section { --shop-ink:#263f49; --shop-line:#dce5e5; --shop-muted:#778b90; padding:68px 0; background:#edf4f6; color:var(--shop-ink); border-block:1px solid #dce9f0; }
.hf-section button,.hf-section input,.hf-section select { font:inherit; }
.hf-section button { cursor:pointer; }
.hf-section button:focus-visible,.hf-section summary:focus-visible,.hf-section a:focus-visible { outline:3px solid #139de2; outline-offset:4px; }
.hf-section [hidden] { display:none!important; }
.hf-copy { display:grid; grid-template-columns:1.25fr 1fr; align-items:end; gap:48px; margin-bottom:30px; }
.conversion-home .hf-copy h2 { font:800 clamp(32px,3.25vw,48px)/1.08 'Nunito',sans-serif; letter-spacing:-.04em; margin:12px 0 0; }
.hf-copy h2 span { color:#129dd7; }
.conversion-home .hf-intro { color:#617e90; max-width:390px; margin:0 0 4px; font-size:16px; line-height:1.6; }
.hf-machine { background:#fff; border:1px solid #cadbdf; border-radius:20px; overflow:hidden; box-shadow:0 3px 8px #15384b05,0 20px 50px -28px #163f4c38; }
.hf-machine-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 22px; border-bottom:1px solid var(--shop-line); background:#fff; }
.hf-store-identity { display:flex; align-items:center; gap:10px; }
.hf-store-identity>strong { font-size:15px; font-weight:800; color:#2d4752; letter-spacing:-.02em; }
.hf-live-status { display:flex; gap:6px; align-items:center; margin-left:8px; color:#83969c; font-size:10px; }
.hf-live-status i { width:6px; height:6px; border-radius:50%; background:#73a65b; }
.hf-store-controls { display:flex; align-items:center; gap:5px; }
.hf-store-controls button { padding:8px 10px; min-height:36px; border:0; background:transparent; color:#637c89; font-size:11px; font-weight:750; border-radius:6px; }
.hf-store-controls button:hover { background:#edf7fc; }
.hf-store-grid { display:grid; grid-template-columns:minmax(0,1fr) 336px; align-items:stretch; }
.hf-store-stage { min-width:0; background:radial-gradient(ellipse at 61% 42%,#fff 0,#f8fbfa 56%,#f1f6f5 100%); border-right:1px solid var(--shop-line); display:flex; flex-direction:column; }
.shop-story-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:68px; padding:13px 22px; border-bottom:1px solid #dce7e580; background:#ffffff60; }
.shop-story-bar>div { display:grid; gap:5px; min-width:0; }
.shop-story-kicker { color:#839996; font-size:8px; font-weight:800; letter-spacing:.11em; }
.shop-story-bar strong { color:#345762; font-size:14px; font-weight:800; line-height:1.3; letter-spacing:-.015em; }
.shop-next-visit { display:flex; align-items:center; gap:9px; flex:none; color:#366b7a; border:1px solid #cbdedc; border-radius:7px; padding:9px 11px; background:#fff; font-size:10px!important; font-weight:800!important; }
.shop-next-visit>span { font-size:17px; line-height:1; }
.shop-next-visit:hover { background:#ecf8ff; border-color:#94c7e3; }
.shop-next-visit:active { transform:translateY(1px); }
.shop-scene { position:relative; width:100%; aspect-ratio:5/3; margin-block:auto; isolation:isolate; overflow:hidden; container-type:inline-size; }
.shop-physics-stage { position:relative; width:100%; aspect-ratio:5/3; }
.shop-scene-svg { display:block; width:100%; height:100%; overflow:visible; }
.shop-scene-svg text { font-family:'Nunito',sans-serif; }
/* Empty spring pads are actions, with one invitation following the next free pad. */
.shop-bumper-slot { position:absolute; z-index:3; left:var(--pad-x); top:var(--pad-y); display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; width:clamp(105px,15cqw,132px); transform:translate(-50%,-50%) rotate(var(--pad-angle)); padding:8px; border:1px solid #23647a; border-top:2px solid #96d6e1; border-radius:8px; background:linear-gradient(#3b91a9,#26738f); box-shadow:0 3px 0 #245368,0 6px 12px #244f681b,inset 0 1px #ffffff30; color:#fff; font-size:clamp(10px,1.5cqw,13px)!important; font-weight:800!important; line-height:1.2; transition:background .15s,box-shadow .15s,translate .15s; }
.shop-bumper-plus { display:grid; place-items:center; flex:0 0 22px; height:22px; border-radius:50%; background:#fff; color:#08769f; font-size:21px; font-weight:800; line-height:1; }
.shop-bumper-label { white-space:nowrap; }
.shop-bumper-slot:hover,.shop-bumper-slot:focus-visible { background:linear-gradient(#087faf,#05658e); box-shadow:0 5px 0 #054966,0 0 0 5px #229dcc26,0 9px 15px #244f6826; translate:0 -2px; }
.shop-bumper-slot:active { translate:0 3px; box-shadow:0 1px 0 #075b80; }
.shop-bumper-hint { position:absolute; bottom:calc(100% + 10px); left:50%; display:flex; align-items:center; gap:6px; width:max-content; padding:5px 8px; border:1px solid #d2e3e3; border-radius:6px; background:#fff; color:#5c7f89; box-shadow:0 2px 5px #183a4908; font-size:9px; font-weight:750; line-height:1.2; transform:translateX(-50%) rotate(calc(0deg - var(--pad-angle))); pointer-events:none; }
.shop-hint-arrow { color:#0788b9; font-size:14px; line-height:1; }
.shop-tap-hint { display:none; }
.shop-bumper-slot[data-add-bumper='right'] .shop-bumper-hint { display:none; }
.shop-bumper-slot[data-add-bumper='left'][hidden] ~ .shop-bumper-slot[data-add-bumper='right'] .shop-bumper-hint { display:flex; }
@media (pointer:coarse) { .shop-click-hint { display:none; } .shop-tap-hint { display:inline; } }
[data-bumper-mount],[data-bumper-suspension] { transition:opacity .2s; }
[data-shop-bumper][data-installed='false'] [data-bumper-mount] { opacity:.5; }
[data-shop-bumper][data-installed='false'] [data-bumper-suspension] { opacity:.35; }
[data-shop-bumper][data-installed='false'] [data-bumper-deck] { visibility:hidden; }
[data-shop-bumper][data-installed='true'] [data-bumper-light] { fill:#75d4a2; stroke:#408664; }

/* One named shopper stays in focus while the workshop keeps moving. */
.shop-follow-card { position:absolute; z-index:2; left:3.2%; top:12%; width:30%; pointer-events:none; --follow-accent:#a97927; --follow-soft:#f5ecd6; }
.conversion-home .shop-follow-eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 14px; color:#7c7256; font-size:10px; font-weight:800; line-height:1.3; letter-spacing:.1em; }
.shop-follow-dot { flex:0 0 7px; height:7px; border-radius:50%; background:var(--follow-accent); box-shadow:0 0 0 4px var(--follow-soft); }
.conversion-home .shop-follow-card h3 { min-height:3.24em; margin:0; color:#254650; font:800 clamp(24px,3.65cqw,33px)/1.08 'Nunito',sans-serif; letter-spacing:-.04em; text-wrap:balance; }
.conversion-home .shop-follow-card [data-follow-detail] { min-height:4.35em; margin:13px 0 16px; color:#6d8184; font-size:clamp(12px,1.65cqw,14px); line-height:1.45; max-width:27ch; }
.shop-follow-phase { display:inline-flex; align-items:center; min-height:27px; padding:5px 9px; border:1px solid #dfdbc9; border-radius:6px; background:var(--follow-soft); color:var(--follow-accent); font-size:10px; font-weight:750; line-height:1.3; }
.hf-section:is([data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-follow-card { --follow-accent:#3c8b5d; --follow-soft:#e6f2e6; }
.hf-section:is([data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-follow-phase { border-color:#c9dfcb; }
.hf-section[data-focus-phase='purchased'] .shop-follow-card h3 { color:#2f7650; }

/* The readable message belongs to that shopper, not the robot's next task. */
.shop-work-card { --work-accent:#497b8e; --work-soft:#edf5f7; position:relative; min-width:0; width:100%; border:1px solid #c7dada; border-radius:10px; background:#fff; box-shadow:0 2px 3px #274e5a05,0 10px 22px -12px #274e5a24; transition:border-color .2s,box-shadow .2s; }
.shop-work-top { display:flex; align-items:center; justify-content:space-between; gap:7px; padding:10px 12px; background:var(--work-soft); border-radius:9px 9px 0 0; color:var(--work-accent); font-size:9px; font-weight:800; line-height:1.25; letter-spacing:.035em; }
.shop-work-tool { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.shop-work-icon { display:none; }
.shop-work-icon svg { display:block; width:13px; height:13px; }
.shop-work-top [data-work-name] { text-align:right; }
.shop-work-card[data-kind='email'] [data-work-icon='email'],.shop-work-card[data-kind='signup'] [data-work-icon='signup'],.shop-work-card[data-kind='text'] [data-work-icon='text'] { display:block; }
.shop-work-paper { box-sizing:border-box; height:158px; padding:14px; background:#fffef9; border-block:1px solid #e4e9e1; }
.shop-work-brand { display:none; }
.shop-work-paper [data-work-title] { display:block; color:#384f3c; font:600 20px/1.13 Georgia,serif; height:2.26em; letter-spacing:-.025em; }
.conversion-home .shop-work-paper [data-work-body] { color:#667360; font-size:12px; line-height:1.45; margin:7px 0 11px; min-height:2.9em; max-height:2.9em; overflow:hidden; }
.shop-work-cta { display:flex; align-items:center; justify-content:space-between; gap:8px; width:max-content; max-width:100%; padding:7px 10px; border-radius:4px; background:#395d39; color:#fff; font-size:10px; font-weight:850; line-height:1.2; }
.shop-work-form { display:none; margin:8px 0; padding:7px 9px; border:1px solid #d0dcce; background:#fff; border-radius:4px; color:#84927c; font-size:11px; }
.shop-work-footer { position:relative; display:flex; align-items:center; justify-content:space-between; gap:7px; height:35px; padding:7px 12px 9px; color:#748c8f; font-size:10px; line-height:1.3; }
.shop-work-done { display:grid; place-items:center; width:16px; height:16px; border-radius:50%; flex:none; background:#e2f1dd; color:#428141; font-size:10px; opacity:0; transform:scale(.6); transition:opacity .2s,transform .25s; }
.shop-work-footer progress { appearance:none; position:absolute; left:0; bottom:0; display:block; width:100%; height:3px; border:0; border-radius:0 0 9px 9px; overflow:hidden; background:#e6f0f5; }
.shop-work-footer progress::-webkit-progress-bar { background:#e6f0f5; }
.shop-work-footer progress::-webkit-progress-value { background:var(--work-accent); transition:width .12s linear; }
.shop-work-footer progress::-moz-progress-bar { background:var(--work-accent); }
.shop-work-card[data-kind='signup'] { --work-accent:#537945; --work-soft:#eff5e8; border-color:#cbdcbc; }
.shop-work-card[data-kind='signup'] .shop-work-form { display:block; }
.shop-work-card[data-kind='signup'] .shop-work-paper [data-work-body] { display:none; }
.shop-work-card[data-kind='signup'] .shop-work-cta { width:100%; justify-content:center; }
.shop-work-card[data-kind='text'] { --work-accent:#39717e; --work-soft:#edf6f6; border-color:#bcdadd; }
.shop-work-card[data-kind='text'] .shop-work-paper { display:flex; flex-direction:column; justify-content:center; background:#fff; border-color:#e6ecee; }
.shop-work-card[data-kind='text'] .shop-work-paper [data-work-title] { height:auto; font:800 15px/1.3 'Nunito',sans-serif; color:#48606b; }
.shop-work-card[data-kind='text'] .shop-work-paper [data-work-body] { background:#e9f1f2; border-radius:10px 10px 10px 2px; padding:9px 10px; box-sizing:content-box; color:#365765; margin:10px 0 0; }
.shop-work-card[data-kind='text'] .shop-work-cta { display:none; }
.hf-section[data-focus-phase='build'] .shop-work-card { border-color:#89b8c6; box-shadow:0 2px 3px #274e5a08,0 10px 24px -8px #5799ae2c; }
.shop-work-card [data-selected='true'],.shop-work-card .is-selected { background:#c8eafd; box-shadow:0 0 0 2px #c8eafd; border-radius:2px; }
.shop-work-card [data-typing='true']::after { content:''; display:inline-block; height:1em; width:1.5px; margin-left:2px; background:#2699c8; vertical-align:-.12em; animation:shop-work-caret .75s step-end infinite; }
.hf-section:is([data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-work-card { border-color:#aac9b2; }
.hf-section:is([data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-work-done { opacity:1; transform:scale(1); }
.shop-work-card[data-empty='true'] { --work-soft:#f2f5f4; --work-accent:#7b8e89; border-color:#dce5e1; box-shadow:none; }
.shop-work-card[data-empty='true'] .shop-work-paper { background:#fafcfb; }
.shop-work-card[data-empty='true'] .shop-work-paper [data-work-title] { font:800 20px/1.2 'Nunito',sans-serif; color:#607972; }
.shop-work-card[data-empty='true'] :is(.shop-work-cta,.shop-work-form,.shop-work-done,progress) { display:none; }
.hf-journey { margin:15px 0 14px; padding-top:13px; border-top:1px solid #dfe8dd; }
.conversion-home .hf-journey .hf-panel-eyebrow { margin:0 0 10px; color:#7c8e83; font-size:8px; letter-spacing:.1em; }
.hf-journey-steps { display:flex; list-style:none; padding:0; margin:0; gap:0; }
.hf-journey-steps li { display:flex; align-items:center; gap:5px; color:#92a099; font-size:10px; white-space:nowrap; }
.hf-journey-steps li+li::before { content:''; width:12px; height:1px; margin:0 5px; background:#dce5dd; }
.hf-journey-steps li>span { display:grid; place-items:center; width:21px; height:21px; flex:none; border:1px solid #d5e0d6; border-radius:50%; background:#f6f8f4; font-size:9px; font-weight:800; }
.hf-journey-steps strong { font-weight:750; }
.hf-journey-steps [data-state='active'] { color:#527b57; }
.hf-journey-steps [data-state='active']>span { border-color:#87ad83; background:#eaf3df; box-shadow:0 0 0 3px #eef5e8; }
.hf-journey-steps [data-state='complete'] { color:#4a855b; }
.hf-journey-steps [data-state='complete']>span { background:#dcefdc; border-color:#bbd9bb; }
.conversion-home .hf-follow-hint { color:#89968c; font-size:10px; line-height:1.4; margin:10px 0 14px; }
@keyframes shop-work-caret { 50% { opacity:0; } }
.hf-store-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:16px 22px; background:#ffffffa6; border-top:1px solid #dce7e5; }
.hf-store-counts>div { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 7px; padding-inline:15px; border-left:1px solid #e0e8e5; }
.hf-store-counts>div:first-child { border-left:0; padding-left:0; }
.hf-store-counts>div:last-child { padding-right:0; }
.hf-store-counts strong { color:#41636e; font-size:24px; font-weight:800; letter-spacing:-.025em; line-height:1; font-variant-numeric:tabular-nums; }
.hf-store-counts span { font-size:11px; color:#738d84; font-weight:700; line-height:1.3; }
.hf-store-counts b { display:block; width:100%; color:#506f73; font-size:17px; font-weight:750; line-height:1.2; font-variant-numeric:tabular-nums; }
.hf-store-counts b.hf-sr-only { width:1px; height:1px; }
.hf-recovered-count :is(strong,span) { color:#437f49; }
.hf-recovered-count b { color:#287f42; }
.hf-value-panel { min-width:0; min-height:0; contain:size; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#becfc5 transparent; padding:22px; background:#fcfdfb; }
.hf-panel-eyebrow { display:block; margin-bottom:6px; line-height:1.3; color:#7593a3; font-size:9px; font-weight:850; letter-spacing:.08em; }
.hf-plan-picker { position:relative; z-index:5; }
.hf-plan-picker>summary { display:flex; justify-content:space-between; align-items:center; gap:15px; list-style:none; border:1px solid #bbd8e9; border-radius:12px; background:#f7fbff; padding:9px 12px; cursor:pointer; }
.hf-plan-picker>summary::-webkit-details-marker { display:none; }
.hf-plan-picker>summary>span:first-child { display:grid; gap:3px; }
.hf-plan-picker summary small { font-size:10px; color:#86917d; }
.hf-plan-picker summary strong { color:#42656c; font-size:19px; line-height:1.2; font-weight:800; }
.hf-picker-price { display:flex; gap:4px; align-items:baseline; }
.hf-picker-price svg { align-self:center; margin-left:9px; color:#268fba; }
.hf-plan-options { position:absolute; top:calc(100% + 7px); left:0; right:0; padding:10px; background:#fff; border:1px solid #cdd9c5; border-radius:12px; box-shadow:0 10px 35px #1d372522; }
.conversion-home .hf-plan-options>p { font-size:11px; margin:5px 7px 9px; color:#8a9780; }
.hf-plan-options button { display:flex; width:100%; justify-content:space-between; align-items:center; gap:10px; border:0; border-radius:6px; padding:10px 8px; text-align:left; background:#fff; color:#3a5948; }
.hf-plan-options button:hover,.hf-plan-options button[aria-pressed='true'] { background:#f0f5e9; }
.hf-plan-options button>span:first-child { display:grid; gap:3px; }
.hf-plan-options strong { font-size:14px; }
.hf-plan-options small { font-size:9px; color:#80917a; }
.hf-option-price { font-size:17px; font-weight:850; white-space:nowrap; }
.hf-option-price i { opacity:0; font-size:11px; margin-left:8px; }
.hf-plan-options [aria-pressed='true'] i { opacity:1; }
.conversion-home .hf-choice-detail { margin:6px 0 10px; font-size:11px; line-height:1.5; color:#89967e; }
.hf-total>span { display:block; line-height:1.3; color:#536e59; font-size:13px; font-weight:800; }
.hf-total>strong { display:block; color:#2e7350; font-size:50px; font-weight:800; letter-spacing:-.055em; line-height:1.05; margin:8px 0 7px; font-variant-numeric:tabular-nums; }
.hf-total>small { line-height:1.3; color:#84947a; font-size:10px; }
.hf-total>strong { transform-origin:left center; min-height:1.05em; }
.hf-sales-delta { color:#49885d; font-size:11px; font-weight:800; line-height:1.4; min-height:1.4em; margin-top:5px; }
.hf-payback { padding:11px; margin-top:12px; background:#f5f7ee; border:1px solid #dfe5d3; border-radius:10px; }
.hf-payback>div { display:flex; align-items:center; gap:8px; justify-content:space-between; }
.hf-payback strong { line-height:1.3; color:#64804e; font-size:11px; }
.hf-covered-mark { color:white; display:grid; place-items:center; width:18px; height:18px; background:#78a85a; border-radius:50%; opacity:0; }
.hf-section[data-covered='true'] .hf-covered-mark { opacity:1; }
.hf-payback progress { appearance:none; display:block; border:0; width:100%; height:6px; margin:8px 0 6px; border-radius:10px; background:#e0e6d6; }
.hf-payback progress::-webkit-progress-bar { border-radius:10px; background:#e0e6d6; }
.hf-payback progress::-webkit-progress-value { border-radius:10px; background:#7ba958; transition:width .6s cubic-bezier(.2,1,.3,1); }
.hf-payback progress::-moz-progress-bar { border-radius:10px; background:#7ba958; }
.conversion-home .hf-payback p { margin:0; font-size:10px; color:#8b9a7c; line-height:1.5; }
.hf-receipt { padding-top:12px; }
.hf-receipt>div { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:6px; line-height:1.35; color:#84907f; font-size:11px; }
.hf-receipt strong { font-weight:800; font-variant-numeric:tabular-nums; }
.hf-receipt>.hf-net { border-top:1px solid #dee5d7; padding-top:9px; margin-top:9px; color:#56724c; }
.hf-net>span { font-weight:850; font-size:11px; }
.hf-net>strong { font-size:26px; line-height:1.2; color:#718369; }
.hf-section[data-net-positive='true'] .hf-net>strong { color:#2f843e; }
.conversion-home .hf-receipt>p { color:#96a18b; font-size:10px; line-height:1.5; margin:6px 0 8px; }
.hf-plan-includes { border-top:1px solid #e4e9dd; }
.hf-plan-includes summary { display:flex; gap:4px; color:#6e825d; font-size:11px; font-weight:850; list-style:none; cursor:pointer; padding:10px 0; line-height:1.3; }
.hf-plan-includes summary::-webkit-details-marker { display:none; }
.hf-plan-includes summary>span:last-child { margin-left:auto; }
.hf-plan-includes[open] summary>span:last-child { transform:rotate(45deg); }
.hf-list-capacity { display:flex; flex-wrap:wrap; gap:5px; font-size:10px; color:#88947d; margin:6px 0 13px; }
.hf-list-capacity strong { color:#566e43; }
.hf-allowances { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding-bottom:12px; }
.hf-allowances>div { display:grid; gap:4px; }
.hf-allowances strong { color:#56734a; font-size:16px; }
.hf-allowances span { color:#8a957c; font-size:9px; }
.hf-plan-includes ul { padding-left:16px; margin:12px 0; font-size:11px; line-height:1.9; color:#6f805f; }
.conversion-home .hf-arm-note { color:#98a28e; font-size:10px; line-height:1.5; }
.hf-feed { margin-top:20px; padding:16px 0; border-top:1px solid #dfe8dd; border-bottom:1px solid #dfe8dd; }
.hf-feed-title { line-height:1.3; color:#7e917f; font-size:9px; font-weight:800; letter-spacing:.1em; }
.hf-purchase { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:70px; padding-top:10px; }
.hf-purchase-images { display:flex; align-items:center; position:relative; width:48px; height:53px; }
.hf-purchase-images img { width:42px; height:50px; object-fit:cover; border:2px solid white; border-radius:7px; box-shadow:0 2px 4px #284c3a1a; }
.hf-purchase-images img:nth-child(2) { margin-left:-26px; transform:translateY(3px) rotate(5deg); }
.hf-purchase-images b { position:absolute; right:0; bottom:0; padding:2px 4px; background:#e7f3dd; border:1px solid #bdd4ae; border-radius:5px; color:#3b713f; font-size:9px; line-height:1; }
.hf-purchase-copy { display:grid; gap:4px; min-width:0; }
.hf-purchase-copy>span { color:#788e7d; font-size:11px; line-height:1.3; }
.hf-purchase-copy>strong { color:#3e6149; font-size:13px; font-weight:800; line-height:1.3; }
.hf-purchase-amount { color:#377954; font-size:20px; font-weight:800; letter-spacing:-.025em; white-space:nowrap; font-variant-numeric:tabular-nums; }
.hf-product-placeholder { display:grid; place-items:center; width:44px; height:54px; border:1px dashed #c0d4d4; border-radius:7px; color:#86a6ad; background:#f3f8f7; font-size:20px; }
.hf-purchase[data-empty='true'] .hf-purchase-copy>strong { color:#80958c; }
.hf-plan-link { display:flex; justify-content:space-between; gap:15px; color:#4b7781; font-size:13px; font-weight:800; text-decoration:none; margin-top:18px; }
.conversion-home .hf-demo-note { margin:0; padding:11px 22px; border-top:1px solid #dce7e5; color:#8b9b9e; background:#fff; font-size:10px; line-height:1.5; }
.hf-next { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:22px; }
.conversion-home .hf-next p { margin:0; font-size:13px; color:#81909a; }
.hf-next>a { font-size:13px; color:#1286b4; font-weight:850; text-decoration:none; }
.hf-sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hf-section[data-motion='paused'] .hf-live-status i { background:#bdad8c; }
.hf-section[data-motion='paused'] .shop-work-card *,
.hf-section[data-motion='paused'] .shop-work-card *::after { animation-play-state:paused; }
[data-funnel-return-path],[data-funnel-out-path] { transition:opacity .3s; }
[data-tray-impact] { opacity:0; transition:opacity .2s; }
.shop-scene[data-order-visible='true'] [data-tray-impact] { opacity:1; }

.conversion-home .hf-return-summary { margin:5px 0 0; color:#7b8c7e; font-size:11px; line-height:1.4; }
.hf-cost-details { border-block:1px solid #dfe8dd; }
.hf-cost-details > summary { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; list-style:none; cursor:pointer; color:#6f8471; font-size:12px; font-weight:800; }
.hf-cost-details > summary::-webkit-details-marker { display:none; }
.hf-cost-details > summary > span:last-child { font-size:17px; font-weight:500; }
.hf-cost-details[open] > summary > span:last-child { transform:rotate(45deg); }
.hf-cost-body { padding:6px 0 14px; }
.hf-cost-body .hf-plan-link { margin-top:12px; }
@media(min-width:1450px) {
  .hf-store-grid { grid-template-columns:minmax(0,1fr) 356px; }
  .hf-value-panel { padding:25px; }
  .shop-work-paper { height:168px; padding:16px; }
  .shop-work-paper [data-work-title] { font-size:22px; }
  .conversion-home .shop-work-paper [data-work-body] { font-size:13px; }
}
@media(max-width:1050px) {
  .hf-copy { gap:24px; }
  .hf-store-grid { grid-template-columns:1fr; }
  .hf-store-stage { border-right:0; }
  .hf-value-panel { contain:none; overflow:visible; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:0 32px; padding:25px; border-top:1px solid var(--shop-line); align-items:start; }
  .hf-total { grid-column:1; grid-row:1; }
  .hf-journey { grid-column:1; grid-row:2; margin-bottom:0; }
  .shop-work-card { grid-column:2; grid-row:1/4; }
  .hf-follow-hint { grid-column:1; grid-row:3; }
  .hf-cost-details { grid-column:1/-1; margin-top:20px; }
  .hf-cost-body { max-width:480px; }
  .hf-plan-link { grid-column:1/-1; }
}
@media(max-width:700px) {
  .hf-copy { grid-template-columns:1fr; gap:18px; }
  .hf-intro { max-width:450px; }
  .shop-story-bar { padding:14px 18px; }
  .shop-story-bar strong { font-size:13px; }
  .hf-live-status { display:none; }
  .hf-store-counts { padding:15px 18px; }
  .hf-store-counts>div { padding-inline:10px; }
  .hf-store-counts span { font-size:9px; }
  .shop-scene { aspect-ratio:auto; display:flex; flex-direction:column; }
  .shop-follow-card { position:relative; order:1; left:auto; top:auto; width:auto; margin:23px 22px 0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 16px; align-items:center; }
  .conversion-home .shop-follow-eyebrow { grid-column:1/-1; margin-bottom:9px; }
  .conversion-home .shop-follow-card h3 { min-height:2.16em; font-size:25px; grid-column:1; text-wrap:initial; }
  .conversion-home .shop-follow-card [data-follow-detail] { grid-column:1/-1; min-height:2.9em; max-width:42ch; margin:8px 0 0; font-size:12px; }
  .shop-follow-phase { grid-column:2; grid-row:2; max-width:115px; }
  /* Reclaim the caption's old space, with the identical crop on hit targets. */
  .shop-physics-stage { order:2; aspect-ratio:660/480; }
  .shop-scene-svg { width:121.212121%; height:100%; margin-left:-15.151515%; }
  .shop-bumper-slot { left:calc((var(--pad-x) - 12.5%) * 1.212121); }
  .hf-value-panel { gap:0 22px; padding:22px; }
}
@media(max-width:600px) {
  .hf-value-panel { display:block; }
  .hf-total>strong { font-size:48px; }
  .hf-journey { margin:18px 0 16px; }
  .hf-journey-steps { justify-content:space-between; }
  .hf-journey-steps li { font-size:11px; }
  .hf-journey-steps li+li::before { display:none; }
  .shop-work-paper { height:170px; padding:16px; }
  .shop-work-paper [data-work-title] { font-size:22px; }
  .conversion-home .shop-work-paper [data-work-body] { font-size:13px; }
  .shop-work-top { font-size:10px; }
  .shop-work-cta { font-size:11px; }
}
@media(max-width:520px) {
  .hf-section { padding:48px 0; }
  .hf-machine { border-radius:15px; }
  .hf-machine-top { padding:10px 12px; gap:8px; flex-wrap:wrap; }
  .hf-store-identity { gap:7px; }
  .hf-store-identity>strong { font-size:13px; }
  .hf-store-identity>img { width:18px; height:21px; }
  .hf-store-controls { gap:4px; margin-left:auto; }
  .hf-store-controls button { font-size:12px; padding:9px; min-width:44px; min-height:44px; border:1px solid #dce6e7; background:#fff; }
  .hf-store-controls [data-funnel-sound] { display:none; }
  .hf-store-controls [data-store-reset] span { display:none; }
  .shop-story-bar { min-height:75px; padding:13px 15px; gap:10px; }
  .shop-story-bar strong { font-size:14px; }
  .shop-story-kicker { font-size:10px; letter-spacing:.07em; }
  .shop-next-visit { font-size:11px!important; padding:10px; gap:7px; min-height:44px; }
  .shop-follow-card { margin:18px 15px 0; gap:6px 10px; grid-template-columns:minmax(0,1fr); }
  .conversion-home .shop-follow-eyebrow { margin-bottom:4px; font-size:11px; }
  .conversion-home .shop-follow-card h3 { font-size:23px; }
  .conversion-home .shop-follow-card [data-follow-detail] { font-size:14px; line-height:1.45; margin:0; min-height:2.9em; }
  .shop-follow-phase { grid-column:1; grid-row:auto; justify-self:start; font-size:11px; max-width:none; }
  /* Show more of the working funnel; keep the crop identical for its buttons. */
  .shop-physics-stage { aspect-ratio:580/480; }
  .shop-scene-svg { width:137.931034%; margin-left:-27.586207%; max-width:none; max-height:none; }
  .shop-bumper-slot { left:calc((var(--pad-x) - 20%) * 1.37931034); min-height:44px; width:clamp(78px,26cqw,98px); padding:6px; gap:5px; font-size:11px!important; }
  .shop-bumper-label { white-space:normal; }
  .shop-bumper-plus { flex-basis:18px; height:18px; font-size:18px; }
  .shop-bumper-hint { bottom:calc(100% + 8px); padding:5px 7px; font-size:10px; }
  .hf-store-counts { grid-template-columns:repeat(2,minmax(0,1fr)); padding:4px 14px; }
  .hf-store-counts>div { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; padding:12px 10px; }
  .hf-store-counts>div:nth-child(odd) { border-left:0; padding-left:0; }
  .hf-store-counts>div:nth-child(even) { padding-right:0; }
  .hf-store-counts>div:nth-child(n+3) { border-top:1px solid #dce7e5; }
  .hf-store-counts strong { font-size:26px; }
  .hf-store-counts span { font-size:12px; line-height:1.35; color:#526f63; }
  .hf-value-panel { padding:20px 16px; }
  .hf-total>span { font-size:15px; }
  .hf-total>strong { font-size:44px; }
  .hf-sales-delta,.conversion-home .hf-return-summary { font-size:13px; line-height:1.45; }
  .conversion-home .hf-journey .hf-panel-eyebrow { font-size:10px; }
  .hf-journey-steps li { gap:4px; font-size:11px; }
  .shop-work-paper { height:202px; }
  .conversion-home .shop-work-paper [data-work-body] { font-size:14px; min-height:2.9em; max-height:4.35em; }
  .shop-work-cta { font-size:12px; }
  .shop-work-footer { min-height:40px; height:auto; font-size:11px; }
  .conversion-home .hf-follow-hint { font-size:12px; line-height:1.5; }
  .hf-cost-details>summary,.hf-plan-includes summary { min-height:48px; align-items:center; font-size:13px; }
  .hf-panel-eyebrow { font-size:10px; }
  .hf-plan-picker>summary,.hf-plan-options button { min-height:48px; }
  .hf-plan-picker summary small,.hf-plan-options small { font-size:11px; }
  .hf-plan-options { position:static; margin-top:8px; box-shadow:none; }
  .hf-plan-options button>span:first-child { min-width:0; }
  .hf-option-price { flex:none; }
  .conversion-home .hf-choice-detail,.conversion-home .hf-payback p { font-size:12px; color:#62755d; }
  .hf-payback strong { font-size:13px; }
  .hf-receipt>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; font-size:13px; line-height:1.45; color:#65735f; }
  .hf-receipt>div>strong { white-space:nowrap; }
  .hf-net>span { font-size:13px; }
  .conversion-home .hf-receipt>p,.hf-list-capacity,.conversion-home .hf-arm-note { font-size:12px; line-height:1.5; color:#63725b; }
  .hf-allowances span { font-size:12px; }
  .hf-plan-includes ul { font-size:13px; line-height:1.65; }
  .hf-feed-title { font-size:10px; }
  .hf-purchase-copy>span { font-size:12px; }
  .hf-purchase-copy>strong { font-size:13px; overflow-wrap:anywhere; }
  .hf-plan-includes { margin-top:0; }
  .hf-plan-link,.hf-next>a { display:flex; align-items:center; min-height:44px; font-size:14px; }
  .conversion-home .hf-demo-note { padding:12px 15px; font-size:12px; line-height:1.5; color:#61766e; }
  .hf-next { flex-direction:column; align-items:flex-start; gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
  .hf-section *, .hf-section *::before, .hf-section *::after { animation:none!important; transition:none!important; }
}

/* A calm, open scene. Blue follows the shopper; green belongs to orders. */
.conversion-home .hf-section { --shop-ink:var(--mu-ink,#163a4d); --shop-muted:var(--mu-muted,#597282); --shop-line:var(--mu-line,#dce7ee); background:var(--mu-tint); color:var(--shop-ink); border-color:var(--mu-tint-line); padding-block:68px; }
.hf-layout { max-width:1240px; }
.hf-copy { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:52px; align-items:end; margin-bottom:32px; }
.conversion-home .hf-copy h2 { font:850 clamp(34px,3.3vw,48px)/1.09 'Nunito',sans-serif; letter-spacing:-.045em; }
.conversion-home .hf-copy h2 span { color:#1599e5; }
.conversion-home .hf-copy .hf-intro { max-width:350px; color:var(--shop-muted); font-size:16px; line-height:1.65; }
.hf-machine { border:0; border-radius:0; background:none; overflow:visible; box-shadow:none; }
.hf-store-grid { grid-template-columns:minmax(300px,.95fr) minmax(0,1.85fr); gap:48px; align-items:center; }
.hf-store-stage { grid-column:2; grid-row:1; border:0; background:none; }
.hf-value-panel { grid-column:1; grid-row:1; padding:12px 0 0; background:none; contain:none; overflow:visible; display:block; }
.hf-machine-top { padding:0 0 12px; border:0; background:none; gap:14px; }
.hf-store-identity { min-width:0; }
.hf-store-identity>strong { max-width:250px; color:#4f7084; font-size:12px; font-weight:750; line-height:1.45; }
.hf-live-status,.hf-store-controls [data-funnel-sound] { display:none; }
.hf-store-controls { gap:16px; }
.hf-store-controls button { color:#587588; min-height:40px; padding:8px 0; background:none; font-size:11px; }
.hf-store-controls button:hover { color:#0878bc; background:none; }
.hf-store-controls .shop-next-visit { padding:8px 11px; border:1px solid #c7dce9; border-radius:8px; background:#fff; color:#176996; }
.hf-store-controls .shop-next-visit:hover { background:#eaf5fd; border-color:#93c4e3; }
.shop-scene,.shop-physics-stage { aspect-ratio:660/480; }
.shop-scene { margin:0; overflow:hidden; border-radius:0; background:none; }
.shop-scene-svg { width:121.212121%; height:100%; margin-left:-15.151515%; max-width:none; max-height:none; }
.shop-bumper-slot { left:calc((var(--pad-x) - 12.5%) * 1.212121); width:clamp(105px,18cqw,128px); min-height:44px; padding:9px; gap:6px; border:1.5px solid #168bd0; border-radius:9px; background:#fff; box-shadow:0 3px 0 #c2def1,0 6px 15px #1d5d8310; color:#0878bc; font-size:12px!important; }
.shop-bumper-plus { flex-basis:20px; height:20px; background:#e6f4ff; color:#0878bc; font-size:18px; }
.shop-bumper-slot:hover,.shop-bumper-slot:focus-visible { color:#fff; background:#118ed6; box-shadow:0 3px 0 #096da6,0 8px 18px #1279b51a; translate:0 -2px; }
.shop-bumper-slot:active { translate:0 1px; box-shadow:0 1px 0 #096da6; }
[data-shop-bumper][data-installed='true'] [data-bumper-light] { fill:#1599e5; stroke:#0878bc; }
.shop-follow-card { position:static; width:auto; min-height:157px; margin:0 0 22px; display:block; pointer-events:auto; }
.hf-section .shop-follow-card,.hf-section:is([data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-follow-card { --follow-accent:#148ed5; --follow-soft:#e2f1fc; }
.conversion-home .shop-follow-eyebrow { color:#0878bc; margin:0 0 14px; gap:6px; font-size:12px; letter-spacing:0; }
.shop-follow-dot { margin-right:6px; }
.shop-follow-prefix { color:#668093; font-weight:650; }
.hf-section[data-focus-phase='idle'] .shop-follow-prefix { display:none; }
.conversion-home .shop-follow-card h3 { min-height:0; max-width:19ch; color:#163a4d; font:850 clamp(26px,2.5vw,34px)/1.08 'Nunito',sans-serif; letter-spacing:-.035em; text-wrap:initial; }
.conversion-home .hf-section[data-focus-phase='purchased'] .shop-follow-card h3 { color:#2c8762; }
.conversion-home .shop-follow-card [data-follow-detail] { min-height:3em; max-width:37ch; margin:12px 0 0; color:var(--shop-muted); font:14px/1.5 'Nunito',sans-serif; }
.shop-work-card { --work-soft:#f2f8fc; --work-accent:#1599e5; border:1px solid #cddfea; border-radius:14px; box-shadow:0 10px 28px #214e7410; overflow:hidden; }
.hf-section:is([data-focus-phase='build'],[data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-work-card { border-color:#cddfea; box-shadow:0 10px 28px #214e7410; }
.shop-work-top { padding:13px 17px; border-radius:0; background:#fff; color:#607d91; font-size:10px; letter-spacing:.02em; }
.shop-work-top [data-work-name] { text-transform:none; }
.shop-work-paper { display:flex; flex-direction:column; justify-content:center; height:auto; min-height:210px; padding:22px; background:#fffdf5; border-color:#e7edf1; }
.shop-work-brand { display:block; margin-bottom:15px; color:#617052; font:600 10px/1.2 Georgia,serif; letter-spacing:.14em; }
.shop-work-content { display:flex; align-items:center; gap:17px; }
.shop-work-copy { flex:1; min-width:0; }
.shop-work-content>img { width:78px; height:112px; object-fit:cover; border-radius:6px; }
.shop-work-paper [data-work-title] { height:auto; min-height:0; color:#364d35; font:600 24px/1.1 Georgia,serif; letter-spacing:-.035em; }
.conversion-home .shop-work-paper [data-work-body] { margin:10px 0 15px; min-height:3em; max-height:none; overflow:visible; color:#697461; font:13px/1.5 'Nunito',sans-serif; }
.shop-work-cta { padding:9px 11px; border-radius:4px; background:#456142; font-size:10px; }
.shop-work-footer { min-height:40px; height:auto; padding:11px 17px; background:#fff; color:#56758b; font-size:11px; }
.shop-work-done { background:#e7f4fc; color:#0878bc; }
.hf-section:is([data-focus-phase='sent'],[data-focus-phase='returned'],[data-focus-phase='purchased']) .shop-work-footer progress { opacity:0; }
.shop-work-card[data-kind='text'] { --work-accent:#1599e5; border-color:#cddfea; }
.shop-work-card[data-kind='text'] .shop-work-brand,.shop-work-card[data-kind='text'] [data-work-image],.shop-work-card[data-empty='true'] [data-work-image] { display:none; }
.shop-work-card[data-kind='text'] .shop-work-paper { min-height:210px; padding:22px; background:#fff; }
.shop-work-card[data-kind='text'] .shop-work-paper [data-work-title] { min-height:0; color:#294f66; font-size:19px; line-height:1.3; }
.shop-work-card[data-kind='text'] .shop-work-paper [data-work-body] { min-height:0; margin:14px 0 0; padding:14px 15px; color:#245f85; background:#e7f4fe; border-radius:13px 13px 13px 3px; font-size:14px; line-height:1.55; }
.shop-work-card[data-empty='true'] .shop-work-paper { background:#fafdff; }
.shop-work-card[data-empty='true'] .shop-work-paper [data-work-title] { color:#345a71; font-size:23px; }
.hf-results { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.42fr); align-items:center; gap:35px; margin-top:28px; padding:26px 0; border-block:1px solid #d8e6ef; }
.hf-store-counts { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:0; background:none; border:0; }
.hf-store-counts>div { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:0; border:0; }
.hf-store-counts strong { color:#244b64; font-size:30px; font-weight:800; line-height:1; }
.hf-store-counts span { color:#607c8f; font-size:12px; font-weight:650; }
.hf-recovered-count strong { color:#2c8762; }
.hf-total { display:grid; grid-column:auto; grid-row:auto; grid-template-columns:auto 1fr; column-gap:16px; align-items:center; border-left:1px solid #d8e6ef; padding-left:30px; }
.hf-total>span { grid-column:1/-1; margin-bottom:8px; color:#3b725c; font-size:12px; font-weight:750; }
.hf-total>strong { margin:0; color:#2c8762; font-size:38px; letter-spacing:-.04em; }
.hf-sales-delta { max-width:140px; margin:0; color:#397b5f; font-size:11px; }
.conversion-home .hf-return-summary { grid-column:1/-1; margin:7px 0 0; color:#627d8e; font-size:11px; }
.hf-details-row { display:grid; grid-template-columns:1fr auto; align-items:start; gap:20px; }
.hf-cost-details { border:0; }
.hf-cost-details>summary { justify-content:flex-start; gap:10px; min-height:50px; color:#53748b; font-size:12px; }
.hf-cost-body { max-width:530px; padding:5px 0 20px; }
.hf-plan-link { margin:18px 0 0; gap:20px; color:#0878bc; font-size:12px; }
.conversion-home .hf-demo-note { margin:0; padding:0; border:0; background:none; color:#6c8190; font-size:11px; }
.hf-next { margin-top:25px; }
.conversion-home .hf-section .hf-next p { color:#4e7086; font-size:14px; }
.conversion-home .hf-next>a { padding:12px 17px; border:1px solid #c0d9e9; border-radius:8px; background:#fff; color:#0878bc; font-size:12px; }
@media(min-width:1450px) {
 .hf-store-grid { grid-template-columns:minmax(340px,.95fr) minmax(0,1.85fr); gap:60px; }
 .shop-work-content>img { width:88px; height:126px; }
 .shop-work-paper [data-work-title] { font-size:26px; }
 .conversion-home .shop-work-paper [data-work-body] { font-size:14px; }
}
@media(max-width:1100px) and (min-width:701px) {
 .hf-store-grid { grid-template-columns:minmax(255px,.9fr) minmax(0,1.4fr); gap:25px; }
 .hf-machine-top { flex-wrap:wrap; gap:4px; }
 .hf-store-controls { margin-left:auto; }
 .shop-work-content { gap:12px; }
 .shop-work-content>img { width:58px; height:100px; }
 .shop-work-paper { padding:17px; }
 .shop-work-paper [data-work-title] { font-size:22px; }
 .conversion-home .shop-follow-card h3 { font-size:28px; }
 .hf-copy { gap:26px; }
 .hf-results { gap:20px; }
 .hf-total { padding-left:20px; }
 .hf-store-counts { gap:12px; }
}
@media(max-width:700px) {
 .conversion-home .hf-section { padding-block:46px; }
 .hf-copy { grid-template-columns:1fr; gap:16px; margin-bottom:26px; }
 .conversion-home .hf-copy h2 { font-size:34px; }
 .conversion-home .hf-copy .hf-intro { max-width:420px; margin:0; font-size:15px; }
 .hf-store-grid { display:flex; flex-direction:column; gap:26px; }
 .hf-store-stage { order:0; width:100%; }
 .hf-value-panel { order:1; width:100%; padding:0; border:0; display:block; }
 .hf-machine-top { flex-wrap:wrap; padding:0 0 8px; row-gap:5px; }
 .hf-store-identity { width:100%; }
 .hf-store-identity>strong { max-width:none; font-size:13px; }
 .hf-store-controls { width:100%; margin:0; gap:20px; justify-content:flex-end; }
 .hf-store-controls button { min-height:44px; min-width:0; padding:8px 0; border:0; background:none; font-size:12px; }
 .hf-store-controls .shop-next-visit { margin-right:auto; }
 .hf-store-controls [data-store-reset] span { display:inline; }
 .shop-scene { display:block; }
 .shop-bumper-slot { width:clamp(80px,23cqw,104px); min-height:44px; padding:6px; gap:4px; font-size:11px!important; }
 .shop-bumper-label { white-space:nowrap; }
 .shop-bumper-plus { display:none; }
 .shop-follow-card { min-height:0; margin:0 0 20px; }
 .conversion-home .shop-follow-card h3 { min-height:0; max-width:24ch; font-size:29px; }
 .conversion-home .shop-follow-card [data-follow-detail] { min-height:3em; max-width:42ch; margin-top:10px; font-size:14px; }
 .shop-work-card { grid-column:auto; grid-row:auto; }
 .shop-work-paper { min-height:210px; padding:21px; }
 .shop-work-content>img { width:80px; height:118px; }
 .shop-work-paper [data-work-title] { font-size:25px; }
 .conversion-home .shop-work-paper [data-work-body] { font-size:14px; max-height:none; }
 .shop-work-cta { font-size:11px; }
 .hf-results { grid-template-columns:1fr; gap:24px; margin-top:28px; padding:24px 0; }
 .hf-store-counts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 25px; padding:0; }
 .hf-store-counts>div,.hf-store-counts>div:nth-child(n) { display:flex; flex-direction:column; align-items:flex-start; padding:0; border:0; gap:6px; }
 .hf-store-counts strong { font-size:29px; }
 .hf-store-counts span { font-size:12px; }
 .hf-total { border:0; border-top:1px solid #d8e6ef; padding:20px 0 0; column-gap:20px; }
 .hf-total>strong { font-size:38px; }
 .hf-sales-delta,.conversion-home .hf-return-summary { font-size:12px; }
 .hf-details-row { grid-template-columns:1fr; gap:0; }
 .hf-plan-link { margin:0 0 12px; justify-content:flex-start; font-size:12px; }
 .hf-cost-details>summary { font-size:12px; }
 .conversion-home .hf-demo-note { font-size:12px; }
 .hf-next { margin-top:22px; gap:14px; }
 .conversion-home .hf-section .hf-next p { font-size:13px; }
 .conversion-home .hf-next>a { padding:11px 12px; font-size:12px; white-space:nowrap; }
}