/* wowpilot homepage (app/views/home/index.site.php) — the 2026-10 "human"
   redesign. Generated from the approved mockup's stylesheet: every class
   carries an hm- prefix and every rule is scoped under .hm, so nothing here
   reaches the engine pages or collides with app.css (.hero, .stars, .price…).
   The site chrome (nav, footer) is the engine's, restyled in theme-coral.css.
   Loaded via $extra_css, i.e. after app.css and before theme-coral.css. */

.hm { --paper:#f8f8f8;--white:#fff;--ink:#252621;--muted:#686b62;--coral:#8a0303;--coral-dark:#8a0303;--peach:#e9e9e9;--green:#263f35;--line:#dedede;--soft:#eeeeee;--radius:16px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth }
.hm * { box-sizing:border-box }
.hm button, .hm input, .hm select, .hm textarea { font:inherit }
.hm button, .hm a, .hm input, .hm select, .hm textarea { -webkit-tap-highlight-color:transparent }
.hm button, .hm a { touch-action:manipulation }
.hm button { cursor:pointer }
.hm a { color:inherit;text-decoration:none }
.hm button { color:inherit }
.hm img { display:block;max-width:100%;height:auto }
.hm button { border:0;background:none }
.hm h1, .hm h2, .hm h3, .hm h4, .hm p { margin:0 }
.hm h1, .hm h2, .hm h3, .hm h4 { font-weight:600 }
.hm p { line-height:1.65 }
.hm a, .hm button, .hm input, .hm select, .hm textarea { outline-offset:5px }
.hm a:focus-visible, .hm button:focus-visible, .hm input:focus-visible, .hm select:focus-visible, .hm textarea:focus-visible, .hm summary:focus-visible { outline:2px solid var(--coral-dark) }
.hm ::selection { background:#d4d4d4 }
.hm button:disabled { cursor:default }
.hm [hidden] { display:none!important }
.hm .hm-wrap { width:min(1240px,calc(100% - 96px));margin-inline:auto }
.hm .hm-section { padding-block:104px;scroll-margin-top:28px }
.hm .hm-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }
.hm .hm-button { display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:56px;border:1px solid var(--ink);border-radius:9px;padding:15px 23px;background:var(--ink);color:white;font-size:15px;font-weight:550;line-height:1.2;transition:background .2s,transform .2s }
.hm .hm-button>span { font-size:21px;font-weight:400 }
.hm .hm-button:hover { background:var(--coral-dark);border-color:var(--coral-dark);transform:translateY(-2px) }
.hm .hm-button-small { min-height:44px;padding:11px 17px;font-size:14px;gap:18px }
.hm .hm-outline-button { background:transparent;color:var(--ink);border-color:#bababa }
.hm .hm-outline-button:hover { color:white }
.hm .hm-text-button { display:inline-flex;align-items:center;gap:12px;padding:0;line-height:1.4;font-weight:550;font-size:14px;text-align:left }
.hm .hm-text-button:hover { color:var(--coral-dark) }
.hm .hm-play-icon { width:34px;height:34px;border:1px solid #c3c3c3;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;padding-left:2px;flex-shrink:0 }
.hm .hm-fine-print { font-size:12px;line-height:1.6;color:var(--muted) }
.hm .hm-hero { display:grid;grid-template-columns:1.06fr 1fr;gap:72px;align-items:center;padding-block:66px 83px }
.hm .hm-hero-copy { padding-block:10px }
.hm .hm-hero h1 { font-size:clamp(58px,6.1vw,88px);letter-spacing:-.068em;line-height:1.015;font-weight:550 }
.hm .hm-hero h1 em { font-style:normal;color:var(--coral-dark) }
.hm .hm-hero-description { font-size:21px;letter-spacing:-.025em;line-height:1.45;margin-top:30px;font-weight:450 }
.hm .hm-hero-support { font-size:15px;color:var(--muted);margin-top:15px;line-height:1.65 }
.hm .hm-hero-actions { display:flex;align-items:center;gap:25px;margin-block:28px 16px }
.hm .hm-hero-actions .hm-text-button { max-width:170px }
.hm .hm-hero-photo-composition { position:relative;padding:0 0 34px 10px;min-width:0 }
.hm .hm-photo-mat { padding:11px;background:#e0e0e0;border-radius:140px 16px 16px 16px;transform:rotate(2deg) }
.hm .hm-hero-photo { width:100%;height:548px;object-fit:cover;border-radius:132px 9px 9px 9px;transform:rotate(-2deg);object-position:center 40% }
.hm .hm-hero-rating { position:absolute;left:-36px;bottom:15px;background:#fff;box-shadow:0 14px 50px #282c2520;padding:22px 24px 14px;width:275px;border-radius:12px;transform:rotate(-4deg) }
.hm .hm-rating-row { display:flex;justify-content:space-between;align-items:center }
.hm .hm-stars { color:var(--coral-dark);letter-spacing:2px;font-size:19px;white-space:nowrap;line-height:1.2 }
.hm .hm-round-check { width:24px;height:24px;border:1px solid #c5d4c9;color:var(--green);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0 }
.hm .hm-hero-rating strong { font-size:18px;font-weight:550;line-height:1.45;display:block;margin-top:15px;letter-spacing:-.03em }
.hm .hm-rating-bottom { display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:13px;border-top:1px solid #e8e8e8;font-size:10px;color:var(--muted) }
.hm .hm-mini-star { color:var(--coral);font-size:24px }
.hm .hm-hero-rating>small { display:block;font-size:9px;color:#6b6c64;margin-top:4px }
.hm .hm-photo-caption { font-size:11px;color:var(--muted);text-align:right;margin:18px 0 -10px }
.hm .hm-discover-strip { background:var(--green);color:white;padding:30px 0 }
.hm .hm-discover-inner { display:flex;align-items:center;justify-content:space-between;gap:40px }
.hm .hm-discover-inner h2 { font-size:20px;font-weight:500;letter-spacing:-.03em }
.hm .hm-discover-inner p { font-size:13px;color:#d2dcd1;margin-top:4px }
.hm .hm-discover-inner form { background:white;display:flex;align-items:center;border-radius:9px;padding:7px 7px 7px 20px;width:430px;gap:14px;color:var(--ink);flex-shrink:0 }
.hm .hm-discover-inner input { border:0;min-width:0;width:100%;font-size:13px;background:transparent;line-height:28px;padding:3px 0 }
.hm .hm-discover-inner input:focus { outline:none }
.hm .hm-discover-inner form:focus-within { outline:2px solid #d6d6d6;outline-offset:4px }
.hm .hm-discover-inner button { background:#ececec;border-radius:6px;width:39px;height:39px;flex-shrink:0;font-size:22px }
.hm .hm-search-icon { width:14px;height:14px;border:1.5px solid #6b6c63;border-radius:50%;position:relative;flex-shrink:0;margin-right:2px }
.hm .hm-search-icon:after { content:'';width:6px;height:1.5px;background:#6b6c63;position:absolute;right:-4px;bottom:-2px;transform:rotate(45deg) }
.hm .hm-section-heading { margin-bottom:49px }
.hm .hm-section-heading h2, .hm h2 { font-size:clamp(32px,3.55vw,48px);line-height:1.12;letter-spacing:-.05em }
.hm .hm-section-heading p { color:var(--muted);font-size:16px;max-width:430px }
.hm .hm-section-heading p+p { margin-top:12px }
.hm .hm-split-heading { display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px }
.hm .hm-centered { text-align:center }
.hm .hm-centered p { max-width:590px;margin:23px auto 0 }
.hm .hm-arrow-link { display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:550;padding:3px 0 5px;border-bottom:1px solid #bcbdb2;line-height:1.5 }
.hm .hm-arrow-link:hover { color:var(--coral-dark);border-color:var(--coral-dark) }
.hm .hm-arrow-link span { font-size:20px;font-weight:400 }
.hm .hm-loop-section { padding-bottom:86px }
.hm .hm-loop-steps { display:flex;align-items:center;justify-content:space-between;gap:10px;margin:58px 0 27px }
.hm .hm-loop-steps button { display:flex;flex-direction:column;align-items:center;gap:14px;min-width:110px;padding:8px;font-size:14px;font-weight:550 }
.hm .hm-loop-symbol { width:72px;height:72px;border:1px solid #d8d9cf;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:33px;font-weight:400;transition:background .2s,transform .2s }
.hm .hm-loop-steps button:hover .hm-loop-symbol { transform:translateY(-4px);border-color:var(--coral) }
.hm .hm-loop-steps .hm-is-active .hm-loop-symbol { background:var(--coral);border-color:var(--coral);color:white;box-shadow:0 8px 20px #8a030325 }
.hm .hm-loop-arrow { color:#a6a89c;font-size:24px }
.hm .hm-loop-explanation { border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:42px;min-height:134px }
.hm .hm-loop-explanation h3 { font-size:22px;line-height:1.3;letter-spacing:-.035em;max-width:280px }
.hm .hm-loop-explanation p { font-size:14px;color:var(--muted);line-height:1.6 }
.hm .hm-product-section { background:#eeefe8;border-top:1px solid #e3e4dc;border-bottom:1px solid #e3e4dc;padding-top:93px;padding-bottom:55px }
.hm .hm-product-tabs { display:flex;justify-content:center;gap:9px;margin:0 auto 48px;flex-wrap:wrap }
.hm .hm-product-tabs button { padding:13px 21px;border:1px solid #d3d5c8;border-radius:40px;background:transparent;font-size:13px;font-weight:500;white-space:nowrap;transition:background .2s }
.hm .hm-product-tabs button[aria-selected=true] { background:var(--ink);border-color:var(--ink);color:white }
.hm .hm-product-tabs button:hover:not([aria-selected=true]) { background:#e0e3d6 }
.hm .hm-product-panel { display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;min-height:460px }
.hm .hm-product-copy h3 { font-size:38px;line-height:1.14;letter-spacing:-.045em }
.hm .hm-product-copy>p { font-size:15px;color:var(--muted);line-height:1.7;margin-top:22px;max-width:370px }
.hm .hm-check-list { list-style:none;padding:0;display:grid;gap:12px;margin:25px 0;font-size:13px;line-height:1.5 }
.hm .hm-check-list li { padding-left:23px;position:relative }
.hm .hm-check-list li:before { content:'✓';position:absolute;left:0;top:0;color:var(--green);font-size:14px;font-weight:500 }
.hm .hm-product-copy>.hm-arrow-link { margin-top:5px }
.hm .hm-product-visual { min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0 }
.hm .hm-automation-event { width:90%;padding:16px 19px;background:white;border-radius:9px;display:flex;gap:13px;align-items:center;box-shadow:0 9px 25px #282c2508 }
.hm .hm-event-icon { display:flex;align-items:center;justify-content:center;background:#e3f0e2;color:#3e693b;width:35px;height:35px;border-radius:8px }
.hm .hm-automation-event strong { font-size:13px;display:block;font-weight:550 }
.hm .hm-automation-event small { font-size:11px;display:block;margin-top:5px;color:var(--muted) }
.hm .hm-tiny-status { margin-left:auto;font-size:10px;color:var(--green);background:#edf4e7;padding:5px 8px;border-radius:4px }
.hm .hm-connection-line { height:29px;border-left:1px dashed #a4ae9f }
.hm .hm-email-card { width:100%;background:white;border-radius:12px;box-shadow:0 20px 45px #333a2510;transform:rotate(-2deg) }
.hm .hm-email-chrome, .hm .hm-browser-top { display:flex;align-items:center;gap:5px;padding:14px 19px;border-bottom:1px solid #e6e7df }
.hm .hm-email-chrome>span, .hm .hm-browser-top>span { width:6px;height:6px;border-radius:50%;background:#d9dbd2 }
.hm .hm-email-chrome small, .hm .hm-browser-top small { font-size:10px;color:var(--muted);margin-left:auto;margin-right:auto;transform:translateX(-14px) }
.hm .hm-email-content { padding:28px 38px 22px }
.hm .hm-sample-logo { display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:24px;color:#476055 }
.hm .hm-sample-logo span { font-size:11px;line-height:1.35;font-weight:500;color:#4b5148 }
.hm .hm-email-content h4 { font-size:21px;letter-spacing:-.035em;margin-top:25px }
.hm .hm-email-content p { font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px }
.hm .hm-email-stars { font-size:36px;letter-spacing:5px;color:var(--coral);text-align:center;margin:16px 0 }
.hm .hm-demo-button { background:var(--green);color:white;border-radius:7px;text-align:center;font-size:11px;padding:12px;font-weight:500 }
.hm .hm-email-content>small { display:block;font-size:10px;text-align:center;color:var(--muted);margin-top:12px }
.hm .hm-automation-footer { display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin-top:22px;color:#58604f }
.hm .hm-automation-footer .hm-round-check { width:18px;height:18px;font-size:10px }
.hm .hm-product-demo-note { font-size:11px;color:var(--muted);text-align:center;margin-top:34px;min-height:18px }
.hm .hm-capture-card { background:white;width:100%;padding:32px;border-radius:14px;box-shadow:0 20px 40px #333a2510;transform:rotate(1deg) }
.hm .hm-capture-card .hm-sample-logo { border-bottom:1px solid #e6e6e6;padding-bottom:18px;display:flex }
.hm .hm-capture-card .hm-sample-logo span { font-size:13px }
.hm .hm-big-stars { display:block;font-size:36px;letter-spacing:5px;margin:23px 0 }
.hm .hm-capture-card h4 { font-size:22px;letter-spacing:-.035em }
.hm .hm-capture-card p { font-size:13px;color:var(--muted);margin:14px 0 }
.hm .hm-attachment-row { border:1px solid var(--line);border-radius:7px;padding:14px;font-size:11px;display:flex;gap:9px;align-items:center;margin:20px 0 }
.hm .hm-attachment-row>span:first-child { font-size:20px }
.hm .hm-attachment-row>span:last-child { color:var(--muted);margin-left:auto;font-size:10px }
.hm .hm-verified-text { font-size:11px;color:var(--green);margin-bottom:15px }
.hm .hm-capture-card>small { display:block;font-size:10px;color:var(--muted);margin-top:13px }
.hm .hm-widget-browser { width:100%;background:white;border-radius:13px;overflow:hidden;box-shadow:0 20px 45px #333a2510 }
.hm .hm-widget-preview { padding:30px 30px 15px }
.hm .hm-widget-label { font-size:24px;font-weight:550;letter-spacing:-.035em;display:block;text-align:center;margin-bottom:23px }
.hm .hm-widget-preview article { border:1px solid var(--line);padding:22px;border-radius:10px }
.hm .hm-widget-preview h4 { font-size:19px;line-height:1.4;margin-top:15px;letter-spacing:-.025em }
.hm .hm-widget-preview article>p { font-size:13px;color:var(--muted);margin-top:10px }
.hm .hm-widget-preview .hm-review-author { margin-top:20px }
.hm .hm-widget-brand { border-top:1px solid var(--line);text-align:center;font-size:11px;padding-top:18px;margin-top:25px }
.hm .hm-widget-brand span { font-weight:600;margin-left:7px }
.hm .hm-extra-widget { display:none }
.hm .hm-widget-preview.hm-is-wall { display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px }
.hm .hm-is-wall .hm-widget-label, .hm .hm-is-wall .hm-widget-brand { grid-column:1/-1 }
.hm .hm-is-wall .hm-extra-widget { display:block }
.hm .hm-is-wall article { padding:16px }
.hm .hm-is-wall h4 { font-size:15px }
.hm .hm-is-wall .hm-review-author .hm-avatar { display:none }
.hm .hm-is-wall .hm-review-author { margin-top:12px }
.hm .hm-is-wall .hm-review-author strong { font-size:11px }
.hm .hm-amplify-visual>small { margin-top:18px;font-size:10px;color:var(--muted) }
.hm .hm-alert-notification { display:flex;align-items:center;gap:13px;width:96%;padding:18px;background:#f8f8f8;border:1px solid #cccccc;border-radius:9px;margin-bottom:17px;transform:rotate(-2deg) }
.hm .hm-notification-icon { width:31px;height:31px;border-radius:50%;background:#d8d8d8;color:#575757;display:flex;align-items:center;justify-content:center }
.hm .hm-alert-notification strong { font-size:12px;display:block }
.hm .hm-alert-notification small { font-size:10px;display:block;color:var(--muted);margin-top:5px }
.hm .hm-inbox-card { background:white;border-radius:12px;padding:25px;width:100%;box-shadow:0 20px 40px #333a2510 }
.hm .hm-inbox-title { display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px }
.hm .hm-inbox-title h4 { font-size:19px;letter-spacing:-.03em }
.hm .hm-inbox-title>span { font-size:10px;background:var(--peach);padding:5px 8px;border-radius:4px }
.hm .hm-inbox-row { padding-block:18px;border-bottom:1px solid #e7e7e7;position:relative }
.hm .hm-inbox-row:last-child { border-bottom:0;padding-bottom:3px }
.hm .hm-inbox-row .hm-stars { font-size:13px;display:block }
.hm .hm-inbox-row strong { font-size:12px;display:block;margin-top:8px }
.hm .hm-inbox-row small { display:block;font-size:10px;margin-top:6px;color:var(--muted) }
.hm .hm-inbox-row>a { position:absolute;right:0;top:21px;font-size:11px;color:var(--coral-dark) }
.hm .hm-dashboard-section { background:var(--green);color:white;padding-bottom:54px }
.hm .hm-dashboard-section .hm-section-heading p { color:#c8d3c7 }
.hm .hm-dashboard-section .hm-arrow-link { margin-top:18px }
.hm .hm-light-link { color:white;border-color:#809184 }
.hm .hm-light-link:hover { color:#cfcfcf;border-color:#cfcfcf }
.hm .hm-dashboard { display:flex;border-radius:13px;overflow:hidden;background:#f6f7f2;color:var(--ink);box-shadow:0 26px 70px #11231a40 }
.hm .hm-dash-sidebar { width:190px;flex-shrink:0;background:#eef0e8;border-right:1px solid #e0e3d8;padding:25px 16px;display:flex;flex-direction:column }
.hm .hm-dash-brand { font-size:20px;letter-spacing:-.06em;color:var(--coral-dark) }
.hm .hm-dash-brand>b { font-weight:650 }
.hm .hm-dash-business { display:flex;align-items:center;gap:9px;padding:27px 8px 22px;margin-bottom:10px;font-size:11px;line-height:1.4 }
.hm .hm-dash-business .hm-sample-logo { background:white;border:1px solid #dadfd2;border-radius:7px;width:31px;height:34px;display:flex;align-items:center;justify-content:center;font-size:18px }
.hm .hm-dash-business small { color:var(--muted) }
.hm .hm-dash-nav { display:flex;align-items:center;gap:3px;font-size:11px;padding:12px 10px;border-radius:7px;color:#68705f;margin-block:2px }
.hm .hm-dash-nav.hm-active { background:white;color:var(--ink);font-weight:600;box-shadow:0 1px 3px #333a2508 }
.hm .hm-dash-nav:hover { background:#e2e7da }
.hm .hm-dash-nav small { margin-left:auto;background:#e6e6e6;color:var(--coral-dark);padding:2px 5px;font-size:9px }
.hm .hm-dash-sidebar-bottom { display:flex;align-items:center;gap:8px;font-size:10px;margin-top:auto;padding-top:45px }
.hm .hm-dash-sidebar-bottom>span:last-child { max-width:108px }
.hm .hm-dash-sidebar-bottom small { display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-top:4px }
.hm .hm-dash-sidebar-bottom .hm-avatar { width:27px;height:27px;font-size:8px;flex-shrink:0 }
.hm .hm-dash-main { padding:32px;flex:1;min-width:0 }
.hm .hm-dash-top { display:flex;justify-content:space-between;align-items:center;gap:20px }
.hm .hm-dash-top h3 { font-size:22px;letter-spacing:-.035em }
.hm .hm-dash-top p { font-size:11px;color:var(--muted);margin-top:6px }
.hm .hm-period-label select { border:1px solid #d5dacc;background:white;border-radius:6px;padding:8px 10px;color:#535c4b;font-size:10px }
.hm .hm-dash-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0 20px }
.hm .hm-dash-metrics>div { background:white;border:1px solid #e1e5d8;border-radius:9px;padding:18px 17px }
.hm .hm-dash-metrics>div>span { display:block;font-size:10px;color:#65715c }
.hm .hm-dash-metrics strong { font-size:35px;font-weight:550;letter-spacing:-.05em;display:block;margin-block:8px 5px;line-height:1.1 }
.hm .hm-dash-metrics strong i { font-style:normal;font-size:22px;color:var(--coral-dark);vertical-align:middle;margin-left:6px }
.hm .hm-dash-metrics small { font-size:9px;color:var(--muted);line-height:1.5;display:block }
.hm .hm-dash-metrics small b { color:#3c6d48;font-weight:500 }
.hm .hm-dash-panels { display:grid;grid-template-columns:1.45fr 1fr;gap:17px }
.hm .hm-chart-card, .hm .hm-sentiment-card { background:white;border:1px solid #e1e5d8;border-radius:9px;padding:20px }
.hm .hm-card-heading { display:flex;align-items:center;justify-content:space-between;gap:10px }
.hm .hm-chart-card h4, .hm .hm-sentiment-card h4 { font-size:12px;font-weight:550;letter-spacing:-.01em }
.hm .hm-card-heading>span { font-size:8px;color:var(--muted) }
.hm .hm-chart { height:163px;display:flex;gap:10px;margin-top:23px }
.hm .hm-chart-lines { display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#89917e;padding-bottom:0;flex-shrink:0 }
.hm .hm-chart-bars { display:flex;align-items:flex-end;justify-content:space-between;gap:7px;width:100%;background:repeating-linear-gradient(to top,#ecede7 0,#ecede7 1px,transparent 1px,transparent 33.33%) }
.hm .hm-chart-bars>span { width:100%;height:var(--bar);min-height:5px;background:#abc2a6;border-radius:3px 3px 0 0;transition:height .4s }
.hm .hm-chart-bars>span:nth-last-child(-n+3) { background:#3c6a4c }
.hm .hm-chart-labels { display:flex;justify-content:space-between;font-size:8px;color:#7b846e;margin-top:10px;padding-left:20px }
.hm .hm-sentiment-value { font-size:36px;font-weight:550;letter-spacing:-.04em;display:flex;align-items:center;gap:13px;margin-top:22px }
.hm .hm-sentiment-value>span { font-size:10px;color:var(--muted);line-height:1.4;max-width:70px;letter-spacing:0;font-weight:400 }
.hm .hm-sentiment-track { display:flex;height:8px;border-radius:3px;overflow:hidden;gap:2px;margin-top:14px }
.hm .hm-sentiment-track>span:nth-child(1) { width:78%;background:#567b55 }
.hm .hm-sentiment-track>span:nth-child(2) { width:14%;background:#b9b9b9 }
.hm .hm-sentiment-track>span:nth-child(3) { width:8%;background:#8a0303 }
.hm .hm-sentiment-card>p { font-size:10px;line-height:1.6;color:#6e7766;margin-top:16px }
.hm .hm-sentiment-card>p b { font-weight:500 }
.hm .hm-sentiment-key { display:flex;justify-content:space-between;font-size:8px;margin-top:16px;color:var(--muted);gap:5px }
.hm .hm-dash-bottom { display:flex;justify-content:space-between;align-items:center;margin-top:17px;background:#ececec;border:1px solid #dbdbdb;padding:14px 17px;border-radius:7px;gap:15px;font-size:10px }
.hm .hm-dash-bottom>div { display:flex;align-items:center;gap:8px }
.hm .hm-dash-bottom strong { font-weight:550 }
.hm .hm-dash-bottom>div>span:last-child { color:var(--muted) }
.hm .hm-dash-bottom>a { white-space:nowrap;font-weight:550 }
.hm .hm-attention-dot { background:#848484;width:6px;height:6px;border-radius:50% }
.hm .hm-benchmark { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:9px;color:var(--muted) }
.hm .hm-benchmark b { color:var(--green);font-weight:550 }
.hm .hm-benchmark small { font-size:8px }
.hm .hm-dashboard-disclaimer { text-align:center;font-size:10px;color:#c3cfc0;margin-top:22px }
.hm .hm-feedback-grid { display:grid;grid-template-columns:1fr 1fr;gap:46px }
.hm .hm-feedback-options { display:grid;grid-template-columns:1fr 1fr;gap:13px }
.hm .hm-feedback-options button { border:1px solid var(--line);border-radius:11px;padding:21px;text-align:left;font-size:14px;line-height:1.6;display:flex;flex-wrap:wrap;gap:16px;background:transparent;position:relative;transition:background .2s }
.hm .hm-feedback-options button>.hm-avatar { display:block }
.hm .hm-feedback-options button>span:nth-child(2) { width:100%;font-size:13px;line-height:1.6 }
.hm .hm-feedback-options button>span:last-child { position:absolute;top:19px;right:20px;font-size:18px;color:var(--muted) }
.hm .hm-feedback-options button.hm-is-active { background:#fff;border-color:#9caa91;box-shadow:0 7px 18px #3a45250a }
.hm .hm-avatar { display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:50%;background:#e5e5e5;color:#626355;font-size:10px;font-weight:500;flex-shrink:0 }
.hm .hm-feedback-action { background:#e6e6e6;border-radius:13px;padding:39px 45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start }
.hm .hm-action-icon { font-size:32px;line-height:1;color:#636363;margin-bottom:24px }
.hm .hm-feedback-action h3 { font-size:28px;letter-spacing:-.04em;line-height:1.2 }
.hm .hm-feedback-action p { color:#666666;font-size:14px;margin-top:16px;min-height:68px }
.hm .hm-feedback-action .hm-arrow-link { margin-top:22px;border-color:#9c9c9c }
.hm .hm-feedback-action>small { font-size:9px;color:#6b6b6b;margin-top:22px }
.hm .hm-autopilot-flow { border-top:1px solid var(--line);padding-top:46px;margin-top:57px;display:grid;grid-template-columns:220px 1fr;gap:36px }
.hm .hm-autopilot-intro h3 { font-size:23px;letter-spacing:-.04em;line-height:1.25 }
.hm .hm-autopilot-intro p { font-size:12px;color:var(--muted);margin-top:12px }
.hm .hm-autopilot-flow ol { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:23px }
.hm .hm-autopilot-flow li { position:relative;padding:20px 0 0 16px;border-left:1px solid #cdd4c5 }
.hm .hm-autopilot-flow li:before { content:'✓';position:absolute;left:-9px;top:0;width:17px;height:17px;background:var(--paper);color:var(--green);font-size:11px;text-align:center }
.hm .hm-autopilot-flow li>span { font-size:12px;font-weight:550;display:block }
.hm .hm-autopilot-flow small { font-size:10px;color:var(--muted);line-height:1.6;display:block;margin-top:7px }
.hm .hm-autopilot-flow .hm-human-step:before { content:'♡';color:var(--coral-dark) }
.hm .hm-recovery-section { background:#e6e6e6 }
.hm .hm-recovery-grid { display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center }
.hm .hm-recovery-stars { display:flex;align-items:center;gap:14px;font-size:24px;color:#6c6c6c;margin-bottom:29px }
.hm .hm-recovery-stars>span:nth-child(2) { font-size:18px;color:#949494 }
.hm .hm-recovery-copy h2 { font-size:43px }
.hm .hm-recovery-copy>p { margin-top:25px;font-size:15px;color:#6e6e6e;max-width:420px }
.hm .hm-recovery-copy .hm-recovery-note { font-size:12px;line-height:1.7;margin-top:19px }
.hm .hm-recovery-copy>.hm-arrow-link { margin-top:22px }
.hm .hm-conversation { display:flex;flex-direction:column;align-items:flex-start;gap:13px }
.hm .hm-conversation-label { font-size:10px;color:#6f6f6f;margin:0 0 3px 9px }
.hm .hm-message { background:white;border-radius:12px;padding:19px 22px;width:90%;box-shadow:0 9px 25px #54545408;border:1px solid #dfdfdf }
.hm .hm-message-top { display:flex;gap:9px;align-items:center }
.hm .hm-message-top strong { font-size:11px;display:block;font-weight:550 }
.hm .hm-message-top small { display:block;font-size:9px;color:var(--muted);margin-top:5px }
.hm .hm-message-top .hm-stars { font-size:11px;letter-spacing:1px }
.hm .hm-message-top .hm-avatar { width:29px;height:29px;font-size:8px }
.hm .hm-message p { font-size:13px;line-height:1.65;margin-top:12px }
.hm .hm-conversation-alert { font-size:10px;color:#6c6c6c;display:flex;align-items:center;gap:7px;padding-left:16px }
.hm .hm-conversation-alert>span { border:1px solid #999999;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:9px }
.hm .hm-business-message { align-self:flex-end;background:#f8faf4;border-color:#c9d6bf }
.hm .hm-updated-message { margin-left:9px;transform:rotate(-1deg) }
.hm .hm-conversation>.hm-text-button { margin:12px 0 0 10px;font-size:12px }
.hm .hm-conversation>.hm-fine-print { font-size:10px;max-width:400px;margin-left:10px }
.hm .hm-reply-composer { width:100%;background:#fff9;padding:18px;border-radius:9px }
.hm .hm-reply-composer label { display:block;font-size:12px;margin-bottom:9px }
.hm .hm-reply-composer textarea { width:100%;resize:vertical;border:1px solid #c8c8c8;border-radius:6px;padding:11px;font-size:13px;background:white }
.hm .hm-reply-composer .hm-button { margin-top:10px }
.hm .hm-reply-preview-label { font-size:11px }
.hm .hm-real-ratings { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.hm .hm-real-rating { display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:12px;padding:30px;transition:transform .2s,border .2s }
.hm .hm-real-rating:hover { transform:translateY(-5px);border-color:#9aa28b }
.hm .hm-real-rating .hm-stars { font-size:18px }
.hm .hm-real-rating h3 { font-size:22px;letter-spacing:-.035em;line-height:1.4;margin:22px 0 34px;font-weight:500;min-height:91px }
.hm .hm-review-author { display:flex;gap:10px;align-items:center;width:100% }
.hm .hm-review-author strong { display:block;font-size:11px;font-weight:550 }
.hm .hm-review-author small { display:block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:5px }
.hm .hm-card-arrow { margin-left:auto;font-size:21px;font-weight:400;color:#6e7664 }
.hm .hm-real-rating .hm-review-author { margin-top:auto }
.hm .hm-real-rating:nth-child(2) { background:#f0f2e9 }
.hm .hm-source-note { font-size:10px;line-height:1.6;color:var(--muted);margin-top:18px }
.hm .hm-proof-tools { display:grid;grid-template-columns:repeat(3,1fr);gap:53px;margin-top:47px }
.hm .hm-proof-tools>div { display:grid;grid-template-columns:36px 1fr;gap:8px 13px;align-items:center }
.hm .hm-proof-tools>div>span { grid-row:1/3;align-self:flex-start;font-size:27px;color:#7f7f7f;letter-spacing:-.08em }
.hm .hm-proof-tools h3 { font-size:17px;letter-spacing:-.025em }
.hm .hm-proof-tools p { font-size:12px;color:var(--muted);grid-column:2;line-height:1.6;max-width:250px }
.hm .hm-local-section { display:grid;grid-template-columns:1fr 1fr;background:#e9eddf;min-height:520px }
.hm .hm-local-photo { min-height:520px;overflow:hidden }
.hm .hm-local-photo img { width:100%;height:100%;object-fit:cover;object-position:center }
.hm .hm-local-copy { padding:65px 70px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:700px }
.hm .hm-local-copy h2 { font-size:40px }
.hm .hm-local-copy p { font-size:14px;max-width:390px;color:#68705d;margin-top:24px }
.hm .hm-local-copy .hm-check-list { font-size:12px;margin-block:23px 28px }
.hm .hm-local-copy .hm-button { font-size:13px;min-height:50px }
.hm .hm-local-copy>small { font-size:9px;color:#727a68;margin-top:20px }
.hm .hm-industries-section { padding-bottom:94px }
.hm .hm-industry-grid { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line) }
.hm .hm-industry-grid>a { padding:28px 26px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:209px;transition:background .2s }
.hm .hm-industry-grid>a:hover { background:#f0f1e9 }
.hm .hm-industry-icon { font-size:28px;color:#898c7a;line-height:1;height:29px;display:block }
.hm .hm-industry-grid h3 { font-size:17px;letter-spacing:-.025em;margin-top:20px }
.hm .hm-industry-grid p { font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px }
.hm .hm-industry-grid .hm-card-arrow { position:absolute;right:22px;top:28px;font-size:18px }
.hm .hm-integrations-section { background:#eeeeee;padding-block:75px }
.hm .hm-integrations-grid { display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center }
.hm .hm-integrations-grid h2 { font-size:43px }
.hm .hm-integrations-grid>div>p { font-size:14px;line-height:1.7;color:var(--muted);margin-top:22px;max-width:350px }
.hm .hm-integrations-grid .hm-arrow-link { margin-top:26px }
.hm .hm-integration-tiles { display:grid;grid-template-columns:1fr 1fr;gap:12px }
.hm .hm-integration-tiles a { background:#fafbf6;border:1px solid #daddd1;border-radius:9px;padding:21px 22px;font-size:18px;font-weight:550;letter-spacing:-.025em;transition:background .2s }
.hm .hm-integration-tiles a>span { display:block;font-size:10px;color:var(--muted);margin-top:9px;letter-spacing:0;font-weight:400 }
.hm .hm-integration-tiles a:hover { background:white;border-color:#99a38b }
.hm .hm-tour-section { padding-block:72px }
.hm .hm-tour-card { border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:38px 38px 38px 52px;background:white }
.hm .hm-tour-card h2 { font-size:37px }
.hm .hm-tour-card p { font-size:14px;color:var(--muted);max-width:340px;margin-top:18px }
.hm .hm-tour-card .hm-text-button { margin-top:22px;font-size:12px }
.hm .hm-tour-poster { position:relative;border-radius:9px;overflow:hidden;border:1px solid var(--line) }
.hm .hm-tour-poster img { width:100%;object-fit:cover }
.hm .hm-tour-poster>span { position:absolute;bottom:11px;right:11px;font-size:11px;padding:5px 8px;background:#252621d9;color:white;border-radius:4px }
.hm .hm-pricing-section { background:#e6e6e6;padding-block:88px 53px }
.hm .hm-pricing-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;padding-top:15px }
.hm .hm-price-card { background:#f7f7f7;border:1px solid #d9d9d9;border-radius:12px;padding:31px;position:relative }
.hm .hm-price-card h3 { font-size:24px;font-weight:550;letter-spacing:-.035em }
.hm .hm-price-card>p { font-size:12px;color:var(--muted);margin-top:9px;min-height:38px;line-height:1.5 }
.hm .hm-price { font-size:52px;font-weight:550;letter-spacing:-.06em;line-height:1.2;margin:19px 0 25px }
.hm .hm-price span { font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0 }
.hm .hm-price-card .hm-button { width:100%;font-size:12px;justify-content:space-between;min-height:49px;gap:8px;padding:13px 15px }
.hm .hm-price-card .hm-button>span { font-size:18px }
.hm .hm-price-card .hm-check-list { font-size:12px;line-height:1.5;margin-block:25px 0;gap:13px }
.hm .hm-featured-plan { border-color:var(--ink);background:white }
.hm .hm-plan-note { position:absolute;top:-16px;left:25px;background:var(--ink);color:white;font-size:10px;padding:8px 13px;border-radius:6px }
.hm .hm-pricing-foot { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 38px;font-size:12px;color:#6e6e6e }
.hm .hm-pricing-foot .hm-arrow-link { font-size:12px }
.hm .hm-trust-promise { border-top:1px solid #cccccc;padding-top:29px;display:flex;align-items:center;justify-content:center;gap:12px }
.hm .hm-trust-promise>p { font-size:11px;color:#6e6e6e;line-height:1.6 }
.hm .hm-trust-promise strong { color:var(--ink);font-weight:550;margin-right:5px }
.hm .hm-trust-promise .hm-round-check { border-color:#a9b49b;width:20px;height:20px;font-size:10px }
.hm .hm-faq-section { display:grid;grid-template-columns:1fr 1.35fr;gap:90px;align-items:start }
.hm .hm-faq-section h2 { font-size:38px }
.hm .hm-faq-section>div>p { font-size:14px;color:var(--muted);margin-top:24px }
.hm .hm-faq-section>div>p .hm-arrow-link { margin-top:12px;font-size:13px }
.hm .hm-faqs { border-top:1px solid var(--line) }
.hm .hm-faqs details { border-bottom:1px solid var(--line);padding:24px 0 }
.hm .hm-faqs summary { list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.5;display:flex;justify-content:space-between;gap:20px;align-items:center }
.hm .hm-faqs summary::-webkit-details-marker { display:none }
.hm .hm-faqs summary>span { font-size:22px;font-weight:400;color:#888b7b;flex-shrink:0 }
.hm .hm-faqs details[open] summary>span { transform:rotate(45deg) }
.hm .hm-faqs details>p { font-size:13px;color:var(--muted);line-height:1.8;padding-right:30px;margin-top:18px }
.hm .hm-final-section { background:var(--green);color:white;padding:66px 0 }
.hm .hm-final-inner { display:flex;justify-content:space-between;align-items:center;gap:40px }
.hm .hm-final-inner h2 { font-size:43px }
.hm .hm-final-inner>div>p { font-size:13px;color:#c3d0c0;margin-top:20px }
.hm .hm-final-inner .hm-button { background:#f8f8f8;color:var(--ink);border-color:#f8f8f8;font-size:14px;gap:28px }
.hm .hm-final-inner .hm-button:hover { background:#cecece;border-color:#cecece }
.hm .hm-final-inner>div:last-child>p { font-size:10px;text-align:center;margin-top:13px }
.hm .hm-tour-dialog { border:1px solid #d9dcd0;border-radius:14px;padding:20px;background:var(--paper);color:var(--ink);width:min(960px,calc(100% - 30px));max-height:95vh }
.hm .hm-tour-dialog::backdrop { background:#17221bd9;backdrop-filter:blur(8px) }
.hm .hm-dialog-header { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px }
.hm .hm-dialog-header h2 { font-size:20px;letter-spacing:-.03em }
.hm .hm-dialog-header button { width:35px;height:35px;background:#e5e7dc;border-radius:50%;font-size:23px }
.hm .hm-tour-dialog video { width:100%;border-radius:8px;max-height:72vh;background:#1d3025 }
.hm .hm-tour-dialog>p { font-size:11px;color:var(--muted);margin-top:15px }
.hm .hm-tour-dialog>p>a { text-decoration:underline }
@media(min-width:1600px) {
.hm .hm-wrap { width:min(1320px,calc(100% - 120px)) }
.hm .hm-hero { gap:110px;padding-block:78px 94px }
.hm .hm-hero h1 { font-size:94px }
.hm .hm-hero-photo { height:610px }
.hm .hm-hero-description { font-size:23px }
.hm .hm-section { padding-block:115px }
.hm .hm-product-section { padding-bottom:60px }
.hm .hm-dashboard-section { padding-bottom:55px }
.hm .hm-hero-rating { bottom:22px;left:-30px }
.hm .hm-local-copy { padding:80px 90px }
}
@media(max-width:1150px) {
.hm .hm-wrap { width:calc(100% - 64px) }
.hm .hm-button-small { font-size:12px;min-height:40px;padding:10px 14px }
.hm .hm-hero { gap:52px;padding-top:55px }
.hm .hm-hero h1 { font-size:73px }
.hm .hm-hero-photo { height:513px }
.hm .hm-hero-actions { gap:17px }
.hm .hm-hero-actions>.hm-button { font-size:13px;gap:18px;padding:14px 18px;min-height:52px }
.hm .hm-hero-actions .hm-text-button { font-size:12px;max-width:155px;gap:8px }
.hm .hm-hero-rating { left:-26px;width:254px;padding:18px 21px 12px }
.hm .hm-hero-rating strong { font-size:17px }
.hm .hm-hero-description { font-size:19px }
.hm .hm-hero-support { font-size:14px }
.hm .hm-section { padding-block:86px }
.hm .hm-split-heading { gap:55px }
.hm .hm-product-panel { gap:55px }
.hm .hm-product-copy h3 { font-size:34px }
.hm .hm-product-copy>p { font-size:14px }
.hm .hm-product-copy .hm-check-list { font-size:12px }
.hm .hm-section-heading h2 { font-size:40px }
.hm .hm-product-section { padding-bottom:46px }
.hm .hm-dashboard-section { padding-bottom:45px }
.hm .hm-dash-sidebar { width:160px;padding:22px 12px }
.hm .hm-dash-main { padding:25px }
.hm .hm-dash-top h3 { font-size:20px }
.hm .hm-dash-metrics { gap:12px }
.hm .hm-dash-metrics>div { padding:16px 14px }
.hm .hm-dash-metrics strong { font-size:31px }
.hm .hm-dash-panels { gap:13px;grid-template-columns:1.3fr 1fr }
.hm .hm-chart-card, .hm .hm-sentiment-card { padding:16px }
.hm .hm-chart { height:151px }
.hm .hm-dash-bottom>div>span:last-child { display:none }
.hm .hm-benchmark { font-size:8px;gap:8px;flex-wrap:wrap }
.hm .hm-benchmark small { font-size:7px }
.hm .hm-feedback-grid { gap:29px }
.hm .hm-feedback-action { padding:31px }
.hm .hm-feedback-options button { padding:18px }
.hm .hm-autopilot-flow { grid-template-columns:190px 1fr;gap:20px }
.hm .hm-autopilot-flow ol { gap:18px }
.hm .hm-recovery-grid { gap:60px }
.hm .hm-recovery-copy h2 { font-size:37px }
.hm .hm-real-rating { padding:25px }
.hm .hm-real-rating h3 { font-size:20px;min-height:95px }
.hm .hm-proof-tools { gap:33px }
.hm .hm-local-copy { padding:49px }
.hm .hm-local-copy h2 { font-size:34px }
.hm .hm-local-photo, .hm .hm-local-section { min-height:480px }
.hm .hm-industry-grid>a { padding:25px 21px }
.hm .hm-industry-grid h3 { font-size:15px }
.hm .hm-industry-grid p { font-size:11px }
.hm .hm-integrations-grid { gap:65px }
.hm .hm-integrations-grid h2 { font-size:38px }
.hm .hm-integration-tiles a { padding:20px;font-size:17px }
.hm .hm-tour-card { padding:32px 32px 32px 38px;gap:36px }
.hm .hm-tour-card h2 { font-size:33px }
.hm .hm-price-card { padding:27px }
.hm .hm-faq-section { gap:58px }
.hm .hm-final-inner h2 { font-size:37px }
}
@media(max-width:900px) {
.hm .hm-wrap { width:calc(100% - 48px) }
.hm .hm-hero { gap:37px;padding-block:45px 58px }
.hm .hm-hero h1 { font-size:62px }
.hm .hm-hero-description { font-size:17px;margin-top:23px }
.hm .hm-hero-support { font-size:13px }
.hm .hm-hero-actions { align-items:flex-start;flex-direction:column;gap:17px;margin-top:22px }
.hm .hm-hero-actions .hm-text-button { max-width:none;font-size:11px }
.hm .hm-hero-actions .hm-play-icon { width:26px;height:26px;font-size:8px }
.hm .hm-hero-copy .hm-fine-print { font-size:10px }
.hm .hm-hero-photo { height:484px }
.hm .hm-hero-rating { left:-20px;width:230px;padding:17px 18px 11px }
.hm .hm-hero-rating strong { font-size:15px }
.hm .hm-hero-rating .hm-stars { font-size:17px }
.hm .hm-hero-rating .hm-rating-bottom { font-size:8px }
.hm .hm-hero-rating>small { font-size:8px }
.hm .hm-photo-caption { font-size:9px }
.hm .hm-discover-inner { gap:25px }
.hm .hm-discover-inner h2 { font-size:17px }
.hm .hm-discover-inner p { font-size:11px }
.hm .hm-discover-inner form { width:350px }
.hm .hm-section { padding-block:73px }
.hm .hm-section-heading h2 { font-size:36px }
.hm .hm-section-heading p { font-size:14px }
.hm .hm-split-heading { gap:40px }
.hm .hm-loop-steps { gap:0;margin-top:40px }
.hm .hm-loop-steps button { min-width:85px;font-size:12px }
.hm .hm-loop-symbol { width:60px;height:60px;font-size:28px }
.hm .hm-loop-arrow { font-size:18px }
.hm .hm-loop-explanation { gap:26px;grid-template-columns:1fr 1fr 1fr }
.hm .hm-loop-explanation h3 { font-size:19px }
.hm .hm-loop-explanation p { font-size:12px }
.hm .hm-product-panel { gap:35px }
.hm .hm-product-copy h3 { font-size:30px }
.hm .hm-product-copy>p { font-size:13px;margin-top:17px }
.hm .hm-product-copy .hm-check-list { font-size:11px;gap:10px;margin-block:20px }
.hm .hm-product-copy .hm-arrow-link { font-size:12px }
.hm .hm-product-tabs { gap:7px;margin-bottom:35px }
.hm .hm-product-tabs button { font-size:11px;padding:12px 17px }
.hm .hm-email-content { padding:23px 27px }
.hm .hm-email-content h4 { font-size:19px }
.hm .hm-email-content p { font-size:11px }
.hm .hm-email-stars { font-size:29px;letter-spacing:3px }
.hm .hm-email-chrome { padding:12px 15px }
.hm .hm-automation-event { width:96%;padding:14px }
.hm .hm-tiny-status { display:none }
.hm .hm-product-demo-note { font-size:10px }
.hm .hm-dash-sidebar { width:135px;padding:20px 10px }
.hm .hm-dash-main { padding:21px }
.hm .hm-dash-brand { font-size:18px }
.hm .hm-dash-nav { font-size:9px;padding:11px 6px }
.hm .hm-dash-business { padding:22px 3px 18px;font-size:10px }
.hm .hm-dash-sidebar-bottom { font-size:8px;gap:5px }
.hm .hm-dash-sidebar-bottom small { font-size:7px }
.hm .hm-dash-top h3 { font-size:18px }
.hm .hm-dash-top p { font-size:10px }
.hm .hm-dash-metrics { gap:9px }
.hm .hm-dash-metrics>div { padding:14px 12px }
.hm .hm-dash-metrics>div>span { font-size:9px }
.hm .hm-dash-metrics strong { font-size:29px }
.hm .hm-dash-metrics small { font-size:8px }
.hm .hm-dash-panels { grid-template-columns:1fr 1fr;gap:10px }
.hm .hm-chart-card, .hm .hm-sentiment-card { padding:14px }
.hm .hm-card-heading { align-items:flex-start;flex-direction:column;gap:6px }
.hm .hm-card-heading h4, .hm .hm-sentiment-card h4 { font-size:11px }
.hm .hm-sentiment-value { font-size:29px;gap:9px;margin-top:25px }
.hm .hm-sentiment-value>span { font-size:9px }
.hm .hm-sentiment-card p { font-size:9px }
.hm .hm-sentiment-key { font-size:7px;flex-wrap:wrap;justify-content:flex-start;gap:8px }
.hm .hm-chart { height:139px;margin-top:18px }
.hm .hm-chart-bars { gap:5px }
.hm .hm-chart-labels { font-size:7px }
.hm .hm-dash-bottom { font-size:9px }
.hm .hm-benchmark small { display:none }
.hm .hm-dashboard-section { padding-bottom:40px }
.hm .hm-feedback-grid { gap:25px }
.hm .hm-feedback-options { gap:10px }
.hm .hm-feedback-options button { padding:16px }
.hm .hm-feedback-options button>span:nth-child(2) { font-size:11px }
.hm .hm-feedback-action { padding:28px }
.hm .hm-feedback-action h3 { font-size:25px }
.hm .hm-feedback-action p { font-size:12px }
.hm .hm-feedback-action .hm-arrow-link { font-size:12px }
.hm .hm-autopilot-flow { grid-template-columns:160px 1fr;gap:20px }
.hm .hm-autopilot-intro h3 { font-size:20px }
.hm .hm-autopilot-flow ol { grid-template-columns:repeat(3,1fr) }
.hm .hm-recovery-grid { gap:40px }
.hm .hm-recovery-copy h2 { font-size:31px }
.hm .hm-recovery-copy>p { font-size:13px;margin-top:19px }
.hm .hm-recovery-copy .hm-recovery-note { font-size:11px }
.hm .hm-recovery-stars { font-size:21px;gap:11px;margin-bottom:24px }
.hm .hm-recovery-copy .hm-arrow-link { font-size:12px }
.hm .hm-message { padding:17px 18px;width:94% }
.hm .hm-message p { font-size:12px }
.hm .hm-conversation-alert { font-size:9px;padding-left:7px }
.hm .hm-real-ratings { gap:13px }
.hm .hm-real-rating { padding:21px }
.hm .hm-real-rating h3 { font-size:18px;min-height:102px }
.hm .hm-real-rating .hm-stars { font-size:15px }
.hm .hm-review-author { gap:7px }
.hm .hm-review-author .hm-avatar { width:29px;height:29px;font-size:8px }
.hm .hm-review-author strong { font-size:9px }
.hm .hm-review-author small { font-size:8px }
.hm .hm-real-rating .hm-card-arrow { font-size:17px }
.hm .hm-proof-tools { gap:23px }
.hm .hm-proof-tools h3 { font-size:15px }
.hm .hm-proof-tools p { font-size:11px }
.hm .hm-proof-tools>div { grid-template-columns:28px 1fr;gap:8px 9px }
.hm .hm-proof-tools>div>span { font-size:24px }
.hm .hm-local-copy { padding:36px }
.hm .hm-local-copy h2 { font-size:29px }
.hm .hm-local-copy p { font-size:12px;margin-top:20px }
.hm .hm-local-copy .hm-check-list { font-size:10px;gap:11px }
.hm .hm-local-copy .hm-button { font-size:11px;gap:18px;min-height:46px;padding:13px 15px }
.hm .hm-local-photo, .hm .hm-local-section { min-height:450px }
.hm .hm-industry-grid>a { padding:23px 18px;min-height:198px }
.hm .hm-industry-grid h3 { font-size:13px }
.hm .hm-industry-grid p { font-size:10px }
.hm .hm-industry-grid .hm-card-arrow { right:15px }
.hm .hm-integrations-grid { gap:45px }
.hm .hm-integrations-grid h2 { font-size:33px }
.hm .hm-integrations-grid>div>p { font-size:13px }
.hm .hm-integration-tiles { gap:10px }
.hm .hm-integration-tiles a { font-size:15px;padding:17px }
.hm .hm-integration-tiles a>span { font-size:9px }
.hm .hm-tour-section { padding-block:56px }
.hm .hm-tour-card { padding:29px;gap:30px }
.hm .hm-tour-card h2 { font-size:29px }
.hm .hm-tour-card p { font-size:12px }
.hm .hm-tour-card .hm-text-button { font-size:11px;gap:8px }
.hm .hm-tour-card .hm-play-icon { width:28px;height:28px;font-size:8px }
.hm .hm-price-card { padding:23px }
.hm .hm-price-card h3 { font-size:22px }
.hm .hm-price-card>p { font-size:10px;min-height:30px }
.hm .hm-price { font-size:43px }
.hm .hm-price span { font-size:11px }
.hm .hm-price-card .hm-button { font-size:10px;min-height:44px;padding:12px }
.hm .hm-price-card .hm-check-list { font-size:10px;gap:12px }
.hm .hm-pricing-grid { gap:15px }
.hm .hm-plan-note { font-size:9px;left:17px;top:-14px;padding:7px 11px }
.hm .hm-trust-promise p { font-size:10px }
.hm .hm-faq-section { gap:40px;grid-template-columns:1fr 1.35fr }
.hm .hm-faq-section h2 { font-size:31px }
.hm .hm-faqs summary { font-size:13px }
.hm .hm-faqs details { padding:21px 0 }
.hm .hm-faqs details>p { font-size:12px }
.hm .hm-final-inner h2 { font-size:32px }
.hm .hm-final-inner>div>p { font-size:11px }
.hm .hm-final-inner .hm-button { font-size:12px;gap:20px;min-height:50px;padding:14px 18px }
}
@media(max-width:700px) {
.hm .hm-wrap { width:calc(100% - 40px) }
.hm .hm-hero { grid-template-columns:1fr;gap:38px;padding-block:42px 53px }
.hm .hm-hero-copy { padding:0 }
.hm .hm-hero h1 { font-size:clamp(56px,11.3vw,76px);line-height:1.025;letter-spacing:-.06em }
.hm .hm-hero h1 { max-width:480px }
.hm .hm-hero-description { font-size:18px;margin-top:22px }
.hm .hm-hero-description br { display:none }
.hm .hm-hero-description { max-width:350px }
.hm .hm-hero-support { font-size:14px;margin-top:13px }
.hm .hm-hero-support br { display:none }
.hm .hm-hero-support { max-width:350px }
.hm .hm-hero-actions { flex-direction:row;align-items:center;margin-block:25px 15px;gap:19px;flex-wrap:wrap }
.hm .hm-hero-actions>.hm-button { font-size:13px;min-height:51px;padding:14px 18px;gap:24px }
.hm .hm-hero-actions .hm-text-button { font-size:11px;max-width:125px;line-height:1.6;gap:9px }
.hm .hm-hero-actions .hm-play-icon { width:29px;height:29px;font-size:8px }
.hm .hm-hero-copy .hm-fine-print { font-size:10px }
.hm .hm-hero-photo-composition { padding:0 0 29px 13px;margin-left:6px;margin-right:5px }
.hm .hm-photo-mat { border-radius:115px 14px 14px 14px;padding:9px;transform:rotate(1.5deg) }
.hm .hm-hero-photo { height:440px;object-position:center 37%;border-radius:108px 8px 8px 8px;transform:rotate(-1.5deg) }
.hm .hm-hero-rating { left:-12px;bottom:8px;width:238px;padding:17px 19px 11px;transform:rotate(-3deg) }
.hm .hm-hero-rating strong { font-size:16px }
.hm .hm-photo-caption { font-size:9px;margin-top:17px }
.hm .hm-discover-strip { padding:26px 0 }
.hm .hm-discover-inner { align-items:stretch;flex-direction:column;gap:20px }
.hm .hm-discover-inner h2 { font-size:19px }
.hm .hm-discover-inner p { font-size:12px;max-width:300px }
.hm .hm-discover-inner form { width:100%;padding-left:17px;gap:13px }
.hm .hm-discover-inner input { font-size:12px }
.hm .hm-section { padding-block:60px }
.hm .hm-section-heading { margin-bottom:34px }
.hm .hm-split-heading { grid-template-columns:1fr;gap:24px }
.hm .hm-section-heading h2, .hm h2 { font-size:34px;letter-spacing:-.045em }
.hm .hm-section-heading p { font-size:14px;max-width:450px }
.hm .hm-section-heading p+p { margin-top:12px }
.hm .hm-centered p { margin-top:20px;font-size:13px }
.hm .hm-centered p br { display:none }
.hm .hm-loop-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px;margin-top:33px }
.hm .hm-loop-arrow { display:none }
.hm .hm-loop-steps button { min-width:0;font-size:12px;padding:3px;gap:12px }
.hm .hm-loop-symbol { width:61px;height:61px;font-size:29px }
.hm .hm-loop-explanation { grid-template-columns:1fr;gap:10px;padding-top:24px;min-height:170px }
.hm .hm-loop-explanation h3 { max-width:none;font-size:22px }
.hm .hm-loop-explanation p { font-size:13px }
.hm .hm-loop-explanation>p:last-child { font-size:12px }
.hm .hm-product-section { padding-bottom:32px }
.hm .hm-product-tabs { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 34px }
.hm .hm-product-tabs button { padding:12px 8px;font-size:11px }
.hm .hm-product-panel { grid-template-columns:1fr;gap:37px;min-height:0 }
.hm .hm-product-copy h3 { font-size:32px }
.hm .hm-product-copy h3 br { display:none }
.hm .hm-product-copy h3 { max-width:360px }
.hm .hm-product-copy>p { font-size:14px;max-width:440px;margin-top:18px }
.hm .hm-product-copy .hm-check-list { font-size:12px;gap:11px;margin-block:22px }
.hm .hm-product-copy .hm-arrow-link { font-size:12px }
.hm .hm-product-visual { min-height:0;width:100%;max-width:440px;margin-inline:auto }
.hm .hm-email-content { padding:27px 32px 23px }
.hm .hm-email-content h4 { font-size:22px }
.hm .hm-email-content p { font-size:12px }
.hm .hm-email-stars { font-size:34px;letter-spacing:5px }
.hm .hm-tiny-status { display:block;font-size:9px }
.hm .hm-automation-event { width:92%;padding:16px }
.hm .hm-automation-event strong { font-size:12px }
.hm .hm-automation-event small { font-size:10px }
.hm .hm-product-demo-note { font-size:9px;margin-top:28px;line-height:1.6;max-width:350px;margin-inline:auto }
.hm .hm-capture-card { padding:25px }
.hm .hm-capture-card h4 { font-size:20px }
.hm .hm-capture-card p { font-size:12px }
.hm .hm-big-stars { font-size:32px }
.hm .hm-capture-card .hm-sample-logo span { font-size:12px }
.hm .hm-attachment-row { font-size:10px;padding:11px }
.hm .hm-attachment-row>span:last-child { font-size:8px }
.hm .hm-widget-preview { padding:27px 24px 17px }
.hm .hm-widget-label { font-size:23px }
.hm .hm-widget-preview h4 { font-size:19px }
.hm .hm-alert-notification strong { font-size:11px }
.hm .hm-alert-notification small { font-size:9px }
.hm .hm-dashboard-section .hm-section-heading { margin-bottom:34px }
.hm .hm-dashboard-section .hm-section-heading .hm-arrow-link { font-size:12px }
.hm .hm-dashboard { border-radius:10px }
.hm .hm-dash-sidebar { display:none }
.hm .hm-dash-main { padding:20px 16px }
.hm .hm-dash-top { align-items:flex-start;gap:10px }
.hm .hm-dash-top h3 { font-size:17px;max-width:175px;line-height:1.3 }
.hm .hm-dash-top p { font-size:9px;max-width:175px;margin-top:7px }
.hm .hm-period-label select { font-size:8px;padding:7px }
.hm .hm-dash-metrics { gap:7px;margin-block:21px 13px }
.hm .hm-dash-metrics>div { padding:12px 9px;min-width:0 }
.hm .hm-dash-metrics>div>span { font-size:8px;line-height:1.5;min-height:24px }
.hm .hm-dash-metrics strong { font-size:26px;margin-top:8px }
.hm .hm-dash-metrics strong i { font-size:15px;margin-left:1px }
.hm .hm-dash-metrics small { font-size:7px;line-height:1.5 }
.hm .hm-dash-panels { grid-template-columns:1fr;gap:13px }
.hm .hm-chart-card, .hm .hm-sentiment-card { padding:18px }
.hm .hm-card-heading { flex-direction:row;align-items:center }
.hm .hm-card-heading h4, .hm .hm-sentiment-card h4 { font-size:11px }
.hm .hm-card-heading>span { font-size:7px }
.hm .hm-chart { height:145px;margin-top:22px }
.hm .hm-chart-bars { gap:8px }
.hm .hm-chart-labels { font-size:8px }
.hm .hm-sentiment-value { font-size:35px;margin-top:14px;gap:15px }
.hm .hm-sentiment-value>span { font-size:10px }
.hm .hm-sentiment-track { margin-top:14px }
.hm .hm-sentiment-card p { font-size:11px;margin-top:15px }
.hm .hm-sentiment-key { font-size:8px;justify-content:space-between;gap:8px }
.hm .hm-dash-bottom { padding:12px;font-size:8px;gap:9px;margin-top:13px }
.hm .hm-dash-bottom>div { gap:6px }
.hm .hm-dash-bottom .hm-attention-dot { width:5px;height:5px;flex-shrink:0 }
.hm .hm-benchmark { justify-content:flex-start;gap:13px;font-size:8px;margin-top:16px }
.hm .hm-benchmark>span:first-child { width:100% }
.hm .hm-dashboard-disclaimer { font-size:9px;line-height:1.6;margin-top:18px }
.hm .hm-dashboard-section { padding-bottom:32px }
.hm .hm-feedback-grid { grid-template-columns:1fr;gap:20px }
.hm .hm-feedback-options { gap:10px }
.hm .hm-feedback-options button { padding:18px;gap:13px }
.hm .hm-feedback-options button>span:nth-child(2) { font-size:12px }
.hm .hm-feedback-action { padding:29px 27px;min-height:287px }
.hm .hm-feedback-action h3 { font-size:27px }
.hm .hm-feedback-action p { font-size:13px;min-height:0 }
.hm .hm-feedback-action>small { font-size:9px }
.hm .hm-action-icon { margin-bottom:20px }
.hm .hm-autopilot-flow { grid-template-columns:1fr;gap:29px;margin-top:38px;padding-top:32px }
.hm .hm-autopilot-intro h3 { font-size:25px }
.hm .hm-autopilot-intro h3 br { display:none }
.hm .hm-autopilot-intro p { font-size:12px;line-height:1.6;margin-top:11px }
.hm .hm-autopilot-intro p br { display:none }
.hm .hm-autopilot-flow ol { grid-template-columns:1fr 1fr;gap:22px 25px;padding-left:9px }
.hm .hm-autopilot-flow li>span { font-size:12px }
.hm .hm-autopilot-flow small { font-size:10px;max-width:130px }
.hm .hm-recovery-grid { grid-template-columns:1fr;gap:38px }
.hm .hm-recovery-copy h2 { font-size:34px }
.hm .hm-recovery-copy>p { font-size:14px;max-width:450px }
.hm .hm-recovery-copy .hm-recovery-note { font-size:12px }
.hm .hm-recovery-stars { font-size:23px }
.hm .hm-conversation { width:100%;max-width:470px;margin-inline:auto }
.hm .hm-message { width:91%;padding:19px 21px }
.hm .hm-message p { font-size:13px }
.hm .hm-message-top strong { font-size:12px }
.hm .hm-message-top small { font-size:9px }
.hm .hm-conversation-alert { font-size:10px;padding-left:9px }
.hm .hm-conversation-label { font-size:10px }
.hm .hm-conversation>.hm-text-button { font-size:12px }
.hm .hm-conversation>.hm-fine-print { font-size:10px }
.hm .hm-real-ratings { grid-template-columns:1fr;gap:14px }
.hm .hm-real-rating { padding:27px }
.hm .hm-real-rating h3 { font-size:23px;min-height:0;margin-block:19px 27px;max-width:400px }
.hm .hm-real-rating .hm-stars { font-size:18px }
.hm .hm-review-author .hm-avatar { width:33px;height:33px;font-size:9px }
.hm .hm-review-author strong { font-size:11px }
.hm .hm-review-author small { font-size:9px }
.hm .hm-real-rating .hm-card-arrow { font-size:21px }
.hm .hm-source-note { font-size:9px }
.hm .hm-proof-tools { grid-template-columns:1fr;gap:28px;margin-top:35px }
.hm .hm-proof-tools>div { grid-template-columns:37px 1fr;gap:7px 12px }
.hm .hm-proof-tools h3 { font-size:18px }
.hm .hm-proof-tools p { font-size:12px;max-width:360px }
.hm .hm-proof-tools>div>span { font-size:29px }
.hm .hm-local-section { grid-template-columns:1fr;min-height:0 }
.hm .hm-local-photo { min-height:0;max-height:440px;height:330px }
.hm .hm-local-photo img { object-position:center 40% }
.hm .hm-local-copy { padding:38px 25px 43px;max-width:none }
.hm .hm-local-copy h2 { font-size:32px }
.hm .hm-local-copy p { font-size:14px;max-width:470px }
.hm .hm-local-copy .hm-check-list { font-size:12px;gap:11px }
.hm .hm-local-copy .hm-button { font-size:12px;min-height:50px;padding:14px 18px;gap:25px }
.hm .hm-local-copy>small { font-size:9px }
.hm .hm-industry-grid { grid-template-columns:1fr 1fr }
.hm .hm-industry-grid>a { padding:24px 18px;min-height:201px }
.hm .hm-industry-grid h3 { font-size:15px;margin-top:20px }
.hm .hm-industry-grid p { font-size:11px }
.hm .hm-industry-icon { font-size:28px }
.hm .hm-industries-section { padding-bottom:60px }
.hm .hm-integrations-grid { grid-template-columns:1fr;gap:35px }
.hm .hm-integrations-grid h2 { font-size:34px }
.hm .hm-integrations-grid>div>p { font-size:14px;max-width:440px }
.hm .hm-integrations-grid .hm-arrow-link { font-size:13px;margin-top:22px }
.hm .hm-integration-tiles a { font-size:17px;padding:21px 18px }
.hm .hm-integration-tiles a>span { font-size:9px;line-height:1.6 }
.hm .hm-tour-section { padding-block:45px }
.hm .hm-tour-card { grid-template-columns:1fr;gap:26px;padding:29px 25px }
.hm .hm-tour-card h2 { font-size:32px }
.hm .hm-tour-card p { font-size:13px }
.hm .hm-tour-card .hm-text-button { font-size:11px;margin-top:19px }
.hm .hm-tour-poster { width:100% }
.hm .hm-pricing-grid { grid-template-columns:1fr;gap:28px;padding-top:5px }
.hm .hm-price-card { padding:28px }
.hm .hm-price-card h3 { font-size:25px }
.hm .hm-price-card>p { font-size:12px;min-height:0 }
.hm .hm-price { font-size:49px;margin-block:19px 24px }
.hm .hm-price span { font-size:12px }
.hm .hm-price-card .hm-button { font-size:12px;min-height:49px;padding:14px 16px }
.hm .hm-price-card .hm-check-list { font-size:12px;gap:13px;margin-top:25px }
.hm .hm-plan-note { font-size:9px;top:-14px;left:23px }
.hm .hm-pricing-foot { align-items:flex-start;flex-direction:column;gap:15px;font-size:11px;margin-block:23px 27px }
.hm .hm-trust-promise { align-items:flex-start;gap:11px;padding-top:24px }
.hm .hm-trust-promise p { font-size:11px }
.hm .hm-trust-promise strong { display:block;margin-bottom:5px }
.hm .hm-pricing-section { padding-bottom:35px }
.hm .hm-faq-section { grid-template-columns:1fr;gap:30px }
.hm .hm-faq-section h2 { font-size:33px }
.hm .hm-faq-section>div>p { font-size:13px;margin-top:18px }
.hm .hm-faqs summary { font-size:14px }
.hm .hm-faqs details { padding:23px 0 }
.hm .hm-faqs details>p { font-size:13px;padding-right:20px }
.hm .hm-final-section { padding-block:44px }
.hm .hm-final-inner { align-items:flex-start;flex-direction:column;gap:28px }
.hm .hm-final-inner h2 { font-size:34px }
.hm .hm-final-inner>div>p { font-size:13px;margin-top:19px;max-width:370px }
.hm .hm-final-inner .hm-button { font-size:13px;gap:31px;min-height:53px;padding:15px 20px }
.hm .hm-final-inner>div:last-child>p { font-size:10px;text-align:left;margin-top:14px }
.hm .hm-tour-dialog { padding:15px }
.hm .hm-dialog-header h2 { font-size:16px }
.hm .hm-tour-dialog>p { font-size:10px }
}
@media(max-width:360px) {
.hm .hm-wrap { width:calc(100% - 32px) }
.hm .hm-hero h1 { font-size:52px }
.hm .hm-hero h1 br:first-of-type { display:initial }
.hm .hm-hero-photo { height:360px }
.hm .hm-hero-actions { gap:15px }
.hm .hm-hero-actions .hm-text-button { max-width:105px;font-size:10px;gap:7px }
.hm .hm-hero-actions>.hm-button { font-size:12px;gap:16px;padding:14px 16px }
.hm .hm-hero-rating { width:216px;padding:15px 17px 10px }
.hm .hm-hero-rating strong { font-size:14px }
.hm .hm-hero-rating .hm-stars { font-size:16px }
.hm .hm-hero-support { font-size:13px }
.hm .hm-section-heading h2, .hm h2 { font-size:30px }
.hm .hm-product-tabs button { font-size:10px }
.hm .hm-product-copy h3 { font-size:29px }
.hm .hm-email-content { padding:25px }
.hm .hm-email-content h4 { font-size:20px }
.hm .hm-email-stars { font-size:30px;letter-spacing:3px }
.hm .hm-tiny-status { display:none }
.hm .hm-automation-event { width:96% }
.hm .hm-feedback-options button { padding:15px }
.hm .hm-feedback-options button>span:nth-child(2) { font-size:10px }
.hm .hm-feedback-action { padding:26px }
.hm .hm-dash-main { padding:18px 12px }
.hm .hm-dash-top h3 { font-size:15px;max-width:145px }
.hm .hm-dash-top p { font-size:8px }
.hm .hm-dash-metrics { gap:5px }
.hm .hm-dash-metrics>div { padding:11px 8px }
.hm .hm-dash-metrics strong { font-size:24px }
.hm .hm-dash-metrics small { font-size:6px }
.hm .hm-dash-metrics>div>span { font-size:7px }
.hm .hm-dash-bottom { font-size:7px;padding:11px 9px }
.hm .hm-sentiment-key { font-size:7px }
.hm .hm-industry-grid>a { padding:22px 15px;min-height:199px }
.hm .hm-industry-grid h3 { font-size:13px }
.hm .hm-industry-grid p { font-size:10px }
.hm .hm-industry-grid .hm-card-arrow { right:13px }
.hm .hm-integration-tiles a { font-size:15px;padding:18px 15px }
.hm .hm-integration-tiles a>span { font-size:8px }
.hm .hm-real-rating h3 { font-size:21px }
.hm .hm-recovery-copy h2 { font-size:30px }
.hm .hm-conversation-alert { font-size:8px }
.hm .hm-message { padding:17px }
.hm .hm-local-copy h2 { font-size:28px }
.hm .hm-price-card { padding:25px }
.hm .hm-final-inner h2 { font-size:30px }
}
@media(prefers-reduced-motion:reduce) {
.hm { scroll-behavior:auto }
.hm *, .hm *:before, .hm *:after { transition:none!important;animation:none!important }
}
.hm { --coral:#8a0303;--coral-dark:#8a0303;--peach:#f3f1ef }
.hm .hm-button, .hm .hm-demo-button { background:#8a0303;border-color:#8a0303;color:#fff }
.hm .hm-button:hover { background:#650000;border-color:#650000;color:#fff }
.hm .hm-outline-button { background:transparent;color:#8a0303;border-color:#8a0303 }
.hm .hm-outline-button:hover { background:#8a0303;border-color:#8a0303;color:#fff }
.hm .hm-discover-strip, .hm .hm-final-section { background:#8a0303 }
.hm .hm-discover-inner p, .hm .hm-final-inner>div>p { color:#fff }
.hm .hm-dashboard-section { background:#231f20 }
.hm .hm-final-inner .hm-button { background:#fff;border-color:#fff;color:#8a0303 }
.hm .hm-final-inner .hm-button:hover { background:#650000;border-color:#fff;color:#fff }
.hm .hm-light-link:hover { color:#fff;border-color:#fff }
.hm .hm-featured-plan { border-color:#8a0303 }
.hm .hm-loop-steps button:hover .hm-loop-symbol { border-color:#8a0303 }

/* ----- integration with the engine stylesheets ----- */
.hm a:hover { text-decoration: none; }
.hm h1, .hm h2, .hm h3, .hm h4 { color: inherit; font-family: inherit; }
.hm .hm-feedback-options button > .hm-avatar { display: inline-flex; } /* the mockup's display:block left the initials off-centre */
.hm .hm-tour-poster { display: block; width: 100%; padding: 0; cursor: pointer; }
.hm .hm-tour-dialog::backdrop { background: rgba(35, 31, 32, 0.85); }
.hm .hm-tour-dialog video { background: #231f20; height: auto; }
.hm .hm-discover-inner input, .hm .hm-discover-inner input:focus { border: 0; border-radius: 0; box-shadow: none; padding: 3px 0; height: auto; }
.hm .hm-reply-composer textarea:focus { box-shadow: 0 0 0 3px #ececec; border-color: #9c9c9c; }
.hm .hm-faqs summary { padding: 0; margin: 0; }
.hm .hm-check-list li { margin: 0; }
.hm ol, .hm ul { margin-top: 0; }
.hm .hm-tour-dialog { margin: auto; }
.hm .hm-tour-lang { font-size: 11px; color: var(--muted); margin-top: 8px; }
.hm .hm-empty { color: var(--muted); font-size: 14px; }

/* ----- blood-red brand layer (the mockup's own final block) ----- */
.hm { --coral: #8a0303; --coral-dark: #8a0303; --peach: #f3f1ef; }
.hm .hm-button, .hm .hm-demo-button { background: #8a0303; border-color: #8a0303; color: #fff; }
.hm .hm-button:hover { background: #650000; border-color: #650000; color: #fff; }
.hm .hm-outline-button { background: transparent; color: #8a0303; border-color: #8a0303; }
.hm .hm-outline-button:hover { background: #8a0303; border-color: #8a0303; color: #fff; }
.hm .hm-discover-strip, .hm .hm-final-section { background: #8a0303; }
.hm .hm-discover-inner p, .hm .hm-final-inner > div > p { color: #fff; }
.hm .hm-dashboard-section { background: #231f20; }
.hm .hm-final-inner .hm-button { background: #fff; border-color: #fff; color: #8a0303; }
.hm .hm-final-inner .hm-button:hover { background: #650000; border-color: #fff; color: #fff; }
.hm .hm-light-link:hover { color: #fff; border-color: #fff; }
.hm .hm-featured-plan { border-color: #8a0303; }
.hm .hm-loop-steps button:hover .hm-loop-symbol { border-color: #8a0303; }