/* Homepage product stories. The page is the canvas; only real UI has a frame. */
.hp-platform{padding:80px 0 24px;background:white}
.hp-section-heading{max-width:780px;margin-bottom:20px}
.hp-section-heading h2{font-size:clamp(1.875rem,3vw,2.625rem);line-height:1.2}
.hp-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,88px);align-items:center;padding:56px 0 72px}
.hp-story+.hp-story{border-top:1px solid var(--border-default);padding-top:76px}
.hp-copy{max-width:420px}
.hp-product-name{font-size:.875rem;font-weight:600;color:var(--hm-dark-blue-600);margin-bottom:20px}
.hp-copy h3{font-size:clamp(1.875rem,3vw,2.625rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:24px;font-weight:600;text-wrap:initial}
.hp-description{font-size:1rem;line-height:1.75;color:var(--gray-600)}
.hp-step-list{list-style:none;margin:28px 0 26px;padding:0}
.hp-step{position:relative;display:flex;align-items:center;gap:16px;width:100%;border:0;border-bottom:1px solid var(--border-default);background:transparent;text-align:left;padding:17px 0;color:var(--gray-500);font-size:.875rem;line-height:1.4;cursor:pointer;transition:color .2s ease-in-out}
.hp-step:hover{color:var(--hm-dark-blue-600)}
.hp-step[aria-pressed=true]{color:var(--hm-dark-blue-600);font-weight:500}
.hp-step-number{font:500 .6875rem/1 var(--font-mono);color:var(--gray-500);flex-shrink:0}
.hp-step[aria-pressed=true] .hp-step-number{color:var(--hm-dark-blue-600)}
.hp-step-line{position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--hm-green-600);transform:scaleX(0);transform-origin:left}
.hp-step[aria-pressed=true] .hp-step-line{transform:scaleX(var(--hp-progress,1))}
.hp-copy .text-link{margin-top:0;gap:14px}
.hp-visual{min-width:0;margin:0}
.hp-canvas{position:relative;background:none;border:0;box-shadow:none;min-width:0}
.hp-glyph{font-family:'HM FA Solid';font-weight:900;font-style:normal;line-height:1;display:inline-block;font-size:14px;flex-shrink:0}
.hp-glyph-search:before{content:'\f002'}.hp-glyph-person:before{content:'\f0f1'}.hp-glyph-message:before{content:'\f27a'}.hp-glyph-check:before{content:'\f00c'}.hp-glyph-arrow:before{content:'\f061'}.hp-glyph-lock:before{content:'\f023'}.hp-glyph-pin:before{content:'\f3c5'}
.hp-core-canvas{padding:20px 28px 8px 38px}
.hp-core-window{max-width:460px;margin:0 auto;background:white;border:1px solid #d8e2eb;border-radius:12px;box-shadow:0 4px 18px rgba(49,80,116,.055);overflow:hidden}
.hp-window-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--border-default);font-size:.6875rem;color:var(--gray-500)}
.hp-window-brand{display:flex;align-items:center;gap:10px;color:var(--hm-dark-blue-600);font-size:.8125rem;font-weight:500}
.hp-window-brand img{width:112px;height:auto;object-fit:contain;flex-shrink:0}
.hp-scenes{display:grid}
.hp-scene{grid-area:1/1;padding:28px;opacity:0;visibility:hidden;transform:translateX(32px);transition:opacity .45s ease,transform .55s cubic-bezier(.22,.68,0,1),visibility .55s;pointer-events:none}
.hp-scene.is-active{opacity:1;visibility:visible;transform:none;transition-delay:.08s}
.hp-scene.is-leaving{transform:translateX(-32px)}
.hp-ui-label{font-size:.6875rem;color:var(--gray-500);margin-bottom:9px}
.hp-canvas h4{font-family:var(--font-sans);font-size:1.5rem;font-weight:600;line-height:1.25;color:var(--hm-dark-blue-600);letter-spacing:-.025em;margin:0 0 22px;text-wrap:initial}
.hp-search-field{display:flex;align-items:center;gap:11px;font-size:.75rem;line-height:1.4;color:var(--gray-600);border:1px solid var(--border-default);border-radius:6px;padding:13px 14px;margin-bottom:20px}
.hp-search-field .hp-glyph{font-size:12px;color:var(--hm-gray-700)}
.hp-package-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--border-default)}
.hp-package-row--selected{border-top:1px solid var(--border-default)}
.hp-package-icon{width:38px;height:38px;border-radius:50%;background:var(--hm-gray-300);color:var(--hm-dark-blue-600);display:grid;place-items:center;flex-shrink:0}
.hp-package-row--selected .hp-package-icon{background:var(--hm-surface-mint)}
.hp-package-row>div{display:grid;gap:4px}
.hp-package-row small{text-transform:uppercase;font-size:.5625rem;letter-spacing:.065em;color:var(--gray-500)}
.hp-package-row strong{font-size:.9375rem;font-weight:500;color:var(--hm-dark-blue-600)}
.hp-package-row>div>span{font-size:.6875rem;color:var(--gray-600)}
.hp-package-row>b{margin-left:auto;color:var(--hm-dark-blue-600);font-weight:500;font-size:1.0625rem;font-variant-numeric:tabular-nums}
.hp-ui-foot{display:flex;justify-content:space-between;gap:12px;padding-top:22px;font-size:.6875rem;color:var(--gray-600)}
.hp-ui-foot .hp-glyph{color:var(--hm-dark-blue-600)}
.hp-core-note{display:flex;align-items:center;gap:12px;max-width:460px;margin:20px auto 0;padding:0;background:none;border:0;box-shadow:none}
.hp-note-symbol{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--hm-green-300);color:var(--hm-dark-blue-800)}
.hp-core-note strong{font-size:.8125rem;font-weight:500;color:var(--hm-dark-blue-600);display:block}
.hp-core-note div>span{font-size:.6875rem;color:var(--gray-600);display:block;margin-top:4px}
.hp-selected-package{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-block:1px solid var(--border-default);font-size:.75rem;line-height:1.5;color:var(--hm-dark-blue-600);margin-bottom:20px}
.hp-selected-package .hp-glyph{font-size:12px;margin-right:7px}
.hp-selected-package>strong{font-weight:500;white-space:nowrap}
.hp-field-label{font-size:.6875rem;color:var(--gray-500);margin-bottom:8px}
.hp-send-method{display:flex;gap:10px;align-items:center;font-size:.75rem;color:var(--hm-dark-blue-600)}
.hp-check{margin-left:auto;color:#28734d}
.hp-message-preview{margin:18px 0;padding:16px 18px;border-radius:8px;background:var(--gray-50);border:1px solid var(--border-default)}
.hp-message-preview>span{font-size:.625rem;font-weight:500;color:var(--gray-600)}
.hp-message-preview p{font-size:.75rem;line-height:1.65;color:var(--gray-600);margin:9px 0 12px}
.hp-message-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--hm-dark-blue-600);font-size:.75rem;font-weight:500}
.hp-faux-button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;font-size:.75rem;line-height:1.5;background:var(--hm-dark-blue-600);color:white;border-radius:6px}
.hp-checkout-package{display:flex;gap:14px;align-items:center;margin:2px 0 23px;padding-bottom:23px;border-bottom:1px solid var(--border-default)}
.hp-checkout-package strong{font-size:.9375rem;font-weight:500;color:var(--hm-dark-blue-600);display:block}
.hp-checkout-package div>span{display:block;font-size:.6875rem;color:var(--gray-600);margin-top:4px}
.hp-confirm-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;line-height:1.5;color:var(--gray-600);margin:14px 0}
.hp-confirm-row>span{color:#28734d}
.hp-checkout-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0;margin-top:22px;border-top:1px solid var(--border-default)}
.hp-checkout-total>span{font-size:.75rem;color:var(--gray-600)}
.hp-checkout-total strong{font-size:2rem;font-weight:500;color:var(--hm-dark-blue-600);letter-spacing:-.035em;line-height:1}
.hp-checkout-total strong span{font-size:1rem;letter-spacing:0}
.hp-secure{font-size:.625rem;color:var(--gray-500);text-align:center;margin-top:12px}
.hp-secure .hp-glyph{font-size:9px;margin-right:4px}
.hp-story--carenav{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.hp-story--carenav .hp-copy{grid-column:2;grid-row:1}
.hp-story--carenav .hp-copy h3{font-size:clamp(1.875rem,2.6vw,2.375rem)}
.hp-story--carenav .hp-visual{grid-column:1;grid-row:1}
.hp-nav-canvas{min-height:460px;padding-top:24px}
.hp-network-map{position:absolute;inset:55px 2% 30px -4%;z-index:0;transform:none;opacity:.95}
.hp-network-map .motion-us{display:block;width:100%;height:100%;overflow:visible}
.hp-map-key{position:absolute;bottom:17px;left:12px;display:flex;gap:8px;align-items:center;font-size:.625rem;color:var(--gray-600)}
.hp-map-key>span{width:6px;height:6px;background:var(--hm-green-600);border-radius:50%}
.hp-nav-search{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:82%;margin-left:6%;padding:17px 19px;background:white;border:1px solid #cfdce8;border-radius:8px;box-shadow:0 3px 12px rgba(49,80,116,.035);font-size:.8125rem;color:var(--hm-dark-blue-600)}
.hp-nav-search>.hp-glyph{font-size:13px}
.hp-search-query{min-width:0;min-height:1.5em;line-height:1.5;white-space:nowrap}
.hp-search-query:after{content:'';display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--hm-green-600);vertical-align:-.12em;opacity:0}
.hp-story[data-typing=true] .hp-search-query:after{opacity:1}
.hp-story[data-typing=true][data-running=true] .hp-search-query:after{animation:hp-cursor .7s step-end infinite}
@keyframes hp-cursor{50%{opacity:0}}
.hp-search-pin{margin-left:auto;color:var(--hm-gray-700)}
.hp-nav-callout{overflow:hidden;display:grid;position:relative;z-index:2;width:62%;margin:76px 0 36px auto;background:white;border:1px solid #cfdce8;border-radius:8px;box-shadow:0 3px 16px rgba(49,80,116,.045)}
.hp-nav-scene{grid-area:1/1;opacity:0;visibility:hidden;transform:translateX(28px);pointer-events:none;padding:26px;transition:opacity .45s ease,transform .55s cubic-bezier(.22,.68,0,1),visibility .55s}
.hp-nav-scene.is-active{opacity:1;visibility:visible;transform:none;transition-delay:.08s}
.hp-nav-scene.is-leaving{transform:translateX(-28px)}
.hp-location-label{display:flex;align-items:flex-start;gap:8px;font-size:.625rem;line-height:1.65;color:var(--gray-600);margin-bottom:16px}
.hp-location-label .hp-glyph{font-size:12px;color:var(--hm-dark-blue-600);line-height:1.45}
.hp-nav-scene h4{font-size:1.375rem;margin:0 0 13px}
.hp-nav-scene>p{font-size:.75rem;line-height:1.65;color:var(--gray-600)}
.hp-search-scope{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.hp-search-scope span{font-size:.625rem;padding:5px 8px;border:1px solid var(--border-default);border-radius:4px;color:var(--hm-dark-blue-600)}
.hp-nav-values{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-default);padding-top:18px;margin-top:22px;gap:16px}
.hp-nav-values strong{display:block;color:var(--hm-dark-blue-600);font-size:1.625rem;font-weight:500;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hp-nav-values span{display:block;font-size:.625rem;color:var(--gray-600);margin-top:6px}
.hp-nav-review{font-size:.625rem;line-height:1.6;color:var(--gray-600);margin-top:20px}
.hp-referral-item{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.6875rem;line-height:1.5;color:var(--gray-600);padding:10px 0;border-bottom:1px solid var(--border-default)}
.hp-referral-item .hp-glyph{font-size:10px;color:#28734d}
.hp-referral-ready{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.6875rem;background:var(--hm-surface-mint);color:var(--hm-dark-blue-600);padding:12px;margin-top:18px;border-radius:4px}
.hp-network-map .motion-network-marker{transform-box:fill-box;transform-origin:center}
.hp-story[data-running=true] .motion-network-marker{animation:hp-marker 5.5s ease-in-out infinite;animation-delay:var(--hp-marker-delay,0s)}
@keyframes hp-marker{0%,72%,100%{transform:scale(1)}80%{transform:scale(1.14)}88%{transform:scale(1)}}
@media(min-width:901px) and (max-width:1100px){.hp-story{gap:36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.hp-story--carenav{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.hp-core-canvas{padding-inline:12px 0}.hp-scene{padding:24px}.hp-window-bar{padding:16px 24px}.hp-core-note{padding:0}.hp-nav-callout{width:72%;margin-top:78px}.hp-nav-scene{padding:22px}.hp-nav-search{width:95%;margin-left:0;font-size:.75rem}.hp-copy h3{font-size:2rem}}
@media(max-width:900px){.hp-story,.hp-story--carenav{grid-template-columns:1fr;gap:36px;padding-block:40px 56px}.hp-story--carenav .hp-copy,.hp-story--carenav .hp-visual{grid-column:auto;grid-row:auto}.hp-copy{max-width:620px}.hp-visual{width:100%;max-width:620px;justify-self:center}.hp-story+.hp-story{padding-top:56px}.hp-copy h3{font-size:2.25rem}.hp-core-canvas{padding-top:0}.hp-nav-canvas{min-height:480px}.hp-nav-callout{width:58%}.hp-network-map{inset:45px 0 30px -3%}.hp-section-heading{margin-bottom:0}}
@media(max-width:560px){.hp-platform{padding-top:48px}.hp-story,.hp-story--carenav{gap:28px;padding-top:36px}.hp-copy h3{font-size:1.875rem;margin-bottom:18px}.hp-description{font-size:.9375rem}.hp-product-name{margin-bottom:16px}.hp-step{font-size:.8125rem;padding-block:15px;gap:12px}.hp-step-list{margin-block:22px}.hp-core-canvas{padding:0 0 8px}.hp-core-window{max-width:none}.hp-window-bar{padding:15px 18px;gap:12px}.hp-window-brand{font-size:.75rem}.hp-window-bar>span{font-size:.5625rem}.hp-scene{padding:22px}.hp-canvas h4{font-size:1.25rem}.hp-package-row{gap:12px}.hp-package-row strong{font-size:.875rem}.hp-package-row>b{font-size:1rem}.hp-package-icon{width:34px;height:34px}.hp-core-note{padding:0;gap:10px}.hp-core-note strong{font-size:.75rem}.hp-core-note div>span{font-size:.625rem}.hp-note-symbol{width:28px;height:28px}.hp-nav-canvas{min-height:470px;padding-top:0;padding-bottom:24px}.hp-nav-search{width:96%;margin-left:2%;padding:15px 14px;font-size:.6875rem;gap:9px}.hp-network-map{inset:50px -2% 90px -6%}.hp-nav-callout{width:77%;margin-top:105px;margin-bottom:26px}.hp-nav-scene{padding:21px}.hp-nav-scene h4{font-size:1.25rem}.hp-nav-values strong{font-size:1.5rem}.hp-map-key{left:0;bottom:4px;font-size:.5625rem}.hp-checkout-total strong{font-size:1.875rem}}
@media(prefers-reduced-motion:reduce){.hp-scene,.hp-nav-scene,.hp-scene.is-leaving,.hp-nav-scene.is-leaving{transition:none;transform:none}.hp-search-query:after{display:none}.hp-story .motion-network-marker{animation:none!important}}

@media(max-width:560px){.hp-window-brand img{width:96px}}