.sharepoint-page{--sp-navy:#002d5b;--sp-main:#004e98;--sp-supportive:#0074cc;--sp-ink:#091e2f;--sp-text:#5a6978;--sp-steel:#66819d;--sp-mist:#b3c0ce;--sp-line:#ccd5de;--sp-line-warm:#d3d6db;--sp-fog:#e6eaef;--sp-haze:#f2f4f7;--sp-tint:#f2f6fa;--sp-tint-line:#ccdcea;background:#fff}.sp-shell{width:87.5%;max-width:1680px;margin-inline:auto}.sharepoint-page h1,.sharepoint-page h2,.sharepoint-page h3{font-family:var(--font-inter);letter-spacing:0}.sharepoint-page p,.sharepoint-page a,.sharepoint-page button{font-family:var(--font-plus-jakarta)}.sharepoint-page h2{color:var(--sp-navy);font-size:64px;font-weight:600;line-height:1.24}.sp-cta-button{background:var(--sp-main);color:#fff;font:600 16px/18px var(--font-plus-jakarta);border-radius:6px;justify-content:center;align-items:center;padding:16px 96px;transition:background-color .3s;display:inline-flex}.sp-cta-button:hover{background:var(--sp-navy)}.sp-hero{background:#fff;align-items:center;min-height:1080px;display:flex;position:relative;overflow:hidden}.sp-hero-blob{pointer-events:none;width:1186px;height:1186px;position:absolute;top:-525px;left:-487px}.sp-hero .sp-shell{justify-content:space-between;align-items:center;gap:48px;display:flex;position:relative}.sp-hero-copy{max-width:727px;padding:12px}.sp-hero h1{color:var(--sp-navy);max-width:703px;font-size:72px;font-weight:600;line-height:1.16}.sp-hero-copy>p{color:var(--sp-steel);max-width:703px;margin-top:32px;font-size:24px;line-height:40px}.sp-hero-copy>a{margin-top:48px}.sp-hero-art{flex:none;width:814.5px;height:825px;position:relative}.sp-hero-art img{object-fit:contain}.sp-workplace{background:var(--sp-haze);padding:160px 0}.sp-workplace-head{align-items:flex-start;gap:32px;display:flex}.sp-workplace-head h2{flex:none;width:662px}.sp-workplace-head>div{flex-direction:column;gap:16px;width:986px;display:flex}.sp-workplace-head p{color:var(--sp-text);font-size:24px;line-height:40px}.sp-workplace-art{aspect-ratio:1680/922.656;width:100%;margin-top:64px;position:relative}.sp-capabilities{margin-top:160px}.sp-capabilities h2{text-align:center}.sp-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:64px;padding-inline:48px;display:grid}.sp-capability-grid article{border:1px solid var(--sp-fog);text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:49px 32px;display:flex;position:relative}.sp-capability-icon{background:#fff;border-radius:8px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 12px 16px #00000014}.sp-capability-grid h3{font:600 20px/24px var(--font-inter);letter-spacing:.2px;color:var(--sp-navy);margin-top:48px}.sp-capability-grid p{color:var(--sp-text);margin-top:16px;font-size:18px;line-height:28px}.sp-services{background:#fff;padding:80px 0}.sp-services-head,.sp-services-head h2{text-align:center}.sp-services-head p{color:var(--sp-text);margin-top:32px;font-size:24px;line-height:40px}.sp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;margin-top:48px;padding-inline:64px;display:grid}.sp-service-grid article{position:relative}.sp-service-photo{border-radius:8px;height:225px;position:relative;overflow:hidden}.sp-service-photo img{object-fit:cover}.sp-service-badge{background:var(--sp-supportive);border-radius:4.5px;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:147px;left:24px;overflow:hidden}.sp-service-body{align-items:flex-start;gap:16px;min-height:142px;margin-top:26px;display:flex}.sp-service-body:before{content:"";background:var(--sp-supportive);border-radius:1px;flex:none;width:4px;height:20px;margin-top:3px}.sp-service-grid h3{font:600 18px/24px var(--font-inter);color:var(--sp-navy)}.sp-service-grid p{color:var(--sp-steel);margin-top:8px;font-size:16px;line-height:24px}.sp-service-grid article:nth-child(5) p{max-width:413px}.sp-service-link{font:700 16px/26px var(--font-inter);color:var(--sp-supportive);margin-top:8px;display:inline-block}.sp-service-link:hover{text-decoration:underline}.sp-features{background:#fff;padding:80px 0}.sp-features h2{text-align:center;max-width:1234px;margin-inline:auto}.sp-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:32px;margin-top:48px;display:grid}.sp-feature-grid article{background:var(--sp-fog);border-radius:8px;flex-direction:column;gap:32px;padding:32px;display:flex}.sp-feature-grid h3{font:600 20px/24px var(--font-inter);letter-spacing:.2px;color:var(--sp-navy)}.sp-feature-grid p{color:var(--sp-text);margin-top:24px;font-size:16px;line-height:24px}.sp-benefits{background:#fff;padding:64px 0 100px}.sp-benefits .sp-shell{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px;display:grid}.sp-benefits-head{grid-area:1/1}.sp-rail-controls{flex:none;grid-area:1/2;gap:16px;display:flex}.sp-rail{grid-area:2/1/auto/-1;margin-left:3px}.sp-rail-controls button{width:32px;height:32px;transition:opacity .3s}.sp-rail-controls button:disabled{opacity:.35;cursor:default}.sp-rail-controls button:not(:disabled):hover{opacity:.75}.sp-rail-controls button:last-child img{transform:rotate(180deg)}.sp-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;margin-top:32px;padding-bottom:4px;display:flex;overflow-x:auto}.sp-rail::-webkit-scrollbar{display:none}.sp-rail>article{scroll-snap-align:start;border:1px solid var(--sp-line);background:#fff;border-radius:8px;flex-direction:column;flex:none;gap:24px;width:543px;padding:16px;display:flex}.sp-rail-photo{border-radius:4px;height:263px;position:relative;overflow:hidden}.sp-rail-photo img{object-fit:cover}.sp-rail h3{font:600 20px/24px var(--font-inter);letter-spacing:.2px;color:var(--sp-navy)}.sp-rail p{color:var(--sp-steel);margin-top:8px;font-size:16px;line-height:24px}.sp-digital{background:var(--sp-ink);min-height:1114px;position:relative;overflow:hidden}.sp-digital-photo{position:absolute;inset:0}.sp-digital-photo img{object-fit:cover;object-position:center top}.sp-digital-photo:after{content:"";background:linear-gradient(to bottom, #091e2f00 54.924%, var(--sp-ink) 86.746%);position:absolute;inset:0}.sp-digital-card{background:var(--sp-navy);border-radius:16px;flex-direction:column;gap:24px;width:913px;margin:80px 0 0 112px;padding:48px;display:flex;position:relative}.sp-digital-card h2{color:#fff}.sp-digital-card p{color:var(--sp-line-warm);font-size:24px;line-height:40px}.sp-why{background:var(--sp-ink);padding:120px 0}.sp-why-row-wrap{align-items:center;gap:64px;display:flex}.sp-why-photo{filter:drop-shadow(0 11.181px 22.361px #00000026);border-radius:9.349px;flex:none;align-self:stretch;width:745px;min-height:702px;position:relative;overflow:hidden}.sp-why-photo img{object-fit:cover}.sp-why-copy{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.sp-why-copy h2{color:#fff}.sp-why-accordion{flex-direction:column;display:flex}.sp-why-row{border-top:.75px solid #b3c0ce80;margin-top:8px;padding-top:8px}.sp-why-accordion button{text-align:left;cursor:pointer;align-items:flex-start;gap:16px;width:100%;padding:24px;display:flex}.sp-why-accordion button img{flex:none;transition:transform .3s}.sp-why-accordion button img.is-open{transform:rotate(180deg)}.sp-why-accordion button span{font:600 20px/24px var(--font-inter);letter-spacing:.2px;color:#fff}.sp-why-panel{gap:16px;padding:0 24px 24px;display:flex}.sp-why-panel>span{flex:none;width:24px}.sp-why-panel p{color:var(--sp-mist);font-size:16px;line-height:24px}.sp-solutions{background-blend-mode:screen;background-color:#001a32;background-image:url(/design/dynamics/explore-bg.png);background-position:50% 32.75%;background-repeat:no-repeat;background-size:104.08%;padding:80px 0}.sp-solutions h2{text-align:center;color:#fff}.sp-solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:32px;margin-top:64px;display:grid}.sp-solution-grid article{text-align:center;color:var(--sp-navy);border-radius:24px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.sp-solution-dynamics{background:#f0f6fc}.sp-solution-power{background:#f8f4fc}.sp-solution-fabric{background:#f3f8fc}.sp-solution-grid small{font:600 20px/24px var(--font-inter);letter-spacing:.2px}.sp-solution-dynamics{padding-top:36px}.sp-solution-dynamics small{color:#0037dd;line-height:16px}.sp-solution-power small{color:#881f8d}.sp-solution-fabric small{color:#004eb2}.sp-solution-grid h3{font:600 32px/37px var(--font-inter);letter-spacing:-.64px;max-width:var(--sp-h3w,491px);margin:24px 0 32px}.sp-solution-dynamics{--sp-h3w:491px}.sp-solution-power{--sp-h3w:366px}.sp-solution-fabric{--sp-h3w:304px}.sp-solution-art{width:100%;height:396px;position:relative}.sp-solution-art img{object-fit:contain}.sp-solution-grid p{max-width:var(--sp-pw,491px);color:var(--sp-text);margin:32px auto;font-size:16px;line-height:24px}.sp-solution-dynamics{--sp-pw:438px}.sp-solution-power{--sp-pw:473px}.sp-solution-fabric{--sp-pw:491px}.sp-solution-pill{font:600 16px/18px var(--font-inter);border:1px solid;border-radius:999px;align-items:center;gap:8px;margin-top:auto;padding:13px 24px;transition:background-color .3s,color .3s;display:inline-flex}.sp-solution-dynamics .sp-solution-pill{color:#0037dd}.sp-solution-power .sp-solution-pill{color:#881f8d}.sp-solution-fabric .sp-solution-pill{color:#004eb2}.sp-solution-pill:hover{background:currentColor}.sp-solution-pill:hover span{color:#fff}.sp-faq{background:#fff;padding:80px 0 132px}.sp-faq-wrap{align-items:flex-start;gap:64px;display:flex}.sp-faq-aside{flex-direction:column;flex:none;justify-content:space-between;gap:48px;width:623px;min-height:544px;display:flex}.sp-faq-aside>div:first-child h2{width:640px;max-width:none}.sp-faq-aside>div:first-child p{max-width:598px;color:var(--sp-text);margin-top:24px;font-size:24px;line-height:40px}.sp-faq-card{background:var(--sp-haze);border:1px solid var(--sp-fog);border-radius:5px;flex-direction:column;align-items:flex-end;gap:16px;padding:24px;display:flex}.sp-faq-card-cta{flex-direction:column;gap:16px;width:528px;max-width:100%;display:flex}.sp-faq-card-head{align-items:flex-start;gap:12px;display:flex}.sp-faq-card h3{font:600 24px/1.1 var(--font-inter);color:var(--sp-navy)}.sp-faq-card-head p{color:var(--sp-text);margin-top:12px;font-size:20px;line-height:32px}.sp-faq-card hr{background:var(--sp-line-warm);border:0;height:1px;margin:0}.sp-faq-card .sp-cta-button{align-self:flex-start;width:345.4px;padding-inline:32px}.sp-faq-list{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.sp-faq-list>div{background:var(--sp-tint);border:1px solid var(--sp-tint-line);border-radius:5px;transition:background-color .3s,border-color .3s}.sp-faq-list button{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:19px 20px;display:flex}.sp-faq-list button>span:first-child{font:600 20px/24px var(--font-inter);letter-spacing:.2px;color:var(--sp-navy)}.sp-faq-list>div>div{padding:0 20px 20px}.sp-faq-list p{color:var(--sp-text);font-size:16px;line-height:24px}.sp-faq-list .faq-toggle:before,.sp-faq-list .faq-toggle:after{background:var(--sp-navy)}.sp-cta{background:radial-gradient(38% 46% at 84% 12%, #004e9873, transparent 70%), radial-gradient(18% 28% at 94% 62%, #0074cc4d, transparent 70%), radial-gradient(20% 30% at 12% 66%, #004e9847, transparent 70%), var(--sp-ink);padding:80px 0 24px;position:relative;overflow:hidden}.sp-cta-inner{text-align:center;width:1122px;max-width:100%;margin-inline:auto}.sp-cta h2{color:#fff}.sp-cta-inner>p{color:var(--sp-line);margin-top:32px;font-size:24px;line-height:40px}.sp-cta .sp-cta-button{width:491px;max-width:100%;height:50px;margin-top:48px;padding-inline:32px}@media (max-width:1700px){.sp-hero{min-height:0;padding:140px 0 80px}.sp-hero h1{font-size:60px}.sp-hero-art{aspect-ratio:814.5/825;width:46%;height:auto}.sp-hero-copy{max-width:52%}.sp-faq-aside>div:first-child h2{width:auto}.sp-solution-grid h3,.sp-solution-grid p,.sp-service-grid article:nth-child(5) p{max-width:none}.sharepoint-page h2{font-size:48px}.sp-workplace{padding:100px 0}.sp-workplace-head h2{flex:1;width:auto}.sp-workplace-head>div{flex:1.4;width:auto}.sp-capabilities{margin-top:100px}.sp-capability-grid{margin-top:64px;padding-inline:0}.sp-service-grid,.sp-feature-grid{padding-inline:0}.sp-rail>article{width:420px}.sp-digital{min-height:0}.sp-digital-card{width:min(913px,100%);margin:0}.sp-digital .sp-shell{padding:96px 0 160px}.sp-why-photo{width:40%;min-height:560px}.sp-faq-aside{width:44%}.sp-cta-inner{width:100%}}@media (max-width:1280px){.sharepoint-page h2{font-size:40px}.sp-hero h1{font-size:48px}.sp-hero .sp-shell{flex-direction:column;align-items:flex-start}.sp-hero-copy{max-width:100%;padding:0}.sp-hero-copy>p,.sp-hero h1{max-width:none}.sp-hero-art{width:100%;margin-top:48px}.sp-workplace-head{flex-direction:column;gap:24px}.sp-capability-grid,.sp-service-grid,.sp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-why-row-wrap{flex-direction:column;align-items:stretch;gap:48px}.sp-why-photo{width:100%;min-height:420px}.sp-faq-wrap{flex-direction:column;gap:48px}.sp-faq-aside{width:100%;min-height:0}.sp-solution-grid{grid-template-columns:1fr}.sp-solution-grid article{max-width:600px;margin-inline:auto}.sp-solution-art{height:300px}}@media (max-width:860px){.sharepoint-page h2{font-size:32px}.sp-hero{padding:120px 0 64px}.sp-hero h1{font-size:36px}.sp-hero-copy>p,.sp-workplace-head p,.sp-services-head p,.sp-digital-card p,.sp-faq-aside>div:first-child p,.sp-cta-inner>p{font-size:18px;line-height:30px}.sp-cta-button{width:100%;padding-inline:32px}.sp-workplace,.sp-services,.sp-features,.sp-benefits,.sp-why,.sp-solutions,.sp-faq,.sp-cta{padding:56px 0}.sp-capabilities{margin-top:56px}.sp-capability-grid,.sp-service-grid,.sp-feature-grid{grid-template-columns:1fr;gap:24px}.sp-rail>article{width:82vw}.sp-rail-photo{height:200px}.sp-digital .sp-shell{padding:64px 0 96px}.sp-digital-card{border-radius:12px;padding:28px}.sp-why-photo{min-height:320px}.sp-why-accordion button,.sp-why-panel{padding-inline:0}.sp-faq-card h3{font-size:20px}.sp-faq-card-head p{font-size:16px;line-height:26px}.sp-faq-card .sp-cta-button{width:100%}.sp-faq-list{gap:16px}.sp-faq-list button>span:first-child{font-size:17px;line-height:22px}.sp-solution-grid h3{font-size:26px;line-height:32px}}
