.agreement-screen{min-height:100dvh;background:#faf7f9;color:#302630;--agreement-brand:#762b43}
.agreement-header{max-width:1120px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #eadee4}
.agreement-header>img{width:118px;height:auto;object-fit:contain;display:block}.agreement-header .btn{font-size:13px;min-height:42px;border-radius:10px}
.agreement-main{max-width:880px;margin:0 auto;padding:48px 28px 24px}.agreement-intro{margin:0 0 36px}.agreement-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#89556b;display:block;margin-bottom:14px}
.agreement-intro h1{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 18px;text-align:left}.agreement-intro>p{color:#72616d;font-size:16px;line-height:1.7;max-width:60ch}
.agreement-steps{list-style:none;display:flex;padding:0;margin:28px 0 0;gap:18px;align-items:center}.agreement-steps li{display:flex;gap:9px;align-items:center;flex:1;font-size:13px;font-weight:550;color:#674c5b}.agreement-steps li:not(:last-child):after{content:'';height:1px;background:#dec7d2;flex:1;margin-left:6px}.agreement-steps span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f0e2e9;color:#762b43;flex-shrink:0;font-size:12px;font-weight:700}
.agreement-paper{padding:36px 42px;background:#fff;border:1px solid #eaddE5;border-radius:20px;margin-bottom:24px;box-shadow:0 8px 32px #42213004;overflow-wrap:anywhere}
.agreement-section-label{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:650;color:#80556a}.agreement-section-label>span{font-size:11px;letter-spacing:0;color:#875069;border:1px solid #eadbe2;border-radius:8px;padding:7px 9px;background:#fcf8fa}.agreement-business{font-size:13px;color:#766a72;margin:22px 0 0}
.agreement-paper .legal-document{margin:24px 0 0;max-width:none;font-size:16px;line-height:1.8;color:#423842}.agreement-paper .legal-document h2{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.35;letter-spacing:-.025em;border:0;margin:14px 0 28px;padding:0;color:#392536;text-align:left}.agreement-paper .legal-document h3{font-size:18px;line-height:1.5;margin:38px 0 16px;padding-top:26px;border-top:1px solid #eee5ea;font-weight:700;color:#692d46;text-align:left}.agreement-paper .legal-document h4{font-size:16px;line-height:1.6;margin:24px 0 12px;text-align:left}.agreement-paper .legal-document p{margin:0 0 18px}.agreement-paper .legal-document .legal-eyebrow{font-size:11px;letter-spacing:.08em;color:#8e6a7e}.agreement-paper .legal-document .legal-meta{color:#786572;font-size:13px}
.agreement-confirm{border:1px solid #ddc7d2;border-radius:20px;background:#fff;padding:36px 42px}.agreement-confirm h2{font-size:26px;letter-spacing:-.025em;margin:24px 0 8px;text-align:left}.agreement-confirm>p{color:#786472;font-size:14px;margin:0 0 24px;line-height:1.6}.agreement-confirm .legal-consent{gap:16px}.agreement-confirm .check-field{padding:18px;border:1px solid #e6dce2;border-radius:12px;background:#fcfafb;align-items:flex-start;gap:14px;font-size:14px;line-height:1.75;text-align:left}.agreement-confirm .check-field:has(input:checked){border-color:#a05b76;background:#fcf5f8}.agreement-confirm input[type=checkbox]{accent-color:#762b43;width:20px;height:20px;flex:0 0 20px;margin-top:3px}.agreement-confirm .field{font-size:14px;gap:10px}.agreement-confirm input[name=representativeName]{min-height:48px;border-radius:10px;font-size:16px}.agreement-confirm .btn.primary{min-height:50px;background:#762b43;border-color:#762b43;border-radius:10px;padding:13px 28px;margin-top:12px;font-size:15px}.agreement-save-note{font-size:12px;color:#786b76;line-height:1.6;margin:14px 0 0}.agreement-footer{text-align:center;padding:20px 24px 36px;font-size:12px;color:#8e7987}.agreement-return{display:flex;justify-content:center;margin-top:30px}.agreement-screen :focus-visible{outline:3px solid #a76181;outline-offset:4px}
@media(max-width:600px){.agreement-header{padding:18px 20px}.agreement-header>img{width:94px}.agreement-header .actions{gap:6px}.agreement-header .btn{font-size:12px;padding:9px}.agreement-main{padding:32px 16px 16px}.agreement-paper,.agreement-confirm{padding:26px 22px;border-radius:16px}.agreement-intro{padding:0 4px;margin-bottom:28px}.agreement-intro>p{font-size:14px}.agreement-steps{gap:9px;margin-top:24px;align-items:flex-start}.agreement-steps li{font-size:11px;line-height:1.5;gap:7px;align-items:flex-start}.agreement-steps li:after{display:none}.agreement-steps span{width:23px;height:23px}.agreement-paper .legal-document{font-size:15px;line-height:1.8}.agreement-paper .legal-document h3{font-size:17px}.agreement-confirm .check-field{padding:15px;font-size:14px}.agreement-confirm .btn.primary{width:100%}}

.agreement-compact{max-width:640px;margin:0 auto}.agreement-compact h1{font-size:clamp(1.75rem,4vw,2.2rem);line-height:1.2;letter-spacing:-.035em;margin:10px 0 28px;text-align:left}.agreement-compact .check-field{margin:0;border:0;background:transparent;padding:0;line-height:1.65;font-size:16px}.agreement-consent-item{border:1px solid #e6dce2;background:#fcfafb;padding:18px;border-radius:12px}.agreement-consent-item:has(input:checked){border-color:#a05b76;background:#fcf5f8}.agreement-compact .check-field:has(input:checked){background:transparent}.agreement-read-link{display:block;margin:9px 0 0 34px;border:0;padding:4px 0;background:transparent;color:#762b43;font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.agreement-compact .btn.primary{width:100%}.agreement-screen .legal-consent{gap:16px}body:has(.agreement-screen) .live-dialog{border-radius:18px;border-color:#e8dae1}body:has(.agreement-screen) .live-dialog::backdrop{background:#28111f70;backdrop-filter:blur(3px)}
@media(max-width:600px){.agreement-compact{padding:26px 20px}.agreement-consent-item{padding:15px}.agreement-compact .check-field{font-size:16px}}

.agreement-compact .check-field{font-size:14px;line-height:1.6}.agreement-compact .agreement-consent-item{padding:15px 16px}.agreement-compact h1{font-size:1.75rem;margin-bottom:24px}.agreement-age{display:block;font-size:12px;line-height:1.6;color:#766372;margin-top:5px}.agreement-read-link{font-size:13px;margin-top:6px}.legal-document ul.legal-list{margin:12px 0 24px;padding-left:24px;list-style:disc;text-align:left}.legal-document ul.legal-list li{padding-left:5px;margin:8px 0;line-height:1.75}.legal-document ul.legal-list li::marker{color:#762b43}.legal-document ul.legal-source-bullets{list-style:none;padding-left:0}.legal-document ul.legal-source-bullets li{padding-left:0}.legal-acknowledgement{margin-top:32px;padding:20px;border:1px solid #eadce3;border-radius:12px;background:#fcf8fa}.legal-acknowledgement h2{margin-top:0;padding-top:0;border-top:0}

.onboarding-progress{margin:0 0 30px}.onboarding-progress ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px}.onboarding-progress li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#837781;font-size:13px;line-height:1.5}.onboarding-progress li:not(:last-child):after{content:'';height:1px;background:#dfd2da;position:absolute;top:16px;left:calc(50% + 22px);width:calc(100% - 32px)}.onboarding-progress span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #deced7;background:#fff;flex-shrink:0}.onboarding-progress b{font-weight:500}.onboarding-progress .current{color:#762b43}.onboarding-progress .current b{font-weight:700}.onboarding-progress .current span{background:#762b43;border-color:#762b43;color:#fff;box-shadow:0 0 0 4px #f0e2e8}.onboarding-progress .complete span{color:#346b51;background:#e9f3ed;border-color:#d0e4d8}.setup-code-card{max-width:620px;margin:auto;padding:26px}.setup-code-card .modalbody{padding:0}.setup-code-card .modalfooter{padding:20px 0 0}.setup-code-card .note{font-size:14px}.setup-content .pagehead{margin-bottom:24px}.setup-payment{padding:24px;margin:0 0 24px}.setup-payment h2{font-size:21px;margin-bottom:12px}.setup-payment p{font-size:14px;line-height:1.65;margin-bottom:14px}.setup-continue{margin:20px 0}.setup-content .product-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.setup-content .field{font-size:14px}.setup-content input,.setup-content select{min-height:46px;font-size:16px}
@media(max-width:600px){.onboarding-progress ol{gap:8px}.onboarding-progress li{font-size:12px;gap:8px}.onboarding-progress span{width:28px;height:28px}.onboarding-progress li:not(:last-child):after{top:14px}.setup-code-card{padding:20px}.setup-payment{padding:20px}}

.earnings-guide{border-top:1px solid #eadce4;padding-top:24px;margin-top:8px}.earnings-guide h2{font-size:20px;line-height:1.35;margin:0 0 14px}.earnings-example{font-size:14px;line-height:1.65;color:#756270;margin:12px 0}.earnings-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.earnings-pair>div{padding:20px;border:1px solid #e4d4dd;border-radius:14px;background:#faf3f7}.earnings-pair span{display:block;font-size:14px;line-height:1.6}.earnings-pair strong{display:block;font-size:30px;color:#762b43;margin-top:10px}.earnings-calculator{padding:24px;border-radius:14px;background:#f7f8fb;border:1px solid #e2e5ed;margin:26px 0}.earnings-calculator label{font-size:16px;display:block;line-height:1.5;margin-bottom:10px}.earnings-calculator input{width:100%;max-width:180px}.earnings-calculator output{display:block;margin:18px 0;font-size:22px;font-weight:700;line-height:1.5;color:#56293d}.payout-guide ol{list-style:none;padding:0;display:grid;gap:20px;margin:20px 0}.payout-guide li{display:flex;gap:15px;align-items:flex-start}.payout-guide li>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#f0e2e8;color:#762b43;font-size:16px}.payout-guide strong{font-size:16px;line-height:1.5}.payout-guide li p{font-size:16px;line-height:1.6;color:#756270;margin:4px 0}.benefit-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 30px}.benefit-cards section{display:flex;gap:18px;padding:24px;background:#fff;border:1px solid #e6d7e0;border-radius:16px}.benefit-number{font-size:30px;font-weight:750;color:#762b43;white-space:nowrap}.benefit-cards h2{font-size:19px;line-height:1.4;margin:0 0 12px;text-align:left}.benefit-cards p{font-size:16px;line-height:1.7;margin:0 0 12px}.benefit-cards small{font-size:14px;line-height:1.6;display:block;color:#786472}
@media(max-width:800px){.benefit-cards{grid-template-columns:1fr}.benefit-cards section{padding:20px}.earnings-calculator{padding:20px}.earnings-pair>div{padding:16px}.earnings-pair strong{font-size:26px}}
