/* Product-led page rhythm. All colour comes from the shared Rizqo palette. */
.home-page .home-hero { padding-top: 143px; }
.home-page .hero-copy { max-width: 760px; }
.home-page .home-hero h1 { font-size: clamp(48px, 5.2vw, 68px); line-height: 1.06; letter-spacing: -.055em; margin-top: 22px; }
.home-page .hero-description { font-size: 17px; line-height: 1.65; max-width: 540px; margin-top: 24px; }
.home-page .hero-actions { margin-top: 26px; }
.home-page .hero-signoff { border-bottom: 1px solid var(--line); padding: 22px 0 32px; margin: 0; color: var(--text); }
.home-page .section-intro h2 { font-size: clamp(32px, 3.5vw, 44px); line-height: 1.13; letter-spacing: -.045em; }
.home-page .workflow-section { padding-block: 100px 88px; }
.home-workflow-heading { display: grid; grid-template-columns: 1.1fr .9fr; column-gap: 100px; align-items: end; max-width: none; margin-bottom: 42px; }
.home-workflow-heading .eyebrow { grid-column: 1 / -1; }
.home-workflow-heading > p:not(.eyebrow) { margin: 0; padding-bottom: 3px; max-width: 340px; font-size: 15px; }
.home-workflow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.home-workflow-grid .workflow-panel { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-width: 0; min-height: 0; padding: 0; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); overflow: hidden; }
.home-workflow-grid .workflow-visual { order: -1; padding: 30px 36px 0; height: 310px; overflow: hidden; position: relative; background: radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--accent) 7%, var(--paper)), var(--surface) 75%); }
.home-workflow-grid .workflow-visual::after { content: ''; position: absolute; inset: auto 0 0; height: 34px; background: linear-gradient(transparent, var(--surface)); pointer-events: none; }
.home-workflow-grid .workflow-visual > small, .home-workflow-grid .wf-defocus { display: none; }
.home-workflow-grid .wf-sheet { max-width: 400px; height: 325px; min-height: 325px; margin-inline: auto; padding: 22px 25px; border: 1px solid var(--line); background: var(--paper); border-radius: 12px; mask-image: none; -webkit-mask-image: none; box-shadow: 0 3px 6px color-mix(in srgb, var(--ink) 3%, transparent), 0 16px 30px -18px color-mix(in srgb, var(--ink) 23%, transparent); }
.home-workflow-grid .wf-sheet-head { margin-bottom: 15px; color: var(--ink); }
.home-workflow-grid .wf-sheet-label, .home-workflow-grid .wf-sheet-head > span:last-child, .home-workflow-grid .wf-row > span > small { color: var(--text); }
.home-workflow-grid .wf-sheet h4 { font-size: 23px; }
.home-workflow-grid .wf-sheet-value { margin-top: 14px; padding-bottom: 13px; color: var(--text); border-color: var(--line); }
.home-workflow-grid .wf-sheet-value strong { font-size: 26px; color: var(--ink); }
.home-workflow-grid .wf-row { padding-block: 11px; color: var(--text); border-color: var(--line); }
.home-workflow-grid .wf-row b { color: var(--ink); }
.home-workflow-grid .wf-approval { color: var(--ink); background: color-mix(in srgb, var(--purple) 10%, var(--paper)); border-color: color-mix(in srgb, var(--purple) 20%, var(--paper)); margin-top: 10px; }
.home-workflow-grid .wf-approval .icon { color: color-mix(in srgb, var(--purple) 60%, var(--ink)); }
.home-workflow-grid .workflow-copy { padding: 26px 30px 30px; }
.home-workflow-grid .workflow-copy .eyebrow { font-size: 10px; color: var(--text); margin: 0 0 13px; }
.home-workflow-grid .workflow-copy .eyebrow::before { content: ''; display: block; width: 7px; height: 7px; border-radius: 2px; background: var(--accent); }
.home-workflow-grid .workflow-copy h3 { font-size: 27px; max-width: none; line-height: 1.19; letter-spacing: -.035em; }
.home-workflow-grid .workflow-copy > p { max-width: 390px; font-size: 14px; line-height: 1.7; margin-top: 14px; }
.home-workflow-grid .workflow-copy ul { gap: 7px; margin: 19px 0 22px; color: var(--text); }
.home-workflow-grid .workflow-copy li > .icon { color: var(--text); }
.home-workflow-grid .text-link { color: var(--ink); }
.home-workflow-grid .text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.home-workflow-grid .wf-mini-chart { height: 115px; margin-block: 12px 0; border-color: var(--line); }
.home-workflow-grid .wf-mini-chart i { background: var(--yellow); }
.home-workflow-grid .wf-mini-chart i + i { background: color-mix(in srgb, var(--yellow) 38%, var(--paper)); }
.home-page .workflow-note { margin-top: 20px; font-size: 11px; color: var(--text); }
.home-page .workspace-section { padding-block: 80px 100px; }
.home-page .workspace-shell { border-radius: 22px; padding: 18px; }
.home-page .workspace-topline { padding-bottom: 20px; }
.home-page .workspace-qualities { padding-top: 30px; }
.home-page .hs-section-heading { max-width: 680px; }
.home-page .hs-section-heading h2 { font-size: clamp(32px, 3.5vw, 44px); line-height: 1.13; letter-spacing: -.045em; }
.home-page .hs-surface { border-radius: 22px; }

@media (max-width: 820px) {
  .home-workflow-heading { column-gap: 35px; }
  .home-workflow-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .home-workflow-grid .workflow-visual { padding-inline: 20px; height: 290px; }
  .home-workflow-grid .wf-sheet { padding: 18px; }
  .home-workflow-grid .wf-sheet-head { font-size: 10px; gap: 6px; }
  .home-workflow-grid .wf-sheet-head > span:last-child { font-size: 8px; }
  .home-workflow-grid .wf-row { font-size: 11px; gap: 8px; }
  .home-workflow-grid .workflow-copy { padding: 24px; }
  .home-workflow-grid .workflow-copy h3 { font-size: 25px; }
}
@media (max-width: 640px) {
  .home-page .home-hero { padding-top: 118px; }
  .home-page .home-hero h1 { font-size: 46px; margin-top: 22px; }
  .home-page .hero-label { font-size: 10px; gap: 7px; }
  .home-page .hero-description { font-size: 15px; max-width: 350px; margin-top: 21px; }
  .home-page .hero-signoff { padding: 18px 0 25px; gap: 16px; }
  .home-page .workflow-section { padding-block: 64px; }
  .home-workflow-heading { display: block; margin-bottom: 28px; }
  .home-workflow-heading > p:not(.eyebrow) { margin-top: 18px; max-width: 340px; font-size: 14px; }
  .home-workflow-grid { grid-template-columns: 1fr; gap: 18px; }
  .home-workflow-grid .workflow-visual { height: 283px; padding: 25px 24px 0; }
  .home-workflow-grid .wf-sheet { height: 310px; min-height: 310px; padding: 20px; }
  .home-workflow-grid .wf-sheet-head { font-size: 11px; }
  .home-workflow-grid .wf-sheet-head > span:last-child { font-size: 9px; }
  .home-workflow-grid .wf-sheet h4 { font-size: 22px; }
  .home-workflow-grid .workflow-copy { padding: 23px 24px 27px; }
  .home-workflow-grid .workflow-copy h3 { font-size: 26px; }
  .home-page .workspace-section { padding-block: 50px 64px; }
  .home-page .workspace-shell { padding: 8px; border-radius: 14px; }
  .home-page .workspace-topline { padding-bottom: 13px; }
}
@media (max-width: 360px) {
  .home-page .home-hero h1 { font-size: 41px; }
  .home-page .hero-label { font-size: 9px; }
  .home-page .hero-description { font-size: 14px; }
  .home-workflow-grid .workflow-visual { padding-inline: 18px; }
  .home-workflow-grid .workflow-copy { padding-inline: 21px; }
}