.step-panel{position:relative;background:var(--wp--preset--color--surface)}.step-panel--row{--step-panel-band-row-default: clamp(180px, 56.25vw, 260px);padding-top:var(--step-panel-band-row, var(--step-panel-band-row-default))}.step-panel--band-veil::before{content:"";position:absolute;z-index:1;inset-block-start:0;inset-inline:0;height:var(--step-panel-band-row, var(--step-panel-band-row-default));background:linear-gradient(180deg, var(--wp--preset--color--white) 0%, rgba(255, 255, 255, 0.8) 36.7%, rgba(255, 255, 255, 0) 77.4%);pointer-events:none}.step-panel--no-photo{padding-top:var(--step-panel-band-row, 0)}@media(max-width: 1023px){.step-panel--row:not(.step-panel--band-photo):not(.step-panel--no-photo){padding-top:0}.step-panel--row:not(.step-panel--band-photo):not(.step-panel--no-photo) .step-panel__photo{position:relative;display:block;inset:auto;height:auto}.step-panel--row:not(.step-panel--band-photo):not(.step-panel--no-photo) .step-panel__panel{margin-top:calc(var(--wp--custom--radius--lg)*-1)}}.step-panel--split{--step-panel-band: clamp(120px, 43vw, 200px);padding-top:var(--step-panel-band)}.step-panel__photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--step-panel-band-focus, 50%)}.step-panel--band-photo .step-panel__photo{height:calc(var(--step-panel-band-row, var(--step-panel-band-row-default)) + var(--wp--custom--radius--xl))}.step-panel--split .step-panel__photo{height:calc(var(--step-panel-band) + var(--wp--custom--radius--xl));object-position:50% 31%}.step-panel__panel{position:relative;z-index:1;padding-block:var(--wp--preset--spacing--section);border-radius:var(--wp--custom--radius--lg) var(--wp--custom--radius--lg) 0 0;background:var(--accent)}.step-panel__inner{box-sizing:border-box;width:min(100% - 48px,1360px);margin-inline:auto;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--xl)}@media(min-width: 768px){.step-panel__inner{gap:calc(var(--wp--preset--spacing--md)*2)}}@media(min-width: 768px){.step-panel__inner--with-lead{gap:var(--wp--preset--spacing--section)}}.step-panel__header{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--sm);text-align:center}.step-panel__eyebrow{margin:0;color:var(--wp--preset--color--white);font-size:var(--wp--preset--font-size--body);line-height:1.2;text-transform:uppercase}.step-panel__heading{margin:0;color:var(--wp--preset--color--white);font-size:clamp(24px,3.6vw,52px);font-weight:400;line-height:1}.step-panel__lead{margin:0;color:var(--wp--preset--color--white);font-size:var(--wp--preset--font-size--lead-lg);line-height:1.2;font-weight:700}@media(min-width: 768px){.step-panel__lead{font-weight:400}}.step-panel__steps{display:grid;gap:var(--wp--preset--spacing--md);margin:0;padding:0;list-style:none}.step-panel__step{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--sm)}@media(min-width: 768px){.step-panel__steps{gap:var(--wp--preset--spacing--xl)}}.step-panel__pill{--step-pill-label: var(--wp--preset--color--ink)}.step-panel__step-title{margin:0;color:var(--wp--preset--color--white);font-size:clamp(20px,2.2vw,28px)}@media(max-width: 1023px){.step-panel__step-title{font-size:20px}}.step-panel__step-title{font-weight:700;line-height:1.2}.step-panel__step-text{margin:0;color:var(--wp--preset--color--white);font-size:var(--wp--preset--font-size--body);line-height:1.2}.step-panel--row .step-panel__step--compact .step-panel__pill{--step-pill-label: var(--step-pill-label-strong)}.step-panel--row .step-panel__step--compact .step-panel__step-text{font-size:clamp(14px,1.0417vw,20px)}@media(max-width: 1023px){.step-panel--row .step-panel__step--compact .step-panel__step-text{font-size:14px}}.step-panel--row.step-panel--step-copy-base .step-panel__step--compact .step-panel__step-text{font-size:var(--wp--preset--font-size--body)}.step-panel--split .step-panel__panel{padding-bottom:calc(var(--wp--preset--spacing--xl) + var(--wp--preset--spacing--sm))}.step-panel--split .step-panel__header{text-align:left}.step-panel__visual{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--xl)}.step-panel__composition{container-type:inline-size;position:relative;width:100%;aspect-ratio:732/458.533;--px: 0.13661cqw}.step-panel__dashboard,.step-panel__phone{position:absolute;display:block;height:auto}.step-panel__dashboard{inset-block-start:6.48%;inset-inline-start:18.6%;width:81.4%}.step-panel__phone{width:30.27%;border-radius:calc(35.743*var(--px));box-shadow:calc(16.335*var(--px)) calc(16.34*var(--px)) calc(20.418*var(--px)) rgba(74,85,89,.5)}.step-panel__phone--back{inset-block-start:0;inset-inline-start:22.18%}.step-panel__phone--front{inset-block-start:0;inset-inline-start:0}.step-panel__phone--upload{--phone-w: calc(30.27% * var(--bleed-scale, 1.05987));width:var(--phone-w);margin:calc(var(--phone-w)*var(--bleed-top, 0.03766)*-1) 0 0 calc(var(--phone-w)*var(--bleed-left, 0.02301)*-1);border-radius:0;box-shadow:none}.step-panel__badges{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--xs);margin:0;padding:0;list-style:none}.step-panel__badge{display:flex;flex:1 1 240px;gap:var(--wp--preset--spacing--sm);align-items:center;justify-content:center;min-height:44px;padding:8px 25px 8px 17px;border:1px solid var(--wp--preset--color--white);border-radius:var(--wp--custom--radius--md);background:linear-gradient(270deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.3));color:var(--wp--preset--color--white);font-size:clamp(16px,1.4vw,20px)}@media(max-width: 1023px){.step-panel__badge{font-size:16px}}.step-panel__badge{line-height:1.2}.step-panel__badge-check{display:grid;width:24px;height:24px;flex-shrink:0;place-items:center;border-radius:12px;background:linear-gradient(180deg, var(--accent-soft), var(--accent));color:var(--wp--preset--color--white)}.step-panel__badge-check svg{width:11px;height:9px}@media(min-width: 768px){.step-panel--row .step-panel__steps{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1024px){.step-panel--row .step-panel__steps{grid-template-rows:auto auto;row-gap:var(--wp--preset--spacing--sm)}.step-panel--row .step-panel__step{display:grid;grid-row:span 2;grid-template-rows:subgrid}.step-panel--row .step-panel__steps{grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);grid-template-columns:none}}@media(min-width: 1024px){.step-panel--row{--step-panel-band-row-default: max(260px, 31vw);padding-top:var(--step-panel-band-row, var(--step-panel-band-row-default))}.step-panel--no-photo{padding-top:var(--step-panel-band-row, 0)}.step-panel--row.step-panel--header-compact .step-panel__header{max-width:887px;margin-inline:auto}.step-panel--row.step-panel--header-left .step-panel__header{max-width:none;margin-inline:0;text-align:left}.step-panel--row.step-panel--header-left .step-panel__lead{max-width:887px}.step-panel--split{--step-panel-band: max(200px, 23.75vw)}.step-panel__panel{border-radius:var(--wp--custom--radius--xl) var(--wp--custom--radius--xl) 0 0}.step-panel--split .step-panel__inner{display:grid;grid-template-columns:minmax(0, 572fr) minmax(0, 732fr);grid-template-rows:min-content 1fr;column-gap:calc(var(--wp--preset--spacing--xl) + var(--wp--preset--spacing--sm));row-gap:var(--wp--preset--spacing--xl)}.step-panel--split .step-panel__visual{grid-column:2;grid-row:1/span 2}.step-panel--split .step-panel__steps{max-width:404px}}.step-panel--open-bottom .step-panel__panel{padding-bottom:calc(var(--wp--preset--spacing--md)*2)}.step-panel--header-compact .step-panel__header{gap:12px}.step-panel--header-compact .step-panel__lead{font-size:var(--wp--preset--font-size--body-lg)}.step-panel--lead-column .step-panel__lead{font-size:var(--wp--preset--font-size--lead)}@media(min-width: 768px){.step-panel--lead-column .step-panel__inner--with-lead{gap:var(--wp--preset--spacing--xl)}}@media(min-width: 1024px){.step-panel--row.step-panel--lead-column .step-panel__lead{max-width:48.09%}}@media(min-width: 1024px)and (max-width: 1439px){.step-panel__panel{border-radius:48px 48px 0 0}.step-panel--band-photo .step-panel__photo{height:calc(var(--step-panel-band-row, var(--step-panel-band-row-default)) + 48px)}.step-panel--split .step-panel__photo{height:calc(var(--step-panel-band) + 48px)}}
