/*
 * RentifyPanel — site design (v2): tokens, header, footer, homepage sections.
 * Used by the homepage and every public page (body.hv2); page parts are in site-v2.css.
 * Dark mode follows the site-wide toggle: html[data-rh-theme="dark"] + localStorage "rh-theme".
 */

:root{color-scheme:light;--accent-rgb:59,130,246;--glow-rgb:124,58,237;--grad-rgb:99,102,241;--font-head:'Sora','Plus Jakarta Sans',system-ui,sans-serif;--font-body:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--bg:#F6F8FC;--bg-alt:#F0F4FA;--surface:#FFFFFF;--surface-2:#F4F7FB;--text:#0B1B33;--text-2:#2B3A52;--muted:#536079;--subtle:#7D879A;--border:#E1E7F0;--border-2:#EDF1F6;--border-strong:#C9D3E1;--accent:#3B82F6;--accent-hover:#2563EB;--accent-ink:#2563EB;--accent-soft:#E8F0FE;--accent-soft-border:#CFDDFB;--accent-tint:#F3F7FF;--accent-60:#7CA3F3;--accent-40:#A9C3F7;--accent-25:#CEDCFA;--success:#15803D;--success-soft:#E7F6EC;--warn:#A16207;--warn-soft:#FDF5E3;--nav-bg:rgba(255,255,255,0.88);--shadow-lg:0 40px 80px -32px rgba(11,27,51,0.28)}
html[data-rh-theme="dark"]{color-scheme:dark;--bg:#0A0D13;--bg-alt:#0D1118;--surface:#11161F;--surface-2:#161C27;--text:#ECF0F7;--text-2:#C6CEDB;--muted:#98A2B5;--subtle:#727C8F;--border:#222A37;--border-2:#1A212C;--border-strong:#333D4D;--accent:#3B82F6;--accent-hover:#2563EB;--accent-ink:#7EAAFB;--accent-soft:rgba(var(--accent-rgb),0.14);--accent-soft-border:rgba(var(--accent-rgb),0.32);--accent-tint:rgba(var(--accent-rgb),0.07);--accent-60:#2C5AAE;--accent-40:#244782;--accent-25:#1C3258;--success:#34D399;--success-soft:rgba(52,211,153,0.12);--warn:#F5B84A;--warn-soft:rgba(245,184,74,0.1);--nav-bg:rgba(10,13,19,0.86);--shadow-lg:0 40px 80px -24px rgba(0,0,0,0.7)}

html{scroll-behavior:smooth}
body.hv2{margin:0;background:var(--bg);color:var(--text);transition:background-color .25s,color .25s;font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal;overflow-x:hidden}
.hv2 *{box-sizing:border-box}
.hv2 a{color:var(--accent-ink);text-decoration:none}
.hv2 a:hover{color:var(--accent-hover)}
.hv2 h1,.hv2 h2,.hv2 h3,.hv2 p{margin:0}

/* Typography: Sora for headings/big numbers, Plus Jakarta Sans for everything else */
.hv2 h1,.hv2 h2,.hv2 h3,.hv2 h4,.hv-price-amount{font-family:var(--font-head);color:var(--text);text-wrap:balance}
.hv2 h1{font-weight:800 !important;letter-spacing:-0.04em !important;line-height:1.08 !important}
.hv2 h2{font-weight:700;letter-spacing:-0.03em !important;line-height:1.14 !important}
.hv2 h3{font-weight:600 !important;letter-spacing:-0.015em !important;line-height:1.3 !important}
.hv2 p{text-wrap:pretty}
.hv2 button,.hv2 input,.hv2 select,.hv2 textarea{font-family:inherit}
.hv2 [hidden]{display:none !important}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hv2 *{transition:none !important;animation:none !important}}

/* Icons: self-hosted Lucide SVGs used as masks so they take the text colour */
.ic{display:inline-block;flex-shrink:0;width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}

.hv-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--accent);color:#fff !important;padding:8px 14px;border-radius:8px}
.hv-skip:focus{left:8px}

/* Hover states (were style-hover in the design) */
.hv2 a.h-text:hover{color:var(--text)}
.hv2 .h-signin:hover{color:var(--text);background:var(--border-2)}
.hv2 a.h-accent:hover{background:var(--accent-hover);color:#FFFFFF}
.hv2 .h-ghost:hover{background:var(--surface-2);color:var(--text)}
.hv2 .h-iconbtn:hover{background:var(--surface-2)}
.hv2 .h-tabtext:hover{color:var(--text)}
.hv2 .h-card:hover{border-color:var(--accent-soft-border)}

/* Buttons — one flat style for the whole site: solid blue primary, outlined ghost, plain text.
   Default 52px tall; -sm (40px) for the header; -block fills its container. */
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 26px;border:1px solid transparent;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-0.005em;line-height:1.2;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s,border-color .15s,color .15s}
.hv-btn .ic{width:1.15em;height:1.15em}
.hv-btn:active{transform:translateY(1px)}
.hv-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hv2 .hv-btn-primary{background:var(--accent);border-color:var(--accent);color:#FFFFFF}
.hv2 .hv-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#FFFFFF}
.hv2 .hv-btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}
.hv2 .hv-btn-ghost:hover{background:var(--surface-2);border-color:var(--subtle);color:var(--text)}
.hv2 .hv-btn-text{background:transparent;color:var(--text);font-weight:500}
.hv2 .hv-btn-text:hover{background:var(--surface-2);color:var(--text)}
.hv-btn-sm{min-height:40px;padding:0 16px;gap:8px;border-radius:10px;font-size:14.5px}
.hv-btn-block{display:flex;width:100%}

/* Text link with an arrow in a soft circle — no button background; the circle fills blue on hover */
.hv2 .hv-link-arrow{display:inline-flex;align-items:center;gap:12px;padding:6px 0;color:var(--accent-ink);font-size:16px;font-weight:600;letter-spacing:-0.005em;white-space:nowrap}
.hv2 .hv-link-arrow:hover{color:var(--accent-hover)}
.hv-link-arrow-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-soft-border);color:var(--accent);font-size:16px;transition:background-color .2s,border-color .2s,color .2s}
.hv-link-arrow-ic .ic{transition:transform .2s ease}
.hv-link-arrow:hover .hv-link-arrow-ic{background:var(--accent);border-color:var(--accent);color:#FFFFFF}
.hv-link-arrow:hover .hv-link-arrow-ic .ic{transform:translate(2px,-2px)}
.hv-link-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}

/* Shared side gutter — identical to the header at every width so all left edges line up */
.hv-side{padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}

/* Visually hidden, still read by screen readers */
.hv-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- Hero: centred headline on a soft glow, flows straight into the dashboard section ---------- */
.hv-hero{position:relative;overflow:hidden;margin-top:-1px;background:var(--bg);color:var(--text)}
/* Glow: blue light from the top centre + a violet patch on the right; fades out before the section ends */
.hv-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 62% at 50% -6%,rgba(var(--accent-rgb),0.20),rgba(var(--accent-rgb),0.08) 55%,transparent 82%),radial-gradient(circle 300px at 92% 28%,rgba(var(--glow-rgb),0.13),transparent 100%),radial-gradient(circle 260px at 6% 46%,rgba(var(--accent-rgb),0.08),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}
.hv-hero-inner{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:clamp(64px,9vw,124px) clamp(20px,4vw,40px) clamp(56px,7vw,100px);display:flex;flex-direction:column;align-items:center;text-align:center}

/* Label pill: [New] Text → */
.hv2 .hv-hero-badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;border:1px solid rgba(255,255,255,0.7);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,0.55),rgba(255,255,255,0.25));-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 0 0 1px rgba(var(--accent-rgb),0.10),0 8px 28px -12px rgba(var(--accent-rgb),0.40);color:var(--text-2);font-size:13.5px;font-weight:500;line-height:1.3;transition:border-color .2s,box-shadow .2s}
.hv-hero-badge:not(:has(.hv-hero-badge-tag)){padding-left:14px}
.hv-hero-badge-tag{flex-shrink:0;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(var(--accent-rgb),0.92),rgba(var(--grad-rgb),0.88));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);color:#FFFFFF;font-size:12px;font-weight:600;letter-spacing:.01em}
.hv-hero-badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv-hero-badge .ic{color:var(--accent);transition:transform .2s}
.hv2 a.hv-hero-badge:hover{color:var(--text);border-color:var(--accent-40);box-shadow:0 1px 2px rgba(11,27,51,0.05),0 8px 24px -10px rgba(var(--accent-rgb),0.45)}
a.hv-hero-badge:hover .ic{transform:translateX(3px)}

.hv2 .hv-hero-title{margin-top:26px;max-width:16em;font-size:calc(clamp(36px,5.2vw,64px) * var(--sx-hscale,1));font-weight:700 !important;letter-spacing:-0.035em !important;line-height:1.1 !important;text-wrap:balance}
.hv-hero-line{display:block}
.hv2 .hv-hero-sub{max-width:640px;margin-top:24px;font-size:clamp(16px,1.35vw,18.5px);line-height:1.65;color:var(--muted)}
.hv-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(28px,3.4vw,38px)}

/* Moving blue words. The sizer (hidden, in flow) gives the baseline/height; words sit on top of it.
   JS sets the width to the current word so the line re-centres smoothly. */
.hv-rot{position:relative;display:inline-block;white-space:nowrap;text-align:left;color:var(--accent);-webkit-clip-path:inset(-0.08em -0.4em -0.28em -0.4em);clip-path:inset(-0.08em -0.4em -0.28em -0.4em);transition:width .55s cubic-bezier(.65,0,.35,1)}
.hv-rot-sizer{visibility:hidden}
.hv-rot-word{position:absolute;left:0;top:0;opacity:0;transform:translateY(85%);filter:blur(6px);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease,filter .5s ease}
.hv-rot-word.is-in{opacity:1;transform:none;filter:none}
.hv-rot-word.is-out{opacity:0;transform:translateY(-85%);filter:blur(6px)}
.hv-rot[data-anim="fade"] .hv-rot-word,.hv-rot[data-anim="fade"] .hv-rot-word.is-out{transform:none}
.hv-rot[data-anim="none"] .hv-rot-word{transition:none}

/* Hero with a picture: text left, picture right; stacks and centres on small screens */
.hv-hero-copy{display:contents}
.hv-hero-art{display:none;margin:0}
.hv-hero.sx-hero-split .hv-hero-inner{max-width:1240px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);text-align:left}
.hv-hero.sx-hero-split .hv-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hv-hero.sx-hero-split .hv-hero-title{max-width:14em}
.hv-hero.sx-hero-split .hv-hero-ctas{justify-content:flex-start}
.hv-hero.sx-hero-split .hv-rot,.hv-hero.sx-hero-split .hv-rot-word{text-align:left}
.hv-hero.sx-hero-split .hv-hero-art{display:block}
/* Size and position come from the designer: --hs (scale), --hx / --hy (px); -d desktop, -m mobile */
.hv-hero-art img{display:block;width:calc(100% * var(--hs-d,1));height:auto;max-width:calc(640px * var(--hs-d,1));margin-left:auto;transform:translate(var(--hx-d,0px),var(--hy-d,0px))}
.hv-hero.sx-hero-split .hv-hero-art.is-side-left{order:-1}
.hv-hero-art.is-side-left img{margin-left:0;margin-right:auto}
@media (min-width:900px){
  .hv-hero.sx-hero-split .hv-hero-inner:has(.is-side-left){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
}
@media (max-width:899px){
  .hv-hero.sx-hero-split .hv-hero-inner{grid-template-columns:1fr;text-align:center}
  .hv-hero.sx-hero-split .hv-hero-copy{align-items:center}
  .hv-hero.sx-hero-split .hv-hero-ctas{justify-content:center}
  .hv-hero.sx-hero-split .hv-rot,.hv-hero.sx-hero-split .hv-rot-word{text-align:center}
  .hv-hero.sx-hero-split .hv-hero-art{order:0;margin-top:var(--hy-m,0px)}
  .hv-hero.sx-hero-split .hv-hero-art.is-m-above{order:-1;margin-top:0;margin-bottom:var(--hy-m,0px)}
  .hv-hero.sx-hero-split .hv-hero-art.is-m-hidden{display:none}
  .hv-hero-art img,.hv-hero-art.is-side-left img{width:calc(100% * var(--hs-m,1));max-width:calc(520px * var(--hs-m,1));margin:0 auto;transform:translateX(var(--hx-m,0px))}
}

/* Public website copy protection (body.sv-protect, js/protect.js): no text selection or image
   dragging, except in form fields */
body.sv-protect{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.sv-protect input,body.sv-protect textarea,body.sv-protect select,body.sv-protect [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
body.sv-protect img,body.sv-protect svg{-webkit-user-drag:none;user-drag:none}

/* The dashboard section picks up the hero background, so the two read as one opening */
.hv-hero + .hv-dash{background:linear-gradient(180deg,var(--bg) 0,var(--surface) 480px);padding-top:clamp(24px,4vw,56px)}

@media (max-width:479px){
  .hv2 .hv-hero-badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;border:1px solid rgba(255,255,255,0.7);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,0.55),rgba(255,255,255,0.25));-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 0 0 1px rgba(var(--accent-rgb),0.10),0 8px 28px -12px rgba(var(--accent-rgb),0.40);color:var(--text-2);font-size:13.5px;font-weight:500;line-height:1.3;transition:border-color .2s,box-shadow .2s}
  .hv-hero-ctas{width:100%}
  .hv-hero-ctas .hv-btn{flex:1 1 auto}
}
@media (prefers-reduced-motion: reduce){
  .hv-rot,.hv-rot-word{transition:none !important}
}

/* One divider line between sections, not two (every section has top + bottom borders) */
.hv2 main > section + section{border-top:0 !important}

/* Header */
.hv-header{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .25s}
.hv-header.is-scrolled{border-bottom-color:var(--border)}
.hv-nav{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px);height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .25s ease}
.hv-header.is-scrolled .hv-nav{height:60px}
.hv-brand-logo{max-height:30px;width:auto;display:block}
.hv-logo-dark{display:none}
html[data-rh-theme="dark"] .hv-logo-light{display:none}
html[data-rh-theme="dark"] .hv-logo-dark{display:block}
.hv-desk{display:flex;align-items:center}
.hv-mob{display:none}
@media (max-width:1079px){.hv-desk{display:none !important}.hv-mob{display:flex}}
.hv-drawer{display:none}
.hv-header.menu-open .hv-drawer{display:flex}
@media (min-width:1080px){.hv-header.menu-open .hv-drawer{display:none}}
.hv2 .is-current{color:var(--text) !important}
.hv-theme-btn .ic-sun{display:none}
html[data-rh-theme="dark"] .hv-theme-btn .ic-sun{display:inline-block}
html[data-rh-theme="dark"] .hv-theme-btn .ic-moon{display:none}

/* "Built to connect" — desktop: wide rows, text and visual side by side (alternating) */
.hv-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
.hv-row.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.hv-row-vis{background-color:var(--bg-alt);background-image:radial-gradient(circle,var(--border) 1px,transparent 1.4px);background-size:20px 20px;display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,44px);min-height:340px;min-width:0;overflow:hidden;border-left:1px solid var(--border)}
.hv-row.flip .hv-row-vis{order:-1;border-left:0;border-right:1px solid var(--border)}
/* Full-bleed illustration: the image fills the whole visual box */
.hv-row-vis.hv-row-img{padding:0;align-items:stretch;background:var(--surface)}
.hv-row-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
/* Phones/tablets: one card per row, visual box on top, text underneath */
@media (max-width:899px){
  .hv-row,.hv-row.flip{grid-template-columns:minmax(0,1fr)}
  .hv-row-vis,.hv-row.flip .hv-row-vis{order:-1;min-height:240px;border-left:0;border-right:0;border-bottom:1px solid var(--border)}
  .hv-row-vis.hv-row-img{min-height:0}
  .hv-row-img img{height:auto}
}

/* Content below a section heading keeps the design's own width (heading itself lines up with the header) */
.hv-inner{width:100%;max-width:1020px;margin-left:auto;margin-right:auto}
.hv-inner-sm{width:100%;max-width:840px;margin-left:auto;margin-right:auto}

/* Tabs (feature categories + dashboards) */
.hv-tab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;cursor:pointer;white-space:nowrap;font-family:inherit;font-size:14.5px;font-weight:500;padding:0 18px;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;transition:background .15s,color .15s,box-shadow .15s}
.hv-tab:hover{color:var(--text)}
.hv-tab.is-active{color:var(--accent-ink);font-weight:600;background:var(--surface);box-shadow:0 1px 2px rgba(11,27,51,0.06),0 2px 8px -2px rgba(11,27,51,0.10)}
html[data-rh-theme="dark"] .hv-feat-tabs{background:var(--bg)}
html[data-rh-theme="dark"] .hv-tab.is-active{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong)}
.hv-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Features: heading → tabs → grid → link, one 8px-based rhythm; columns follow the tab's item count */
.hv-feat{background:var(--surface);color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(56px,7vw,96px) 0}
.hv-feat-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.hv-feat-tabs{display:flex;gap:4px;width:fit-content;max-width:100%;margin:clamp(24px,3vw,32px) 0 20px;padding:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}
.hv-feat-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hv-feat-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hv-feat-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hv-feat-item{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:15px;font-weight:500;line-height:1.35;transition:border-color .15s}
.hv-feat-item:hover{border-color:var(--border-strong)}
.hv-feat-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:8px;background:var(--accent-soft);color:var(--accent-ink);font-size:17px}
.hv2 .hv-feat-link{display:inline-flex;align-items:center;gap:6px;margin-top:24px;color:var(--accent-ink);font-size:15px;font-weight:600}
.hv-feat-link .ic{transition:transform .15s}
.hv-feat-link:hover .ic{transform:translateX(3px)}
@media (max-width:1023px){
  .hv-feat-c3,.hv-feat-c4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:479px){
  .hv-feat-tabs{width:100%}
  .hv-tab{flex:1 1 0;justify-content:center;padding:8px 6px;font-size:13.5px;gap:6px}
  .hv-feat-grid{gap:8px}
  .hv-feat-item{gap:10px;min-height:56px;padding:10px 12px;font-size:14px}
  .hv-feat-icon{width:30px;height:30px;font-size:15px;border-radius:7px}
}

/* Pricing — heading, volume selector and card share one left edge and the full content width */
.hv-price{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(56px,7vw,96px) 0;scroll-margin-top:60px}
.hv-price-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.hv-price-head{display:flex;flex-direction:column;gap:14px;max-width:640px}
.hv-price-lead{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--muted);text-wrap:pretty}
.hv-price-label{font-size:13px;font-weight:600;color:var(--text-2)}
.hv-price-vol{display:flex;flex-direction:column;gap:10px;margin-top:clamp(32px,4vw,44px)}
.hv-price-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(11,27,51,0.04)}
.hv-price-plan{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(24px,3vw,36px)}
.hv-price-figures{display:flex;flex-direction:column;gap:8px}
.hv2 .hv-price-name{font-size:15px;font-weight:600;color:var(--accent-ink)}
.hv-price-amount{display:flex;align-items:baseline;gap:8px;font-size:clamp(40px,4.4vw,52px);font-weight:700;letter-spacing:-0.035em;line-height:1;font-variant-numeric:tabular-nums}
.hv-price-per{font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted)}
.hv-price-orders{font-size:15px;line-height:1.5;color:var(--text-2)}
.hv-price-actions{display:flex;flex-direction:column;gap:14px}
.hv2 .hv-price-all{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--accent-ink)}
.hv-price-all .ic{transition:transform .15s}
.hv-price-all:hover .ic{transform:translateX(3px)}
.hv-price-cta:focus-visible,.hv-price-all:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hv-price-incl{display:flex;flex-direction:column;gap:18px;padding:clamp(24px,3vw,36px);background:var(--surface-2);border-left:1px solid var(--border)}
.hv-price-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.hv-price-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.4;color:var(--text)}
.hv-price-list .ic{margin-top:2px;font-size:15px;color:var(--accent)}
.hv-price-empty{margin-top:clamp(32px,4vw,44px);padding:32px;border:1px dashed var(--border-strong);border-radius:12px;text-align:center;color:var(--muted)}
@media (max-width:899px){
  .hv-price-card{grid-template-columns:minmax(0,1fr)}
  .hv-price-incl{border-left:0;border-top:1px solid var(--border)}
}
@media (max-width:479px){
  .hv-price-list{grid-template-columns:minmax(0,1fr);gap:12px}
}

/* Pricing volume selector: one row on every screen; when it doesn't fit (phones) it scrolls sideways.
   The native scrollbar stays hidden (phones ignore its colours) — a thin blue line under the row shows the position. */
.hv-tiers{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow-x:auto;scrollbar-width:none}
.hv-tier{flex:1 0 auto;min-width:56px;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.hv-tier:hover{color:var(--text);background:var(--surface-2)}
.hv-tier.is-active{border-color:var(--accent-40);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.hv-tier:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.hv-tiers{-webkit-overflow-scrolling:touch}
.hv-tiers::-webkit-scrollbar{display:none}
.hv-tier-track,.hv-scroll-track{position:relative;height:2px;margin:8px 4px 0;border-radius:2px;background:var(--border-2);overflow:hidden}
.hv-tier-track[hidden],.hv-scroll-track[hidden]{display:none !important}
.hv-tier-thumb,.hv-scroll-thumb{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:var(--accent);transition:transform .08s linear}

/* Dashboard preview — a browser window whose tab strip is the Admin / Customer switch.
   The window sits on a dotted "stage" that starts below the tab strip, so it reads as set into the page. */
.hv-dash{background:var(--surface);border-bottom:1px solid var(--border);padding:clamp(56px,9vw,128px) 0;scroll-margin-top:60px}
.hv-dash-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.hv-dash-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.hv-dash-intro{display:flex;flex-direction:column;gap:10px;max-width:560px}
.hv-dash-lead{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--muted)}
/* Controls row: segmented Admin / Customer switch (left) + solid "Open live demo" button (right) */
.hv-dash-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(32px,4vw,48px);padding:0 clamp(12px,3.4vw,40px)}
.hv-dash-tabs{display:flex;gap:4px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.hv-dash-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;width:170px;height:42px;padding:0 18px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-family:inherit;font-size:14.5px;font-weight:500;cursor:pointer;transition:color .15s,background .15s,box-shadow .15s}
.hv-dash-tab .ic{font-size:16px}
.hv-dash-tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hv-dash-tab:hover{color:var(--text)}
.hv-dash-tab.is-active{background:var(--surface);color:var(--accent-ink);font-weight:600;box-shadow:0 1px 2px rgba(11,27,51,0.06),0 2px 8px -2px rgba(11,27,51,0.10)}
.hv-dash-tab.is-active .ic{color:var(--accent)}
html[data-rh-theme="dark"] .hv-dash-tab.is-active{background:var(--surface-2);box-shadow:0 0 0 1px var(--border-strong)}
html[data-rh-theme="dark"] .hv-dash-tabs{background:var(--bg)}
.hv-dash-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.hv-dash-demo{flex-shrink:0}

/* Browser window on a soft dotted stage */
.hv-dash-stage{position:relative;margin-top:20px;padding:0 clamp(12px,3.4vw,40px)}
.hv-dash-stage::before{content:"";position:absolute;left:0;right:0;top:clamp(40px,7vw,96px);bottom:calc(-1 * clamp(20px,3vw,40px));border:1px solid var(--border);border-radius:18px;background-color:var(--bg-alt);background-image:radial-gradient(circle,var(--border) 1px,transparent 1.4px);background-size:20px 20px}
.hv-dash-frame{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 0 0 6px rgba(var(--accent-rgb),0.04),0 1px 2px rgba(11,27,51,0.05),0 30px 60px -30px rgba(11,27,51,0.28)}
html[data-rh-theme="dark"] .hv-dash-frame{box-shadow:0 0 0 6px rgba(var(--accent-rgb),0.06),0 30px 60px -24px rgba(0,0,0,0.7)}

/* Window bar: traffic-light dots · centred address pill · open icon */
.hv-dash-bar{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:14px;height:48px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--border)}
.hv-dash-dots{display:flex;gap:7px}
.hv-dash-dots i{width:11px;height:11px;border-radius:50%;background:var(--border-strong);opacity:.75}
.hv-dash-url{justify-self:center;min-width:0;width:min(380px,100%);height:30px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden}
.hv-dash-url .ic{font-size:12px;color:var(--success)}
.hv-dash-url span[data-key]{overflow:hidden;text-overflow:ellipsis}
.hv-dash-open{justify-self:end;display:flex;color:var(--subtle);font-size:15px}

/* Screenshot: full width on desktop; on phones it keeps a readable size and scrolls sideways
   (the thin blue line at the bottom of the window shows the position) */
.hv-dash-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--surface)}
.hv-dash-scroll::-webkit-scrollbar{display:none}
.hv-dash-shot{display:block;width:100%;height:auto}
.hv-dash-frame .hv-scroll-track{margin:0;border-radius:0;height:3px}

.hv-dash-foot{margin-top:clamp(44px,6vw,76px);padding:0 clamp(12px,3.4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px 40px}
.hv-dash-desc{min-width:0}
.hv-dash-foot .hv-dash-demo{flex-shrink:0}
.hv-dash-foot p{max-width:680px;font-size:15px;line-height:1.65;color:var(--muted);text-wrap:pretty}
.hv-dash-foot strong{color:var(--text);font-weight:600}

/* Phones/small tablets: the whole screenshot fits the window (no sideways swipe); the window chrome gets more compact */
@media (max-width:759px){
  .hv-dash-controls{flex-direction:column-reverse;align-items:stretch;gap:14px}
  .hv-dash-tab{flex:1;width:auto}
  .hv2 .hv-dash-demo{align-self:flex-end}
  .hv-dash-bar{height:42px;padding:0 12px;gap:10px}
  .hv-dash-dots i{width:9px;height:9px}
  .hv-dash-url{height:28px;font-size:12px}
}
/* Phones: the dotted stage becomes a full-bleed band so the window can use the whole content width */
@media (max-width:639px){
  .hv-dash-head{gap:16px}
  .hv-dash-controls{padding:0}
  .hv-dash-stage{margin-top:18px;padding:0}
  .hv-dash-stage::before{left:calc(-1 * clamp(20px,4vw,40px));right:calc(-1 * clamp(20px,4vw,40px));top:40px;bottom:-24px;border-left:0;border-right:0;border-radius:0}
  .hv-dash-frame{border-radius:12px}
  .hv-dash-foot{margin-top:48px;padding:0;flex-direction:column;align-items:flex-start}
  .hv-dash-foot p{font-size:15.5px;line-height:1.6}
}
@media (max-width:479px){
  .hv-dash-tabs{padding:4px}
  .hv-dash-tab{flex:1 1 0;height:40px;padding:0 10px;font-size:14px}
  .hv-dash-bar{grid-template-columns:auto minmax(0,1fr) auto;height:38px;padding:0 10px}
  .hv-dash-dots{gap:5px}
  .hv-dash-dots i{width:8px;height:8px}
  .hv-dash-url{width:100%;height:26px;padding:0 10px;font-size:11.5px}
}

/* Why choose us grid */
.hv-why{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hv-why-item{min-height:200px}
@media (max-width:1023px){.hv-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.hv-why{grid-template-columns:minmax(0,1fr)}.hv-why-item{min-height:0}}

/* Scroll reveal (set by JS only below the fold) */
.hv-reveal-init{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.hv-reveal-in{opacity:1;transform:none}

/* ---------- Phones / small tablets ---------- */
@media (max-width:639px){

  /* Footer: brand on its own row, links in two even columns */
  .hv-foot{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:32px 20px !important}
  .hv-foot-brand{grid-column:1 / -1 !important;min-width:0 !important}
  .hv-foot-brand p{max-width:none !important}

  /* Section headings a touch smaller so they don't break into many lines */
  .hv2 h2[id$="-title"]{font-size:28px !important;line-height:1.15 !important}
}
@media (max-width:359px){
  .hv2 h1{font-size:32px !important}
}

/* WhatsApp chat button (Admin > Website > WhatsApp chat) */
.hv-wa{position:fixed;right:20px;bottom:20px;z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,0.35)}

/* =====================================================================
   Unified homepage sections — same language as the hero:
   soft page background (no hard dividers), label pill + centred heading,
   white rounded cards with a soft shadow, blue icon chips, glow on some sections.
   ===================================================================== */
.hv2 main > section:not(.hv-hero){border-top:0 !important;border-bottom:0 !important}
.hv-sec,.hv-dash,.hv-feat,.hv-price{position:relative;background:transparent !important;padding:clamp(48px,6vw,84px) 0;scroll-margin-top:60px}
.hv-hero + .hv-dash{background:transparent !important;padding-top:clamp(16px,3vw,40px)}
.hv-sec-wrap{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}

/* Glow behind a section (Security, How it works): same blue/violet light as the hero, fading at both ends */
.hv-sec.has-glow{overflow:hidden}
.hv-sec-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 15% 40%,rgba(var(--accent-rgb),0.10),transparent 75%),radial-gradient(ellipse 40% 50% at 88% 55%,rgba(var(--glow-rgb),0.09),transparent 75%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%)}

/* Section heading: pill · title · lead, centred */
.hv-shead{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:760px;margin:0 auto clamp(36px,4.5vw,56px)}
.hv-eyebrow{display:inline-block;max-width:100%;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}
.hv-eyebrow-dot{display:none}
.hv2 .hv-shead-title{margin-top:14px;font-size:clamp(30px,3.9vw,48px);letter-spacing:-0.035em !important;line-height:1.12 !important;text-wrap:balance}
.hv2 .hv-shead-lead{max-width:620px;margin-top:16px;font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--muted)}

/* Cards */
.hv-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 2px rgba(11,27,51,0.04),0 14px 34px -24px rgba(11,27,51,0.22)}
.hv-card-hover{transition:border-color .2s,box-shadow .2s,transform .2s}
.hv-card-hover:hover{border-color:var(--accent-soft-border);box-shadow:0 1px 2px rgba(11,27,51,0.04),0 20px 40px -24px rgba(var(--accent-rgb),0.30);transform:translateY(-2px)}
.hv-chip{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;border:1px solid var(--accent-soft-border);background:linear-gradient(180deg,var(--accent-tint),var(--accent-soft));color:var(--accent);font-size:19px}
.hv2 .hv-card-title{font-size:17px;font-weight:600 !important;letter-spacing:-0.015em !important;line-height:1.35 !important}
.hv2 .hv-card-text{font-size:14.5px;line-height:1.6;color:var(--muted)}
.hv-card-title + .hv-card-text{margin-top:-2px}

/* Existing blocks re-skinned to the card look */
.hv-row,.hv-price-card{border-radius:16px;box-shadow:0 1px 2px rgba(11,27,51,0.04),0 18px 40px -28px rgba(11,27,51,0.25)}
.hv-feat-item{border-radius:14px;box-shadow:0 1px 2px rgba(11,27,51,0.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.hv-feat-item:hover{border-color:var(--accent-soft-border);box-shadow:0 14px 30px -22px rgba(var(--accent-rgb),0.35);transform:translateY(-1px)}
.hv-feat-icon{width:38px;height:38px;border-radius:10px;border:1px solid var(--accent-soft-border);background:linear-gradient(180deg,var(--accent-tint),var(--accent-soft));color:var(--accent)}
.hv-feat-wrap{display:flex;flex-direction:column;align-items:center}
.hv-feat-wrap > [data-reveal]:not(.hv-shead):not(.hv-feat-tabs){width:100%}
.hv-feat-tabs{margin:0 auto 24px}
.hv2 .hv-feat-link{align-self:center;margin-top:28px}
.hv-price-vol{margin-top:0;align-items:center}
.hv-price-vol > .hv-tiers,.hv-price-vol > .hv-tier-track{align-self:stretch}

/* Why us: icon on top */
.hv-why{gap:20px}
.hv-why-item{display:flex;flex-direction:column;gap:12px;min-height:0;padding:26px 26px 24px}
.hv-why-item .hv-chip{margin-bottom:6px}

/* How it works: numbered cards in a grid */
.hv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hv-step{display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px}
.hv-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.hv-step-n{padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
@media (max-width:899px){.hv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.hv-steps{grid-template-columns:minmax(0,1fr);gap:14px}.hv-why{gap:14px}}

/* Closing call to action: a glowing card, centred like the hero */
.hv-cta-sec{padding:clamp(32px,5vw,64px) clamp(20px,4vw,40px) clamp(56px,7vw,96px)}
.hv-cta{position:relative;overflow:hidden;max-width:1160px;margin:0 auto;padding:clamp(44px,6vw,80px) clamp(22px,5vw,64px);border:1px solid var(--accent-soft-border);border-radius:24px;background:var(--surface);box-shadow:0 1px 2px rgba(11,27,51,0.04),0 30px 70px -40px rgba(var(--accent-rgb),0.45);text-align:center}
.hv-cta-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(var(--accent-rgb),0.16),transparent 75%),radial-gradient(circle 260px at 95% 100%,rgba(var(--glow-rgb),0.12),transparent 100%),radial-gradient(circle 240px at 4% 90%,rgba(var(--accent-rgb),0.10),transparent 100%)}
.hv-cta-body{position:relative;display:flex;flex-direction:column;align-items:center}
.hv-cta-btns{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(26px,3vw,34px)}
@media (max-width:479px){.hv-cta-btns{width:100%}.hv-cta-btns .hv-btn{flex:1 1 auto}}

/* Dashboard: everything centred under the centred heading; soft glow behind the window instead of a dotted box */
.hv-dash-controls{justify-content:center;gap:16px 28px;flex-wrap:wrap}
.hv-dash-stage::before{top:12%;bottom:-8%;left:6%;right:6%;border:0;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--accent-rgb),0.16),rgba(var(--glow-rgb),0.06) 60%,transparent 100%);background-image:radial-gradient(closest-side,rgba(var(--accent-rgb),0.16),rgba(var(--glow-rgb),0.06) 60%,transparent 100%);filter:blur(20px)}
.hv-dash-foot{justify-content:center;text-align:center;margin-top:clamp(28px,4vw,44px)}
.hv-dash-foot p{margin:0 auto}
@media (max-width:759px){
  .hv-dash-controls{flex-direction:column-reverse;align-items:stretch}
  .hv2 .hv-dash-demo{align-self:center}
}
@media (max-width:639px){
  .hv-dash-stage::before{left:0;right:0;top:20%;bottom:-6%;border-radius:50%}
  .hv-dash-foot{align-items:center}
}
/* Phones: the blue words get their own centred line, so a short or long word never re-wraps
   "Run your own" and nothing below the heading moves (JS also locks the heading height). */
@media (max-width:599px){
  .hv-rot{display:block;width:auto !important;text-align:center;transition:none}
  .hv-rot-word{left:0;right:0;text-align:center}
}
/* Hero label: icon in a round blue badge (Admin > Homepage > Hero > "Label — icon") */
.hv-hero-badge-tag.is-icon{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;color:#FFFFFF;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 2px 8px -2px rgba(var(--accent-rgb),0.55)}
.hv-hero-badge .hv-hero-badge-tag.is-icon .ic{width:16px;height:16px;color:#FFFFFF;transform:none}
/* Uploaded image / site favicon instead of a line icon: white circle so any logo colour reads */
.hv-hero-badge-tag.is-img{overflow:hidden;background:#FFFFFF;box-shadow:0 0 0 1px var(--border),0 2px 8px -2px rgba(var(--accent-rgb),0.35)}
.hv-hero-badge-tag.is-img img{display:block;width:100%;height:100%;padding:3px;object-fit:contain}
.hv2 .hv-hero-badge:has(.is-icon){padding-left:4px}
/* Circle styles (Admin > Homepage > Hero > "Label — icon circle style"); gradient is the base look above */
.hv-hero-badge-tag.is-style-solid{background:var(--accent);box-shadow:0 2px 8px -2px rgba(var(--accent-rgb),0.55)}
.hv-hero-badge-tag.is-style-soft{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-soft-border)}
.hv-hero-badge-tag.is-style-outline{background:transparent;box-shadow:inset 0 0 0 1.5px var(--accent)}
.hv-hero-badge-tag.is-style-plain{width:20px;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hv-hero-badge .hv-hero-badge-tag.is-style-soft .ic,.hv-hero-badge .hv-hero-badge-tag.is-style-outline .ic,.hv-hero-badge .hv-hero-badge-tag.is-style-plain .ic{color:var(--accent-ink)}
.hv-hero-badge .hv-hero-badge-tag.is-style-plain .ic{width:18px;height:18px}
.hv2 .hv-hero-badge:has(.is-style-plain){padding-left:12px}
/* Section with no big heading: the small label is the <h2>, styled exactly like the label */
.hv2 .hv-shead h2.hv-eyebrow-solo,.hv2 .hv-cta h2.hv-eyebrow-solo{margin:0;font-family:var(--font-body);font-size:13px !important;font-weight:700 !important;letter-spacing:.14em !important;line-height:1.4 !important;text-transform:uppercase;color:var(--accent);text-wrap:nowrap}
.hv-eyebrow-solo + .hv-shead-lead{margin-top:10px}
/* =====================================================================
   Toned down, "built by a team" pass: alternating plain bands instead of glows,
   left-aligned section headings (pricing + closing stay centred), flatter cards,
   no hover lift, no blur on the hero words, lighter hero glow.
   ===================================================================== */
.hv2 main > section.hv-band{background:var(--surface) !important;border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important}

/* Section headings: left, a size down */
.hv-shead{align-items:flex-start;text-align:left;max-width:none;margin:0 0 clamp(28px,3.5vw,44px)}
.hv2 .hv-shead-title{margin-top:0;max-width:22em;font-size:calc(clamp(28px,3.1vw,40px) * var(--sx-hscale,1));letter-spacing:-0.03em !important;text-wrap:balance}
.hv2 .hv-shead-lead{max-width:640px;margin-top:12px;font-size:clamp(16px,1.2vw,17.5px)}
.hv-eyebrow + .hv-shead-title{margin-top:10px}
.hv-price .hv-shead{align-items:center;text-align:center;margin-left:auto;margin-right:auto}
.hv-price .hv-shead-lead{margin-left:auto;margin-right:auto}

/* Features: tabs and link follow the left-aligned heading */
.hv-feat-wrap{align-items:stretch}
.hv-feat-tabs{margin:0 0 20px}
.hv2 .hv-feat-link{align-self:flex-start;margin-top:22px}

/* Dashboard: controls back to a normal row (switch left, demo link right), caption left */
.hv-dash-controls{justify-content:space-between}
.hv-dash-stage::before{display:none}
.hv-dash-foot{justify-content:flex-start;text-align:left}
.hv-dash-foot p{margin:0}
@media (max-width:759px){.hv2 .hv-dash-demo{align-self:flex-start}}

/* Cards: flat, subtle shadow, no lift */
.hv-card{box-shadow:0 1px 2px rgba(11,27,51,0.05)}
.hv-card-hover:hover,.hv-feat-item:hover{transform:none;box-shadow:0 1px 2px rgba(11,27,51,0.05)}
.hv-row,.hv-price-card{box-shadow:0 1px 2px rgba(11,27,51,0.05),0 8px 24px -18px rgba(11,27,51,0.18)}
.hv-chip,.hv-feat-icon{background:var(--accent-soft);border-color:transparent}
.hv-dash-frame{box-shadow:0 1px 2px rgba(11,27,51,0.05),0 24px 48px -32px rgba(11,27,51,0.28)}

/* How it works: plain step number, no pill */
.hv-step-n{padding:0;border:0;background:none;color:var(--subtle);font-size:13px;font-weight:600;letter-spacing:0}

/* Hero: simple slide for the words, softer single-colour glow */
.hv-rot-word,.hv-rot-word.is-out{filter:none}
.hv-hero-glow{background:radial-gradient(ellipse 60% 60% at 50% -10%,rgba(var(--accent-rgb),0.14),transparent 75%)}

/* Closing: a plain card, text left and buttons right */
.hv-cta{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;text-align:left;border-color:var(--border);border-radius:16px;box-shadow:0 1px 2px rgba(11,27,51,0.05);padding:clamp(28px,4vw,44px) clamp(22px,4vw,48px)}
.hv-cta-body{align-items:flex-start;flex:1 1 420px;min-width:0}
.hv-cta .hv-shead-title{font-size:clamp(24px,2.4vw,30px)}
.hv-cta .hv-shead-lead{margin-top:8px}
.hv-cta-btns{margin-top:0;justify-content:flex-start}
/* Content lines up with the left-aligned heading (no inner inset) */
.hv-sec .hv-inner{max-width:none}
.hv-dash-controls,.hv-dash-stage,.hv-dash-foot{padding-left:0;padding-right:0}
/* =====================================================================
   Visual designer (Admin > Website > Visual designer). Classes set by
   resources/views/pages/home/sections/*.blade.php from each section's
   design options. Nothing here applies until an option is changed.
   ===================================================================== */
:root{--sx-dark:#0b1b33}

/* Section backgrounds */
.hv2 main > section.sx-bg-page{background:transparent !important}
.hv2 main > section.sx-bg-alt{background:var(--bg-alt) !important;border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important}
.hv2 main > section.sx-bg-tint{background:var(--accent-tint) !important;border-top:1px solid var(--accent-soft-border) !important;border-bottom:1px solid var(--accent-soft-border) !important}
.hv2 main > section.sx-bg-gradient{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.10),rgba(var(--glow-rgb),0.08)),var(--surface) !important;border-top:1px solid var(--border) !important;border-bottom:1px solid var(--border) !important}
.hv2 main > section.sx-bg-dark{background:var(--sx-dark) !important}
/* Dark band / dark box: the same parts, light text on the dark colour */
.sx-bg-dark,.sx-dark{--text:#f1f5f9;--text-2:#d5dbe5;--muted:#a3adbf;--subtle:#8590a6;--surface:rgba(255,255,255,0.05);--surface-2:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.13);--border-2:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.22);--bg-alt:rgba(255,255,255,0.03);--accent-ink:color-mix(in srgb,var(--accent) 55%,#ffffff);--accent-soft:rgba(var(--accent-rgb),0.2);--accent-soft-border:rgba(var(--accent-rgb),0.42);--accent-tint:rgba(var(--accent-rgb),0.1);color:var(--text)}
.hv2 .sx-bg-dark a:not(.hv-btn),.hv2 .sx-dark a:not(.hv-btn){color:var(--accent-ink)}
.sx-bg-dark .hv-row-vis.hv-row-img,.sx-bg-dark .hv-dash-scroll{background:transparent}

/* Soft glow behind a section */
.hv2 main > section.sx-glow{overflow:hidden}
.hv2 main > section.sx-glow::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 15% 40%,rgba(var(--accent-rgb),0.12),transparent 75%),radial-gradient(ellipse 40% 50% at 88% 55%,rgba(var(--glow-rgb),0.10),transparent 75%)}
.hv2 main > section.sx-glow > *{position:relative;z-index:1}

/* Heading alignment */
.hv2 section.sx-head-center .hv-shead{align-items:center;text-align:center;margin-left:auto;margin-right:auto;max-width:780px}
.hv2 section.sx-head-center .hv-shead-title,.hv2 section.sx-head-center .hv-shead-lead{margin-left:auto;margin-right:auto}
.hv2 section.sx-head-center .hv-feat-tabs{margin-left:auto;margin-right:auto}
.hv2 section.sx-head-center .hv-feat-link,.hv2 section.sx-head-center .sx-more{align-self:center}
.hv2 section.sx-head-center .hv-dash-controls{justify-content:center;gap:16px 28px}
.hv2 section.sx-head-center .hv-dash-foot{justify-content:center;text-align:center}
.hv2 section.sx-head-left .hv-shead{align-items:flex-start;text-align:left;margin-left:0;margin-right:0;max-width:none}
.hv2 section.sx-head-left .hv-shead-lead{margin-left:0}

/* Space above and below */
.hv2 main > section.sx-pad-none:not(.hv-hero){padding-top:0 !important;padding-bottom:0 !important}
.hv2 main > section.sx-pad-compact:not(.hv-hero){padding-top:clamp(28px,4vw,48px) !important;padding-bottom:clamp(28px,4vw,48px) !important}
.hv2 main > section.sx-pad-spacious:not(.hv-hero){padding-top:clamp(72px,9vw,128px) !important;padding-bottom:clamp(72px,9vw,128px) !important}
.hv-hero.sx-pad-none .hv-hero-inner{padding-top:24px;padding-bottom:24px}
.hv-hero.sx-pad-compact .hv-hero-inner{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(36px,4vw,56px)}
.hv-hero.sx-pad-spacious .hv-hero-inner{padding-top:clamp(96px,12vw,168px);padding-bottom:clamp(80px,10vw,140px)}

/* Devices */
@media (max-width:767px){.hv2 .sx-only-desktop{display:none !important}}
@media (min-width:768px){.hv2 .sx-only-mobile{display:none !important}}

/* Box styles (cards, rows, list items) */
.sx-box{border-radius:16px}
.sx-box-elevated{background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(11,27,51,0.05),0 26px 50px -30px rgba(11,27,51,0.38)}
.sx-box-flat{background:var(--surface-2);border:1px solid transparent;box-shadow:none}
.sx-box-outline{background:transparent;border:1px solid var(--border-strong);box-shadow:none}
.sx-box-plain{background:transparent;border:1px solid transparent;box-shadow:none}
.hv-feat-item.sx-box-flat,.hv-feat-item.sx-box-outline,.hv-feat-item.sx-box-plain{box-shadow:none}
.hv-feat-item.sx-box-plain{padding-left:0;padding-right:0}
.hv-row.sx-box-elevated{box-shadow:0 1px 2px rgba(11,27,51,0.05),0 30px 60px -36px rgba(11,27,51,0.4)}
.hv-row.sx-box-flat{background:var(--surface-2);border-color:transparent;box-shadow:none}
.hv-row.sx-box-outline{background:transparent;box-shadow:none}
.hv-row.sx-box-plain{background:transparent;border-color:transparent;box-shadow:none}
.hv-row.sx-box-flat .hv-row-vis,.hv-row.sx-box-plain .hv-row-vis{border-color:transparent}

/* Icon styles (icon chips) */
.hv-chip.sx-ic-solid,.hv-feat-icon.sx-ic-solid{background:var(--accent);border-color:transparent;color:#ffffff}
.hv-chip.sx-ic-circle,.hv-feat-icon.sx-ic-circle{border-radius:50%}
.hv-chip.sx-ic-outline,.hv-feat-icon.sx-ic-outline{background:transparent;border:1.5px solid var(--accent-soft-border)}
.hv-chip.sx-ic-plain,.hv-feat-icon.sx-ic-plain{width:auto;height:auto;background:none;border:0;border-radius:0;font-size:24px}
.hv-feat-icon.sx-ic-plain{font-size:20px}

/* Hero */
.hv-hero.sx-hero-left .hv-hero-inner{align-items:flex-start;text-align:left;max-width:1240px}
.hv-hero.sx-hero-left .hv-hero-title{max-width:14em}
.hv-hero.sx-hero-left .hv-hero-ctas{justify-content:flex-start}
@media (max-width:599px){.hv-hero.sx-hero-left .hv-rot,.hv-hero.sx-hero-left .hv-rot-word{text-align:left}}
.hv2 .sx-title-md .hv-hero-title{font-size:calc(clamp(32px,4.4vw,52px) * var(--sx-hscale,1))}
.hv2 .sx-title-xl .hv-hero-title{font-size:calc(clamp(40px,6.4vw,80px) * var(--sx-hscale,1))}

/* Dashboard frame */
.sx-frame-plain .hv-dash-bar,.sx-frame-shadow .hv-dash-bar{display:none}
.sx-frame-plain .hv-dash-frame{box-shadow:none}
.sx-frame-shadow .hv-dash-frame{border-color:transparent;box-shadow:0 0 0 1px var(--border),0 44px 90px -36px rgba(11,27,51,0.5)}

/* Rows with pictures */
.sx-rows{display:flex;flex-direction:column;gap:20px}
.sx-row-body{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}
.hv2 .sx-row-title{font-size:clamp(20px,2vw,24px);font-weight:700 !important;letter-spacing:-0.02em !important;line-height:1.25 !important}
.sx-row-text{font-size:15px;line-height:1.65;color:var(--muted);max-width:440px;text-wrap:pretty;white-space:pre-line}
.hv2 .sx-row-link{align-self:flex-start;margin-top:6px;display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600}
.sx-rows-grid,.sx-rows-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sx-rows-grid .hv-row,.sx-rows-grid .hv-row.flip,.sx-rows-text .hv-row{grid-template-columns:minmax(0,1fr)}
.sx-rows-grid .hv-row-vis,.sx-rows-grid .hv-row.flip .hv-row-vis{order:-1;min-height:0;border-left:0;border-right:0;border-bottom:1px solid var(--border)}
.sx-rows-grid .hv-row-img img{height:auto}
.sx-rows-text .sx-row-text{max-width:none}
.hv-row.sx-row-noimg,.hv-row.sx-row-noimg.flip{grid-template-columns:minmax(0,1fr)}
.sx-row-noimg .sx-row-text{max-width:720px}
@media (max-width:767px){.sx-rows-grid,.sx-rows-text{grid-template-columns:minmax(0,1fr)}}
/* "Background colour behind the pictures" off: picture sits straight on the card */
.sx-rows-nobg .hv-row-vis,.sx-rows-nobg .hv-row-vis.hv-row-img{background:transparent !important;border-color:transparent !important}
/* White in the picture file itself takes the card colour (not on dark bands, where it would go black) */
.sx-rows-nobg .hv-row-img img{mix-blend-mode:multiply}
.sx-bg-dark .sx-rows-nobg .hv-row-img img{mix-blend-mode:normal}

/* Two cards with lists */
.sx-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:20px}
.sx-two.sx-one{grid-template-columns:minmax(0,1fr)}

/* Features: all groups at once */
.sx-feat-group + .sx-feat-group{margin-top:28px}
.hv2 .sx-feat-group-title{margin:0 0 12px;font-size:15px !important;font-weight:600 !important;color:var(--text-2)}

/* Pricing: list under the plan */
.sx-plan-stacked .hv-price-card{grid-template-columns:minmax(0,1fr);max-width:760px;margin-left:auto;margin-right:auto}
.sx-plan-stacked .hv-price-incl{border-left:0;border-top:1px solid var(--border)}

/* Grid columns (cards, steps, numbers, reviews) */
.hv2 .sx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hv2 .sx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hv2 .sx-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1023px){.hv2 .sx-cols-3,.hv2 .sx-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.hv2 .sx-cols-2,.hv2 .sx-cols-3,.hv2 .sx-cols-4{grid-template-columns:minmax(0,1fr)}}

/* Cards with icons: icon left of the text */
.sx-icon-left .hv-why-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:6px;align-content:start}
.sx-icon-left .hv-why-item .hv-chip{grid-row:span 2;margin-bottom:0}

/* Steps: timeline list */
.hv-steps.sx-steps-list{grid-template-columns:minmax(0,1fr);max-width:820px;gap:14px}
.sx-steps-list .hv-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;row-gap:6px;align-content:start}
.sx-steps-list .hv-step-top{grid-row:span 2;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;margin:0}
.sx-no-numbers .hv-step-n{display:none}

/* Call to action designs */
.hv-cta.sx-cta-centered{flex-direction:column;justify-content:center;text-align:center}
.hv-cta.sx-cta-centered .hv-cta-body{align-items:center;flex:0 1 auto}
.hv-cta.sx-cta-centered .hv-cta-btns{justify-content:center}
.hv-cta.sx-cta-accent{background:linear-gradient(135deg,var(--accent),rgb(var(--grad-rgb)));border-color:transparent;--text:#ffffff;--muted:rgba(255,255,255,0.86)}
.hv2 .hv-cta.sx-cta-accent .hv-eyebrow{color:rgba(255,255,255,0.86)}
.hv2 .hv-cta.sx-cta-accent .hv-btn-primary{background:#ffffff;border-color:#ffffff;color:#0b1b33}
.hv2 .hv-cta.sx-cta-accent .hv-btn-primary:hover{background:rgba(255,255,255,0.9);color:#0b1b33}
.hv2 .hv-cta.sx-cta-accent .hv-btn-ghost{background:transparent;border-color:rgba(255,255,255,0.55);color:#ffffff}
.hv2 .hv-cta.sx-cta-accent .hv-btn-ghost:hover{background:rgba(255,255,255,0.12);color:#ffffff}
.hv-cta.sx-cta-dark{background:var(--sx-dark);border-color:transparent}
.hv-cta.sx-cta-glow{border-color:var(--accent-soft-border);box-shadow:0 1px 2px rgba(11,27,51,0.04),0 30px 70px -40px rgba(var(--accent-rgb),0.45)}

/* Text and picture */
.sx-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.sx-content.sx-img-left .sx-content-media{order:-1}
.sx-content.sx-img-top,.sx-content.sx-no-img{grid-template-columns:minmax(0,1fr)}
.sx-content.sx-img-top .sx-content-media{order:-1}
.sx-content.sx-no-img .sx-content-text{max-width:760px}
.sx-content.sx-box{padding:clamp(24px,4vw,48px)}
.sx-content-text{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.hv2 .sx-content-text .hv-shead-title{margin:0}
.sx-content-body{font-size:16px;line-height:1.7;color:var(--muted);white-space:pre-line;text-wrap:pretty}
.sx-content-media img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--border)}
.sx-head-center .sx-content-text{align-items:center;text-align:center;margin:0 auto}
@media (max-width:899px){.sx-content{grid-template-columns:minmax(0,1fr)}.sx-content .sx-content-media{order:-1}}

/* FAQ */
.sx-faq{display:grid;gap:12px}
.sx-faq.sx-faq-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.sx-faq-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px);align-items:start}
.sx-faq-split .hv-shead{margin-bottom:0}
.sx-faq-item{border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.sx-faq-item.sx-box-plain{border-color:transparent;border-bottom-color:var(--border);border-radius:0}
.sx-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font-weight:600;font-size:15.5px;color:var(--text)}
.sx-faq-item.sx-box-plain summary{padding-left:0;padding-right:0}
.sx-faq-item summary::-webkit-details-marker{display:none}
.sx-faq-item summary::after{content:"+";flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:18px;font-weight:500;line-height:1;transition:transform .2s}
.sx-faq-item[open] summary::after{transform:rotate(45deg)}
.sx-faq-a{padding:0 20px 18px;font-size:15px;line-height:1.7;color:var(--muted);white-space:pre-line}
.sx-faq-item.sx-box-plain .sx-faq-a{padding-left:0;padding-right:0}
.hv2 .sx-more{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-size:15px;font-weight:600;color:var(--accent-ink)}
@media (max-width:899px){.sx-faq.sx-faq-columns,.sx-faq-split{grid-template-columns:minmax(0,1fr)}}

/* Testimonials */
.sx-reviews{display:grid;gap:20px}
.sx-review{display:flex;flex-direction:column;gap:14px;padding:24px}
.sx-review.sx-box-plain{padding-left:0;padding-right:0}
.sx-stars{display:flex;gap:2px;color:#f59e0b;font-size:15px}
.sx-review-text{font-size:15px;line-height:1.7;color:var(--text-2);white-space:pre-line}
.sx-review-who{display:flex;align-items:center;gap:12px;margin-top:auto}
.sx-review-who img,.sx-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.sx-avatar{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
.sx-review-name{font-weight:600;font-size:14.5px;color:var(--text)}

/* Numbers */
.sx-stats{display:grid;gap:16px}
.sx-stat{display:flex;flex-direction:column;gap:6px;padding:24px}
.sx-stat.sx-box-plain{padding:8px 0}
.sx-stat .hv-chip{margin-bottom:8px}
.sx-stat-value{font-family:var(--font-head);font-size:clamp(30px,3.4vw,42px);font-weight:700;letter-spacing:-0.03em;line-height:1.05;color:var(--text)}
.sx-stat-label{font-size:14.5px;color:var(--muted)}
.sx-head-center .sx-stat{align-items:center;text-align:center}

/* Announcement bar */
.hv2 main > section.sx-ann{padding:0 !important;background:transparent !important;border:0 !important}
.sx-ann-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:12px clamp(20px,4vw,40px);font-size:14.5px;font-weight:500;text-align:center}
.sx-ann-left .sx-ann-bar{justify-content:flex-start;text-align:left}
.sx-ann-accent .sx-ann-bar{background:var(--accent);color:#ffffff}
.sx-ann-soft .sx-ann-bar{background:var(--accent-soft);color:var(--text);border-bottom:1px solid var(--accent-soft-border)}
.sx-ann-dark .sx-ann-bar{background:var(--sx-dark);color:#f1f5f9}
.sx-ann-outline .sx-ann-bar{background:var(--surface);color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.hv2 .sx-ann-bar a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px}
.sx-ann-soft .sx-ann-bar .ic,.sx-ann-outline .sx-ann-bar .ic{color:var(--accent)}

/* Spacer */
.hv2 main > section.sx-spacer{padding:0 !important;background:transparent !important;border:0 !important;display:flex;align-items:center;justify-content:center}
.sx-space-sm{height:24px}.sx-space-md{height:56px}.sx-space-lg{height:96px}.sx-space-xl{height:144px}
.sx-line-solid::after{content:"";width:min(1240px,calc(100% - 2 * clamp(20px,4vw,40px)));height:1px;background:var(--border)}
.sx-line-accent::after{content:"";width:64px;height:3px;border-radius:3px;background:var(--accent)}

/* Footer backgrounds (Visual designer > Footer) */
.hv2 footer.sx-foot-page{background:var(--bg) !important}
.hv2 footer.sx-foot-dark{background:var(--sx-dark) !important;border-top-color:transparent !important}
.hv2 footer.sx-foot-dark .hv-logo-light{display:none}
.hv2 footer.sx-foot-dark .hv-logo-dark{display:block}

/* Hero label pill designs (Visual designer > Hero > Pill design). "glass" = the original look above. */
.hv2 .hv-hero-badge.sx-pill-soft{background:var(--accent-soft);border-color:var(--accent-soft-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text)}
.hv2 .hv-hero-badge.sx-pill-solid{background:var(--accent);border-color:var(--accent);box-shadow:0 8px 24px -12px rgba(var(--accent-rgb),0.7);-webkit-backdrop-filter:none;backdrop-filter:none;color:#ffffff}
.hv2 .hv-hero-badge.sx-pill-outline{background:transparent;border:1.5px solid var(--accent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--accent-ink)}
.hv2 .hv-hero-badge.sx-pill-white{background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px rgba(11,27,51,0.06),0 10px 28px -14px rgba(11,27,51,0.35);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text)}
.hv2 .hv-hero-badge.sx-pill-dark{background:var(--sx-dark);border-color:transparent;box-shadow:0 10px 28px -14px rgba(11,27,51,0.6);-webkit-backdrop-filter:none;backdrop-filter:none;color:#f1f5f9}
.hv2 .hv-hero-badge.sx-pill-gradient{background:linear-gradient(135deg,var(--accent),rgb(var(--grad-rgb)) 60%,rgb(var(--glow-rgb)));border-color:transparent;box-shadow:0 10px 28px -12px rgba(var(--accent-rgb),0.6);-webkit-backdrop-filter:none;backdrop-filter:none;color:#ffffff}
.hv2 .hv-hero-badge.sx-pill-glow{background:var(--surface);border-color:var(--accent-40);box-shadow:0 0 0 4px rgba(var(--accent-rgb),0.12),0 0 28px -2px rgba(var(--accent-rgb),0.55);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text)}
.hv2 .hv-hero-badge.sx-pill-square{border-radius:10px;background:var(--surface);border-color:var(--border-strong);box-shadow:0 1px 2px rgba(11,27,51,0.05);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text)}
.hv2 .hv-hero-badge.sx-pill-square .hv-hero-badge-tag{border-radius:7px}
.hv2 .hv-hero-badge.sx-pill-minimal{padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--accent-ink);font-weight:600}
.hv2 .hv-hero-badge.sx-pill-minimal:not(:has(.hv-hero-badge-tag)){padding-left:0}
/* On the coloured pills the icon circle turns white with an accent icon, and the arrow turns white */
.hv-hero-badge.sx-pill-solid .hv-hero-badge-tag,.hv-hero-badge.sx-pill-gradient .hv-hero-badge-tag,.hv-hero-badge.sx-pill-dark .hv-hero-badge-tag{background:#ffffff;color:var(--accent-hover);box-shadow:none}
.hv2 .hv-hero-badge.sx-pill-solid .hv-hero-badge-tag.is-icon .ic,.hv2 .hv-hero-badge.sx-pill-gradient .hv-hero-badge-tag.is-icon .ic,.hv2 .hv-hero-badge.sx-pill-dark .hv-hero-badge-tag.is-icon .ic{color:var(--accent)}
.hv-hero-badge.sx-pill-solid > .ic,.hv-hero-badge.sx-pill-gradient > .ic,.hv-hero-badge.sx-pill-dark > .ic{color:#ffffff}
.hv2 a.hv-hero-badge.sx-pill-solid:hover,.hv2 a.hv-hero-badge.sx-pill-gradient:hover{color:#ffffff;filter:brightness(1.06)}
.hv2 a.hv-hero-badge.sx-pill-dark:hover{color:#ffffff}