/* Supplier landing: owner-provided HTML composition, ShopAngyal tokens. */
.sa-service--supplier{line-height:var(--sa-leading-copy)}
.sa-service--supplier .ss-section{padding-block:var(--sa-section-space);scroll-margin-top:var(--sa-space-10)}
.sa-service--supplier .ss-section .sa-service-content{max-width:none;margin-inline:auto}
.sa-service--supplier .sa-service-content p,.sa-service--supplier .sa-service-content li{line-height:var(--sa-leading-copy)}
.sa-service--supplier .sa-service-content p{max-width:70ch;margin:0 0 var(--sa-space-3)}
.sa-service--supplier .sa-service-content p:last-child{margin-bottom:0}
.sa-service--supplier .sa-service-content h2{margin:0 0 var(--sa-space-4);max-width:none;font-size:clamp(1.85rem,3.5vw,2.7rem);line-height:1.12;text-wrap:pretty;hyphens:none;word-break:normal;overflow-wrap:normal}
.sa-service--supplier .sa-service-content h3{margin:0 0 var(--sa-space-2);font-size:var(--sa-text-h3);line-height:1.25;text-wrap:pretty;hyphens:none;word-break:normal}
.ss-keep-word{white-space:nowrap}
.sa-service--supplier .ss-section-intro{max-width:800px;margin-bottom:var(--sa-space-7)}
.sa-service--supplier .ss-section-after{max-width:760px;margin-top:var(--sa-space-6)}
.sa-service--supplier .ss-section .sa-service-cta{margin-top:var(--sa-space-5)!important;margin-bottom:var(--sa-space-2)!important}
.ss-section--calculation,.ss-section--onboarding,.ss-section--related{background:var(--sa-surface);border-block:1px solid var(--sa-line)}
/* The original ledger retains its own type rhythm and animation. */
.sa-service--supplier .sa-service-hero{padding-block:var(--sa-space-9);background:var(--sa-surface)}
.sa-service--supplier .sa-service-hero__inner--split{gap:var(--sa-space-7)}
.sa-service--supplier .sa-service-hero h1{max-width:24ch;margin:var(--sa-space-4) 0 var(--sa-space-5);font-size:clamp(2rem,4vw,2.9rem);line-height:1.12}
.sa-service--supplier .ss-hero-context p{margin:0 0 var(--sa-space-3);line-height:var(--sa-leading-copy)}
.sa-service--supplier .ss-hero-context p:last-child{margin-top:var(--sa-space-4);margin-bottom:0}
.sa-service--supplier .ss-hero-actions{margin-top:var(--sa-space-5)}
.sa-service--supplier .ss-hero-actions .sa-service-hero__action{margin:0}
/* Repeated rows: marker and title, then the explanation. */
.ss-problems{display:grid;gap:var(--sa-space-4)}
.ss-problem{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--sa-space-7);padding:var(--sa-space-6);border:1px solid var(--sa-line);border-radius:var(--sa-radius-card);min-width:0;margin:0;background:var(--sa-bg)}
.ss-row-heading{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:var(--sa-space-4)}
.sa-service--supplier .ss-row-heading h3{padding-top:var(--sa-space-2)}
.ss-row-body{min-width:0}
.ss-row-body p{font-size:1rem}
.sa-service--supplier .ss-section-intro .ss-problems-title{margin:var(--sa-space-6) 0 0;font-size:1.45rem}
.ss-icon,.ss-step__number{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--sa-radius-icon);background:var(--sa-brand-soft);color:var(--sa-brand)}
.ss-icon svg{width:24px;height:24px}
.ss-step__number{font:var(--sa-weight-bold) 1rem/1 var(--sa-font-display);background:var(--sa-brand);color:var(--sa-bg);margin-bottom:var(--sa-space-4)}
.sa-service--supplier .ss-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sa-space-5);padding:0;margin:0;list-style:none}
.sa-service--supplier .ss-flow>.ss-step{padding:var(--sa-space-6);margin:0;border:1px solid var(--sa-line);border-radius:var(--sa-radius-panel);background:var(--sa-bg);min-width:0}
.ss-flow .ss-row-heading{display:block;margin-bottom:var(--sa-space-3)}
.sa-service--supplier .ss-flow .ss-row-heading h3{padding:0;font-size:1.2rem}
.sa-service--supplier .ss-flow--onboarding{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sa-space-4)}
.sa-service--supplier .ss-flow--onboarding .ss-step{padding:var(--sa-space-5)}
.sa-service--supplier .ss-flow--onboarding .ss-row-heading h3{font-size:1.05rem}
.sa-service--supplier .ss-flow--onboarding p{font-size:var(--sa-text-small)}
.ss-section--mechanism .ss-section-intro,.ss-section--onboarding .ss-section-intro{margin-inline:auto;text-align:center}
.ss-section--mechanism .ss-section-intro p,.ss-section--onboarding .ss-section-intro p{margin-inline:auto}
.ss-section--mechanism .ss-section-after,.ss-section--onboarding .ss-section-after{margin-inline:auto;text-align:center}
/* A single worked example, with its assumptions next to the result. */
.ss-calculation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sa-space-8);align-items:center}
.sa-service--supplier .ss-calculation-result ul{margin:var(--sa-space-4) 0 var(--sa-space-5);padding:0;list-style:none}
.sa-service--supplier .ss-calculation-result li{margin:0;padding:var(--sa-space-3) 0;border-bottom:1px solid var(--sa-line);font-size:1rem}
.ss-calculation-result{padding:var(--sa-space-6);border:1px solid var(--sa-line);border-radius:var(--sa-radius-panel);background:var(--sa-bg);box-shadow:var(--sa-shadow-md);min-width:0}
.ss-result-panel{padding:var(--sa-space-5);border-radius:var(--sa-radius-card);background:var(--sa-ink);margin-block:var(--sa-space-5)}
.sa-service--supplier .ss-calculation-result .ss-formula{font-size:1rem;color:var(--sa-on-dark-muted)}
.sa-service--supplier .ss-calculation-result .ss-result{margin:var(--sa-space-3) 0 0;font:var(--sa-weight-extrabold) clamp(2rem,4.8vw,3.2rem)/1.05 var(--sa-font-display);letter-spacing:var(--sa-tracking-display);color:var(--sa-accent)}
.sa-service--supplier .ss-calculation-result p:has(>em:only-child){margin-top:var(--sa-space-4);font-size:var(--sa-text-small);color:var(--sa-muted)}
/* Real report, not another set of decorative cards. */
.sa-service--supplier .ss-section--report .sa-service-content{max-width:none}
.ss-report-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--sa-space-7);align-items:center}
.sa-service--supplier .ss-report-copy h2{color:var(--sa-on-dark)}
.sa-service--supplier .ss-report-copy p,.sa-service--supplier .ss-report-copy li{color:var(--sa-on-dark-muted)}
.sa-service--supplier .ss-report-copy strong{color:var(--sa-on-dark)}
.sa-service--supplier .ss-report-copy ul{padding:0;margin:var(--sa-space-4) 0 var(--sa-space-5);list-style:none}
.sa-service--supplier .ss-report-copy li{position:relative;padding-left:var(--sa-space-5);margin-bottom:var(--sa-space-3);font-size:1rem}
.ss-report-copy li::before{content:'✓';position:absolute;left:0;color:var(--sa-accent);font-weight:var(--sa-weight-bold)}
.sa-service--supplier .ss-report-grid .sa-report-example{margin:0;min-width:0}
.sa-service--supplier .ss-report-grid .sync-email{box-shadow:var(--sa-shadow-sm)}
.sa-service--supplier .ss-report-grid .sync-email-header,.sa-service--supplier .ss-report-grid .sync-email-body{padding:var(--sa-space-5)}
.sa-service--supplier .ss-report-grid .sync-email-header h3{color:var(--sa-on-dark);font-size:1.2rem;margin:0}
.sa-service--supplier .ss-report-grid .sync-email-header p{color:var(--sa-on-dark);font-size:var(--sa-text-small)}
.sa-service--supplier .ss-report-grid .sync-metrics{gap:var(--sa-space-3);margin:0 0 var(--sa-space-5)}
.sa-service--supplier .ss-report-grid .sync-metric{padding:var(--sa-space-3)}
.sa-service--supplier .ss-report-grid .sync-metric span{font-size:var(--sa-text-micro)}
.sa-service--supplier .ss-report-grid .sync-metric strong{font-size:1.7rem;margin-top:var(--sa-space-2)}
.sa-service--supplier .ss-report-grid .sync-table-title{font-size:1rem;margin-bottom:var(--sa-space-3)}
.sa-service--supplier .ss-report-grid .sync-table th,.sa-service--supplier .ss-report-grid .sync-table td{padding:var(--sa-space-3);font-size:var(--sa-text-small);line-height:var(--sa-leading-copy)}
.sa-service--supplier .ss-report-grid .sync-table tbody th{min-width:0}
.sa-service--supplier .ss-report-grid .sync-table td{white-space:normal}
.sa-service--supplier .ss-report-grid figcaption{font-size:var(--sa-text-micro);margin-bottom:var(--sa-space-3);color:var(--sa-on-dark-muted)}
/* The only plan is centered; supporting costs are below it. */
.ss-section--pricing{background:var(--sa-bg)}
.sa-service--supplier .ss-section--pricing .ss-section-intro{max-width:none;text-align:center;margin-bottom:var(--sa-space-7)}
.ss-pricing{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:var(--sa-space-6);align-items:start;margin-inline:auto}
.sa-service--supplier .ss-plan{padding:var(--sa-space-7);border:2px solid var(--sa-brand);border-top-width:var(--sa-space-2);box-shadow:var(--sa-shadow-md)}
.sa-service--supplier .ss-plan h3{text-align:center;font-size:1.2rem;margin-bottom:var(--sa-space-4)}
.sa-service--supplier .ss-plan>p:first-of-type{font:var(--sa-weight-extrabold) clamp(1.8rem,4vw,2.5rem)/1.15 var(--sa-font-display);text-align:center;margin-bottom:var(--sa-space-6)}
.sa-service--supplier .ss-plan>p:nth-of-type(2){font-size:var(--sa-text-small);color:var(--sa-muted)}
.sa-service--supplier .ss-plan ul{padding:0;margin:var(--sa-space-4) 0 var(--sa-space-6);list-style:none}
.sa-service--supplier .ss-plan li{position:relative;padding-left:var(--sa-space-5);margin-bottom:var(--sa-space-3);font-size:1rem}
.ss-plan li::before{content:'✓';position:absolute;left:0;color:var(--sa-brand);font-weight:var(--sa-weight-bold)}
.ss-plan-action{padding-top:var(--sa-space-5);border-top:1px solid var(--sa-line);text-align:center}
.sa-service--supplier .ss-plan-action .sa-service-cta{margin-top:0!important}
.ss-plan-action .sa-button{width:100%}
.sa-service--supplier .ss-plan-action>p:last-child{font-size:var(--sa-text-small);color:var(--sa-muted)}
.ss-pricing-details{margin-top:var(--sa-space-9)}
.ss-supplier-calculator{position:sticky;top:var(--sa-space-10);padding:var(--sa-space-6);border-radius:var(--sa-radius-panel);background:var(--sa-ink);color:var(--sa-on-dark)}
.sa-service--supplier .ss-supplier-calculator h3{color:var(--sa-on-dark);font-size:1.4rem;margin-bottom:var(--sa-space-4)}
.sa-service--supplier .ss-supplier-calculator>p strong{color:var(--sa-on-dark-muted);font-weight:var(--sa-weight-regular)}
.ss-range-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--sa-space-4);margin:var(--sa-space-6) 0 var(--sa-space-3)}
.ss-range-heading output{font:var(--sa-weight-extrabold) 2.5rem/1 var(--sa-font-display);color:var(--sa-accent)}
.ss-supplier-calculator input[type=range]{display:block;width:100%;height:44px;cursor:pointer;accent-color:var(--sa-accent)}
.ss-range-scale{display:flex;justify-content:space-between;font-size:var(--sa-text-small);color:var(--sa-on-dark-muted)}
.ss-monthly-quote{display:grid;gap:var(--sa-space-2);margin-top:var(--sa-space-5);padding-top:var(--sa-space-5);border-top:1px solid var(--sa-on-dark-muted)}
.ss-monthly-quote>span{font-size:var(--sa-text-small);color:var(--sa-on-dark-muted)}
.ss-monthly-quote output{font:var(--sa-weight-bold) 2.2rem/1.15 var(--sa-font-display);color:var(--sa-on-dark)}
.ss-extras,.ss-setup{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--sa-space-7);padding:var(--sa-space-6) 0;border-top:1px solid var(--sa-line-strong)}
.ss-extras{display:block}
.sa-service--supplier .ss-extras>h3{font-size:1.3rem;margin-bottom:var(--sa-space-4)}
.sa-service--supplier .ss-extras>p:first-of-type{margin-bottom:var(--sa-space-4)}
.sa-service--supplier .ss-extras>p:first-of-type strong{color:var(--sa-brand)}
.sa-service--supplier .ss-extras .sa-table-region{max-width:600px;margin:var(--sa-space-4) 0}
.ss-extras p:has(>em:only-child){font-size:var(--sa-text-small);color:var(--sa-muted)}
.sa-service--supplier .ss-setup-saving h3{margin-bottom:var(--sa-space-4)}
.sa-service--supplier .ss-setup-price{display:flex;align-items:baseline;gap:var(--sa-space-3);flex-wrap:wrap;margin:0}
.ss-setup-price del{color:var(--sa-muted);font:var(--sa-weight-semibold) 1.15rem/1.2 var(--sa-font-display)}
.ss-setup-price span{font-size:var(--sa-text-small)}
.ss-setup-price strong{font:var(--sa-weight-extrabold) 2.5rem/1 var(--sa-font-display);color:var(--sa-brand)}
.sa-service--supplier .ss-setup-terms>p{font-size:1rem}
/* Questions and decision finish the primary path. */
.sa-service--supplier .ss-section--faq .sa-service-content{max-width:760px}
.sa-service--supplier .ss-section--faq h2{margin-bottom:var(--sa-space-5)}
.sa-service--supplier .sa-faq summary{padding-block:var(--sa-space-4);line-height:var(--sa-leading-copy)}
.sa-service--supplier .sa-faq summary::after{top:var(--sa-space-4)}
.sa-service--supplier .sa-faq__answer{padding-bottom:var(--sa-space-4);max-width:70ch}
.ss-final{text-align:center}
.sa-service--supplier .ss-final-copy h2{color:var(--sa-on-dark);max-width:none;margin-bottom:var(--sa-space-5)}
.sa-service--supplier .ss-final-copy p{color:var(--sa-on-dark-muted);margin-inline:auto}
.ss-final-offer{margin:var(--sa-space-6) auto 0;max-width:600px}
.sa-service--supplier .ss-final-offer>p{color:var(--sa-on-dark-muted);margin-inline:auto}
.sa-service--supplier .ss-final-offer>p>strong{color:var(--sa-on-dark)}
.sa-service--supplier .ss-final-offer>p:first-child{font:var(--sa-weight-bold) 1.6rem/1.15 var(--sa-font-display);margin-bottom:var(--sa-space-3)}
.sa-service--supplier .ss-final-offer>p:last-child{font-size:var(--sa-text-small)}
/* Related service uses the reference composition and an illustrative chart. */
.ss-resource{max-width:760px;margin-inline:auto}
.sa-service--supplier .ss-resource h2{font-size:clamp(1.7rem,3vw,2.2rem);max-width:none;margin-bottom:var(--sa-space-4)}
.ss-resource-action{margin-top:var(--sa-space-5)}
.sa-service--supplier .ss-resource-action .sa-service-cta{margin-top:0!important}
.sa-service--supplier .ss-resource-action>p:not(.sa-service-cta){font-size:var(--sa-text-small)}
.sa-service--supplier .ss-section--related{background:var(--sa-surface)}
.ss-resource--related{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:var(--sa-space-7);align-items:center}
.sa-service--supplier .ss-resource--related h2{color:var(--sa-ink)}
.sa-service--supplier .ss-resource--related .ss-resource-copy>p{max-width:70ch}
.ss-market-card{padding:var(--sa-space-6);border:1px solid var(--sa-line);border-radius:var(--sa-radius-panel);background:var(--sa-bg);box-shadow:var(--sa-shadow-md);min-width:0}
.sa-service--supplier .ss-market-card h3{font-size:1.2rem;margin-bottom:var(--sa-space-4)}
.ss-market-row{padding-block:var(--sa-space-4);border-top:1px solid var(--sa-line)}
.sa-service--supplier .ss-market-row p{font-size:var(--sa-text-small)}
.sa-service--supplier .ss-market-row p:first-child{font-size:1rem}
.ss-market-meter{height:var(--sa-space-2);border-radius:var(--sa-radius-pill);background:var(--sa-surface);overflow:hidden}
.ss-market-meter span{display:block;height:100%;background:var(--sa-brand);width:58%;border-radius:inherit}
.ss-market-row--2 .ss-market-meter span{width:87%;background:var(--sa-loss)}
.ss-market-row--3 .ss-market-meter span{width:35%;background:var(--sa-gain)}
.sa-service--supplier .ss-market-card>p:last-child{font-size:var(--sa-text-micro);color:var(--sa-muted);margin-top:var(--sa-space-3)}
@media(max-width:1100px){.ss-report-grid{grid-template-columns:1fr}.ss-report-copy{max-width:70ch}.sa-service--supplier .ss-flow--onboarding{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.ss-calculation,.ss-pricing,.ss-resource--related{grid-template-columns:1fr}.ss-supplier-calculator{position:static}.sa-service--supplier .ss-flow:not(.ss-flow--onboarding){grid-template-columns:1fr}.ss-market-card{max-width:700px}}
@media(max-width:720px){
.sa-service--supplier .ss-section{padding-block:var(--sa-space-9)}
.sa-service--supplier .sa-service-hero{padding-block:var(--sa-space-7)}
.sa-service--supplier .sa-service-hero h1{font-size:clamp(1.9rem,8.2vw,2.5rem);max-width:none}
.sa-service--supplier .ss-section-intro{margin-bottom:var(--sa-space-5)}
.ss-problem,.ss-setup{grid-template-columns:1fr;gap:var(--sa-space-3);padding:var(--sa-space-5)}
.sa-service--supplier .ss-flow--onboarding{grid-template-columns:1fr}
.ss-row-heading{gap:var(--sa-space-3)}
.ss-calculation{grid-template-columns:1fr;gap:var(--sa-space-5)}
.sa-service--supplier .ss-plan,.ss-calculation-result,.ss-market-card,.ss-supplier-calculator{padding:var(--sa-space-5)}
.sa-service--supplier .ss-report-grid .sync-email-header,.sa-service--supplier .ss-report-grid .sync-email-body{padding:var(--sa-space-4)}
.ss-pricing-details{margin-top:var(--sa-space-7)}
.ss-resource-action .sa-button,.ss-final-offer .sa-button{width:100%}
}