/* 03-how-it-works.css */
/* 03 How it works - scroll story. Page is complete without JS; JS adds .is-enhanced (desktop only). */
.hp2-hiw{background:var(--bp-surface)}
.hp2-hiw .fusion-builder-row-1{margin-bottom:clamp(32px,4vw,48px)}
.hp2-hiw .hp2-hiw-grid{align-items:stretch}
/* steps */
.hp2-hiw .hp2-steps{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column}
.hp2-hiw .hp2-step{position:relative;display:flex;gap:20px;margin:0;padding:0 0 36px;list-style:none}
.hp2-hiw .hp2-step-num{position:relative;z-index:1;flex:none;width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font:700 15px/1 var(--bp-mono);background:var(--bp-accent);color:var(--bp-ink);border:2px solid var(--bp-accent);box-shadow:0 0 0 6px var(--bp-surface)}
.hp2-hiw .hp2-step-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:4px}
.hp2-hiw .hp2-step-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bp-accent-soft);color:var(--bp-ink);font:700 11px/1.2 var(--bp-font);letter-spacing:.06em;text-transform:uppercase}
.hp2-hiw .hp2-step-chip i{font-size:13px}
.hp2-hiw .hp2-step p{margin:0;max-width:52ch;font:400 16px/1.6 var(--bp-font);color:var(--bp-body)}
.hp2-hiw .hp2-step-instead{display:flex;gap:8px;font:400 14px/1.45 var(--bp-font);color:var(--bp-muted)}
.hp2-hiw .hp2-step-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;font:600 15px/1 var(--bp-font)}
.hp2-hiw .hp2-step-mini{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--bp-line);border-radius:12px;background:var(--bp-alt)}
.hp2-hiw .hp2-step-mini>span:first-child{font:500 13px/1.2 var(--bp-font);color:var(--bp-muted)}
.hp2-hiw .hp2-st{padding:5px 10px;border-radius:999px;font:600 12px/1 var(--bp-font)}
.hp2-hiw .hp2-st-repair{background:var(--bp-alt);color:var(--bp-ink);border:1px solid var(--bp-line)}
.hp2-hiw .hp2-st-parts{background:var(--bp-accent-soft);color:var(--bp-ink)}
.hp2-hiw .hp2-st-ready{background:var(--bp-dark);color:var(--bp-on-dark)}
.hp2-hiw .hp2-step-mini .hp2-ok{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 13px/1.2 var(--bp-font);color:var(--bp-ok)}
.hp2-hiw .hp2-step:last-child{padding-bottom:0}

/* sticky ticket card (desktop only) */
.hp2-hiw .hp2-stage-col{display:none}
@media (min-width:1025px){
  .hp2-hiw .hp2-steps-col{width:45%!important;margin-right:5%!important}
  .hp2-hiw .hp2-stage-col{display:block;width:50%!important;margin-right:0!important}
  .hp2-hiw .hp2-step{padding-bottom:clamp(64px,8vh,96px)}
  .hp2-hiw .hp2-steps{padding-bottom:6vh}
  .hp2-hiw .hp2-step-mini{display:none}
  .hp2-hiw .hp2-stage-col>.fusion-column-wrapper{height:100%}
  .hp2-hiw .hp2-stage{position:sticky;top:110px;display:flex;justify-content:center}
  /* rail (enhanced only) */
  .hp2-hiw.is-enhanced .hp2-steps::before,.hp2-hiw.is-enhanced .hp2-steps::after{content:"";position:absolute;left:21px;top:23px;width:3px;border-radius:3px}
  .hp2-hiw.is-enhanced .hp2-steps::before{height:var(--hp2-rail,0);background:var(--bp-line)}
  .hp2-hiw.is-enhanced .hp2-steps::after{height:var(--hp2-fill,0);background:var(--bp-accent);box-shadow:0 0 12px rgba(255,199,0,.55)}
  .hp2-hiw.is-enhanced .hp2-step:not(.is-active):not(.is-done) .hp2-step-num{background:var(--bp-surface);border-color:#d0d5dd}
  .hp2-hiw.is-enhanced .hp2-step:not(.is-active) .hp2-step-chip{background:var(--bp-alt)}
  .hp2-hiw.is-enhanced .hp2-step.is-active .hp2-step-num{transform:scale(1.12)}
}
@media (min-width:1025px) and (max-width:1279px){.hp2-hiw .hp2-stage-in{zoom:.86}}
.hp2-hiw .hp2-stage-in{position:relative;padding:0 0 0 250px}
.hp2-hiw .hp2-phone{position:relative;width:290px;height:560px;border-radius:44px;background:#11131a;padding:11px;box-shadow:0 30px 60px rgba(16,24,40,.22),0 4px 10px rgba(16,24,40,.10)}
.hp2-hiw .hp2-phone-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#fff}
.hp2-hiw .hp2-statusbar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:600 12px/1 var(--bp-font);color:#191c2d;position:relative;z-index:3;background:#fff}
.hp2-hiw .hp2-notch{width:80px;height:20px;border-radius:999px;background:#11131a;position:absolute;left:50%;top:6px;transform:translateX(-50%)}
.hp2-hiw .hp2-screens{position:absolute;left:0;right:0;top:30px;bottom:0}
.hp2-hiw .hp2-scr{position:absolute;inset:0;background:#fff;display:none;flex-direction:column}
.hp2-hiw .hp2-scr.is-on{display:flex}
.hp2-hiw .hp2-tcard{position:absolute;left:0;top:90px;width:226px;padding:14px 16px;background:#fff;border:1px solid var(--bp-line);border-radius:14px;box-shadow:0 16px 32px rgba(16,24,40,.12);display:flex;flex-direction:column;gap:10px;z-index:2}
.hp2-hiw .hp2-tcard-t{font:500 12px/1.2 var(--bp-font);color:var(--bp-muted)}
.hp2-hiw .hp2-pills{position:relative;height:26px}
.hp2-hiw .hp2-pills .hp2-st{position:absolute;left:0;top:0;white-space:nowrap;padding:7px 12px;display:none}
.hp2-hiw .hp2-pills .hp2-st.is-on{display:block}
.hp2-hiw .hp2-bar{position:relative;height:6px;border-radius:999px;background:var(--bp-line);overflow:hidden}
.hp2-hiw .hp2-bar span{position:absolute;left:0;top:0;bottom:0;width:var(--pct,16.7%);border-radius:999px;background:var(--bp-accent)}
.hp2-hiw .hp2-tcard-s{font:500 11.5px/1 var(--bp-font);color:var(--bp-muted)}
.hp2-hiw .hp2-chip{position:absolute;left:0;top:236px;z-index:2;white-space:nowrap;display:none;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#15803d;color:#fff;font:600 14px/1 var(--bp-font);box-shadow:0 10px 24px rgba(21,128,61,.35)}
.hp2-hiw .hp2-chip.is-on{display:inline-flex}
.hp2-hiw .hp2-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}
.hp2-hiw .hp2-dots span{width:8px;height:8px;border-radius:999px;background:#d0d5dd}
.hp2-hiw .hp2-dots span.is-on{width:28px;background:var(--bp-ink)}
/* Chrome pass: sticky needs a tall track — the row aligns columns to flex-start, so stretch the stage column */
@media (min-width:1025px){
.hp2-hiw .hp2-stage-col{align-self:stretch!important}
.hp2-hiw .hp2-stage-col>.fusion-column-wrapper{height:100%;display:block!important}
}
/* parity: inactive step chips are grey (#F2F4F7), active gold-soft; list starts 24px lower */
.hp2-hiw .hp2-step-chip{background:#F2F4F7}
.hp2-hiw .hp2-step.is-active .hp2-step-chip,.hp2-hiw:not(.is-enhanced) .hp2-step:first-child .hp2-step-chip{background:var(--bp-accent-soft,#fff4cc)}
.hp2-hiw .hp2-steps{margin-top:24px!important}

/* 04-showcase.css */
/* 04 Product showcase — scoped to .hp2-showcase */
.hp2-showcase{padding:clamp(56px,8vw,96px) 0}
.hp2-showcase .hp2-eyebrow,.hp2-portal .hp2-eyebrow,.hp2-crm .hp2-eyebrow{display:inline-flex;margin:0 0 16px;padding:7px 12px;border-radius:999px;background:#fff4cc;color:var(--awb-color8,#191c2d);font:700 12px/1 Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.hp2-showcase .hp2-lede p{max-width:68ch;margin:0 0 clamp(28px,3.5vw,40px);font-size:clamp(16px,1.4vw,18px);line-height:1.6}
/* tab nav: pill row, scrolls on small screens */
.hp2-showcase .fusion-tabs .nav{overflow-x:auto;scrollbar-width:none}
.hp2-showcase .fusion-tabs .nav-tabs{display:flex;flex-wrap:nowrap;gap:8px;border:0;margin:0 0 28px;padding:0 0 4px}
.hp2-showcase .fusion-tabs .nav-tabs>li{flex:none;float:none;margin:0;border:0}
.hp2-showcase .fusion-tabs .nav-tabs>li>a.tab-link{display:flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--awb-color4,#e2e2e2);border-radius:999px;background:var(--awb-color1,#fff);white-space:nowrap}
.hp2-showcase .fusion-tabs .nav-tabs>li.active>a.tab-link{background:var(--awb-custom_color_1,#ffc700);border-color:var(--awb-custom_color_1,#ffc700)}
.hp2-showcase .fusion-tabs .tab-link .fusion-tab-heading{margin:0;font:500 15px/1 Roboto,sans-serif;color:var(--awb-color8,#191c2d)}
.hp2-showcase .fusion-tabs .nav-tabs>li.active .fusion-tab-heading{font-weight:600}
.hp2-showcase .fusion-tabs .tab-content{border:0;background:none;padding:0}
.hp2-showcase .fusion-mobile-tab-nav{display:none}
.hp2-showcase .tab-pane{padding:0}
/* panel: screenshot left, copy right; one column on small screens */
.hp2-showcase .awb-tab-pane-inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:center}
.hp2-showcase .awb-tab-pane-inner>*:only-child{grid-column:1/-1}
.hp2-showcase .hp2-shot-frame{position:relative;overflow:hidden;border:1px solid var(--awb-color4,#e2e2e2);border-radius:12px;background:var(--awb-color1,#fff);box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08)}
.hp2-showcase .hp2-shot-frame img{display:block;width:100%;height:auto}
.hp2-showcase .hp2-mark{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:2px solid var(--awb-custom_color_1,#ffc700);background:var(--awb-color8,#191c2d);color:#fff;font:700 12px/1 Roboto,sans-serif;box-shadow:0 2px 6px rgba(16,24,40,.3)}
.hp2-showcase .hp2-callouts{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;list-style:none}
.hp2-showcase .hp2-callouts li{display:flex;align-items:center;gap:8px;margin:0;font:500 14px/1.3 Roboto,sans-serif;color:var(--awb-color6,#292a41)}
.hp2-showcase .hp2-callouts li span{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--awb-color8,#191c2d);color:#fff;font:700 12px/1 Roboto,sans-serif}
.hp2-showcase .hp2-copy h3{margin:0 0 16px;font-size:clamp(20px,1.8vw,22px);line-height:1.3;color:var(--awb-color8,#191c2d)}
.hp2-showcase .hp2-copy p{margin:0 0 16px;font-size:clamp(16px,1.4vw,18px);line-height:1.6}
.hp2-showcase .hp2-ticks,.hp2-crm .hp2-ticks{list-style:none;margin:0 0 16px;padding:0}
.hp2-showcase .hp2-ticks li{position:relative;margin:0 0 10px;padding-left:30px;line-height:1.5}
.hp2-showcase .hp2-ticks li:before{content:"\2713";position:absolute;left:0;top:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--awb-custom_color_1,#ffc700);color:var(--awb-color8,#191c2d);font:700 11px/1 Roboto,sans-serif}
.hp2-showcase .hp2-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:16px}
.hp2-showcase .hp2-showcase-foot{margin-top:40px;padding-top:24px;border-top:1px solid var(--awb-color4,#e2e2e2)}
.hp2-showcase .hp2-showcase-foot p{max-width:72ch;margin:0 0 12px;line-height:1.7}
.hp2-showcase .hp2-more{display:flex;flex-wrap:wrap;gap:0 24px}
.hp2-showcase .hp2-more a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:800px){.hp2-showcase .awb-tab-pane-inner{grid-template-columns:minmax(0,1fr)}}
/* parity pass (comparator): footer row = one line, rule above; body 16px; legend + H3 per design */
.hp2-showcase .hp2-showcase-foot{margin-top:40px!important;padding-top:24px;border-top:1px solid #E4E7EC}
.hp2-showcase .hp2-showcase-foot>.fusion-text,.hp2-showcase .hp2-showcase-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}
.hp2-showcase .hp2-showcase-foot p{margin:0;font-size:16px;line-height:1.6;color:var(--bp-body,#344054)}
.hp2-showcase .hp2-showcase-foot p:first-child{flex:1 1 560px;max-width:720px}
.hp2-showcase .hp2-showcase-foot .hp2-more{display:flex;flex-wrap:wrap;gap:8px 24px}
.hp2-showcase .hp2-showcase-foot .hp2-more a{font-weight:500}
.hp2-showcase .hp2-showcase-foot .hp2-more a strong,.hp2-showcase .hp2-showcase-foot a strong{font-weight:600}
.hp2-showcase .awb-tab-pane-inner h3{font-weight:600!important}
.hp2-showcase .hp2-ticks li,.hp2-showcase .awb-tab-pane-inner p{font-size:16px}
.hp2-showcase [class*=legend],.hp2-showcase [class*=legend] *{color:var(--bp-body,#344054)}
.hp2-showcase .awb-tab-pane-inner p:not(.hp2-link-p){font-size:18px;line-height:1.6}
.hp2-showcase .awb-tab-pane-inner .hp2-ticks li{font-size:16px}
.hp2-showcase .hp2-callouts{margin:18px 0 0;padding-left:31px}
.hp2-showcase .hp2-callouts li{color:var(--bp-body,#344054)}
@media (min-width:801px){.hp2-showcase .awb-tab-pane-inner{align-items:center}}

/* 05-portal.css */
/* 05b Customer portal — scoped to .hp2-portal */
.hp2-portal{padding:clamp(56px,8vw,96px) 0}
.hp2-portal .hp2-lede p{max-width:56ch;margin:0 0 clamp(24px,3vw,32px);font-size:clamp(16px,1.4vw,18px);line-height:1.6}
.hp2-portal .hp2-points .fusion-content-box-hover{margin:0}
.hp2-portal .hp2-points .heading h3,.hp2-portal .hp2-points .heading .content-box-heading{margin:0 0 4px;font:600 17px/1.3 Roboto,sans-serif;color:var(--awb-color8,#191c2d)}
.hp2-portal .hp2-points .content-container{font-size:15px;line-height:1.5}
.hp2-portal .hp2-note{margin:20px 0 0;font-size:14px;line-height:1.5;color:var(--awb-color6,#292a41)}
.hp2-portal .hp2-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:16px}
/* 2026-10-24 (owner): two columns after Mobile apps — portal home dashboard (region swap: portal-home[-in].webp)
   in a browser frame on the LEFT with the job-detail screen (portal[-in].webp) floating over its corner; copy +
   the 4 points in one column on the RIGHT (alternates with the apps section above, whose visual is on the right). */
.hp2-portal .fusion-builder-row{align-items:center}
.hp2-portal .fusion-text.hp2-portal-stage-wrap{margin:0!important;width:100%}
.hp2-portal .hp2-portal-stage{position:relative;padding:0 0 clamp(64px,9vw,120px)}
.hp2-portal .hp2-portal-shot{overflow:hidden;border:1px solid var(--awb-color4,#e2e2e2);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08)}
.hp2-portal .hp2-portal-shot img{display:block;width:100%;height:auto}
.hp2-portal .hp2-portal-main::before{content:"";display:block;height:28px;border-bottom:1px solid var(--awb-color4,#e2e2e2);
  background:radial-gradient(circle 4px at 16px 14px,#e2e2e2 98%,transparent),radial-gradient(circle 4px at 30px 14px,#e2e2e2 98%,transparent),radial-gradient(circle 4px at 44px 14px,#e2e2e2 98%,transparent),#f8fafc}
.hp2-portal .hp2-portal-float{position:absolute;right:-4%;bottom:0;width:62%;box-shadow:0 2px 4px rgba(16,24,40,.08),0 20px 44px rgba(16,24,40,.18)}
.hp2-portal .hp2-portal-copy>.fusion-column-wrapper{padding-left:clamp(0px,3vw,48px)}
.hp2-portal .hp2-points .fusion-content-box-hover,.hp2-portal .hp2-points .content-box-column{margin-bottom:14px!important}
.hp2-portal .hp2-points .content-box-column{padding-left:0!important;padding-right:0!important} /* single column: Avada's 15px column gutter pushed the icons off the heading's left edge */
@media (max-width:880px){ /* = Avada small breakpoint, where these 1_2 columns stack */
  .hp2-portal .hp2-portal-copy{order:1}
  .hp2-portal .hp2-portal-visual{order:2;margin-top:28px!important}
  .hp2-portal .hp2-portal-copy>.fusion-column-wrapper{padding-left:0}
  .hp2-portal .hp2-portal-stage{padding-bottom:0}
  .hp2-portal .hp2-portal-float{display:none}
}

/* 06-crm.css */
/* 06 Not a generic CRM — scoped to .hp2-crm */
.hp2-crm{padding:clamp(56px,8vw,96px) 0}
.hp2-crm .hp2-h2{max-width:820px}
.hp2-crm .hp2-lede p{max-width:68ch;margin:0 0 clamp(32px,4vw,48px);font-size:clamp(16px,1.4vw,18px);line-height:1.6}
.hp2-crm .hp2-chain{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,28px);border:1px solid var(--awb-color4,#e2e2e2);border-radius:14px;background:var(--awb-color1,#fff)}
.hp2-crm .hp2-chain-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.hp2-crm .hp2-chain-k{flex:none;width:110px;font:600 13px/1.2 Roboto,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--awb-color6,#292a41);opacity:.75}
.hp2-crm .hp2-chain-k.is-bp{font-weight:700;opacity:1;color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-chain-sep{height:1px;background:var(--awb-color4,#e2e2e2)}
.hp2-crm .hp2-chain ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.hp2-crm .hp2-chain li{display:flex;align-items:center;gap:8px;margin:0}
.hp2-crm .hp2-chain-generic li{min-height:40px;padding:0 14px;border:1px solid var(--awb-color4,#e2e2e2);border-radius:999px;background:var(--awb-color3,#f2f3f5);font:600 14px/1 Roboto,sans-serif;color:#667085}
.hp2-crm .hp2-chain-generic li:not(:last-child):after,.hp2-crm .hp2-chain-bp li:not(:last-child):after{content:"\2192";margin-left:8px;color:#98a2b3}
.hp2-crm .hp2-chain-generic li:not(:last-child):after{margin-right:-6px}
.hp2-crm .hp2-chain-bp li:not(:last-child):after{color:var(--awb-color6,#292a41)}
.hp2-crm .hp2-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--awb-color4,#e2e2e2);border-radius:999px;background:var(--awb-color1,#fff);font:600 14px/1 Roboto,sans-serif;color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-chip i{font-size:15px}
.hp2-crm .is-core .hp2-chip{background:#fff4cc;border-color:var(--awb-custom_color_1,#ffc700)}
.hp2-crm .hp2-crm-points{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 24px;margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none}
.hp2-crm .hp2-crm-points li{margin:0}
.hp2-crm .hp2-num{display:block;margin-bottom:6px;font:700 13px/1 var(--bp-mono);color:#b88a00}
.hp2-crm .hp2-crm-points h3{margin:0 0 6px;font:600 17px/1.3 Roboto,sans-serif;color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-crm-points p{margin:0;font-size:15px;line-height:1.5}
.hp2-crm .hp2-link{display:inline-flex;align-items:center;min-height:44px;margin-top:28px;font-weight:600;font-size:16px}
@media (max-width:900px){
 .hp2-crm .hp2-crm-points{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--awb-color4,#e2e2e2)}
 .hp2-crm .hp2-crm-points li{display:grid;grid-template-columns:34px 1fr;column-gap:6px;padding:14px 0;border-bottom:1px solid var(--awb-color4,#e2e2e2)}
 .hp2-crm .hp2-num{grid-row:1/3;margin:2px 0 0;font-size:15px}
 .hp2-crm .hp2-chain-bp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hp2-crm .hp2-chain-bp li:after{display:none}
 .hp2-crm .hp2-chain-k{width:100%}
}
/* parity: label column beside the chain (design), not above it */
.hp2-crm .hp2-chain-row{flex-wrap:nowrap!important;align-items:center}
.hp2-crm .hp2-chain-row>.hp2-chain-k{flex:0 0 126px}
.hp2-crm .hp2-chain-row>ol{flex:1 1 auto;margin:0}
.hp2-crm .hp2-chain-k{color:#475467}
.hp2-crm .hp2-chain-gen span,.hp2-crm [class*=chain] .is-gen,.hp2-crm .hp2-chain-gen li{background:#F2F4F7}
.hp2-crm [class*=chain] li i{width:16px;font-size:14px;text-align:center;flex:none}
.hp2-crm .hp2-chain-bp{column-gap:6px}
.hp2-crm .hp2-chain-bp li{gap:6px}
.hp2-crm .hp2-chain-row>.hp2-chain-k{flex-basis:110px}
@media (min-width:1101px){
.hp2-crm .hp2-chain-bp{flex-wrap:nowrap!important}
.hp2-crm .hp2-chain-bp li>span:not(.hp2-chain-arrow),.hp2-crm .hp2-chain-bp li>a{padding-left:12px!important;padding-right:12px!important}
.hp2-crm .hp2-chain-row>.hp2-chain-k{flex-basis:96px}
}
/* generic chain: chips carry the grey pill, arrows sit outside (design) */
.hp2-crm .hp2-chain-generic li{min-height:0;padding:0;border:0;background:none}
.hp2-crm .hp2-chain-generic li:not(:last-child):after{margin-right:0}
.hp2-crm .hp2-chip.is-gen{background:#F2F4F7;border-color:transparent;color:#667085;font-weight:500;min-height:32px;padding:0 12px}
.hp2-crm .hp2-chain-bp li:not(:last-child):after{color:#98a2b3}
/* 2026-10-23 owner: 'History goes out of card' — the chain may wrap inside the card when the row is narrower than 8 chips */
.hp2-crm .hp2-chain-row>ol{flex:1 1 auto;min-width:0;flex-wrap:wrap!important;row-gap:10px}

/* ===== 2026-10-24 (owner, Claude Design "CRM Section Options"): desktop = 2a comparison table,
   phones = 2b·m BytePhase spotlight + vertical repair timeline + "Compared with". Both live in one fusion_code;
   each is hidden at the other breakpoint. Card titles are styled text, not headings (keeps the page outline clean). ===== */
.hp2-crm .hp2-lede p{max-width:62ch}
.hp2-crm .hp2-cmpt-tag{display:block;margin-top:4px;font:600 11px/1 var(--bp-font,Roboto),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#475467}
/* 2a — table */
.hp2-crm .hp2-cmpt{overflow:hidden;border:1px solid #E4E7EC;border-radius:14px;background:#fff}
.hp2-crm .hp2-cmpt-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr}
.hp2-crm .hp2-cmpt-row+.hp2-cmpt-row{border-top:1px solid #E4E7EC}
.hp2-crm .hp2-cmpt-cell{display:flex;flex-direction:column;gap:6px;padding:16px 18px;font:400 15px/1.4 var(--bp-font,Roboto),sans-serif;color:#344054}
.hp2-crm .hp2-cmpt-hd .hp2-cmpt-cell{padding:18px;gap:0}
.hp2-crm .hp2-cmpt-need{font-weight:600;color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-cmpt-hd .hp2-cmpt-need{align-self:end;font:600 13px/1.2 var(--bp-font,Roboto),sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#475467}
.hp2-crm .hp2-cmpt-name{font:700 17px/1.2 var(--bp-font,Roboto),sans-serif;color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-cmpt-cell.is-bp{background:#FFF4CC;font-weight:600;color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-cmpt-hd .hp2-cmpt-cell.is-bp{background:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-cmpt-hd .is-bp .hp2-cmpt-name{color:#fff}
.hp2-crm .hp2-cmpt-hd .is-bp .hp2-cmpt-tag,.hp2-crm .hp2-cmpt-tag.is-bp{font-weight:700;color:var(--awb-custom_color_1,#ffc700)}
.hp2-crm .hp2-cmpt-pill{align-self:flex-start;padding:4px 8px;border-radius:999px;background:#F2F4F7;color:#475467;font:700 11px/1 var(--bp-font,Roboto),sans-serif;letter-spacing:.04em;text-transform:uppercase}
.hp2-crm .hp2-cmpt-pill.is-bp{background:var(--awb-custom_color_1,#ffc700);color:var(--awb-color8,#191c2d)}
.hp2-crm .hp2-cmpt-note{margin:12px 0 0;font:400 13px/1.5 var(--bp-font,Roboto),sans-serif;color:#475467}
.hp2-crm .hp2-crm-foot .hp2-link{margin-top:20px}
/* 2b·m — spotlight (phones) */
.hp2-crm .hp2-spt{display:none}
@media (max-width:767px){
  .hp2-crm .hp2-cmpt,.hp2-crm .hp2-cmpt-note{display:none}
  .hp2-crm .hp2-spt{display:flex;flex-direction:column;gap:16px}
  .hp2-crm .hp2-spt-bp{display:flex;flex-direction:column;gap:16px;padding:24px 22px;border-radius:14px;background:var(--awb-color8,#191c2d)}
  .hp2-crm .hp2-spt-name{font:700 20px/1.2 var(--bp-font,Roboto),sans-serif;color:#fff;margin-bottom:-12px}
  .hp2-crm .hp2-spt-claim{margin:0;font:600 21px/1.3 var(--bp-font,Roboto),sans-serif;color:#fff;text-wrap:balance}
  .hp2-crm .hp2-spt-badge{align-self:flex-start;padding:7px 12px;border-radius:999px;background:var(--awb-custom_color_1,#ffc700);color:var(--awb-color8,#191c2d);font:700 13px/1 var(--bp-font,Roboto),sans-serif}
  .hp2.hp2-crm a.hp2-spt-link{display:flex;align-items:center;min-height:44px;color:#fff!important;font:600 15px/1 var(--bp-font,Roboto),sans-serif;text-decoration:underline!important;text-underline-offset:3px}
  .hp2-crm .hp2-spt-steps{display:flex;flex-direction:column;margin:4px 0 0;padding:0;list-style:none}
  .hp2-crm .hp2-spt-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;margin:0}
  .hp2-crm .hp2-spt-dot{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:15px}
  .hp2-crm .hp2-spt-steps li:not(:last-child) .hp2-spt-dot::after{content:"";position:absolute;top:100%;left:50%;width:2px;height:calc(100% - 10px);margin-left:-1px;background:rgba(255,255,255,.24)}
  .hp2-crm .hp2-spt-steps li.is-core .hp2-spt-dot{border-color:var(--awb-custom_color_1,#ffc700);background:var(--awb-custom_color_1,#ffc700);color:var(--awb-color8,#191c2d)}
  .hp2-crm .hp2-spt-txt{display:flex;flex-direction:column;gap:2px;padding:6px 0 14px}
  .hp2-crm .hp2-spt-step{font:600 15px/1.3 var(--bp-font,Roboto),sans-serif;color:#fff}
  .hp2-crm .hp2-spt-steps li.is-core .hp2-spt-step{font-weight:700;color:var(--awb-custom_color_1,#ffc700)}
  .hp2-crm .hp2-spt-note{font:400 13px/1.4 var(--bp-font,Roboto),sans-serif;color:#C9CDD8}
  .hp2-crm .hp2-spt-vs{margin:8px 0 -4px;font:600 12px/1 var(--bp-font,Roboto),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#475467}
  .hp2-crm .hp2-spt-alt{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid #E4E7EC;border-radius:14px;background:#fff}
  .hp2-crm .hp2-spt-alt-hd{display:flex;align-items:center;gap:12px}
  .hp2-crm .hp2-spt-alt-ico{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #E4E7EC;border-radius:10px;background:#F2F4F7;color:#475467}
  .hp2-crm .hp2-spt-alt-name{display:block;font:700 17px/1.2 var(--bp-font,Roboto),sans-serif;color:var(--awb-color8,#191c2d)}
  .hp2-crm .hp2-spt-alt ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
  .hp2-crm .hp2-spt-alt li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;margin:0;font:400 15px/1.45 var(--bp-font,Roboto),sans-serif;color:#344054}
  .hp2-crm .hp2-spt-alt li::before{content:"\2013";color:#475467}
}

/* 07-printing.css */
/* Printing section (.hp2-printing) */
.hp2-printing{background:var(--bp-surface,#fff);padding:clamp(56px,8vw,96px) 0}
/* tabs as pills */
.hp2-printing .hp2-print-tabs .nav-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 0 4px;margin:0 0 24px;border:0;scrollbar-width:none}
.hp2-printing .hp2-print-tabs .nav-tabs li{float:none;flex:none;margin:0;border:0;background:none}
.hp2-printing .hp2-print-tabs .nav-tabs li a.tab-link{min-height:48px;display:flex;align-items:center;padding:0 20px;border-radius:999px;border:1px solid var(--bp-line,#E4E7EC);background:var(--bp-surface,#fff);color:var(--bp-ink,#191c2d);font:500 15px/1 var(--bp-font,Roboto),sans-serif;white-space:nowrap;box-shadow:none}
.hp2-printing .hp2-print-tabs .nav-tabs li.active a.tab-link,.hp2-printing .hp2-print-tabs .nav-tabs li a.tab-link:hover{background:var(--bp-accent,#ffc700);border-color:var(--bp-accent,#ffc700);font-weight:600;color:var(--bp-ink,#191c2d)}
.hp2-printing .hp2-print-tabs .tab-content,.hp2-printing .hp2-print-tabs .tab-pane{border:0;padding:0;background:none}
.hp2-printing .hp2-print-tabs .tab-pane{display:none}
.hp2-printing .hp2-print-tabs .tab-pane.active,.hp2-printing .hp2-print-tabs .tab-pane.in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);column-gap:clamp(28px,4vw,56px);row-gap:12px;align-content:center;align-items:start}
.hp2-printing .hp2-stage{grid-column:1;grid-row:1 / span 4;min-height:500px;display:flex;align-items:center;justify-content:center;padding:28px 12px;border-radius:var(--bp-r-card,14px);background:repeating-linear-gradient(135deg,#F1F3F7 0 12px,#EBEEF3 12px 24px);overflow:hidden;box-sizing:border-box}
.hp2-printing .tab-pane>.fusion-text,.hp2-printing .tab-pane>.fusion-title{grid-column:2}
.hp2-printing .tab-pane>.hp2-size{align-self:end}
.hp2-printing .hp2-size p{margin:0;font:600 13px/1.2 var(--bp-font,Roboto),sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--bp-muted,#475467)}
.hp2-printing .hp2-ph3{margin:0}
.hp2-printing .hp2-ph3 h3{margin:0;font:600 clamp(20px,1.8vw,22px)/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-printing .hp2-use{align-self:start}
.hp2-printing .hp2-use p{margin:0;font:400 clamp(16px,1.4vw,18px)/1.6 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-printing .hp2-zoomwrap{zoom:1}
/* feature points */
.hp2-printing .hp2-print-points{margin-top:clamp(32px,4vw,48px);padding-top:clamp(24px,3vw,32px);border-top:1px solid var(--bp-line,#E4E7EC)}
.hp2-printing .hp2-print-points .fusion-content-boxes,.hp2-printing .hp2-print-points.fusion-content-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.hp2-printing .hp2-print-points .content-box-column{width:auto!important;float:none;padding:0!important;margin:0!important}
.hp2-printing .hp2-print-points .fusion-clearfix,.hp2-printing .hp2-print-points .row:before,.hp2-printing .hp2-print-points .row:after{display:none}
.hp2-printing .hp2-print-points .icon i,.hp2-printing .hp2-print-points .fontawesome-icon{width:40px;height:40px;line-height:40px;border-radius:12px;background:var(--bp-accent-soft,#FFF4CC);color:var(--bp-ink,#191c2d);font-size:19px;text-align:center}
.hp2-printing .hp2-print-points .content-box-heading{margin:0;font:600 17px/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-printing .hp2-print-points .fusion-content-box-hover .content-container,.hp2-printing .hp2-print-points .content-container{font:400 15px/1.55 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-printing .hp2-note{margin-top:20px}
.hp2-printing .hp2-note p{margin:0;font:400 14px/1.5 var(--bp-font,Roboto),sans-serif;color:var(--bp-muted,#475467)}
.hp2-printing .hp2-note a{font-weight:600}
@media (max-width:767px){
.hp2-printing{border-top:1px solid var(--bp-line,#E4E7EC)}
.hp2-printing .hp2-print-tabs .tab-pane.active,.hp2-printing .hp2-print-tabs .tab-pane.in{grid-template-columns:minmax(0,1fr)}
.hp2-printing .hp2-stage{grid-column:1;grid-row:auto;min-height:400px}
.hp2-printing .tab-pane>.fusion-text,.hp2-printing .tab-pane>.fusion-title{grid-column:1}
.hp2-printing .hp2-zoom{zoom:.56}
.hp2-printing .hp2-zoom5{zoom:.8}
.hp2-printing .hp2-print-points .fusion-content-boxes,.hp2-printing .hp2-print-points.fusion-content-boxes{grid-template-columns:minmax(0,1fr);gap:0}
.hp2-printing .hp2-print-points .content-box-column{padding:12px 0!important;border-bottom:1px solid var(--bp-line,#E4E7EC)}
}
.hp2-printing .hp2-lead{margin:0 0 clamp(24px,3vw,32px)}
/* Chrome pass: sample left, copy right (design), stacked on mobile */
@media (min-width:768px){
.hp2-printing .awb-tab-pane-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:center;align-content:center}
.hp2-printing .awb-tab-pane-inner>.hp2-stage{grid-column:1;grid-row:1 / span 3;width:100%}
.hp2-printing .awb-tab-pane-inner>:not(.hp2-stage){grid-column:2}
}
/* Avada wraps pane content in .awb-tab-pane-inner: the pane itself is a plain block, the inner is the grid */
.hp2-printing .hp2-print-tabs .tab-pane.active,.hp2-printing .hp2-print-tabs .tab-pane.in{display:block!important}
.hp2-printing .awb-tab-pane-inner>.fusion-text,.hp2-printing .awb-tab-pane-inner>.fusion-title{margin:0 0 12px}
@media (max-width:767px){.hp2-printing .awb-tab-pane-inner{display:flex;flex-direction:column;gap:12px}}
@media (min-width:768px){
.hp2-printing .awb-tab-pane-inner{grid-template-rows:1fr auto auto auto 1fr;align-items:start}
.hp2-printing .awb-tab-pane-inner>.hp2-stage{grid-row:1 / span 5}
.hp2-printing .awb-tab-pane-inner>.hp2-size{grid-row:2}
.hp2-printing .awb-tab-pane-inner>.fusion-title{grid-row:3}
.hp2-printing .awb-tab-pane-inner>.hp2-use{grid-row:4}
}
/* feature-point icons: soft gold squares as in the design */
.hp2-printing .hp2-print-points .icon i{width:36px;height:36px;line-height:36px;border-radius:10px;background:var(--bp-accent-soft,#fff4cc);color:var(--bp-ink,#191c2d);text-align:center;font-size:16px}
/* parity: stage 710 | gap 56 | copy (design @1280) */
@media (min-width:768px){.hp2-printing .awb-tab-pane-inner{grid-template-columns:minmax(0,710fr) minmax(0,514fr)!important;column-gap:56px!important}}
.hp2-printing .hp2-print-points{margin-top:40px!important;padding-top:24px!important;border-top-color:#E4E7EC!important}
.hp2-printing .hp2-note{margin-top:16px!important}

/* 08-industries.css */
/* Industries section (.hp2-industries) */
.hp2-industries{background:#EEF2F8;padding:clamp(56px,8vw,96px) 0}
.hp2-industries .hp2-ind-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;justify-content:stretch}
@media (max-width:1024px){.hp2-industries .hp2-ind-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* icon-on-top boxes are centred by Avada: the design is left-aligned */
.hp2-industries .hp2-ind-cards .content-box-wrapper,.hp2-industries .hp2-ind-cards .heading,.hp2-industries .hp2-ind-cards .content-container,.hp2-industries .hp2-ind-cards .fusion-read-more{text-align:left!important;align-items:flex-start}
.hp2-industries .hp2-ind-cards .heading .icon{float:none;margin-left:0!important;margin-right:0!important}
.hp2-industries .hp2-ind-cards .content-box-column{width:auto!important;float:none;padding:0!important;margin:0!important;display:flex}
.hp2-industries .hp2-ind-cards .fusion-clearfix,.hp2-industries .hp2-ind-cards .row:before,.hp2-industries .hp2-ind-cards .row:after{display:none}
.hp2-industries .hp2-ind-cards .content-box-wrapper{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;padding:clamp(16px,2vw,24px)!important;background:var(--bp-surface,#fff)!important;border:1px solid #DDE3EC;border-radius:var(--bp-r-card,14px);transition:transform .2s ease;text-align:left}
.hp2-industries .hp2-ind-cards .content-box-wrapper:hover{transform:translateY(-2px)}
.hp2-industries .hp2-ind-cards .heading{margin:0}
.hp2-industries .hp2-ind-cards .icon,.hp2-industries .hp2-ind-cards .heading .icon{margin:0 0 4px;font-size:22px;color:var(--bp-ink,#191c2d)}
.hp2-industries .hp2-ind-cards .icon i{color:var(--bp-ink,#191c2d)}
.hp2-industries .hp2-ind-cards .content-box-heading{margin:0;font:600 clamp(16px,1.5vw,18px)/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-industries .hp2-ind-cards .content-container{flex:1;font:400 15px/1.5 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-industries .hp2-ind-cards a.fusion-read-more,.hp2-industries .hp2-ind-cards .fusion-read-more{font:500 15px/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-link,#0056b2)}
/* whole card clickable */
.hp2-industries .hp2-ind-cards a.fusion-read-more:after,.hp2-industries .hp2-ind-cards a.link-area-box:after{content:"";position:absolute;inset:0}
.hp2-industries .hp2-also-wrap{margin-top:28px}
.hp2-industries .hp2-also,.hp2-industries .hp2-all{margin:0;font:400 16px/1.5 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-industries .hp2-also{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.hp2-industries .hp2-also strong{color:var(--bp-ink,#191c2d);font-weight:600}
.hp2-industries .hp2-also a,.hp2-industries .hp2-all a{min-height:44px;display:inline-flex;align-items:center}
.hp2-industries .hp2-all{margin-top:8px}
.hp2-industries .hp2-all a{font-weight:600}
@media (max-width:767px){
/* compact swipe row: icon + Explore hidden, arrow appended to the title (as designed) */
.hp2-industries .hp2-ind-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;gap:12px}
.hp2-industries .hp2-ind-cards .content-box-column{scroll-snap-align:start}
.hp2-industries .hp2-ind-cards .content-box-wrapper{gap:4px;padding:14px 16px!important}
.hp2-industries .hp2-ind-cards .icon,.hp2-industries .hp2-ind-cards .fusion-read-more{font-size:0;height:0;margin:0;overflow:hidden}
.hp2-industries .hp2-ind-cards .content-box-heading:after{content:" \2192";white-space:nowrap;color:var(--bp-link,#0056b2)}
}
.hp2-industries .hp2-lead{margin:0 0 clamp(28px,4vw,44px)}
/* parity (card internals measured vs design): icon flush to the top padding, 22px; copy uses the full card width */
.hp2-industries .hp2-ind-cards .content-box-wrapper{gap:0!important}
.hp2-industries .hp2-ind-cards .heading{margin:0!important;padding:0!important}
.hp2-industries .hp2-ind-cards .icon{margin:0 0 16px!important;padding:0!important;height:22px;line-height:22px}
.hp2-industries .hp2-ind-cards .icon i{font-size:22px!important;line-height:22px!important;margin:0!important}
.hp2-industries .hp2-ind-cards .content-box-heading{margin:0 0 14px!important;padding:0!important}
.hp2-industries .hp2-ind-cards .content-container{margin:0!important;padding:0!important;width:100%}
.hp2-industries .hp2-ind-cards .content-container p{margin:0;font-size:15px}
.hp2-industries .hp2-ind-cards .fusion-read-more{margin-top:14px!important}
/* phone swipe row: arrows + counter (08-industries.js), same look as the reviews carousel; hidden where the cards are a grid */
.hp2-industries .hp2-ind-nav{display:none}
@media (max-width:767px){
.hp2-industries .hp2-ind-cards{scroll-behavior:smooth}
.hp2-industries .hp2-ind-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
.hp2-industries .hp2-qbtn{width:44px;height:44px;border-radius:999px;border:1px solid #E4E7EC;background:#fff;color:var(--bp-ink,#191c2d);font:500 18px/1 var(--bp-font,Roboto),sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.hp2-industries .hp2-qbtn:disabled{opacity:.35;cursor:default}
.hp2-industries .hp2-qcount{font:500 14px/1 var(--bp-font,Roboto),sans-serif;color:#475467;min-width:64px;text-align:center}
}

/* 09-apps.css */
/* Mobile apps section (.hp2-apps) */
.hp2-apps{background:var(--bp-alt,#F8FAFC);padding:clamp(56px,8vw,96px) 0}
.hp2-apps .hp2-app-copy>.fusion-column-wrapper,.hp2-apps .hp2-app-copy{display:flex;flex-direction:column;gap:20px}
.hp2-apps .hp2-app-bullets li{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px;font:400 clamp(16px,1.4vw,18px)/1.5 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-apps .hp2-app-bullets .icon-wrapper{flex:none;width:40px;height:40px;border-radius:999px;background:var(--bp-accent-soft,rgba(255,199,0,.18));color:var(--bp-ink,#191c2d);display:flex;align-items:center;justify-content:center;font-size:19px;margin:0!important}
.hp2-apps .hp2-app-bullets .fusion-li-item-content{padding-top:8px;margin:0!important}
.hp2-apps .hp2-nofee{margin:0;font:600 16px/1.5 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-apps .hp2-badges{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px}
.hp2-apps .hp2-badges a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.hp2-apps .hp2-badges img{display:block;width:100%;max-width:150px;height:auto}
.hp2-apps .hp2-badges span{font:500 13px/1.2 var(--bp-font,Roboto),sans-serif;color:var(--bp-muted,#475467)}
.hp2-apps .hp2-applink p{margin:0}
.hp2-apps .hp2-applink a{font:600 16px/1 var(--bp-font,Roboto),sans-serif;min-height:48px;display:flex;align-items:center}
/* decorative phone mockups (fusion_code) */
.hp2-apps .hp2-phones{display:flex;justify-content:center;gap:clamp(12px,2vw,24px)}
.hp2-apps .hp2-phones>div{width:min(46%,230px)}
.hp2-apps .hp2-app-visual{align-self:center}
.hp2-apps .hp2-table-wrap{margin-top:clamp(40px,5vw,64px);background:var(--bp-surface,#fff);border:1px solid var(--bp-line,#E4E7EC);border-radius:var(--bp-r-card,14px);overflow:hidden}
.hp2-apps table.hp2-compare{width:100%;margin:0;border-collapse:collapse;table-layout:auto;font:400 16px/1.4 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054);border:0}
.hp2-apps .hp2-compare caption{caption-side:bottom;text-align:left;padding:12px 20px;font:400 14px/1.4 var(--bp-font,Roboto),sans-serif;color:var(--bp-muted,#475467);border-top:1px solid var(--bp-line,#E4E7EC)}
.hp2-apps .hp2-compare th,.hp2-apps .hp2-compare td{padding:16px 20px;text-align:left;border:0;border-bottom:1px solid var(--bp-line,#E4E7EC);vertical-align:top}
.hp2-apps .hp2-compare tbody tr:last-child>*{border-bottom:0}
.hp2-apps .hp2-compare thead th{background:var(--bp-alt,#F8FAFC);font-weight:600;color:var(--bp-ink,#191c2d)}
.hp2-apps .hp2-compare tbody th{font-weight:500;color:var(--bp-ink,#191c2d)}
.hp2-apps .hp2-compare .hp2-us>*{font-weight:700;background:var(--bp-accent-soft,#FFF4CC)}
.hp2-apps .hp2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hp2-apps .hp2-compare-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:12px}
.hp2-apps .hp2-compare-nav strong{font:600 14px/1 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-apps .hp2-compare-nav a{font:500 15px/1 var(--bp-font,Roboto),sans-serif;min-height:44px;display:inline-flex;align-items:center}
@media (max-width:767px){
.hp2-apps .hp2-app-visual{display:none} /* decorative phones dropped on mobile, as designed */
.hp2-apps .hp2-badges{width:100%}
.hp2-apps .hp2-badges a{flex:1 1 0}
.hp2-apps .hp2-badges img{max-width:200px}
.hp2-apps table.hp2-compare{table-layout:fixed;font-size:13px;line-height:1.35}
.hp2-apps .hp2-compare th,.hp2-apps .hp2-compare td{padding:12px 6px}
.hp2-apps .hp2-compare th:first-child{width:28%;padding-left:12px}
.hp2-apps .hp2-compare th:last-child,.hp2-apps .hp2-compare td:last-child{padding-right:12px}
.hp2-apps .hp2-compare caption{font-size:12.5px;padding:12px 14px}
}
.hp2-apps .hp2-pill{margin:0}
/* parity pass (measured vs design) */
@media (min-width:1025px){.hp2-apps .hp2-app-visual{margin-top:-73px!important}.hp2-apps .hp2-app-visual .fusion-column-wrapper{transform:translateX(-41px) scale(1.04);transform-origin:top center}}
.hp2-apps .hp2-app-bullets .fusion-li-item{margin:0 0 24px!important;min-height:32px;align-items:center}
.hp2-apps .hp2-app-bullets .icon-wrapper{width:32px!important;height:32px!important;border-radius:8px!important}
.hp2-apps .hp2-app-bullets .icon-wrapper i{font-size:15px!important}
.hp2-apps .hp2-table-wrap{margin-top:32px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:none!important}
.hp2-apps table.hp2-compare{border:1px solid #E4E7EC!important;border-radius:14px;border-collapse:separate!important;border-spacing:0;background:#fff;overflow:hidden}
.hp2-apps .hp2-compare caption{border-top:0!important;padding:12px 0 0!important}
.hp2-apps .hp2-compare .hp2-us>*{background:none!important;font-weight:400}
.hp2-apps .hp2-compare .hp2-us>:first-child{font-weight:600}
.hp2-apps .hp2-app-bullets .fusion-li-item{padding:0!important}

/* 10-testimonials.css */
/* Testimonials section (.hp2-testimonials) */
.hp2-testimonials{background:var(--bp-surface,#fff);padding:clamp(56px,8vw,96px) 0}
.hp2-testimonials .hp2-map-col,.hp2-testimonials .hp2-reg-col{align-self:center}
.hp2-testimonials .hp2-map img{display:block;width:100%;height:auto}
.hp2-testimonials .hp2-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:12px 0 0;font:400 13px/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-muted,#475467)}
.hp2-testimonials .hp2-legend span{display:flex;align-items:center;gap:8px}
.hp2-testimonials .hp2-dot{display:inline-block;width:9px;height:9px;border-radius:999px;background:#ffc700}
.hp2-testimonials .hp2-dot-lg{width:14px;height:14px;box-shadow:0 0 0 5px rgba(255,199,0,.25)}
.hp2-testimonials .hp2-regions{margin:0;display:flex;flex-direction:column;gap:10px}
.hp2-testimonials .hp2-regions>div{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--bp-line,#E4E7EC)}
.hp2-testimonials .hp2-regions dt{font:600 14px/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-testimonials .hp2-regions dd{margin:0;font:400 15px/1.5 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-testimonials .hp2-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:clamp(36px,5vw,56px)}
.hp2-testimonials .hp2-quotes figure{scroll-snap-align:start;margin:0;padding:28px;background:var(--bp-alt,#F8FAFC);border-radius:var(--bp-r-card,14px);display:flex;flex-direction:column;gap:20px}
.hp2-testimonials .hp2-quotes blockquote{margin:0;padding:0;border:0;flex:1;font:400 17px/1.6 var(--bp-font,Roboto),sans-serif;color:var(--bp-body,#344054)}
.hp2-testimonials .hp2-quotes figcaption{display:flex;align-items:center;gap:12px}
.hp2-testimonials .hp2-av{flex:none;width:44px;height:44px;border-radius:999px;background:var(--bp-dark,#191c2d);color:var(--bp-on-dark,#fff);display:flex;align-items:center;justify-content:center;font:600 15px/1 var(--bp-font,Roboto),sans-serif}
.hp2-testimonials .hp2-who{display:flex;flex-direction:column;gap:2px}
.hp2-testimonials .hp2-who strong{font:600 16px/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d)}
.hp2-testimonials .hp2-who span{font:400 14px/1.3 var(--bp-font,Roboto),sans-serif;color:var(--bp-muted,#475467)}
@media (max-width:767px){
.hp2-testimonials .hp2-quotes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;gap:12px}
.hp2-testimonials .hp2-quotes figure{padding:22px}
}
.hp2-testimonials .fusion-title{margin-bottom:clamp(32px,4vw,48px)!important}
/* Chrome pass: SVG map has no intrinsic size — fill the column; theme blockquote tint off */
.hp2-testimonials .fusion-imageframe{display:block;width:100%;max-width:none}
.hp2-testimonials .fusion-imageframe img{width:100%;height:auto}
.hp2-testimonials blockquote{background:none!important;border:0!important;margin:0;padding:0!important}
/* Review carousel (10 reviews): CSS scroll-snap track — swipe/scroll works without JS; JS only wires the arrows */
.hp2-testimonials .hp2-qwrap{margin-top:clamp(36px,5vw,56px)}
.hp2-testimonials .hp2-quotes{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);gap:20px;margin:0!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.hp2-testimonials .hp2-quotes::-webkit-scrollbar{display:none}
.hp2-testimonials .hp2-quotes:focus-visible{outline:2px solid var(--bp-accent,#ffc700);outline-offset:4px}
.hp2-testimonials .hp2-q{scroll-snap-align:start;margin:0;padding:28px;background:#F8FAFC;border:1px solid #E4E7EC;border-radius:14px;display:flex;flex-direction:column;gap:16px}
.hp2-testimonials .hp2-q-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hp2-testimonials .hp2-stars{color:#F5A400;font-size:16px;letter-spacing:2px;line-height:1}
.hp2-testimonials .hp2-src{font:600 12px/1 var(--bp-font,Roboto),sans-serif;color:#475467;letter-spacing:.02em;min-height:20px;display:inline-flex;align-items:center}
.hp2-testimonials .hp2-q blockquote{flex:1;font-size:16px!important;line-height:1.6}
.hp2-testimonials .hp2-qnav{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}
.hp2-testimonials .hp2-qnav[hidden]{display:none}
.hp2-testimonials .hp2-qbtn{width:44px;height:44px;border-radius:999px;border:1px solid #E4E7EC;background:#fff;color:var(--bp-ink,#191c2d);font:500 18px/1 var(--bp-font,Roboto),sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.hp2-testimonials .hp2-qbtn:hover:not(:disabled){border-color:var(--bp-ink,#191c2d)}
.hp2-testimonials .hp2-qbtn:disabled{opacity:.35;cursor:default}
.hp2-testimonials .hp2-qcount{font:500 14px/1 var(--bp-font,Roboto),sans-serif;color:#475467;min-width:64px;text-align:center}
@media (max-width:1024px){.hp2-testimonials .hp2-quotes{grid-auto-columns:calc((100% - 20px) / 2)}}
@media (max-width:767px){.hp2-testimonials .hp2-quotes{grid-auto-columns:86%;gap:12px}.hp2-testimonials .hp2-q{padding:22px}.hp2-testimonials .hp2-qnav{justify-content:center}}
/* customer logos on review cards (owner-approved shops); initials stay for the rest */
.hp2-testimonials .hp2-logo{flex:none;width:80px;height:44px;border-radius:8px;background:#fff;border:1px solid #E4E7EC;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;overflow:hidden}
.hp2-testimonials .hp2-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}

/* 11-fits.css */
.hp2-fits .hp2-eyebrow,.hp2-faq .hp2-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:var(--bp-accent-soft,#fff4cc);color:var(--awb-color8,#191c2d);font:700 12px/1 Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.hp2-fits .hp2-eyebrow-wrap,.hp2-faq .hp2-eyebrow-wrap{margin:0 0 16px}
.hp2-fits .hp2-fits-title{max-width:820px;margin:0 0 clamp(28px,4vw,44px)}
.hp2-fits .hp2-fits-boxes .fusion-content-box-hover{margin-bottom:0}
.hp2-fits .hp2-fits-boxes .content-container{color:var(--awb-color8,#191c2d)}
.hp2-fits .hp2-fits-boxes .heading h3{margin:0 0 6px;font-weight:600;font-size:clamp(20px,1.8vw,22px);line-height:1.3;color:var(--awb-color8,#191c2d)}
.hp2-fits .hp2-fits-boxes .content-container a{color:var(--awb-link_color,#0056b2);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.hp2-fits .hp2-fits-boxes .fusion-content-box-hover .fusion-column{margin-bottom:28px}
.hp2-fits .hp2-price-card{margin-top:clamp(32px,5vw,52px)!important;padding:clamp(24px,3.5vw,40px)!important;background:var(--awb-color1,#fff);border:1px solid var(--awb-color4,#e2e2e2);border-radius:14px}
.hp2-fits .hp2-price-card h3{margin:0 0 12px}
.hp2-fits .hp2-price-card p{max-width:68ch}
.hp2-fits .hp2-price-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:8px 0 12px}
.hp2-fits .hp2-price-facts li{margin:0;font-weight:500}
.hp2-fits .hp2-link-strong{display:inline-flex;align-items:center;min-height:48px;font-weight:600;font-size:16px;color:var(--awb-link_color,#0056b2)}
.hp2-fits .hp2-fits-security{margin-top:clamp(24px,3vw,36px)!important}
.hp2-fits .hp2-security-line p{margin:0;font-size:16px;line-height:1.6}
.hp2-fits .hp2-security-line a{color:var(--awb-link_color,#0056b2)}
/* in-text link: underlined so it is not told apart by colour alone (WCAG 1.4.1; beats the .hp2 a{text-decoration:none!important} reset) */
.hp2-fits .hp2-security-line p a{text-decoration:underline!important;text-underline-offset:2px}
/* Avada appends its own chevron to read-more links; the copy already ends in → */
.hp2-fits .fusion-read-more::after,.hp2-fits .fusion-read-more::before{content:none!important;display:none!important}
/* icon chips: soft gold like the design (Avada paints the circle navy/gold) */
.hp2-fits .content-box-column .icon>span,.hp2-fits .content-box-column .icon i{background-color:var(--bp-accent-soft,#fff4cc)!important;border-color:transparent!important;color:var(--bp-ink,#191c2d)!important}
@media (max-width:767px){.hp2-fits .content-box-column{margin-bottom:28px!important}}
/* parity: full-width columns sit exactly on the 1280 content box; card + security rule per design */
.hp2-fits>.fusion-builder-row{margin-left:0!important;margin-right:0!important;width:100%!important}
.hp2-fits>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper{margin-left:0!important;margin-right:0!important}
.hp2-fits .hp2-price-card{border-color:#E4E7EC!important;border-radius:16px!important}
.hp2-fits .hp2-fits-security{padding-top:24px!important;border-top:1px solid #E4E7EC}
/* parity (comparator): fits uses bigger type than the other icon lists */
.hp2 .hp2-fits-boxes .content-box-heading{font-size:22px!important;line-height:1.3!important;margin-top:2px!important}
.hp2 .hp2-fits-boxes .content-container,.hp2 .hp2-fits-boxes .content-container p{font-size:16px!important;line-height:1.6;color:var(--bp-body,#344054)!important}
.hp2 .hp2-fits-boxes .fusion-read-more{font-size:15px!important;font-weight:500!important;margin-top:8px!important}
.hp2 .hp2-fits-boxes .content-box-wrapper{grid-template-columns:40px minmax(0,1fr)!important;column-gap:16px!important}
.hp2 .hp2-fits-boxes .icon,.hp2 .hp2-fits-boxes .icon>span{width:40px!important;height:40px!important;border-radius:10px!important}
.hp2 .hp2-fits-boxes .content-box-column{margin-bottom:48px!important}
.hp2-fits .hp2-price-card h3{font-size:30px!important;line-height:1.2!important;font-weight:700!important}
.hp2-fits .hp2-price-card p{font-size:18px;line-height:1.6}
@media (max-width:767px){.hp2 .hp2-fits-boxes .content-box-heading{font-size:17px!important}.hp2 .hp2-fits-boxes .content-container,.hp2 .hp2-fits-boxes .content-container p{font-size:15px!important}.hp2 .hp2-fits-boxes .content-box-column{margin-bottom:24px!important}}

/* 12-faq.css */
.hp2-faq .hp2-faq-main{max-width:880px;margin-left:auto!important;margin-right:auto!important}
.hp2-faq .hp2-faq-title{margin:0 0 clamp(24px,4vw,40px)}
.hp2-faq .fusion-faq-shortcode .fusion-accordian .panel-title a{min-height:56px;font-weight:600}
.hp2-faq .fusion-faq-shortcode .panel-body{max-width:68ch;line-height:1.6}
.hp2-faq .hp2-linkrow{margin-top:20px}
.hp2-faq .hp2-linkrow+.hp2-linkrow{margin-top:8px}
.hp2-faq .hp2-linkrow p{margin:0;font-size:15px;line-height:1.7}
.hp2-faq .hp2-linkrow a{color:var(--awb-link_color,#0056b2);display:inline-block;padding:4px 0}
.hp2-faq .hp2-linkrow strong{color:var(--awb-color8,#191c2d)}
/* parity: design FAQ = plain divider list, question left, +/− right, no boxes (scoped to the homepage FAQ only) */
.hp2-faq .fusion-faq-shortcode .fusion-panel{border:0!important;border-bottom:1px solid #E4E7EC!important;border-radius:0!important;background:none!important;margin:0!important;box-shadow:none!important;padding:0!important}
.hp2-faq .fusion-faq-shortcode .fusion-panel:first-of-type{border-top:1px solid #E4E7EC!important}
.hp2-faq .fusion-faq-shortcode .panel-heading{padding:0!important;background:none!important}
.hp2-faq .fusion-faq-shortcode .panel-title a{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;padding:20px 0!important;background:none!important}
.hp2-faq .fusion-faq-shortcode .fusion-toggle-heading{margin:0!important;font:600 16px/1.4 var(--bp-font,Roboto),sans-serif!important;color:var(--bp-ink,#191c2d)!important}
.hp2-faq .fusion-faq-shortcode .fusion-toggle-icon-wrapper,.hp2-faq .fusion-faq-shortcode .fusion-toggle-icon-wrapper *{background:none!important;border:0!important;box-shadow:none!important}
.hp2-faq .fusion-faq-shortcode .fusion-toggle-icon-wrapper i{color:#475467!important;font-size:14px!important}
.hp2-faq .fusion-faq-shortcode .panel-body{padding:0 0 20px!important;background:none!important;font-size:15px;line-height:1.6;color:var(--bp-body,#344054)}
.hp2-faq .fusion-faq-shortcode .panel-body p{font-size:15px;max-width:640px}
/* replace Avada's boxed toggle glyphs with the design's plain + / − */
.hp2-faq .fusion-faq-shortcode .panel-title a{flex-direction:row!important}
.hp2-faq .fusion-faq-shortcode .fusion-toggle-icon-wrapper{display:none!important}
.hp2-faq .fusion-faq-shortcode .panel-title a::after{content:"+";flex:none;font:400 22px/1 var(--bp-font,Roboto),sans-serif;color:#475467}
.hp2-faq .fusion-faq-shortcode .panel-title a:not(.collapsed)::after{content:"\2212"}
.hp2-faq .fusion-faq-shortcode .fusion-toggle-heading{font-size:19px!important;font-weight:600!important}
.hp2-faq .fusion-faq-shortcode .panel-body,.hp2-faq .fusion-faq-shortcode .panel-body p{font-size:16px!important}
/* design: first answer open. Before page JS runs (delayed until interaction) CSS shows it; 12-faq.js then hands over to Avada's toggle */
@media (max-width:1023px){
.hp2-faq:not(.hp2-faq-js) .fusion-faq-shortcode .fusion-panel:first-of-type .panel-collapse{display:block!important;height:auto!important}
.hp2-faq:not(.hp2-faq-js) .fusion-faq-shortcode .fusion-panel:first-of-type .panel-title a::after{content:"\2212"}
}
@media (max-width:767px){.hp2-faq .fusion-faq-shortcode .fusion-toggle-heading{font-size:16px!important}.hp2-faq .fusion-faq-shortcode .panel-title a{padding:16px 0!important}.hp2-faq .fusion-faq-shortcode .panel-body,.hp2-faq .fusion-faq-shortcode .panel-body p{font-size:15px!important}}

/* 2026-10-23 owner: two-column boxed FAQ on desktop (question left, + right, all closed so rows stay even); phones keep the single list */
@media (min-width:1024px){
  .hp2-faq .hp2-faq-main{max-width:none!important;width:100%}
  .hp2-faq .fusion-faq-shortcode .panel-title a,.hp2-faq .fusion-faq-shortcode .panel-title a:hover{text-decoration:none!important}
  .hp2-faq .fusion-faq-shortcode .panel-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;align-items:start}
  .hp2-faq .fusion-faq-shortcode .fusion-panel,.hp2-faq .fusion-faq-shortcode .fusion-panel:first-of-type{border:1px solid #E4E7EC!important;border-radius:12px!important;background:#fff!important;padding:0 26px!important;transition:border-color .2s,box-shadow .2s}
  .hp2-faq .fusion-faq-shortcode .fusion-panel:hover{border-color:#C9D2DE!important;box-shadow:0 10px 24px -18px rgba(16,24,40,.35)!important}
  .hp2-faq .fusion-faq-shortcode .panel-title a{padding:22px 0!important}
  .hp2-faq .fusion-faq-shortcode .fusion-toggle-heading{font-size:17px!important}
  .hp2-faq .fusion-faq-shortcode .panel-title a::after{color:var(--awb-link_color,#0056b2);font-size:24px}
  .hp2-faq .fusion-faq-shortcode .panel-body,.hp2-faq .fusion-faq-shortcode .panel-body p{font-size:15.5px!important}
}
/* FAQ hover (owner 2026-10-23): question + "+" turn link blue, never underlined */
.hp2-faq .fusion-faq-shortcode .panel-title a .fusion-toggle-heading,.hp2-faq .fusion-faq-shortcode .panel-title a::after{transition:color .15s}
.hp2-faq .fusion-faq-shortcode .panel-title a:hover .fusion-toggle-heading,.hp2-faq .fusion-faq-shortcode .panel-title a:hover::after,.hp2-faq .fusion-faq-shortcode .panel-title a:focus-visible .fusion-toggle-heading{color:var(--awb-link_color,#0056b2)!important}

/* 13-final-cta.css */
.hp2-final-cta{overflow:hidden;box-shadow:0 30px 60px rgba(16,24,40,.18),0 4px 12px rgba(16,24,40,.08)}
.hp2-final-cta .hp2-final-main{max-width:1120px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.hp2-final-cta .hp2-final-title,.hp2-final-cta .hp2-final-title h2{color:var(--awb-color1,#fff)!important;text-wrap:balance;margin:0}
.hp2-final-cta .hp2-final-sub p{margin:16px auto 0;max-width:58ch;font-size:clamp(16px,1.4vw,18px);line-height:1.6;color:#c9cdd8}
.hp2-final-cta .hp2-ready-pill{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 18px;border-radius:999px;background:rgba(255,199,0,.12);border:1px solid rgba(255,199,0,.35);font-weight:600;font-size:15px;color:var(--awb-custom_color_1,#ffc700)}
.hp2-final-cta .hp2-steps{list-style:none;counter-reset:s;margin:clamp(24px,4vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;text-align:center}
.hp2-final-cta .hp2-steps li{counter-increment:s;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px;margin:0}
.hp2-final-cta .hp2-steps li::before{content:"0" counter(s);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:8px;border-radius:999px;background:var(--awb-color8,#191c2d);border:1px solid rgba(255,199,0,.5);color:var(--awb-custom_color_1,#ffc700);font:700 14px/1 var(--bp-mono);box-shadow:0 0 0 6px var(--awb-color8,#191c2d)}
.hp2-final-cta .hp2-steps li:not(:last-child)::after{content:"";position:absolute;top:19px;left:calc(50% + 26px);right:calc(-50% + 26px);height:2px;background:rgba(255,255,255,.18)}
.hp2-final-cta .hp2-steps li:last-child::before{background:var(--awb-custom_color_1,#ffc700);border-color:var(--awb-custom_color_1,#ffc700);color:var(--awb-color8,#191c2d)}
.hp2-final-cta .hp2-step-title{font-weight:600;font-size:16px;line-height:1.3;color:var(--awb-color1,#fff)}
.hp2-final-cta .hp2-step-note{font-size:14px;line-height:1.4;color:#c9cdd8}
.hp2-final-cta .hp2-steps li:last-child .hp2-step-note{padding:4px 10px;border-radius:999px;background:var(--awb-custom_color_1,#ffc700);color:var(--awb-color8,#191c2d);font-weight:700;font-size:13px}
.hp2-final-cta .fusion-button-wrapper{display:inline-block;margin:clamp(24px,3vw,32px) 8px 0}
.hp2-final-cta .hp2-btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;border-radius:10px;padding:0 32px}
.hp2-final-cta .hp2-btn-demo{font-weight:600;font-size:16px}
.hp2-final-cta .hp2-final-micro p{margin:14px 0 0;font-size:14px;color:#c9cdd8}
.hp2-final-cta .hp2-final-help{margin:clamp(24px,3vw,32px) auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);max-width:640px}
.hp2-final-cta .hp2-final-help p{margin:0;font-size:15px;line-height:1.6;color:#c9cdd8}
.hp2-final-cta .hp2-final-help strong{color:var(--awb-color1,#fff);font-weight:600}
.hp2-final-cta .hp2-final-help a{color:var(--awb-custom_color_1,#ffc700);font-weight:600}
@media (max-width:800px){
.hp2-final-cta .hp2-steps{grid-template-columns:1fr;text-align:left}
.hp2-final-cta .hp2-steps li{flex-direction:column;align-items:flex-start;padding:0 0 16px 54px;min-height:40px}
.hp2-final-cta .hp2-steps li::before{position:absolute;left:0;top:0;margin:0}
.hp2-final-cta .hp2-steps li:not(:last-child)::after{top:40px;bottom:0;left:19px;right:auto;width:2px;height:auto}
.hp2-final-cta .hp2-steps li:last-child .hp2-step-note{align-self:flex-start}
.hp2-final-cta .fusion-button-wrapper{display:block;margin:20px 0 0}
.hp2-final-cta .hp2-btn{width:100%}
}
/* Chrome pass 2026-10-13 */
/* Avada flex column stacks children: let the two buttons share a centred row, everything else full width */
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper{flex-direction:row!important;flex-wrap:wrap;justify-content:center;column-gap:16px}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>:not(.fusion-button-wrapper){flex:0 0 100%}
.hp2-final-cta .fusion-button-wrapper{margin:clamp(24px,3vw,32px) 0 0!important}
.hp2-final-cta .hp2-btn{min-width:240px}
/* outline demo button: theme link colour was winning on the dark card */
.hp2-final-cta a.hp2-btn-demo,.hp2-final-cta a.hp2-btn-demo .fusion-button-text{color:#fff!important}
.hp2-final-cta a.hp2-btn-demo:hover,.hp2-final-cta a.hp2-btn-demo:hover .fusion-button-text{color:var(--awb-color8,#191c2d)!important}
/* inset dark card as in the design */
@media (min-width:768px){
.hp2-final-cta.fusion-fullwidth{margin:0 60px clamp(56px,6vw,80px)!important;padding-left:clamp(24px,4vw,64px)!important;padding-right:clamp(24px,4vw,64px)!important;border-radius:24px}
}
@media (max-width:767px){
.hp2-final-cta .hp2-btn{min-width:0}
.hp2-final-cta .fusion-button-wrapper{flex:0 0 100%}
}
/* each fusion_button sits in an unnamed div — let those share the row */
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>div:has(>a.fusion-button){flex:0 0 auto}
@media (max-width:767px){.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>div:has(>a.fusion-button){flex:0 0 100%}}
/* parity pass 2: card = 1344px centred (design), 44px heading */
/* card edge = section content edge; the page wrapper already offsets sections by 30px, so margin = gutter − 30 */
@media (min-width:1025px){.hp2-final-cta.fusion-fullwidth{margin:48px max(30px,calc((100vw - 1600px) / 2 - 30px))!important}}
@media (min-width:768px) and (max-width:1024px){.hp2-final-cta.fusion-fullwidth{margin:48px 0!important}}
.hp2-final-cta h2{font-size:clamp(30px,3vw,44px)!important;line-height:1.12!important;letter-spacing:-.01em}
/* breathing room between the 5 steps and the buttons (step 3 text was touching the trial button) */
.hp2-final-cta ol{margin-bottom:28px!important}

/* 99-gaps.css */
/* 99-gaps: comparator-driven overrides — loaded LAST so they beat section files (00-base loads first) */
/* --- Gap pass 3 (full comparator 2026-10-13) --- */
.hp2-hero .hp2-kicker,.hp2-hero .hp2-eyebrow-line,.hp2-hero .fusion-text:first-child p{color:#475467}
.hp2-hiw .hp2-step-chip{background:#F2F4F7!important}
.hp2-hiw .hp2-step.is-active .hp2-step-chip{background:var(--bp-accent-soft,#fff4cc)!important}
.hp2 .hp2-points .content-box-heading,.hp2 .hp2-print-points .content-box-heading{font-size:17px!important}
.hp2-printing .awb-tab-pane-inner .fusion-title h3{font-size:22px!important}
.hp2-crm .hp2-chip.is-gen{font-weight:600!important}
.hp2-apps .hp2-app-bullets .fusion-li-item-content{color:#344054!important}
.hp2-apps .hp2-nofee,.hp2-apps p:has(+ .hp2-badges) strong{color:#191c2d}
.hp2-testimonials [class*=legend],.hp2-testimonials [class*=legend] *{color:#475467!important}
.hp2-proof .hp2-rated{color:#191c2d!important}
.hp2-final-cta.fusion-fullwidth{padding-top:80px!important;padding-bottom:80px!important}
.hp2-final-cta h2,.hp2-final-cta .fusion-title h2{font-size:44px!important;line-height:1.12!important}
@media (max-width:767px){.hp2-final-cta h2,.hp2-final-cta .fusion-title h2{font-size:30px!important}.hp2-final-cta.fusion-fullwidth{padding-top:48px!important;padding-bottom:48px!important}}
.hp2-final-cta a.fusion-button .fusion-button-text{font-size:17px!important;font-weight:700!important}
.hp2-final-cta .hp2-step-num,.hp2-final-cta [class*=step] b,.hp2-final-cta ol li::before{font-family:var(--bp-mono)}
.hp2-portal .hp2-note{color:#475467!important}
.hp2-apps .hp2-nofee{color:#191c2d!important;font-weight:600}
.hp2-apps table.hp2-compare thead th{font-weight:600!important;color:#191c2d!important}
.hp2-apps table.hp2-compare tbody th{font-weight:500!important;color:#191c2d!important}
.hp2-apps table.hp2-compare .hp2-us>:first-child{font-weight:600!important}
.hp2-final-cta a.hp2-btn-demo .fusion-button-text{font-size:16px!important;font-weight:600!important}
/* Gap pass 3b — vertical rhythm measured against the design */
@media (min-width:1025px){.hp2-hiw .hp2-steps{padding-top:13px!important}.hp2-hiw .hp2-step{padding-bottom:81px!important}}
.hp2-apps .hp2-app-bullets .fusion-li-item{margin-bottom:21px!important}
.hp2-apps .hp2-table-wrap{margin-top:16px!important}
.hp2-fits .hp2-fits-boxes{margin-top:32px!important}
.hp2-fits .hp2-fits-boxes .content-box-column:nth-last-child(-n+2){margin-bottom:0!important}
.hp2-apps .hp2-app-copy{margin-top:-11px!important}

/* Mobile pass (iPhone SE 375, 2026-10-13) */
@media (max-width:767px){
  /* hero: login link left-aligned, tight to the buttons and ticks */
  .hp2-hero .hp2-cta-row,.hp2-hero .hp2-cta-row p,.hp2-hero .hp2-cta-row .fusion-text{text-align:left!important}
  .hp2-hero .hp2-cta-row .fusion-column-wrapper{justify-content:flex-start!important}
  .hp2-hero .hp2-cta-row .fusion-column-wrapper>*{margin-bottom:0!important}
  .hp2-hero .hp2-micro,.hp2-hero .fusion-checklist.hp2-micro{margin-top:12px!important}
  /* CRM chain: label above, chips wrap inline */
  .hp2-crm .hp2-chain-row{flex-direction:column!important;align-items:flex-start!important;gap:10px}
  .hp2-crm .hp2-chain-row>.hp2-chain-k{flex:none!important}
  .hp2-crm .hp2-chain-row>ol{flex-wrap:wrap!important;width:100%}
  /* apps: phone mockups are decorative — hidden on phones as in the design */
  .hp2-apps .hp2-app-visual{display:none!important}
  /* final CTA ready pill on one line */
  .hp2-final-cta .hp2-ready,.hp2-final-cta [class*=ready]{font-size:13px!important;padding:8px 14px!important;white-space:nowrap}
  /* industries: compact cards (design hides icon + explore on phones) */
  .hp2-industries .hp2-ind-cards .icon{display:none!important}
}
@media (max-width:767px){
  /* the login link is a text-style fusion_button: don't stretch/centre it like the CTAs */
  .hp2-hero a.fusion-button.hp2-btn-login{width:auto!important;justify-content:flex-start!important;padding-left:0!important;padding-right:0!important;min-height:44px}
  .hp2-hero .hp2-cta-row .fusion-column-wrapper>div:has(>a.hp2-btn-login){flex:0 0 100%!important}
}
@media (max-width:767px){
  /* login → ticks gap 46px → ~16px (inner CTA column carried Avada's 20px bottom margin + row gap) */
  .hp2-hero .hp2-cta-row{margin-bottom:0!important}
  .hp2-hero .hp2-cta-row>.fusion-column-wrapper,.hp2-hero .fusion-builder-row-inner:has(.hp2-cta-row){margin-bottom:0!important}
  .hp2-hero .hp2-micro,.hp2-hero .fusion-checklist.hp2-micro{margin-top:4px!important}
}
/* the desktop sticky phone/ticket stage must never show below 1025px (Avada's column display:flex beat the section rule) */
@media (max-width:1024px){.hp2-hiw .hp2-stage-col{display:none!important}}

/* ===== Mobile alignment to the design (≤767px, owner 2026-10-14: collapse, never remove) ===== */
.hp2-mbar,.hp2-rev-btn{display:none}
@media (max-width:767px){
  .hp2.fusion-fullwidth{padding-left:16px!important;padding-right:16px!important}
  /* hero order = design: copy, CTAs, ticks, badges → screenshot → "In short" */
  .hp2-hero>.fusion-builder-row{display:flex!important;flex-direction:column}
  .hp2-hero .hp2-hero-text,.hp2-hero .hp2-hero-text>.fusion-column-wrapper{display:contents!important}
  .hp2-hero .hp2-hero-text>.fusion-column-wrapper>*{order:1}
  .hp2-hero .hp2-hero-visual{order:2;margin:24px 0!important}
  .hp2-hero .hp2-hero-text>.fusion-column-wrapper>.hp2-inshort,.hp2-hero .fusion-text.hp2-inshort{order:3}
  .hp2-hero .hp2-intro p{font-size:15px!important;line-height:1.6!important}
  /* design type sizes on phones (Avada's responsive typography was shrinking H3s) */
  .hp2-hiw .hp2-step h3{font-size:21px!important;line-height:1.25!important}
  .hp2-showcase .awb-tab-pane-inner h3{font-size:20px!important;line-height:1.3!important}
  .hp2-showcase .awb-tab-pane-inner p:not(.hp2-link-p){font-size:16px!important}
  .hp2-printing .awb-tab-pane-inner .fusion-title h3{font-size:20px!important}
  .hp2 .hp2-print-points .content-box-heading{font-size:16px!important}
  .hp2-industries .hp2-ind-cards .content-box-heading{font-size:16px!important}
  .hp2-faq .fusion-faq-shortcode .fusion-toggle-heading{font-size:17px!important}
  .hp2-faq .fusion-faq-shortcode .panel-body,.hp2-faq .fusion-faq-shortcode .panel-body p{font-size:16px!important}
  .hp2-apps table.hp2-compare tbody th{font-weight:700!important}
  .hp2-apps table.hp2-compare .hp2-us>*{background:var(--bp-accent-soft,#FFF4CC)!important;font-weight:700!important}
  /* printing tab pills stay visible on phones (Avada's mobile mode hid this nav) */
  .hp2 .fusion-tabs>.nav{display:flex!important;overflow-x:auto;scrollbar-width:none}
  /* accordions (fits, printing points, price card) */
  .hp2-acc>.content-box-wrapper .content-box-heading,.hp2-price-card.hp2-acc h3{cursor:pointer;display:flex!important;justify-content:space-between;align-items:center;gap:12px}
  .hp2-acc>.content-box-wrapper .content-box-heading::after,.hp2-price-card.hp2-acc h3::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid #475467;border-bottom:2px solid #475467;transform:rotate(-135deg);margin-right:4px}
  .hp2-acc.is-closed>.content-box-wrapper .content-box-heading::after,.hp2-price-card.hp2-acc.is-closed h3::after{transform:rotate(45deg)}
  .hp2-acc.is-closed .content-container,.hp2-acc.is-closed .fusion-read-more{display:none!important}
  .hp2-acc.is-closed>.content-box-wrapper .content-box-heading{color:#475467!important}
  .hp2-fits-boxes .content-box-column.hp2-acc,.hp2-print-points .content-box-column.hp2-acc{margin-bottom:0!important;padding:14px 0!important;border-bottom:1px solid #E4E7EC}
  .hp2-price-card.hp2-acc.is-closed>.fusion-column-wrapper>*:not(:has(h3)),.hp2-price-card.hp2-acc.is-closed .fusion-text:not(:has(h3)){display:none!important}
  /* reveals (regions, CRM, FAQ) */
  .hp2-rev.is-closed{display:none!important}
  .hp2-rev-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:8px 0;padding:0 16px;border:1px solid #E4E7EC;border-radius:10px;background:#fff;font:600 15px/1 var(--bp-font,Roboto),sans-serif;color:var(--bp-ink,#191c2d);cursor:pointer}
  .hp2-rev-btn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px}
  .hp2-rev-btn.is-open::after{transform:rotate(-135deg);margin-top:3px}
  .hp2-faq-collapsed .hp2-faq-extra{display:none!important}
  .hp2-faq-more{display:flex;margin:16px auto 0}
  /* sticky CTA bar */
  .hp2-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99980;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #E4E7EC;box-shadow:0 -6px 18px rgba(16,24,40,.08);transform:translateY(110%);transition:transform .2s ease}
  .hp2-mbar.is-on{transform:none}
  .hp2-mbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;font:600 15px/1 var(--bp-font,Roboto),sans-serif;text-decoration:none!important}
  .hp2-mbar-trial{background:var(--awb-custom_color_1,#ffc700);color:#191c2d!important}
  .hp2-mbar-demo{border:1px solid #191c2d;color:#191c2d!important;background:#fff}
  body.hp2-bar-on .bpa-launchers{--bpa-lift:70px}
  body.hp2-bar-on .fusion-top-top-link,body.hp2-bar-on #toTop{bottom:80px!important}
}
@media (max-width:767px){
  /* keep the WhatsApp bubble (bp-whatsapp-chat #bp-wa) and assistant above the sticky bar */
  body.hp2-bar-on #bp-wa{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;transition:bottom .2s ease}
  /* regions reveal = plain text link, as in the design */
  .hp2-testimonials .hp2-rev-btn{border:0;padding:0;background:none;color:var(--bp-link,#0056b2);font-weight:600}
  .hp2-fits-boxes .content-box-column.hp2-acc,.hp2-print-points .content-box-column.hp2-acc{padding:18px 0!important}
  .hp2-fits-boxes .content-box-column.hp2-acc:first-child,.hp2-print-points .content-box-column.hp2-acc:first-child{border-top:1px solid #E4E7EC}
}
@media (max-width:1024px){.hp2-hero>.fusion-builder-row{margin-left:0!important;margin-right:0!important;width:100%!important}}
/* real app screens (owner 2026-10-14): crops of the App Store shots shown inside an iPhone frame —
   black bezel, rounded screen, side buttons, home bar; both apps-section phones identical in size and aligned */
.hp2 .hp2-phone-real{--bz:10px;--rad:42px;position:relative;box-sizing:border-box;aspect-ratio:auto!important;height:auto!important;padding:var(--bz)!important;background:#0B0D12!important;border:0!important;border-radius:var(--rad)!important;overflow:visible!important;display:block!important;box-shadow:0 0 0 1.5px #2A2E38,0 24px 48px rgba(16,24,40,.18),0 4px 10px rgba(16,24,40,.10)!important}
.hp2 .hp2-phone-real img{display:block;width:100%!important;height:auto!important;aspect-ratio:600/1066;object-fit:cover;object-position:top;border-radius:calc(var(--rad) - var(--bz));max-width:none;background:#060606}
.hp2 .hp2-phone-real::before{content:"";position:absolute;right:-3px;top:24%;width:3px;height:13%;border-radius:0 3px 3px 0;background:#2A2E38}
.hp2 .hp2-phone-real::after{content:"";position:absolute;left:50%;bottom:calc(var(--bz) + 7px);transform:translateX(-50%);width:34%;height:4px;border-radius:999px;background:rgba(255,255,255,.55)}
.hp2-hero .hp2-phone-real{--bz:5px;--rad:24px;position:absolute!important}
.hp2-hero .hp2-phone-real::after{height:3px;bottom:calc(var(--bz) + 4px)}
/* apps section: the App Store screenshots recoloured to the design tokens (#191c2d bg, white + #ffc700 headline; owner 2026-10-14) as one card that cross-fades (09-apps.js) */
.hp2-apps .hp2-appslide{display:flex;flex-direction:column;align-items:center;gap:16px}
.hp2-apps .hp2-appslide-card{width:clamp(260px,21vw,300px);border-radius:28px;overflow:hidden;box-shadow:0 24px 48px rgba(16,24,40,.16),0 4px 10px rgba(16,24,40,.08)}
.hp2-apps .hp2-appslide-screens{position:relative;aspect-ratio:660/1435;background:#191c2d}
.hp2-apps .hp2-appslide-screens img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none;opacity:0;transition:opacity .6s ease}
.hp2-apps .hp2-appslide-screens img.is-on{opacity:1}
.hp2-apps .hp2-appslide-dots{display:flex;gap:2px}
.hp2-apps .hp2-appslide-dots button{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.hp2-apps .hp2-appslide-dots button::before{content:"";width:8px;height:8px;border-radius:999px;background:#D0D5DD;transition:width .3s,background .3s}
.hp2-apps .hp2-appslide-dots button[aria-current]::before{width:22px;background:#191c2d}
@media (prefers-reduced-motion:reduce){.hp2-apps .hp2-appslide-screens img{transition:none}}
@media (max-width:767px){
  .hp2-apps .hp2-app-visual{display:block!important;margin-top:32px!important}
  .hp2-apps .hp2-appslide-card{width:min(280px,80vw);border-radius:24px}
}
/* hero phone = full light-mode home screen */
.hp2-hero .hp2-phone-real img{aspect-ratio:600/1298}
/* showcase foot on phones (owner 2026-10-14): integrations as chips + one compact row of the 3 links; every link stays */
.hp2-showcase .hp2-more .hp2-mb{display:none}
@media (max-width:767px){
  .hp2-showcase .hp2-showcase-foot p.hp2-integ{display:flex;flex-wrap:wrap;gap:0;letter-spacing:0!important;font-size:0!important;line-height:0;margin:0 0 8px!important}
  .hp2-showcase .hp2-showcase-foot p.hp2-integ::before{content:"Works with the tools you already use";flex-basis:100%;margin-bottom:10px;font:400 16px/1.5 var(--bp-font,Roboto),sans-serif;color:#344054}
  .hp2-showcase .hp2-showcase-foot p.hp2-integ a{display:inline-flex;align-items:center;min-height:38px;margin:0 8px 8px 0;padding:0 13px;border:1px solid #E4E7EC;border-radius:999px;background:#fff;font:500 15px/1 var(--bp-font,Roboto),sans-serif;color:#191c2d!important;text-decoration:none!important}
  .hp2-showcase .hp2-showcase-foot p.hp2-integ a:last-child{flex-basis:100%;min-height:44px;margin:0;padding:0;border:0;background:none;color:#0056b2!important}
  .hp2-showcase .hp2-showcase-foot p.hp2-integ a:last-child strong{font:600 16px/1 var(--bp-font,Roboto),sans-serif}
  .hp2-showcase .hp2-showcase-foot .hp2-more{flex-wrap:nowrap!important;justify-content:space-between;gap:8px!important;margin:0!important}
  .hp2-showcase .hp2-showcase-foot .hp2-more a{font-size:15px!important;white-space:nowrap}
  .hp2-showcase .hp2-more .hp2-dt{display:none}
  .hp2-showcase .hp2-more .hp2-mb{display:inline}
}
/* UX pass 2026-10-14 #5: reviews lead the trust section; map + countries follow as supporting proof */
.hp2-testimonials .hp2-qwrap{margin-top:clamp(28px,4vw,40px)}
.hp2-testimonials .hp2-qwrap{display:flex;flex-direction:column}
.hp2-testimonials .hp2-revlinks{margin:12px 0 0;font:400 15px/1.6 var(--bp-font,Roboto),sans-serif;color:#475467}
.hp2-testimonials .hp2-revlinks a{font-weight:500;display:inline-flex;align-items:center;min-height:44px}
.hp2-testimonials .hp2-map-col{margin-top:clamp(24px,3vw,40px)!important}
.hp2-testimonials .hp2-reg-col{margin-top:clamp(24px,3vw,40px)!important}
.hp2-testimonials .hp2-map img{max-width:620px;margin:0 auto}
@media (max-width:1024px){.hp2-testimonials .hp2-reg-col{margin-top:16px!important}}
/* UX pass 2026-10-14 #2: tighter scroll story; the active step reads as a highlighted card (others stay full strength, no layout shift) */
@media (min-width:1025px){
  .hp2-hiw .hp2-step{padding-bottom:clamp(36px,4.5vh,48px)!important;isolation:isolate}
  .hp2-hiw .hp2-steps{padding-bottom:2vh!important}
  .hp2-hiw.is-enhanced .hp2-step::before{content:"";position:absolute;z-index:-1;left:-16px;right:-20px;top:-14px;bottom:calc(clamp(36px,4.5vh,48px) - 16px);border-radius:16px;background:#F8FAFC;border:1px solid #E4E7EC;opacity:0;transition:opacity .25s ease}
  .hp2-hiw.is-enhanced .hp2-step.is-active::before{opacity:1}
  .hp2-hiw.is-enhanced .hp2-step:last-child::before{bottom:-16px}
}
/* UX pass 2026-10-14 #7: tighter page ending; final CTA buttons straight after the headline, getting-started steps follow */
.hp2-faq.fusion-fullwidth{padding-bottom:56px!important}
@media (min-width:768px){.hp2-final-cta.fusion-fullwidth{margin-top:0!important}}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>.fusion-title{order:1}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>.hp2-final-sub{order:2}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>div:has(.fusion-button){order:3;margin-top:24px!important}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>.hp2-final-micro{order:4}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>.hp2-ready{order:5;margin-top:clamp(28px,4vw,44px)!important}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>.hp2-steps-wrap{order:6}
.hp2-final-cta .hp2-final-main>.fusion-column-wrapper>.hp2-final-help{order:7}
@media (min-width:1025px){.hp2-final-cta.fusion-fullwidth{padding-top:64px!important;padding-bottom:64px!important}}
@media (max-width:767px){
  .hp2-final-cta .hp2-steps li{padding-bottom:10px!important}
  .hp2-faq.fusion-fullwidth{padding-bottom:40px!important}
}
/* UX pass 2026-10-14 #6: the plans card says how to evaluate and carries both next steps (no prices on the page) */
.hp2-fits .hp2-price-try{margin-top:8px!important}
.hp2-fits .hp2-price-card p.hp2-price-lead{margin:0 0 16px;font:500 17px/1.5 var(--bp-font,Roboto),sans-serif!important;color:#191c2d}
.hp2-fits .hp2-price-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0}
.hp2-fits a.hp2-pa{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:10px;font:600 16px/1 var(--bp-font,Roboto),sans-serif;text-decoration:none!important}
.hp2-fits a.hp2-pa-trial{background:#ffc700;color:#191c2d!important;border:1px solid #ffc700}
.hp2-fits a.hp2-pa-trial:hover{background:#fff;border-color:#191c2d}
.hp2-fits a.hp2-pa-demo{background:#fff;color:#191c2d!important;border:1px solid #191c2d}
.hp2-fits a.hp2-pa-demo:hover{background:#191c2d;color:#fff!important}
.hp2-fits .hp2-price-actions .hp2-link-strong{display:inline-flex;align-items:center;min-height:48px;margin-left:8px}
@media (max-width:767px){
  .hp2-fits a.hp2-pa{flex:1 1 100%}
  .hp2-fits .hp2-price-actions .hp2-link-strong{margin-left:0}
  /* #1 hero on phones: bigger 'In short' and eyebrow */
  .hp2-hero .hp2-inshort p{font-size:15px!important;line-height:1.6!important}
  .hp2-hero p.hp2-kicker{font-size:12px!important}
}
/* hero readability 2026-10-14 (owner): supporting text, links and trust ticks one step larger with more line spacing; layout unchanged */
.hp2-hero .hp2-intro p{line-height:1.6!important}
.hp2-hero .hp2-inshort p{font-size:16px!important;line-height:1.7!important;color:#344054!important}
.hp2-hero p.hp2-kicker{font-size:13.5px!important}
.hp2-hero a.hp2-btn-line-sm{font-size:17px!important}
.hp2-hero a.hp2-btn-login{font-size:16px!important}
.hp2-hero .hp2-micro li,.hp2-hero .hp2-micro .fusion-li-item-content{font-size:15px!important;line-height:1.5!important}
.hp2-hero .hp2-badges span,.hp2-hero .hp2-badges a{font-size:14px!important}
@media (max-width:767px){
  .hp2-hero .hp2-intro p{font-size:16.5px!important;line-height:1.6!important}
  .hp2-hero .hp2-inshort p{font-size:15.5px!important;line-height:1.65!important}
  .hp2-hero p.hp2-kicker{font-size:12px!important}
}
.hp2-hero .hp2-inshort,.hp2-hero .hp2-inshort p{max-width:620px!important}
@media (max-width:767px){.hp2-hero .hp2-intro{margin-top:12px!important}}
/* HERO v3 2026-10-14 (owner: 'do exact as screenshot'): platform kicker, keyword+audience H1, outcome line, platform line,
   trial + outlined demo, verified rating line, plain ✓ trust line; In short / badges / login kept */
.hp2-hero p.hp2-kicker{color:#9A7400!important;font-size:14px!important;letter-spacing:.06em!important}
.hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:clamp(32px,3.1vw,46px)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.01em}
.hp2-hero .hp2-outcome p{margin:0!important;font:400 clamp(19px,1.75vw,25px)/1.35 var(--bp-font,Roboto),sans-serif!important;color:#667085!important}
.hp2-hero .hp2-intro p{font-size:clamp(17px,1.4vw,20px)!important;color:#191c2d!important}
.hp2-hero .hp2-platform p{margin:0!important;font:400 16px/1.5 var(--bp-font,Roboto),sans-serif!important;color:#667085!important}
.hp2-hero a.fusion-button.hp2-btn-outline{background:#fff!important;color:#191c2d!important;border:1px solid #D0D5DD!important;box-shadow:none!important}
.hp2-hero a.fusion-button.hp2-btn-outline:hover{border-color:#191c2d!important}
.hp2-hero a.fusion-button.hp2-btn-outline .fusion-button-text{color:#191c2d!important}
.hp2-hero .hp2-cta-row .fusion-button{min-height:52px!important;padding:0 24px!important;font-size:17px!important;border-radius:10px!important}
.hp2-hero .hp2-rating p{margin:0!important;font:400 17px/1.5 var(--bp-font,Roboto),sans-serif!important;color:#191c2d!important}
.hp2-hero .hp2-rating span{margin-right:4px}
.hp2-hero .fusion-checklist.hp2-micro{gap:4px 0!important;margin-top:4px!important}
.hp2-hero .fusion-checklist.hp2-micro .icon-wrapper{background:none!important;width:auto!important;height:auto!important;color:#667085!important;font-size:14px!important}
.hp2-hero .fusion-checklist.hp2-micro li,.hp2-hero .fusion-checklist.hp2-micro .fusion-li-item-content{color:#667085!important;font-weight:400!important;font-size:16px!important}
.hp2-hero .fusion-checklist.hp2-micro li:not(:last-child)::after{content:"·";margin:0 8px 0 4px;color:#98A2B3}
.hp2-hero .hp2-login-line p{margin:0!important}
.hp2-hero .hp2-login-line a{display:inline-flex;align-items:center;min-height:44px;font:500 16px/1 var(--bp-font,Roboto),sans-serif}
@media (max-width:767px){
  .hp2-hero p.hp2-kicker{font-size:12.5px!important}
  .hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:30px!important}
  .hp2-hero .hp2-outcome p{font-size:18px!important}
  .hp2-hero .hp2-intro p{font-size:16.5px!important}
  .hp2-hero .hp2-platform p,.hp2-hero .hp2-rating p{font-size:15px!important}
  .hp2-hero a.fusion-button.hp2-btn-outline{justify-content:center!important;width:100%}
  .hp2-hero .fusion-checklist.hp2-micro li,.hp2-hero .fusion-checklist.hp2-micro .fusion-li-item-content{font-size:15px!important}
}
.hp2-hero .hp2-rating{margin-top:-6px!important}
.hp2-hero .hp2-cta-row,.hp2-hero .hp2-cta-row>.fusion-column-wrapper{margin-bottom:0!important}
.hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:clamp(32px,2.9vw,44px)!important}
.hp2-hero .hp2-outcome{margin-top:14px!important}
.hp2-hero .hp2-platform{margin-top:2px!important}
@media (max-width:767px){
  .hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:30px!important}
  .hp2-hero .hp2-kicker-wrap,.hp2-hero .hp2-kicker-wrap p,.hp2-hero p.hp2-kicker{text-align:left!important;justify-content:flex-start!important}
  .hp2-hero .hp2-outcome{margin-top:10px!important}
  .hp2-hero .hp2-intro{margin-top:14px!important}
  .hp2-hero .hp2-platform{margin-top:10px!important}
}
@media (max-width:767px){
  .hp2-hero .hp2-kicker-wrap{align-self:flex-start!important;width:100%!important;margin-left:0!important}
  .hp2-hero .hp2-rating{margin-top:12px!important}
  .hp2-hero .fusion-checklist.hp2-micro li:not(:last-child)::after{content:none}
  .hp2-hero .fusion-checklist.hp2-micro{gap:4px 16px!important}
  .hp2-hero .hp2-login-line,.hp2-hero .hp2-login-line p{text-align:left!important;align-self:flex-start!important;width:100%}
}
/* hero = exactly the owner's text (2026-10-14): 'iOS' keeps its case; In short now opens the stats strip below the hero */
.hp2-hero p.hp2-kicker{text-transform:none!important}
.hp2-hero .hp2-rating-line{font:400 17px/1.5 var(--bp-font,Roboto),sans-serif;color:#191c2d}
.hp2-hero .hp2-rating-line span{margin-right:4px}
.hp2-proof .hp2-inshort-proof{margin:0 0 28px!important}
.hp2-proof .hp2-inshort-proof p{margin:0 auto!important;max-width:880px;font:400 16px/1.7 var(--bp-font,Roboto),sans-serif;color:#475467;text-align:center}
.hp2-proof .hp2-inshort-proof strong{color:#191c2d;font-weight:600}
@media (max-width:767px){
  .hp2-hero .hp2-rating-line{font-size:15px}
  .hp2-proof .hp2-inshort-proof p{text-align:left;font-size:15px}
}
/* H1 back to the two-line version (owner 2026-10-14): big keyword line + lighter audience line, both inside the H1 */
.hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:clamp(30px,4.4vw,52px)!important;line-height:1.1!important;letter-spacing:-.02em}
.hp2-hero .hp2-h1-sub{display:block;margin-top:.4em;font:500 clamp(18px,1.9vw,26px)/1.3 var(--bp-font,Roboto),sans-serif!important;letter-spacing:0;color:#344054}
@media (max-width:767px){.hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:32px!important}.hp2-hero .hp2-h1-sub{font-size:19px!important}}
/* hero hierarchy 2026-10-14 (owner): one dominant H1, smaller industry line, divider, medium outcome line, regular paragraph */
.hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:clamp(32px,3.8vw,56px)!important}
.hp2-hero .hp2-h1-sub{margin-top:.45em!important;font-size:clamp(19px,2vw,30px)!important;font-weight:500!important;color:#475467!important}
.hp2-hero .hp2-hero-rule{margin:clamp(8px,1.2vw,14px) 0 0!important}
.hp2-hero hr.hp2-hr{display:block;width:100%;height:0;margin:0;border:0;border-top:1px solid #E4E7EC}
.hp2-hero .hp2-outcome{margin-top:clamp(8px,1.2vw,14px)!important}
.hp2-hero .hp2-outcome p{font-weight:500!important;font-size:clamp(19px,1.7vw,24px)!important;color:#667085!important}
.hp2-hero .hp2-intro p{font-size:clamp(16.5px,1.3vw,19px)!important;font-weight:400!important;color:#344054!important}
.hp2-hero .hp2-platform p{font-size:17px!important}
@media (max-width:767px){
  .hp2-hero .hp2-h1 h1,.hp2-hero h1{font-size:32px!important}
  .hp2-hero .hp2-h1-sub{font-size:19px!important}
  .hp2-hero .hp2-outcome p{font-size:18px!important}
  .hp2-hero .hp2-platform p{font-size:15px!important}
}
.hp2-hero .hp2-hero-rule{width:100%!important;align-self:stretch!important}
@media (max-width:767px){.hp2-hero .hp2-hero-rule{margin-top:14px!important}.hp2-hero .hp2-outcome{margin-top:14px!important}}

/* Stop mobile browsers from font-boosting (Chrome text autosizing) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* ===== Mobile review 2026-10-15 (phone only, ≤767px) ===== */
@media (max-width:767px){
  /* section rhythm: ~150px of air between sections → ~88px */
  .fusion-fullwidth.hp2:not(.hp2-hero):not(.hp2-proof):not(.hp2-final-cta){padding-top:44px!important;padding-bottom:44px!important}
  .fusion-fullwidth.hp2 .fusion-builder-row>.fusion-layout-column:last-child{margin-bottom:0!important}
  /* hero: dashboard + "Watch demo" play, no phone mockup (design "Scroll story" 2026-10-24) — rules in 01-hero.css */
  .hp2-hero .hp2-outcome{align-self:stretch!important;width:100%}
  .hp2-hero .hp2-outcome p{font-size:17px!important;line-height:1.45!important}
  .hp2-hero .hp2-intro p{font-size:16px!important;line-height:1.55!important}
  .hp2-hero .hp2-platform p{font-size:15px!important}
  /* workflow: keep the steps, drop the repeated ticket cards */
  .hp2-hiw .hp2-step-mini{display:none!important}
  .hp2-hiw .hp2-step{padding-top:16px!important;padding-bottom:16px!important}
  .hp2-hiw .hp2-step h3{font-size:19px!important;margin-bottom:6px!important}
  .hp2-hiw .hp2-step-body p{font-size:15px!important;line-height:1.55!important;margin-bottom:6px!important}
  .hp2-hiw .hp2-step-link{min-height:40px;display:inline-flex;align-items:center}
  /* feature screenshots: real size, swipe sideways instead of shrinking the table */
  .hp2-showcase .hp2-shot-scroll,.hp2-portal .hp2-shot-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:4px 16px 10px;scrollbar-width:none}
  .hp2-showcase .hp2-shot-scroll::-webkit-scrollbar,.hp2-portal .hp2-shot-scroll::-webkit-scrollbar{display:none}
  .hp2-showcase .hp2-shot-scroll .hp2-shot-frame,.hp2-portal .hp2-shot-scroll .hp2-portal-shot{width:720px;max-width:none}
  /* tap targets: inline text links get a 44px-tall hit area */
  .hp2-printing p a,.hp2-fits p a,.hp2-final-cta p a{display:inline-block;padding:13px 0;margin:-13px 0}
  .hp2-apps .hp2-appslide-dots button{width:32px;height:32px}
  .hp2-showcase .hp2-shot-hint,.hp2-portal .hp2-shot-hint{margin:2px 0 0;font:500 13px/1.3 var(--bp-font,Roboto),sans-serif;color:#667085}
}
/* pill tabs are buttons, not text links: no hover underline (owner 2026-10-23) */
.hp2 .nav-tabs a.tab-link,.hp2 .nav-tabs a.tab-link:hover,.hp2 .nav-tabs a.tab-link:hover *{text-decoration:none!important}
/* phones: lift the chat launchers (WhatsApp + Need help?) above the sticky trial/demo bar while it shows */
@media (max-width:767px){body:has(#hp2-mbar.is-on) #bpa-launchers{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;transition:bottom .2s ease}}

/* ===== One gutter on every section (owner 2026-10-24, identical India + intl) =====
   Sections pad 60px (30px ≤1024, 16–20px phones) and content caps at the site width (1600px), centred.
   Hero + fits rows had max-width:none / no column offset, so they drifted at 1920; the hero text column
   picked up Avada's 18px medium column margin at ≤1024. */
.hp2.hp2-hero>.fusion-builder-row,.hp2.hp2-fits>.fusion-builder-row{max-width:var(--site_width,1600px)!important;margin-left:auto!important;margin-right:auto!important}
.hp2.hp2-hero .fusion-builder-row>.hp2-hero-text>.fusion-column-wrapper,.hp2.hp2-hero .fusion-builder-row>.hp2-hero-visual>.fusion-column-wrapper{margin-left:0!important;margin-right:0!important}

/* step numbers / counters: even-width digits (was Roboto Mono; here, after every `font:` shorthand that resets it) */
.hp2.hp2-hiw .hp2-step-num,.hp2.hp2-crm .hp2-num,.hp2.hp2-final-cta .hp2-steps li::before,.hp2.hp2-final-cta .hp2-step-num{font-variant-numeric:tabular-nums;letter-spacing:.02em}
/* accordion toggle: a real <button> inside the heading (99-mobile.js) that looks exactly like the heading text */
.hp2-acc-btn{all:unset;display:block;flex:1;min-width:0;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;text-align:left}
.hp2-acc-btn:focus-visible{outline:2px solid #0056b2;outline-offset:3px;border-radius:4px}
/* Speed (PSI LCP, 2026-10-31): sections below the first screen skip style + layout work until they are scrolled near.
   They stay in the DOM and the accessibility tree (content-visibility:auto keeps them findable/indexable);
   contain-intrinsic-size "auto" remembers each section's real height after it first renders, so the scrollbar doesn't jump. */
.hp2-hiw,.hp2-showcase,.hp2-crm,.hp2-printing,.hp2-industries,.hp2-apps,.hp2-portal,.hp2-testimonials,.hp2-fits,.hp2-faq,.hp2-final-cta{content-visibility:auto;contain-intrinsic-size:auto 1200px}