.pay-hero{color:#fff;background:linear-gradient(175deg,#0d2340 0%,#153563 40%,#1d4278 100%);padding:160px 0 100px;position:relative;overflow:hidden}.pay-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#37eae114 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.pay-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#448efa0f 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.pay-hero__inner{text-align:center;z-index:1;max-width:1200px;margin:0 auto;padding:0 32px;position:relative}.pay-hero__eyebrow{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);align-items:center;gap:8px;margin-bottom:24px;font-size:.8rem;font-weight:600;display:inline-flex}.pay-hero__eyebrow svg{width:18px;height:18px}.pay-hero__title{font-family:var(--font-display);color:#fff;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1.15}.pay-hero__sub{color:#ffffffb3;max-width:560px;margin:0 auto 48px;font-size:1.2rem;font-weight:300;line-height:1.6}.pay-hero__actions{justify-content:center;gap:16px;margin-bottom:80px;display:flex}.pay-hero__actions .btn--white{color:var(--brand);background:#fff;border:2px solid #0000}.pay-hero__actions .btn--white:hover{background:#f0f6ff;transform:translateY(-1px);box-shadow:0 8px 24px #0003}.pay-hero__actions .btn--ghost-light{color:#fff;background:0 0;border:2px solid #ffffff4d}.pay-hero__actions .btn--ghost-light:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.pipeline{justify-content:center;align-items:center;gap:0;max-width:960px;margin:0 auto;display:flex;position:relative}.pipeline__step{z-index:2;flex-direction:column;flex:none;align-items:center;gap:14px;display:flex;position:relative}.pipeline__icon{width:80px;height:80px;transition:all .4s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;display:flex}.pipeline__icon svg{width:36px;height:36px;stroke:var(--teal);fill:none;stroke-width:1.5px}.pipeline__step:hover .pipeline__icon{background:#37eae11f;border-color:#37eae14d;transform:translateY(-4px);box-shadow:0 12px 32px #37eae126}.pipeline__label{color:#fff;letter-spacing:.02em;font-size:.85rem;font-weight:600}.pipeline__desc{color:#ffffff80;font-size:.75rem;font-weight:400}.pipeline__connector{flex:1;min-width:60px;max-width:120px;height:2px;margin:0 8px 38px;position:relative}.pipeline__connector-line{background:#ffffff1f;border-radius:1px;height:2px;position:absolute;top:0;left:0;right:0}.pipeline__connector-progress{background:linear-gradient(90deg, var(--teal), #448efa);border-radius:1px;width:0%;height:2px;animation:3s ease-in-out infinite pipelineFlow;position:absolute;top:0;left:0}.pipeline__connector:nth-child(2) .pipeline__connector-progress{animation-delay:0s}.pipeline__connector:nth-child(4) .pipeline__connector-progress{animation-delay:.8s}.pipeline__connector:nth-child(6) .pipeline__connector-progress{animation-delay:1.6s}@keyframes pipelineFlow{0%{opacity:0;width:0%}10%{opacity:1}50%{opacity:1;width:100%}90%{opacity:1}to{opacity:0;width:100%}}.pipeline__connector-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite dotTravel;position:absolute;top:-3px;box-shadow:0 0 12px #37eae199}.pipeline__connector:nth-child(2) .pipeline__connector-dot{animation-delay:0s}.pipeline__connector:nth-child(4) .pipeline__connector-dot{animation-delay:.8s}.pipeline__connector:nth-child(6) .pipeline__connector-dot{animation-delay:1.6s}@keyframes dotTravel{0%{opacity:0;left:0%}5%{opacity:1}50%{opacity:1;left:calc(100% - 8px)}55%{opacity:0}to{opacity:0;left:calc(100% - 8px)}}.pay-benefits{background:var(--surface);padding:100px 0}.pay-benefits__inner{max-width:1200px;margin:0 auto;padding:0 32px}.pay-benefits__header{text-align:center;margin-bottom:64px}.pay-benefits__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.8rem;font-weight:600}.pay-benefits__title{font-family:var(--font-display);color:var(--ink);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;line-height:1.2}.pay-benefits__grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.benefit-card{border-radius:var(--radius-lg);background:var(--surface-dim);border:1px solid var(--border-light);transition:all .4s var(--ease-out);padding:40px 32px}.benefit-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border);transform:translateY(-4px)}.benefit-card__icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.benefit-card__icon--blue{background:var(--blue-bg)}.benefit-card__icon--green{background:var(--green-bg)}.benefit-card__icon--amber{background:var(--amber-bg)}.benefit-card__icon svg{width:28px;height:28px}.benefit-card__title{font-family:var(--font-display);color:var(--ink);margin-bottom:12px;font-size:1.3rem;font-weight:600;line-height:1.3}.benefit-card__text{color:var(--ink-soft);font-size:.92rem;line-height:1.7}.pay-process{background:var(--surface-dim);padding:100px 0}.pay-process__inner{max-width:1200px;margin:0 auto;padding:0 32px}.pay-process__header{text-align:center;margin-bottom:56px}.pay-process__label{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-blue);margin-bottom:16px;font-size:.8rem;font-weight:600}.pay-process__title{font-family:var(--font-display);color:var(--ink);margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;line-height:1.2}.pay-process__sub{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:1.05rem;line-height:1.6}.workflow-tabs{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.workflow-tabs__nav{border-bottom:1px solid var(--border-light);background:var(--surface-dim);display:flex}.workflow-tabs__btn{color:var(--ink-muted);cursor:pointer;font-size:.88rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px 24px;transition:all .3s;display:flex}.workflow-tabs__btn:hover{color:var(--ink-soft);background:#448efa0a}.workflow-tabs__btn--active{color:var(--brand-blue);border-bottom-color:var(--brand-blue);background:var(--surface)}.workflow-tabs__btn-icon{flex-shrink:0;width:20px;height:20px}.workflow-tabs__panel{padding:48px;display:none}.workflow-tabs__panel--active{display:block}.workflow-panel__content{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.workflow-panel__text h3{font-family:var(--font-display);color:var(--ink);margin-bottom:16px;font-size:1.5rem;font-weight:600;line-height:1.3}.workflow-panel__text p{color:var(--ink-soft);margin-bottom:24px;font-size:.95rem;line-height:1.7}.workflow-panel__steps{flex-direction:column;gap:16px;display:flex}.workflow-panel__step{align-items:flex-start;gap:14px;display:flex}.workflow-panel__step-num{background:var(--brand-light);width:28px;height:28px;color:var(--brand-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.78rem;font-weight:700;display:flex}.workflow-panel__step-text{color:var(--ink);font-size:.9rem;line-height:1.5}.workflow-panel__step-text strong{font-weight:600}.workflow-panel__mockup{background:var(--surface-dim);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:32px;position:relative}.mockup-window{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.mockup-window__bar{background:var(--surface-dim);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:12px 16px;display:flex}.mockup-window__dot{background:var(--border);border-radius:50%;width:10px;height:10px}.mockup-window__dot:first-child{background:#ff5f57}.mockup-window__dot:nth-child(2){background:#febc2e}.mockup-window__dot:nth-child(3){background:#28c840}.mockup-window__body{padding:24px}.mockup-row{border-bottom:1px solid var(--border-light);align-items:center;gap:16px;padding:14px 0;display:flex}.mockup-row:last-child{border-bottom:none}.mockup-row__status{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mockup-row__status--green{background:#059669}.mockup-row__status--blue{background:#448efa}.mockup-row__status--amber{background:#db6c06}.mockup-row__label{color:var(--ink);flex:1;font-size:.82rem;font-weight:500}.mockup-row__amount{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.mockup-row__badge{border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:.7rem;font-weight:600}.mockup-row__badge--green{background:var(--green-bg);color:var(--green)}.mockup-row__badge--blue{background:var(--blue-bg);color:var(--blue)}.mockup-row__badge--amber{background:var(--amber-bg);color:var(--amber)}.pay-features{background:var(--surface);padding:100px 0}.pay-feature-row{gap:var(--space-3xl);padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-light);grid-template-columns:1fr 1fr;align-items:center;display:grid}.pay-feature-row:last-child{border-bottom:none}.pay-feature-row--reverse .pay-feature-row__img{order:-1}.pay-feature-row__text h3{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-md);font-size:1.4rem;font-weight:500;line-height:1.25}.pay-feature-row__text p{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.7}.pay-feature-row__img img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);display:block}@media (width<=800px){.pay-feature-row{gap:var(--space-xl);grid-template-columns:1fr}.pay-feature-row--reverse .pay-feature-row__img{order:0}}.pay-features__inner{max-width:1200px;margin:0 auto;padding:0 32px}.pay-features__header{text-align:center;margin-bottom:64px}.pay-features__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.8rem;font-weight:600}.pay-features__title{font-family:var(--font-display);color:var(--ink);margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;line-height:1.2}.pay-features__sub{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:1.05rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-tile{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--surface);transition:all .4s var(--ease-out);padding:32px 28px;position:relative}.feature-tile:hover{box-shadow:var(--shadow-md);border-color:var(--border);transform:translateY(-3px)}.feature-tile__icon{background:var(--surface-dim);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.feature-tile__icon svg{width:22px;height:22px}.feature-tile__title{font-family:var(--font-display);color:var(--ink);margin-bottom:10px;font-size:1.1rem;font-weight:600;line-height:1.3}.feature-tile__text{color:var(--ink-soft);font-size:.88rem;line-height:1.65}.feature-tile--highlight{color:#fff;background:linear-gradient(135deg,#153563 0%,#1d4a82 100%);border-color:#0000}.feature-tile--highlight .feature-tile__icon{background:#37eae126}.feature-tile--highlight .feature-tile__icon svg{stroke:var(--teal)}.feature-tile--highlight .feature-tile__title{color:#fff}.feature-tile--highlight .feature-tile__text{color:#ffffffb3}.feature-tile--highlight:hover{box-shadow:0 12px 40px #1535634d}.pay-stats{color:#fff;background:linear-gradient(135deg,#153563 0%,#1d4a82 100%);padding:80px 0}.pay-stats__inner{max-width:1200px;margin:0 auto;padding:0 32px}.pay-stats__grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:48px;max-width:700px;margin:0 auto;display:grid}.pay-stat__value{font-family:var(--font-display);color:var(--teal);margin-bottom:8px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;line-height:1.1}.pay-stat__label{color:#fffc;font-size:1rem;font-weight:500;line-height:1.5}.pay-stat__desc{color:#ffffff80;margin-top:6px;font-size:.85rem}.pay-testimonial{background:var(--surface-dim);padding:100px 0}.pay-testimonial__inner{text-align:center;max-width:800px;margin:0 auto;padding:0 32px}.pay-testimonial__quote-mark{font-family:var(--font-display);color:var(--brand-blue);opacity:.2;margin-bottom:-20px;font-size:5rem;line-height:1}.pay-testimonial__quote{font-family:var(--font-display);color:var(--ink);margin-bottom:32px;font-size:clamp(1.15rem,2.2vw,1.4rem);font-style:italic;font-weight:400;line-height:1.7}.pay-testimonial__author{flex-direction:column;align-items:center;gap:4px;display:flex}.pay-testimonial__avatar{background:linear-gradient(135deg, var(--brand-blue), var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:flex}img.pay-testimonial__avatar{object-fit:cover;background:0 0;display:block}.pay-testimonial__name{color:var(--ink);font-size:.95rem;font-weight:600}.pay-testimonial__role{color:var(--ink-muted);font-size:.85rem}.pay-cta{background:var(--surface);text-align:center;padding:100px 0}.pay-cta__inner{max-width:680px;margin:0 auto;padding:0 32px}.pay-cta__title{font-family:var(--font-display);color:var(--ink);margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;line-height:1.2}.pay-cta__text{color:var(--ink-soft);margin-bottom:36px;font-size:1.05rem;line-height:1.6}.pay-cta__actions{justify-content:center;gap:16px;display:flex}@media (width<=1024px){.pipeline{flex-wrap:wrap;justify-content:center;gap:16px}.pipeline__connector{display:none}.pipeline__step{flex:0 0 calc(50% - 16px)}.pay-benefits__grid{grid-template-columns:1fr;gap:24px}.features-grid{grid-template-columns:repeat(2,1fr)}.workflow-panel__content{grid-template-columns:1fr;gap:32px}}@media (width<=768px){.pay-hero{padding:140px 0 80px}.pay-hero__actions{flex-direction:column;align-items:center;margin-bottom:56px}.pipeline__step{flex:0 0 calc(50% - 8px)}.pipeline__icon{width:64px;height:64px}.pipeline__icon svg{width:28px;height:28px}.features-grid{grid-template-columns:1fr}.pay-stats__grid{grid-template-columns:1fr;gap:32px}.workflow-tabs__nav{flex-wrap:wrap}.workflow-tabs__btn{flex:50%;padding:14px 16px;font-size:.82rem}.workflow-tabs__panel{padding:32px 24px}.pay-cta__actions{flex-direction:column;align-items:center}}@media (width<=480px){.pipeline__step{flex:0 0 100%}}
