/* The approved Rizqo materials, scoped to the homepage's product stories. */
.hs-section{--hs-ink:var(--ink);--hs-muted:var(--text);--hs-card:var(--surface);--hs-face:linear-gradient(180deg,#fff,#fbfbfb);--hs-border:#dedede;--hs-blue:var(--blue);--hs-purple:var(--purple);--hs-orange:var(--orange);--hs-yellow:var(--yellow);--hs-ease:cubic-bezier(.2,.8,.2,1);max-width:1120px;margin:0 auto;padding:100px 0;color:var(--hs-ink);font-family:Geist,Arial,sans-serif;font-size:15px;line-height:1.6}
.hs-section *{box-sizing:border-box}.hs-section :is(h2,h3,p){margin:0}.hs-section :is(h2,h3){color:var(--hs-ink);font-weight:500;letter-spacing:-1px}.hs-section button{font-family:inherit;cursor:pointer}.hs-section button:disabled{cursor:default}.hs-section svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.hs-section button:focus-visible{outline:2px solid var(--hs-blue);outline-offset:4px}
.hs-section-heading{text-align:center;margin:0 auto 48px;max-width:610px}.hs-section-heading h2{font-size:32px;line-height:1.2;margin:14px 0 18px}.hs-section-heading>p:last-child{color:var(--hs-muted);font-size:16px;line-height:1.65}.hs-eyebrow{font-size:12px;color:#656565;display:flex;justify-content:center;align-items:center;gap:8px}.hs-eyebrow>span{width:6px;height:6px;border-radius:2px;background:var(--hs-blue)}
.hs-surface{background:var(--hs-card);border:1px solid #e7e7e7;border-radius:16px;box-shadow:inset 0 1px #fff,0 1px 2px #23232304;min-width:0}.hs-kicker{display:flex;align-items:center;gap:7px;color:#646464;font-size:11px;font-weight:500;letter-spacing:.3px}.hs-kicker:before{content:"";width:5px;height:5px;border-radius:2px;background:var(--hs-accent)}.hs-blue{--hs-accent:var(--hs-blue)}.hs-purple{--hs-accent:var(--hs-purple)}.hs-orange{--hs-accent:var(--hs-orange)}
/* A compact pair of equal-height objects makes the phase-to-amount relationship legible. */
.hs-billing{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:center;padding:32px 34px 27px;position:relative}
.hs-billing-copy h3{font-size:26px;line-height:1.25;margin:15px 0 18px}
.hs-billing-copy>p:last-of-type{font-size:14px;line-height:1.75;color:var(--hs-muted);max-width:230px}
.hs-interaction-hint{display:flex;gap:7px;align-items:center;color:#787878;font-size:11px;line-height:1.45;margin-top:25px}
.hs-interaction-hint svg{width:14px;height:14px;stroke-width:1.5;color:#747474}
.hs-billing-demo{min-width:0;container:hs-billing / inline-size;max-width:660px;width:100%;justify-self:center}
.hs-billing-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:28px;position:relative;isolation:isolate}
.hs-object{position:relative;min-width:0;border:1px solid var(--hs-border);border-radius:11px;background:var(--hs-face);box-shadow:inset 0 1px #fff,0 1px 2px #23232308,0 8px 14px -10px #23232330;z-index:1}
.hs-source,.hs-invoice{padding:16px}
.hs-object-head,.hs-invoice-head{display:flex;align-items:center;gap:9px;min-height:31px}
.hs-icon{height:33px;width:33px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--hs-border);border-radius:8px;background:var(--hs-face);box-shadow:inset 0 1px #fff,0 1px 2px #2323230a,0 4px 8px -5px #23232329;color:var(--hs-accent)}
.hs-icon svg{width:17px;height:17px}
.hs-billing .hs-icon{width:29px;height:29px;border-radius:7px;box-shadow:inset 0 1px #fff,0 1px 2px #2323230a}
.hs-billing .hs-icon svg{width:16px;height:16px}
.hs-object-head>div,.hs-invoice-head>div{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}
.hs-object-head strong,.hs-invoice-head strong{font-size:13px;font-weight:500;line-height:1.3;letter-spacing:-.15px;white-space:nowrap}
.hs-object-head>div>span,.hs-invoice-head>div>span{font-size:10px;line-height:1.4;color:#777}
.hs-phase-code{font-size:9px;letter-spacing:.1px;color:#777;white-space:nowrap;margin-left:auto}
.hs-fee-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:11px;color:#666}
.hs-fee-row>strong{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.5px;color:var(--hs-ink);font-variant-numeric:tabular-nums}
.hs-progress-row{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:11px;line-height:1.4;color:#666}
.hs-progress-row>strong{color:var(--hs-ink);font-weight:500;font-variant-numeric:tabular-nums}
.hs-phase-track{height:4px;margin-top:7px;background:#e9e9e9;border-radius:4px;overflow:hidden}
.hs-phase-track>span{display:block;height:100%;background:var(--hs-blue);border-radius:inherit;transition:width 300ms var(--hs-ease)}
.hs-segment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;margin-top:12px;padding:2px;border:1px solid #e5e5e5;border-radius:7px;background:#f4f4f4}
.hs-preset-indicator{position:absolute;left:2px;top:2px;bottom:2px;width:calc((100% - 4px)/4);background:var(--hs-face);border:1px solid var(--hs-border);border-radius:5px;box-shadow:inset 0 1px #fff,0 1px 2px #23232312;transform:translateX(calc(var(--hs-preset-index,1)*100%));transition:transform 220ms var(--hs-ease);pointer-events:none}
.hs-segment button{position:relative;z-index:1;min-width:0;min-height:32px;padding:4px 0;border:0;border-radius:5px;background:transparent;box-shadow:none;font-size:11px;font-weight:400;color:#6a6a6a;transition:color 160ms}
.hs-segment button[aria-pressed=true]{color:var(--hs-ink);font-weight:500}.hs-segment button:hover{color:var(--hs-ink)}
.hs-invoice{display:flex;flex-direction:column;margin:0;overflow:hidden}
.hs-sample-label{font-size:9px;line-height:1.4;border:1px solid #e7e7e7;border-radius:4px;padding:2px 5px;background:#f5f5f5;color:#737373;margin-left:auto}
.hs-invoice-phase{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#555;line-height:1.4;margin:18px -4px 16px;padding:4px;border-radius:4px;background:transparent}
.hs-invoice-phase>span:last-child{font-size:10px;white-space:nowrap;color:#777}
.hs-invoice-total{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;margin-top:auto;padding-top:13px;border-top:1px solid #ededed}
.hs-invoice-total>span:first-child{font-size:11px;color:#777;line-height:1.4}
.hs-amount-slot{position:relative;text-align:right;min-height:31px}
.hs-amount-slot>strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.7px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--hs-ink);white-space:nowrap}
.hs-invoice-formula{grid-column:1/-1;justify-self:end;font-size:10px;color:#777;line-height:1.4;font-variant-numeric:tabular-nums}
.hs-connection{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.hs-connection [data-hs-path]{stroke:#d3d3d3;stroke-width:1.3;fill:none}.hs-connection [data-hs-pulse]{stroke:var(--hs-blue);stroke-width:2;fill:none;stroke-dasharray:12 100;stroke-dashoffset:12;opacity:0;stroke-linecap:round}.hs-connection circle{fill:var(--hs-card);stroke:#c8c8c8;stroke-width:1.3}
.hs-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.hs-demo-footer>p{color:#7b7b7b;font-size:10px;line-height:1.5}
.hs-text-button{display:flex;align-items:center;gap:6px;min-height:36px;padding:5px 0;font-size:12px;font-weight:500;color:#626262;background:none;border:0;box-shadow:none;border-radius:4px;white-space:nowrap}.hs-text-button svg{width:14px;height:14px}.hs-text-button:hover{color:var(--hs-ink)}
.hs-bento{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;margin-top:20px}.hs-card-copy{padding:32px 32px 0}.hs-card-copy h3{font-size:24px;line-height:1.25;margin:13px 0 16px;letter-spacing:-.7px}.hs-card-copy>p:last-child{font-size:14px;line-height:1.7;color:var(--hs-muted)}.hs-people{display:flex;flex-direction:column;overflow:hidden}.hs-people img{display:block;width:100%;height:284px;object-fit:cover;object-position:center 45%;mix-blend-mode:multiply;margin-top:auto;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 92%,transparent)}.hs-phases{padding-bottom:21px;overflow:hidden}.hs-phases .hs-card-copy{padding-bottom:28px}.hs-carousel{padding:0 32px}.hs-carousel-label{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hs-carousel-label>div{display:flex;flex-direction:column;line-height:1.6}.hs-carousel-label strong{font-size:13px;font-weight:500}.hs-carousel-label>div>span{font-size:11px;color:#777}.hs-counter{margin-left:auto;color:#777;font-size:10px;letter-spacing:1px}.hs-phase-window{height:202px;overflow:hidden;position:relative;margin:0 -14px;--hs-phase-fade:linear-gradient(to bottom,transparent 0px,transparent 6px,#00000026 24px,#00000099 42px,#000 55px,#000 calc(100% - 55px),#00000099 calc(100% - 42px),#00000026 calc(100% - 24px),transparent calc(100% - 6px),transparent);mask-image:var(--hs-phase-fade);-webkit-mask-image:var(--hs-phase-fade)}.hs-phase-queue{height:100%;position:relative;margin:0 14px}.hs-phase-ticket{display:flex;align-items:center;gap:12px;position:absolute;left:0;right:0;top:61px;height:78px;padding:15px 17px;background:#eee;border:1px solid #e2e2e2;border-radius:12px;box-shadow:inset 0 1px #ffffffb0;color:#777;opacity:.45;transform:translateY(86px);transition:transform 520ms cubic-bezier(.22,.85,.25,1),opacity 400ms,background 400ms,box-shadow 400ms}.hs-phase-ticket:first-child{transform:translateY(0)}.hs-phase-ticket:last-child{transform:translateY(-86px)}.hs-phase-ticket.is-current{opacity:1;background:var(--hs-face);border-color:var(--hs-border);box-shadow:inset 0 1px #fff,0 1px 2px #2323230a,0 10px 18px -12px #23232338;z-index:2;color:var(--hs-ink)}.hs-ticket-number{font-size:10px;color:#888}.hs-ticket-name,.hs-ticket-value{display:flex;flex-direction:column;gap:4px;line-height:1.4}.hs-ticket-name{flex:1;min-width:0}.hs-ticket-name strong{font-size:13px;font-weight:500;letter-spacing:-.1px;white-space:nowrap}.hs-ticket-name>span{font-size:10px;display:flex;align-items:center;gap:5px;color:#777}.hs-ticket-name i{height:4px;width:4px;border-radius:1px;background:#999}.is-current .hs-ticket-name i{background:var(--hs-blue)}.hs-ticket-value{text-align:right;flex-shrink:0}.hs-ticket-value strong{font-size:13px;font-weight:500}.hs-ticket-value>span{font-size:10px;color:#777}.hs-percent{font-size:11px;font-weight:500;display:grid;place-items:center;border:1px solid #dedede;background:#f4f4f4;border-radius:7px;width:37px;height:30px;margin-left:2px;flex-shrink:0}.is-current .hs-percent{background:color-mix(in srgb,var(--blue) 9%,var(--paper));border-color:color-mix(in srgb,var(--blue) 22%,var(--line));color:var(--ink)}
/* Each bounded filter grows toward an edge; the parent mask fades the complete row,
   border and shadow together. The selected 61–139px row stays entirely in focus. */
.hs-edge-blur{position:absolute;bottom:0;left:0;right:0;height:55px;z-index:3;pointer-events:none;overflow:hidden}.hs-edge-blur>i{position:absolute;bottom:0;left:0;right:0;pointer-events:none;backdrop-filter:blur(var(--hs-edge-blur));-webkit-backdrop-filter:blur(var(--hs-edge-blur));mask-image:linear-gradient(to bottom,transparent,#000 75%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 75%)}.hs-edge-blur>i:nth-child(1){height:100%;--hs-edge-blur:.65px}.hs-edge-blur>i:nth-child(2){height:72%;--hs-edge-blur:1.2px}.hs-edge-blur>i:nth-child(3){height:42%;--hs-edge-blur:2px}.hs-edge-blur-top{top:0;bottom:auto}.hs-edge-blur-top>i{top:0;bottom:auto;mask-image:linear-gradient(to top,transparent,#000 75%);-webkit-mask-image:linear-gradient(to top,transparent,#000 75%)}
.hs-phase-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.hs-phase-selectors{display:flex;align-items:center;gap:0}.hs-phase-selectors button{width:30px;height:40px;border:0;display:grid;place-items:center;background:none;padding:0;border-radius:5px}.hs-phase-selectors button>span{width:5px;height:5px;background:#c9c9c9;border-radius:50%;transition:background .2s}.hs-phase-selectors button[aria-pressed=true]>span{background:#444}.hs-sr-only{position:absolute;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container hs-billing (max-width:490px){.hs-billing-scene{grid-template-columns:minmax(0,1fr);gap:24px;max-width:330px;margin-inline:auto}.hs-source,.hs-invoice{width:100%;padding:16px}.hs-invoice-phase{margin-block:15px}.hs-invoice-total{padding-top:12px}}
@media(max-width:1100px){.hs-section{margin-inline:28px}.hs-billing{grid-template-columns:1fr;padding:30px;gap:26px}.hs-billing-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:start}.hs-billing-copy .hs-kicker{grid-column:1/-1}.hs-billing-copy h3{grid-column:1;grid-row:2/4;margin-bottom:0}.hs-billing-copy>p:last-of-type{grid-column:2;grid-row:2;max-width:300px;margin-top:17px}.hs-interaction-hint{grid-column:2;grid-row:3;margin-top:15px}.hs-billing-demo{max-width:660px;width:100%;justify-self:center}.hs-card-copy{padding-inline:27px}.hs-carousel{padding-inline:25px}.hs-ticket-number{display:none}.hs-phase-ticket{gap:10px;padding-inline:13px}.hs-ticket-name strong,.hs-ticket-value strong{font-size:12px}}
@media(max-width:760px){.hs-section{padding:72px 0;margin-inline:24px}.hs-section-heading{margin-bottom:34px}.hs-section-heading h2{font-size:28px}.hs-section-heading>p:last-child{font-size:15px}.hs-billing{padding:26px;gap:24px}.hs-billing-copy{display:block}.hs-billing-copy h3{font-size:24px;margin-bottom:16px}.hs-billing-copy>p:last-of-type{max-width:410px;margin-top:0}.hs-interaction-hint{margin-top:19px}.hs-bento{grid-template-columns:1fr}.hs-people{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:290px}.hs-people .hs-card-copy{padding:27px 0 27px 27px}.hs-people img{height:290px;margin:0;mask-image:linear-gradient(to right,transparent,#000 16%);-webkit-mask-image:linear-gradient(to right,transparent,#000 16%)}.hs-phases .hs-card-copy{padding-bottom:27px}.hs-card-copy h3{font-size:24px}.hs-ticket-number{display:block}.hs-ticket-name strong,.hs-ticket-value strong{font-size:13px}.hs-carousel{padding-inline:27px}.hs-phase-ticket{padding-inline:17px}}
@media(max-width:480px){.hs-section{margin-inline:18px}.hs-section-heading>p:last-child{max-width:320px;margin-inline:auto}.hs-desktop-break{display:none}.hs-billing{padding:24px 20px 18px}.hs-billing-copy h3{font-size:24px}.hs-demo-footer{gap:7px}.hs-demo-footer>p{font-size:10px}.hs-people{display:flex}.hs-people .hs-card-copy{width:100%;padding:27px 25px 0}.hs-people img{height:260px;width:100%;margin-top:20px;object-position:center 42%;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent)}.hs-card-copy{padding:27px 25px 0}.hs-carousel{padding-inline:22px}.hs-ticket-number{display:none}.hs-phase-ticket{gap:9px;padding-inline:11px}.hs-ticket-name strong{font-size:12px;white-space:normal}.hs-ticket-value strong{font-size:12px}.hs-ticket-name>span,.hs-ticket-value>span{font-size:10px}.hs-percent{width:33px;font-size:11px;margin-left:0}.hs-text-button{font-size:11px}.hs-phase-selectors button{width:24px}}
@media(max-width:360px){.hs-section{margin-inline:14px}.hs-billing{padding-inline:16px}.hs-source,.hs-invoice{padding:14px}.hs-phase-code{font-size:9px}.hs-object-head strong,.hs-invoice-head strong{font-size:12px}.hs-sample-label{font-size:9px}.hs-card-copy,.hs-people .hs-card-copy{padding-inline:21px}.hs-carousel{padding-inline:17px}.hs-phase-ticket{gap:7px}.hs-ticket-name strong,.hs-ticket-value strong{font-size:11px}.hs-interaction-hint{font-size:10px}}
@media(pointer:coarse){.hs-segment button,.hs-text-button,.hs-demo-footer .hs-text-button,.hs-phase-selectors button{min-height:44px}.hs-phase-selectors button{width:36px}}
@media(prefers-reduced-motion:reduce){.hs-phase-ticket,.hs-phase-selectors button>span,.hs-preset-indicator,.hs-phase-track>span{transition:none}.hs-connection [data-hs-pulse]{display:none}}
@media print{.hs-edge-blur,.hs-phase-controls,.hs-demo-footer button{display:none}.hs-phase-window{mask-image:none;-webkit-mask-image:none}.hs-phase-window{height:auto;overflow:visible}.hs-phase-queue{display:grid;gap:10px}.hs-phase-ticket{position:relative;top:auto;opacity:1;transform:none!important}}

/* Match the shared page gutter at every breakpoint. */
.hs-section{width:min(1120px,calc(100% - 64px));margin-inline:auto}
@media(max-width:640px){.hs-section{width:calc(100% - 40px);margin-inline:auto}}
@media(max-width:360px){.hs-section{width:calc(100% - 32px)}}