/* Salesforce Services uses the approved Bossini typography, color and navigation. */
.salesforce-page{overflow-x:clip}
.salesforce-page h1 em,.salesforce-page h2 em{color:var(--copper);font-weight:400}
.ss-section{padding:100px 0}
.ss-cream{background:var(--cream)}
.ss-hero{padding-top:46px;padding-bottom:38px}
.ss-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:76px;align-items:center}
.ss-hero h1{font-size:clamp(59px,6.1vw,87px);line-height:1.055;letter-spacing:-1.5px;max-width:730px}
.ss-hero-copy p{font-size:17px;line-height:1.75;color:#52634f}
.ss-hero-copy .ss-lead{font-size:21px;line-height:1.6;color:var(--ink)}
.ss-hero-copy p+p{margin-top:22px}
.ss-actions{display:flex;align-items:center;gap:32px;margin-top:33px}
.ss-actions .hero-secondary{display:inline-flex;align-items:center;gap:22px}
.ss-credibility{display:grid;grid-template-columns:270px 1fr;gap:55px;align-items:center;margin-top:49px;border-top:1px solid var(--line);padding-top:23px}
.ss-partner{padding:12px 22px 12px 15px}
.ss-partner img{display:block;width:215px;max-width:100%;height:auto}
.ss-credibility p{max-width:775px;font-size:14px;line-height:1.75;color:#586853}
.ss-heading-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:88px;align-items:start}
.ss-section h2{font-size:clamp(40px,4.3vw,61px);line-height:1.08;max-width:680px}
.ss-intro-copy{font-size:17px;line-height:1.75;color:#52634f;padding-top:43px}
.ss-intro-copy p+p{margin-top:20px}
.ss-offering-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;align-items:start}
.ss-section-intro>p:not(.eyebrow){font-size:17px;line-height:1.75;margin-top:26px;color:#52634f}
.ss-instruction{display:flex;gap:23px;align-items:center;margin-top:32px;font-size:13px;color:var(--copper)}
.ss-number{font-size:12px;font-weight:500;color:var(--copper);letter-spacing:.6px}
.ss-services{border-bottom:1px solid #c9cfbf}
.ss-service{border-top:1px solid #c9cfbf}
.ss-service summary{display:grid;grid-template-columns:28px 1fr 20px;gap:20px;align-items:baseline;padding:26px 0;cursor:pointer;list-style:none;min-height:88px}
.ss-service summary::-webkit-details-marker{display:none}
.ss-service summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.ss-service summary strong{display:block;font-size:22px;font-weight:500;line-height:1.35}
.ss-service summary:hover strong{color:var(--copper)}
.ss-service-summary{display:block;font-size:14px;line-height:1.65;color:#5b6955;margin-top:8px;max-width:440px}
.ss-expand{position:relative;width:18px;height:18px;align-self:start;margin-top:8px}
.ss-expand:before,.ss-expand:after{content:'';position:absolute;top:8px;left:1px;width:15px;height:1px;background:var(--copper)}
.ss-expand:after{transform:rotate(90deg)}
.ss-service[open] .ss-expand:after{transform:rotate(0)}
.ss-service-body{padding:0 40px 28px 48px}
.ss-service-body>p{font-size:16px;line-height:1.75;color:#52634f}
.ss-service-body ul{list-style:none;margin:20px 0 0;padding:0}
.ss-service-body li{font-size:13px;padding:9px 0;border-top:1px solid #d7dacd;line-height:1.6}
.ss-coverage{margin-top:44px}
.ss-coverage>p:first-child{font-size:15px;margin-bottom:18px;color:#5b6955}
.ss-clouds{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}
.ss-clouds li{font-size:20px;line-height:1.4;padding:22px 0;border-top:1px solid #bfc7b6}
.ss-coverage-end{border-top:1px solid #bfc7b6;padding-top:24px;margin-top:7px;font-size:17px;color:#52634f}
.ss-dark{background:var(--green);color:var(--cream)}
.ss-dark .eyebrow{color:#d4b28d}
.ss-dark h2 em{color:#e0ad81}
.ss-dark .ss-intro-copy{color:#c5cebf}
.ss-practices{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 68px;padding:0;margin:48px 0 0}
.ss-practices li{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:27px 0;border-top:1px solid #62715d}
.ss-practices .ss-number{color:#d8a87f;padding-top:6px}
.ss-practices h3{font-size:20px;line-height:1.45;font-weight:500;margin:0 0 10px}
.ss-practices p{font-size:15px;line-height:1.75;color:#c5cebf;max-width:475px}
.ss-mini{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--copper)}
.ss-reasons{list-style:none;padding:0;margin:48px 0 0}
.ss-reasons li{display:grid;grid-template-columns:40px 1fr 1.15fr;gap:35px;border-top:1px solid #bfc7b6;padding:29px 0}
.ss-reasons .ss-number{padding-top:8px}
.ss-reasons h3{font:29px/1.2 var(--serif);max-width:415px}
.ss-reasons p{font-size:16px;line-height:1.75;color:#52634f}
.ss-nexus{background:#e3e7da;border-top:1px solid #c8cfbc;border-bottom:1px solid #c8cfbc;padding:76px 0}
.ss-nexus h2{font-size:clamp(39px,3.7vw,53px)}
.ss-nexus .ss-intro-copy{padding-top:43px;font-size:16px}
.ss-text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #8d9b80;padding:14px 0;margin-top:23px;font-size:15px}
.ss-text-link:hover{color:var(--copper)}
.ss-cta h2{max-width:930px;font-size:clamp(45px,5.5vw,76px)}
.ss-cta-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:95px;margin-top:35px}
.ss-cta-bottom p{max-width:665px;font-size:18px;color:#52634f}
.salesforce-page [aria-current=page]{color:var(--copper)}
@media(max-width:1100px){
.ss-hero-grid,.ss-heading-grid{gap:44px}
.ss-offering-layout{grid-template-columns:.85fr 1.2fr;gap:45px}
.ss-hero h1{font-size:65px}
.ss-reasons li{gap:25px;grid-template-columns:26px 1fr 1.15fr}
.ss-cta-bottom{gap:45px}
}
@media(max-width:760px){
.ss-section{padding:56px 0}
.ss-hero{padding-top:28px;padding-bottom:32px}
.ss-hero-grid,.ss-heading-grid,.ss-offering-layout{grid-template-columns:minmax(0,1fr);gap:24px}
.ss-hero h1{font-size:clamp(45px,12.2vw,55px);letter-spacing:-.7px;line-height:1.07}
.ss-hero-copy .ss-lead{font-size:18px;line-height:1.65}
.ss-hero-copy p{font-size:16px}
.ss-hero-copy p+p{margin-top:17px}
.ss-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:26px}
.ss-actions .button{font-size:14px;min-height:58px;padding:16px}
.ss-actions .hero-secondary{align-self:flex-start;min-height:48px}
.ss-credibility{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:27px;padding-top:15px}
.ss-partner{width:235px;padding:18px 28px 18px 15px}
.ss-partner img{width:192px}
.ss-credibility p{font-size:13px;line-height:1.75}
.ss-section h2{font-size:41px;line-height:1.11;letter-spacing:-.6px}
.ss-intro-copy,.ss-nexus .ss-intro-copy{padding-top:0;font-size:16px;line-height:1.75}
.ss-section-intro>p:not(.eyebrow){font-size:16px;margin-top:20px}
.ss-instruction{margin-top:18px}
.ss-service summary{grid-template-columns:22px minmax(0,1fr) 16px;gap:12px;padding:22px 0}
.ss-service summary strong{font-size:19px;line-height:1.4}
.ss-service-summary{font-size:13px}
.ss-service-body{padding:0 0 24px 34px}
.ss-service-body>p{font-size:15px}
.ss-service-body li{font-size:12px}
.ss-clouds{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.ss-clouds li{font-size:16px;line-height:1.5;padding:16px 0}
.ss-coverage{margin-top:28px}
.ss-coverage>p:first-child{font-size:14px}
.ss-coverage-end{font-size:15px;padding-top:19px}
.ss-practices{grid-template-columns:minmax(0,1fr);margin-top:29px}
.ss-practices li{grid-template-columns:25px minmax(0,1fr);gap:14px;padding:23px 0}
.ss-practices h3{font-size:18px}
.ss-practices p{font-size:14px}
.ss-reasons{margin-top:28px}
.ss-reasons li{grid-template-columns:24px minmax(0,1fr);gap:10px 14px;padding:24px 0}
.ss-reasons h3{font-size:27px;line-height:1.2}
.ss-reasons p{grid-column:2;font-size:15px}
.ss-reasons .ss-number{padding-top:5px}
.ss-nexus{padding:50px 0}
.ss-nexus h2{font-size:37px}
.ss-text-link{margin-top:18px;min-height:48px}
.ss-cta h2{font-size:44px}
.ss-cta-bottom{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:25px}
.ss-cta-bottom p{font-size:16px}
.ss-cta-bottom .button{font-size:14px;min-height:58px;padding:16px}
.salesforce-page .eyebrow{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.salesforce-page{scroll-behavior:auto}.salesforce-page *{animation:none!important;transition:none!important}}

/* Refined orientation, aligned editorial grid, and in-place model exploration. */
.salesforce-page main .eyebrow{font-size:18px;font-weight:600;line-height:1.45;letter-spacing:.1px;gap:13px}
.salesforce-page .ss-hero>.eyebrow{font-size:20px;margin-bottom:27px}
.salesforce-page .ss-hero>.eyebrow .small-mark{flex:none}
.ss-why-heading{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.15fr);column-gap:35px;row-gap:23px;align-items:start}
.ss-why-heading>.eyebrow{grid-column:1/-1;margin:0}
.ss-why-heading>h2{grid-column:1/3}
.ss-why-heading>.ss-intro-copy{grid-column:3;padding:0;max-width:570px;font-size:18px;line-height:1.7}
.ss-cloud-controls{display:flex;flex-wrap:wrap;gap:0 26px;border-bottom:1px solid #bdc7b2;margin:23px 0 15px}
.ss-cloud-controls button{background:transparent;border:0;border-bottom:2px solid transparent;padding:15px 0 14px;font-size:15px;line-height:1.5;min-height:52px;color:#52634f;transition:color .2s,border-color .2s}
.ss-cloud-controls button:hover{color:var(--copper)}
.ss-cloud-controls button[aria-pressed=true]{color:var(--copper);border-bottom-color:var(--copper);font-weight:500}
.ss-coverage-status{font-size:12px;color:#5c6b55;margin:0 0 22px}
.ss-clouds li[hidden]{display:none}
.ss-clouds li{transition:color .25s}
.ss-clouds li:hover{color:var(--copper)}
.ss-models{margin-top:42px;border-top:1px solid #aebba1}
.ss-model-row{border-bottom:1px solid #aebba1;transition:background .3s}
.ss-model-row>summary{display:grid;grid-template-columns:32px minmax(0,.85fr) minmax(0,1.4fr) 28px;gap:24px;align-items:center;list-style:none;cursor:pointer;padding:29px 24px;min-height:113px}
.ss-model-row>summary::-webkit-details-marker{display:none}
.ss-model-row>summary:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.ss-model-number{font-size:13px;color:var(--copper)}
.ss-model-title{font:35px/1.15 var(--serif)}
.ss-model-preview{font-size:18px;line-height:1.6;color:#52634f;max-width:530px}
.ss-model-toggle{position:relative;width:28px;height:28px;border:1px solid #adb99e;border-radius:50%;transition:transform .3s,background .3s}
.ss-model-toggle:before,.ss-model-toggle:after{content:'';position:absolute;left:7px;top:12px;width:12px;height:1px;background:var(--copper)}
.ss-model-toggle:after{transform:rotate(90deg);transition:transform .3s}
.ss-model-row[open]{background:#e5e9dc}
.ss-model-row[open] .ss-model-title{color:var(--copper)}
.ss-model-row[open] .ss-model-toggle:after{transform:rotate(0)}
.ss-model-row>summary:hover .ss-model-toggle{background:#d4dcc9;transform:rotate(90deg)}
.ss-model-row[open]>summary:hover .ss-model-toggle{transform:none}
.ss-model-body{padding:0 76px 32px 80px}
.ss-model-body>p{font-size:20px;line-height:1.7;max-width:1040px;margin-bottom:26px;color:#3c513e}
.ss-model-body dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;padding:24px 0 0;border-top:1px solid #bac6ac;margin:0}
.ss-model-body dt{font-size:14px;font-weight:600;margin-bottom:10px}
.ss-model-body dd{font-size:18px;line-height:1.7;color:#52634f;margin:0;max-width:520px}
.ss-practices li,.ss-reasons li{position:relative}
.ss-practices li:before,.ss-reasons li:before{content:'';height:1px;position:absolute;left:0;top:-1px;width:100%;background:var(--copper);transform:scaleX(0);transform-origin:left}
.ss-practices li:before{background:#d7ac82}
.ss-in-view:before{animation:ss-rule-reveal .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ss-rule-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ss-text-link>span{transition:transform .25s}
.ss-text-link:hover>span,.ss-text-link:focus-visible>span{transform:translate(4px,-3px)}
.ss-expand:after{transition:transform .25s}
@media(max-width:1100px){
 .ss-why-heading{grid-template-columns:26px minmax(0,1fr) minmax(0,1.15fr);column-gap:25px}
 .ss-model-row>summary{grid-template-columns:24px minmax(0,.9fr) minmax(0,1.3fr) 28px;gap:18px;padding:25px 20px}
 .ss-model-title{font-size:31px}
 .ss-model-preview{font-size:17px}
 .ss-model-body{padding-left:62px;padding-right:62px}
}
@media(max-width:760px){
 .salesforce-page main .eyebrow{font-size:16px;line-height:1.5;margin-bottom:19px}
 .salesforce-page .ss-hero>.eyebrow{font-size:17px;gap:10px;letter-spacing:0}
 .ss-why-heading{grid-template-columns:minmax(0,1fr);gap:20px}
 .ss-why-heading>.eyebrow,.ss-why-heading>h2,.ss-why-heading>.ss-intro-copy{grid-column:1}
 .ss-why-heading>.eyebrow{margin:0}
 .ss-why-heading>.ss-intro-copy{font-size:16px;padding:0}
 .ss-cloud-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;margin-top:18px}
 .ss-cloud-controls button{text-align:left;font-size:13px;padding:13px 0;min-height:50px}
 .ss-coverage-status{font-size:12px;margin-bottom:16px}
 .ss-models{margin-top:28px}
 .ss-model-row>summary{grid-template-columns:20px minmax(0,1fr) 28px;gap:10px 12px;padding:23px 14px;min-height:0}
 .ss-model-number{grid-row:1;font-size:12px}
 .ss-model-title{grid-column:2;grid-row:1;font-size:29px}
 .ss-model-toggle{grid-column:3;grid-row:1}
 .ss-model-preview{grid-column:2/4;font-size:15px;line-height:1.6}
 .ss-model-body{padding:0 20px 25px 46px}
 .ss-model-body>p{font-size:17px;line-height:1.7;margin-bottom:21px}
 .ss-model-body dl{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:20px}
 .ss-model-body dt{font-size:13px;margin-bottom:7px}
 .ss-model-body dd{font-size:16px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.ss-in-view:before{animation:none;transform:scaleX(1)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
