/* Global responsive reading and visual-canvas system. */
.start-new-page,.start-new-page *{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;-webkit-hyphens:none!important}
.start-new-page :is(h1,h2,h3,p,a){text-wrap:pretty}
.sn-glass{container-type:inline-size}.sn-graphic-canvas{width:100%;height:100%;display:grid;place-items:center}.sn-graphic-canvas>:not(span){max-width:100%;min-height:0}.sn-graphic-canvas>span{font:500 40px/90px "Funnel Sans",sans-serif}
.sn-product-section[data-theme="negative"] .sn-graphic-canvas>span{color:#cad5e2}.sn-product-section[data-theme="positive"] .sn-graphic-canvas>span{color:#62748e}

/* Shared reading rhythm: a lead is always separated from its supporting copy
   by one quiet text line. The same safe wrap behaviour applies in catalog and
   on every released product-page section. */
.start-new-page :is(.sn-lead,.sn-copy,.sn-additional,.sn-details){text-wrap:pretty}
.start-new-page .sn-lead+.sn-copy{margin-top:1.35em}

/* Reusable editorial statement template from Figma nodes 7:642, 7:767 and 7:751. */
.sn-statement{min-height:800px;background:#fff;color:#162456}.sn-statement--dark{background:#071252 url("../img/Back_Rauschen.1920.webp") center/cover no-repeat;color:#fff}.sn-statement-inner{width:100%;max-width:1900px;min-height:800px;margin-inline:auto;padding:80px var(--sn-gutter)}.sn-statement-eyebrow{font:500 16px/29.7px "Funnel Sans",sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#6a7282}.sn-statement--dark .sn-statement-eyebrow{color:#e5e7eb}.sn-statement h2{margin-top:5px;max-width:1677px;font:500 clamp(92px,7.9vw,150px)/1 "Funnel Sans",sans-serif;font-variation-settings:"wght" 500;letter-spacing:-.055em;color:#162456}.sn-statement--dark h2{color:#fff}.sn-statement-line{display:block;width:369px;height:5px;margin-top:41px}.sn-statement-body{display:block;width:min(814px,100%);margin-top:41px;font:400 22px/38px "Funnel Sans",sans-serif;font-variation-settings:"wght" 400;color:#052f4a}.sn-statement--dark .sn-statement-body{color:#e2e8f0}.sn-statement--cta .sn-statement-body{width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.sn-statement--cta .sn-button{flex:none}.sn-statement--dark .sn-button{background:#fff;color:#071252}

/* Section CTAs use the same typographic scale as the former text links,
   while their pill treatment keeps their action role visually explicit. */
.start-new-page .sn-section-button{display:inline-flex;align-items:center;gap:16px;min-height:30px;padding:12px 18px 12px 22px;border-radius:999px;font:var(--nw-primary-button-weight,400) 16px/29.7px "Funnel Sans",sans-serif;font-variation-settings:normal;letter-spacing:.1em;text-transform:uppercase}.start-new-page .sn-section-button .arrow{width:21px;height:21px;flex:0 0 21px}.sn-product-section[data-theme="negative"] .sn-section-button,.sn-media-section[data-theme="dark"] .sn-section-button,.sn-statement--dark .sn-section-button{background:#fff;color:#071252}.sn-product-section[data-theme="positive"] .sn-section-button,.sn-media-section[data-theme="light"] .sn-section-button{background:#071252;color:#fff}
@media (min-width:901px){.start-new-page :is(.sn-product-action,.sn-media-action,#sn-finale) .sn-section-button{gap:14px;min-height:26px;padding:10px 15px 10px 19px;font-size:13.6px;line-height:25.25px}.start-new-page :is(.sn-product-action,.sn-media-action,#sn-finale) .sn-section-button .arrow{width:18px;height:18px;flex-basis:18px}}

/* Dedicated optimized background for the execution statement; easy to swap in the catalog. */
#sn-execution.sn-statement--dark{background-color:#071252;background-image:url("../img/bg_slides_hero.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
#sn-execution .sn-execution-paragraph{display:block}
#sn-execution .sn-execution-paragraph+.sn-execution-paragraph{margin-top:1.35em}
#sn-execution strong.sn-execution-paragraph+.sn-execution-paragraph{margin-top:0}
#sn-execution strong.sn-execution-paragraph{font-weight:600;font-variation-settings:"wght" 600}
@media (min-width:901px){
  #sn-execution .sn-execution-copy{width:100%;max-width:none;font-size:clamp(18px,1.15vw,22px)}
  #sn-execution .sn-execution-paragraph{white-space:nowrap}
}
#sn-workforce .sn-additional{margin-top:36px;color:#fff}
#sn-workforce .sn-workforce-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#sn-workforce .sn-workforce-fact{display:flex;min-width:0;min-height:132px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid rgb(255 255 255 / .45);border-radius:14px;background:transparent}
#sn-workforce .sn-workforce-kicker{display:block;margin-bottom:10px;font-size:12px;line-height:1.5;font-weight:600;font-variation-settings:"wght" 600;letter-spacing:.14em;text-transform:uppercase}
#sn-workforce .sn-workforce-fact strong{display:block;font-weight:600;font-variation-settings:"wght" 600}
@media(max-width:389px){#sn-office .sn-heading-secondary{font-size:12.8vw}}
#sn-finale.sn-statement--dark{background-color:#071252;background-image:url("../img/Back_Rauschen.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}

/* Image-and-text template from Figma nodes 7:989 / 7:870, with complete theme tokens. */
.sn-media-section{--sn-media-section-height:max(100svh,1080px);height:var(--sn-media-section-height);min-height:var(--sn-media-section-height);background:#fff;color:#162456}.sn-media-section[data-theme="dark"]{background:#071252 url("../img/Back_Rauschen.1920.webp") center/cover no-repeat;color:#fff}.sn-media-inner{width:100%;max-width:1900px;height:var(--sn-media-section-height);min-height:var(--sn-media-section-height);margin-inline:auto;padding:0 var(--sn-gutter);position:relative;display:grid;grid-template-columns:minmax(0,817px) minmax(0,820px);justify-content:space-between;gap:40px}.sn-media-copy{min-width:0;padding-top:calc(var(--sn-media-section-height) * .066667)}.sn-media-copy h2{margin:0;font:500 90px/90px "Funnel Sans",sans-serif;font-variation-settings:"wght" 500;letter-spacing:-.055em;color:#162456}.sn-media-copy h2 span{color:#62748e}.sn-media-section[data-theme="dark"] .sn-media-copy h2{color:#fff}.sn-media-section[data-theme="dark"] .sn-media-copy h2 span{color:#cad5e2}.sn-media-line{display:block;width:242px;height:5px;margin-top:49px}.sn-media-body{width:100%;max-width:100%;margin-top:58px}.sn-media-body .sn-lead{font:600 22px/30px "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;color:#020618}.sn-media-body .sn-copy,.sn-media-body .sn-additional{font:400 22px/30px "Funnel Sans",sans-serif;font-variation-settings:"wght" 400;color:#314158}.sn-media-body .sn-copy{margin-top:30px}.sn-media-body .sn-additional{margin-top:0}.sn-media-section[data-theme="dark"] .sn-media-body .sn-lead{color:#fff}.sn-media-section[data-theme="dark"] .sn-media-body .sn-copy,.sn-media-section[data-theme="dark"] .sn-media-body .sn-additional{color:#e2e8f0}.sn-media-frame{width:100%;max-width:820px;height:auto;aspect-ratio:820/1005;align-self:start;justify-self:end;margin-top:calc(var(--sn-media-section-height) * .066667)}.sn-media-section .sn-glass{border:0;border-radius:18px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#e2e8f0}.sn-media-section[data-theme="dark"] .sn-glass{background:#f1f5f9}.sn-media-section .sn-graphic-canvas>span{font:500 40px/90px "Funnel Sans",sans-serif;font-variation-settings:"wght" 500;letter-spacing:0;text-transform:none;color:#62748e}.sn-media-section[data-theme="dark"] .sn-graphic-canvas>span{color:#fff}

/* Image-and-list template from Figma nodes 7:901, 7:834 and 7:967. */
.sn-media-section--list .sn-media-eyebrow{margin:0;font:500 16px/29.7px "Funnel Sans",sans-serif;font-variation-settings:"wght" 500;letter-spacing:1.6px;text-transform:uppercase;color:#364153}.sn-media-section--list .sn-media-copy h2{margin-top:6px}.sn-media-section--list .sn-media-line{margin-top:45px}.sn-media-list{width:100%;max-width:817px;margin-top:94px}.sn-media-list article{display:grid;grid-template-columns:44px minmax(0,1fr);min-height:89px}.sn-media-list article>span{padding-top:4px;font:400 22px/13px "Funnel Sans",sans-serif;font-variation-settings:"wght" 400;color:#90a1b9}.sn-media-list h3,.sn-media-section--list .sn-media-list-conclusion{margin:0;font:600 22px/22px "Funnel Sans",sans-serif;font-weight:600;font-variation-settings:"wght" 600;letter-spacing:-.035em;color:#020618}.sn-media-list p{margin:11px 0 0;max-width:773px;font:400 16px/20.8px "Funnel Sans",sans-serif;font-variation-settings:"wght" 400;color:#314158}.sn-media-section--list .sn-media-list-conclusion{margin-top:42px}.sn-media-section--list[data-theme="dark"] .sn-media-eyebrow,.sn-media-section--list[data-theme="dark"] .sn-media-list article>span,.sn-media-section--list[data-theme="dark"] .sn-media-list p{color:#e2e8f0}.sn-media-section--list[data-theme="dark"] :is(.sn-media-list h3,.sn-media-list-conclusion){color:#fff}.sn-media-section--list[data-theme="dark"] .sn-media-list{margin-top:50px}
.sn-product-section[data-theme="positive"] .sn-product-copy .sn-lead{color:#020618}.sn-product-section[data-theme="positive"] .sn-product-copy :is(.sn-copy,.sn-additional,.sn-details){color:#314158}

/* Two-level headings, scoped to the six released product and system sections. */
.start-new-page :is(#sn-workforce,#sn-workplace,#sn-business,#sn-office,#sn-connect,#sn-beyond) :is(.sn-product-heading,.sn-media-copy) h2>.sn-heading-primary{display:block;margin-bottom:.22em;color:inherit;font-size:66.96%;line-height:1}.start-new-page :is(#sn-workforce,#sn-workplace,#sn-business,#sn-office,#sn-connect,#sn-beyond) :is(.sn-product-heading,.sn-media-copy) h2>.sn-heading-secondary{display:block;opacity:.8}

/* One quiet placeholder treatment for every dark presentation section. */
.start-new-page :is(.sn-product-section[data-theme="negative"],.sn-media-section[data-theme="dark"]) .sn-glass{border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(241 245 249 / .2)}.start-new-page :is(.sn-product-section[data-theme="negative"],.sn-media-section[data-theme="dark"]) .sn-graphic-canvas>span{color:rgb(255 255 255 / .5)}

/* Shared content-to-list rhythm: concise on every product-section variant. */
.sn-product-section{--sn-content-to-list-gap:40px}.sn-product-section .sn-details{margin-top:var(--sn-content-to-list-gap)}.sn-product-section .sn-details a{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;color:inherit;text-decoration:none}.sn-product-section .sn-details .arrow{width:18px;height:18px}

/* Shared content-link behaviour: calm movement, solid colors and theme-aware contrast. */
.start-new-page :is(.sn-link,.sn-button){align-items:center}.start-new-page :is(.sn-link,.sn-button,.sn-details a,.sn-jump-nav a) .arrow{transition:translate 200ms ease-out,color 200ms ease-out}.sn-product-section[data-theme="negative"] :is(.sn-link,.sn-details a),.sn-beyond .sn-link,.sn-hero .sn-jump-nav a{color:#cad5e2}.sn-product-section[data-theme="positive"] :is(.sn-link,.sn-details a){color:#62748e}.start-new-page :is(.sn-link,.sn-button,.sn-details a,.sn-jump-nav a){transition:color 200ms ease-out}.start-new-page :is(.sn-link,.sn-button,.sn-details a,.sn-jump-nav a):focus-visible{outline:2px solid currentColor;outline-offset:5px}.sn-product-section[data-theme="negative"] :is(.sn-link,.sn-details a):focus-visible,.sn-beyond .sn-link:focus-visible,.sn-hero .sn-jump-nav a:focus-visible{outline-color:#fff}.sn-product-section[data-theme="positive"] :is(.sn-link,.sn-details a):focus-visible{outline-color:#000}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.start-new-page :is(.sn-link,.sn-button,.sn-details a,.sn-jump-nav a):hover .arrow{translate:4px}.sn-product-section[data-theme="negative"] :is(.sn-link,.sn-details a):hover,.sn-beyond .sn-link:hover,.sn-hero .sn-jump-nav a:hover{color:#fff}.sn-product-section[data-theme="positive"] :is(.sn-link,.sn-details a):hover{color:#000}}
@media (prefers-reduced-motion:reduce){.start-new-page :is(.sn-link,.sn-button,.sn-details a,.sn-jump-nav a),.start-new-page :is(.sn-link,.sn-button,.sn-details a,.sn-jump-nav a) .arrow{transition:none}}

/* Dedicated hero template from Figma node 6:565: solid colors, not opacity. */
.sn-hero{background:#071252 url("../img/bg_slides_hero.1920.webp") center/cover no-repeat}.sn-hero .sn-kicker{color:#e2e8f0}.sn-hero h1{max-width:none}.sn-hero h1 .sn-muted{color:#cad5e2}.sn-hero-line{display:block;width:242px;height:5px;margin-top:52px}.sn-hero-copy{margin-top:38px;color:#e2e8f0}.sn-hero-copy p:first-child{font-weight:400;font-variation-settings:"wght" 400;margin-bottom:0}.sn-hero-copy p:last-child{color:#e2e8f0}.sn-jump-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;column-gap:36px;row-gap:24px;width:fit-content;max-width:100%;padding-top:62px}.sn-jump-nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-weight:500;font-variation-settings:"wght" 500;color:#cad5e2;white-space:nowrap}.sn-jump-nav a .arrow{width:18px;height:18px;margin-top:0;color:#cad5e2}.sn-hero .sn-spectrum{display:none}

/* Office uses its own replaceable background motif. The right-only contrast veil preserves the text hierarchy. */
.sn-product-section#sn-office[data-theme="negative"],.sn-media-section#sn-office[data-theme="dark"]{background-color:#071252;background-image:url("../img/bg_slides_hero.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}

/* Keep the alternating motifs after the Business Solutions section moves forward. */
.sn-media-section#sn-workforce[data-theme="dark"]{background-color:#071252;background-image:url("../img/bg_slides_hero.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
.sn-product-section#sn-workplace[data-theme="negative"]{background-color:#071252;background-image:url("../img/Back_Rauschen.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
.sn-product-section#sn-catalog-sections_startpage_content_01_left_dark[data-theme="negative"]{background-color:#071252;background-image:url("../img/bg_0003.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}

/* Product-section template: Figma left/right visual variants and one shared action row beneath the visual. */
@media (min-width:901px){
 .sn-product-section{height:max(100svh,1200px);min-height:1200px;--sn-visual-action-gap:60px}
 .sn-product-action{left:var(--sn-gutter);top:calc(444px + 587px + var(--sn-visual-action-gap));bottom:auto;width:auto}
 .sn-product-section#sn-workforce .sn-product-action,.sn-product-section#sn-workforce-positive .sn-product-action,.sn-product-section#sn-business .sn-product-action,.sn-product-section#sn-office .sn-product-action{left:var(--sn-gutter);top:calc(444px + 587px + var(--sn-visual-action-gap));bottom:auto}
 .sn-product-section[data-layout="visual-right"] .sn-product-frame{left:auto;right:var(--sn-gutter)}
 .sn-product-section[data-layout="visual-right"] .sn-product-copy{left:var(--sn-gutter)}
}

/* Content-led section masters: their copy, visual and actions define height.
   The Hero remains viewport-led; statement masters retain their fixed heights. */
@media (min-width:901px){
 .sn-media-section[data-section-template="sections_startpage_content_02_1"],.sn-media-section[data-section-template="sections_startpage_content_02_2"]{--sn-media-section-height:auto;height:auto;min-height:0}
 .sn-media-section[data-section-template="sections_startpage_content_02_1"] .sn-media-inner,.sn-media-section[data-section-template="sections_startpage_content_02_2"] .sn-media-inner{height:auto;min-height:0;padding-top:80px;padding-bottom:80px}
 .sn-media-section[data-section-template="sections_startpage_content_02_1"] .sn-media-copy,.sn-media-section[data-section-template="sections_startpage_content_02_2"] .sn-media-copy{padding-top:0}
 .sn-media-section[data-section-template="sections_startpage_content_02_1"] .sn-media-frame,.sn-media-section[data-section-template="sections_startpage_content_02_2"] .sn-media-frame{margin-top:0}
 .sn-media-section[data-section-template="sections_startpage_content_02_1"] .sn-media-action,.sn-media-section[data-section-template="sections_startpage_content_02_2"] .sn-media-action{position:static;grid-column:1/-1;justify-self:start;margin-top:0}
 .sn-product-section[data-section-template="sections_startpage_content_01"]{height:auto;min-height:0}
 .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);grid-template-areas:"heading heading" "line line" "visual copy" "action .";column-gap:40px;row-gap:42px;min-height:0;padding-top:82px;padding-bottom:80px}
 .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-heading,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-section-line,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-frame,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-copy,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-action{position:static;width:auto;margin:0}
 .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-heading{grid-area:heading}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-section-line{grid-area:line}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-frame{grid-area:visual;width:100%;height:auto;min-height:0;aspect-ratio:1247/587}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-copy{grid-area:copy;align-self:start}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-action{grid-area:action;align-self:end}
/* Keep the introductory lead distinct from the supporting copy. */
.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-copy .sn-copy{margin-top:30px}
 .sn-product-section[data-section-template="sections_startpage_content_01"][data-layout="visual-right"] .sn-product-inner{grid-template-areas:"heading heading" "line line" "copy visual" "action visual";grid-template-columns:minmax(0,390px) minmax(0,1fr)}
}

/* The jump navigation stays viewport-bound, with a deliberately tighter desktop safety margin. */
@media (min-width:1440px){.sn-hero-inner{padding-bottom:66px}}

/* Compact desktop/tablet: content is never squeezed beside a complex visual. */
@media (max-width:1439px){
 .sn-media-section,.sn-media-inner{height:auto;min-height:0}.sn-media-inner{grid-template-columns:minmax(0,1fr);gap:64px;padding-top:80px;padding-bottom:80px}.sn-media-copy{padding-top:0}.sn-media-copy h2{font-size:clamp(68px,8.3vw,90px);line-height:1}.sn-media-frame{width:100%;max-width:none;height:auto;aspect-ratio:820/1005;justify-self:stretch;margin-top:0}
 .sn-statement,.sn-statement-inner{min-height:0}.sn-statement-inner{padding-top:80px;padding-bottom:96px}.sn-statement h2{font-size:clamp(78px,9.4vw,132px)}
 .sn-hero,.sn-hero-inner{min-height:auto}.sn-hero-inner{padding-top:clamp(72px,9vw,112px);padding-bottom:80px}.sn-hero h1{font-size:clamp(84px,10.2vw,130px)}.sn-hero-line{margin-top:clamp(34px,4vw,52px)}.sn-hero-copy{margin-top:32px}.sn-jump-nav{display:none}
 .sn-beyond{min-height:0}.sn-beyond-inner{min-height:0;grid-template-columns:minmax(0,1fr);gap:64px;padding-top:80px;padding-bottom:80px}.sn-beyond-copy{max-width:820px}.sn-beyond-frame{width:100%;max-width:none;height:auto;min-height:0;max-height:none;aspect-ratio:820/880}
 .sn-finale{min-height:0}.sn-finale-inner{min-height:0;padding-top:90px;padding-bottom:80px}.sn-finale-bottom{margin-top:74px}
}

/* Tablet uses the full content width for every desktop infographic. Keeping the
   diagram in its desktop composition avoids an early card-stack switch caused by
   a narrow side-by-side visual column; the copy is read before the diagram. */
@media (min-width:901px) and (max-width:1439px){
 .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "line" "copy" "visual" "action";column-gap:0;row-gap:32px;padding-top:80px;padding-bottom:80px}
 .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-heading,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-section-line,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-frame,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-copy,.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-action{position:static;width:auto;margin:0}
 .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-heading{grid-area:heading}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-section-line{grid-area:line}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-copy{grid-area:copy;max-width:min(100%,720px);align-self:start}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-frame{grid-area:visual;width:100%;height:auto;min-height:0;aspect-ratio:auto}.sn-product-section[data-section-template="sections_startpage_content_01"] .sn-product-action{grid-area:action;align-self:start}
}

@media (max-width:767px){
 .sn-hero,.sn-hero-inner{min-height:100svh;min-height:100dvh}
 .sn-media-inner{gap:44px;padding-top:64px;padding-bottom:64px}.sn-media-copy h2{font-size:clamp(52px,13vw,76px);line-height:.98}.sn-media-line{margin-top:30px}.sn-media-body{margin-top:34px}.sn-media-body .sn-lead,.sn-media-body .sn-copy,.sn-media-body .sn-additional{font-size:18px;line-height:28px}.sn-media-body .sn-copy{margin-top:28px}.sn-media-frame{width:100%;aspect-ratio:16/9;height:auto}
 .sn-statement-inner{padding-top:64px;padding-bottom:68px}.sn-statement-eyebrow{font-size:11px;line-height:18px;letter-spacing:.09em}.sn-statement h2{font-size:clamp(52px,13vw,76px);line-height:.98}.sn-statement-line{width:min(369px,100%);margin-top:30px}.sn-statement-body{margin-top:32px;font-size:18px;line-height:28px}.sn-statement--cta .sn-statement-body{display:flex;align-items:flex-start;flex-direction:column;gap:32px}
 .sn-hero-inner{padding-top:60px;padding-bottom:60px}.sn-hero h1{font-size:clamp(58px,14vw,86px)}.sn-hero-line{width:242px;max-width:100%;margin-top:30px}.sn-hero-copy{margin-top:28px;font-size:18px;line-height:28px}.sn-jump-nav{grid-template-columns:1fr;gap:9px;margin-top:54px}.sn-jump-nav a{display:inline-flex;width:fit-content;max-width:100%;flex-direction:row;align-items:center;gap:9px;font-size:11px;line-height:20px;white-space:normal}.sn-jump-nav a>span{min-width:0}.sn-jump-nav a .arrow{width:16px;height:16px;flex:0 0 16px;margin-top:0}
 .sn-media-section--list .sn-media-list{margin-top:42px}.sn-media-list article{grid-template-columns:33px minmax(0,1fr);min-height:0;padding-bottom:25px}.sn-media-list h3,.sn-media-section--list .sn-media-list-conclusion{font-size:20px;line-height:21px}.sn-media-list p{margin-top:9px;font-size:15px;line-height:21px}.sn-media-section--list .sn-media-list-conclusion{margin-top:32px}.sn-product-inner{padding-top:64px;padding-bottom:64px}.sn-section-line{margin-top:30px}.sn-product-frame{margin-top:34px;aspect-ratio:16/9}.sn-product-copy{margin-top:34px}.sn-product-action{margin-top:30px}.sn-product-section{--sn-content-to-list-gap:24px}.sn-graphic-canvas[data-graphic-kind="map"]{width:max(100%,720px);min-width:720px}.sn-glass:has(.sn-graphic-canvas[data-graphic-kind="map"]){display:block;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}.sn-graphic-canvas>span{font-size:clamp(18px,5vw,28px);line-height:1.3;text-align:center;padding:20px}
}

/* Mobile is content-led: an injected visual determines its own readable height.
   This prevents the next section from cutting into tall, reflowed graphics. */
@media (max-width:900px){
 .sn-media-section,.sn-media-inner{height:auto;min-height:0}
 .sn-media-section[data-mobile-visual-position="before"] .sn-media-frame{order:0}
 .sn-media-section[data-mobile-visual-position="before"] .sn-media-copy{order:1}
 .sn-media-section[data-mobile-visual-position="after"] .sn-media-copy{order:0}
 .sn-media-section[data-mobile-visual-position="after"] .sn-media-frame{order:1}
 /* The shared section CTA always closes the mobile reading order. */
 .sn-media-section .sn-media-action{order:2}
 .sn-media-frame--content-height,.sn-product-frame--content-height{height:auto;min-height:0;aspect-ratio:auto;overflow:visible}
 .sn-media-frame--content-height :is(.sn-glass,.sn-graphic-canvas),.sn-product-frame--content-height :is(.sn-glass,.sn-graphic-canvas){height:auto;min-height:0;overflow:visible}
 .sn-media-frame--content-height .enterprise-system-map,.sn-product-frame--content-height .enterprise-system-map{height:auto;min-height:0}
 .sn-media-frame--content-height .sn-glass:has(.enterprise-system-map--surface){display:block;height:auto;min-height:0;overflow:visible}
 .sn-product-section[data-mobile-visual-position="after"] .sn-product-copy{order:2}
 .sn-product-section[data-mobile-visual-position="after"] .sn-product-frame{order:3}
 .sn-product-section[data-mobile-visual-position="before"] .sn-product-frame{order:2}
 .sn-product-section[data-mobile-visual-position="before"] .sn-product-copy{order:3}
}
@media (max-width:767px){
 #sn-execution.sn-statement--dark,.sn-media-section#sn-workforce[data-theme="dark"],.sn-media-section#sn-office[data-theme="dark"]{background-image:none;background-color:#071252}
 #sn-workforce .sn-workforce-facts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){.sn-media-section .sn-media-frame--content-height .sn-glass:has(.enterprise-system-map--surface){display:block;height:auto;min-height:0;overflow:visible}}
@media (max-width:600px){.start-new-page .sn-section-button{gap:16px;min-height:30px;padding:10px 15px 10px 18px;font-size:11px;line-height:22px}.start-new-page .sn-section-button .arrow{width:21px;height:21px;flex-basis:21px}}
@media (max-width:560px){.sn-jump-nav{grid-template-columns:1fr;gap:9px;margin-top:42px}}

/* Decorative line SVGs always start on the content grid; they never stretch with a section. */
.start-new-page :is(.sn-hero-line,.sn-section-line,.sn-media-line,.sn-statement-line){display:block;box-sizing:border-box;margin-left:0;margin-right:auto;justify-self:start;align-self:start;place-self:start;object-position:left center}.start-new-page .sn-section-line{width:min(242px,100%);max-width:100%;flex:0 0 auto}

/* Vertical-visual templates keep their shared text link in one row beneath the visual. */
.sn-media-inner{column-gap:40px;row-gap:30px}.sn-media-action{position:absolute;left:var(--sn-gutter);bottom:calc(var(--sn-media-section-height) * .041667);justify-self:start}.sn-media-section[data-theme="dark"] .sn-media-action .sn-link{color:#cad5e2}.sn-media-section[data-theme="light"] .sn-media-action .sn-link{color:#62748e}.sn-media-section[data-theme="dark"] .sn-media-action .sn-link:focus-visible{outline-color:#fff}.sn-media-section[data-theme="light"] .sn-media-action .sn-link:focus-visible{outline-color:#000}
@media (max-width:1439px){.sn-media-action{position:static;grid-column:1/-1;justify-self:start}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.sn-media-section[data-theme="dark"] .sn-media-action .sn-link:hover{color:#fff}.sn-media-section[data-theme="light"] .sn-media-action .sn-link:hover{color:#000}}

/* The text variant may carry plain supporting detail instead of a link list. */
.sn-media-body .sn-details{margin-top:40px;font:400 22px/40px "Funnel Sans",sans-serif;font-variation-settings:"wght" 400;color:#314158}.sn-media-section[data-theme="dark"] .sn-media-body .sn-details{color:#e2e8f0}
@media (max-width:767px){.sn-media-body .sn-details{margin-top:28px;font-size:18px;line-height:28px}}

/* Released Surface variant for Enterprise-System maps: a light material card
   surrounds the graphic while the inner information tiles stay white. */
.sn-media-section .sn-glass:has(.enterprise-system-map--surface){display:grid;place-items:center;overflow:hidden;padding:clamp(18px,2.5cqw,34px);background-color:#ebeff5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");background-size:180px 180px}

/* Start-page Solution Map: Agentic Business Solutions. */
.sn-product-section#sn-business .sn-glass:has(.sn-business-solutions-map){display:block;overflow:hidden;padding:0;background:#f3f1ec}.sn-business-solutions-map{position:relative;isolation:isolate;display:grid;width:100%;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(220px,1.15fr) minmax(0,1fr);grid-template-rows:1fr 1fr .8fr;gap:clamp(18px,2.35cqw,32px);padding:clamp(28px,3.55cqw,48px);color:#020618;font-family:"Funnel Sans",sans-serif;container-type:inline-size}.sn-business-map-routes{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible}.sn-business-map-routes path{fill:none;stroke:#aeb6c2;stroke-width:1.5;vector-effect:non-scaling-stroke}.sn-business-map-core,.sn-business-map-node{position:relative;z-index:1}.sn-business-map-core{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;border-radius:clamp(14px,1.8cqw,22px);background:#111a42;box-shadow:0 18px 42px rgb(7 18 82 / .14)}.sn-business-map-core>div{display:grid;width:clamp(120px,16cqw,190px);aspect-ratio:1;place-content:center;border:clamp(3px,.42cqw,5px) solid #86d9fb;border-radius:50%;outline:clamp(8px,1.1cqw,13px) solid rgb(134 217 251 / .18);background:#4058ef;color:#fff;text-align:center;box-shadow:0 0 42px rgb(64 88 239 / .36)}.sn-business-map-core span,.sn-business-map-core strong{display:block;font-size:clamp(16px,2.3cqw,27px);font-weight:600;line-height:1.15;letter-spacing:.015em}.sn-business-map-node{display:flex;align-items:center;min-height:0;padding:clamp(18px,2.35cqw,32px);border-radius:clamp(12px,1.5cqw,18px);background:#fff;box-shadow:0 10px 28px rgb(16 24 40 / .08);font-size:clamp(18px,2.55cqw,31px);line-height:1.08;letter-spacing:-.025em}.sn-business-map-node::before{width:clamp(7px,.95cqw,12px);align-self:stretch;margin:-clamp(18px,2.35cqw,32px) 0 -clamp(18px,2.35cqw,32px) -clamp(18px,2.35cqw,32px);margin-right:clamp(17px,2.2cqw,30px);border-radius:clamp(12px,1.5cqw,18px) 0 0 clamp(12px,1.5cqw,18px);background:var(--business-accent);content:""}.sn-business-map-node strong{font:600 1em/1.08 "Funnel Sans",sans-serif;font-variation-settings:"wght" 600}.sn-business-map-node--hr{grid-column:1;grid-row:1}.sn-business-map-node--sales{grid-column:1;grid-row:2}.sn-business-map-node--service{grid-column:3;grid-row:1}.sn-business-map-node--erp{grid-column:3;grid-row:2}.sn-business-map-node--finance{grid-column:2;grid-row:3;margin-inline:clamp(16px,2.35cqw,32px)}
@container (max-width:720px){.sn-business-solutions-map{height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px;padding:18px}.sn-business-map-routes{display:none}.sn-business-map-core{grid-column:1 / -1;grid-row:auto;min-height:164px}.sn-business-map-core>div{width:126px}.sn-business-map-node{min-height:88px;padding:16px;font-size:17px}.sn-business-map-node::before{width:7px;margin:-16px 0 -16px -16px;margin-right:13px}.sn-business-map-node--hr,.sn-business-map-node--sales,.sn-business-map-node--service,.sn-business-map-node--erp,.sn-business-map-node--finance{grid-column:auto;grid-row:auto;margin:0}.sn-business-map-node--finance{grid-column:1 / -1}}
@container (max-width:430px){.sn-business-solutions-map{grid-template-columns:1fr}.sn-business-map-node--finance{grid-column:auto}.sn-business-map-node{min-height:76px}}
@media (max-width:900px){.sn-product-section#sn-business .sn-graphic-canvas:has(.sn-business-solutions-map){width:100%;min-width:0}}

/* Office returns to the approved, lightweight pill cluster. It intentionally
   has no separate canvas fill: bg_0005 remains visible behind the white pills. */
.sn-product-section#sn-office .sn-glass:has(.sn-office-collaboration-map){display:block;overflow:visible;padding:0;background:transparent}
.sn-office-collaboration-map{position:relative;isolation:isolate;display:block;width:100%;height:100%;min-height:0;color:#020618;font-family:"Funnel Sans",sans-serif;container-type:inline-size}
.sn-office-collaboration-map::before{position:absolute;z-index:0;top:11%;right:18%;width:42%;height:70%;border:1px solid rgb(214 247 255 / .54);border-radius:43% 49% 48% 41%;background:linear-gradient(145deg,rgb(39 172 234 / .44),rgb(28 136 221 / .25));box-shadow:inset 0 1px 20px rgb(255 255 255 / .16);transform:rotate(-29deg);content:""}
.sn-office-collaboration-map::after{position:absolute;z-index:0;right:28%;bottom:11%;width:27%;height:22%;border-radius:55% 45% 48% 52%;background:rgb(216 244 255 / .25);transform:rotate(-29deg);content:""}
.sn-office-map-pill{position:absolute;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:clamp(11px,1.35cqw,17px);min-height:clamp(50px,6.35cqw,76px);padding:clamp(13px,1.65cqw,20px) clamp(20px,2.45cqw,31px);border-radius:999px;background:#fff;box-shadow:0 10px 28px rgb(16 24 40 / .08);font:600 clamp(13px,1.7cqw,21px)/1 "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;letter-spacing:.085em;white-space:nowrap}.sn-office-map-pill svg{width:clamp(19px,2.2cqw,26px);height:clamp(19px,2.2cqw,26px);flex:none}
.sn-office-map-pill--documents{top:18%;right:17%;min-width:clamp(210px,25cqw,300px)}.sn-office-map-pill--tables{top:33%;right:20%;min-width:clamp(185px,21cqw,254px)}.sn-office-map-pill--presentations{top:48%;right:11%;min-width:clamp(264px,31cqw,370px)}.sn-office-map-pill--mail{top:63%;right:24%;min-width:clamp(150px,17cqw,205px)}.sn-office-map-pill--chat{top:78%;right:22%;min-width:clamp(155px,18cqw,220px)}
@container (max-width:720px){.sn-office-collaboration-map{min-height:430px}.sn-office-collaboration-map::before{top:8%;right:21%;width:50%;height:76%}.sn-office-map-pill{min-height:46px;padding:12px 17px;font-size:11px}.sn-office-map-pill svg{width:18px;height:18px}.sn-office-map-pill--documents{right:11%;min-width:184px}.sn-office-map-pill--tables{right:16%;min-width:158px}.sn-office-map-pill--presentations{right:4%;min-width:226px}.sn-office-map-pill--mail{right:20%;min-width:128px}.sn-office-map-pill--chat{right:18%;min-width:132px}}
@container (max-width:480px){.sn-office-collaboration-map{display:flex;min-height:0;flex-direction:column;align-items:center;gap:9px;padding:28px 12px}.sn-office-collaboration-map::before{inset:12px 18% 12px auto;width:54%;height:auto;transform:rotate(-29deg)}.sn-office-collaboration-map::after{display:none}.sn-office-map-pill{position:relative;inset:auto!important;width:min(100%,270px);min-width:0!important;min-height:42px;padding:11px 17px}.sn-office-map-pill--documents{margin-top:18px}.sn-office-map-pill--presentations{width:min(100%,290px)}}
@media (max-width:900px){.sn-product-section#sn-office .sn-graphic-canvas:has(.sn-office-collaboration-map){width:100%;min-width:0}}

/* Connect is a system architecture, not a text list. The light, wide map is
   shared by the catalog and release and has no interactive nodes. */
.sn-product-section#sn-connect .sn-glass:has(.sn-connect-map){display:block;overflow:hidden;padding:0;background:#e2e8f0}
/* Connect map: fixed 1250 × 641 Figma master. The coordinate system protects its architecture from section-slot stretching. */
.sn-connect-map{position:relative;isolation:isolate;width:100%;aspect-ratio:1250/641;min-height:0;overflow:hidden;border-radius:18px;background:#e2e8f0;color:#07101f;font-family:"Funnel Sans",sans-serif;container-type:inline-size}
.sn-connect-map-routes{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible}.sn-connect-map-routes path{fill:none;stroke:#aeb6c2;stroke-width:1.35;vector-effect:non-scaling-stroke}.sn-connect-map-routes .sn-connect-map-arrow{stroke:#64748b}
.sn-connect-map-group,.sn-connect-map-core{position:absolute;z-index:1}.sn-connect-map-group>p{margin:0;font:600 clamp(9px,0.96cqw,12px)/1 "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;letter-spacing:.1em;color:#344255}.sn-connect-map-group>div{display:grid;gap:12px}
.sn-connect-map-group--existing{top:17.16%;left:10.88%;width:15.04%}.sn-connect-map-group--existing>div{margin-top:86px}.sn-connect-map-group--newwork{top:17.16%;left:64.08%;width:22.4%}.sn-connect-map-group--newwork>p{margin-left:15.36%}.sn-connect-map-group--newwork>div{margin-top:82px;padding:44px 24px;background:#fff;border-radius:8px}
.sn-connect-map-pill{display:flex;align-items:center;min-height:36px;padding:0 24px;border-radius:72px;font:600 clamp(9px,.96cqw,12px)/1 "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;letter-spacing:.1em;white-space:nowrap;box-sizing:border-box}.sn-connect-map-pill--existing{background:#fff;color:#07101f}.sn-connect-map-pill--newwork{background:#f1f5f9;color:#17243a}
.sn-connect-map-core{top:42.9%;left:37.44%;width:10.4%;height:20.28%;box-sizing:border-box;display:flex;padding:12px;align-items:center;justify-content:center;flex-direction:column;border-radius:170px;background:#030712;color:#fff;text-align:center}.sn-connect-map-core strong{font:600 clamp(10px,1.05cqw,13px)/1 "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;letter-spacing:.1em}.sn-connect-map-core span{margin-top:10px;font:500 clamp(7px,.72cqw,9px)/1.45 "Funnel Sans",sans-serif;font-variation-settings:"wght" 500;letter-spacing:.08em;color:#cbd5e1}.sn-connect-map-core small{margin-top:10px;font:600 clamp(6px,.64cqw,8px)/1 "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;letter-spacing:.1em;color:#8fcbef}
@container (max-width:760px){.sn-connect-map-group--existing{left:8%;width:22%}.sn-connect-map-group--newwork{left:62%;width:29%}.sn-connect-map-group--existing>div{margin-top:60px}.sn-connect-map-group--newwork>div{margin-top:58px;padding:28px 16px}.sn-connect-map-group--newwork>p{margin-left:10%}.sn-connect-map-pill{min-height:30px;padding-inline:14px;font-size:8px;letter-spacing:.075em}.sn-connect-map-group>div{gap:8px}.sn-connect-map-core{padding:8px}.sn-connect-map-core span{margin-top:6px}.sn-connect-map-core small{margin-top:7px}}
@container (max-width:520px){.sn-connect-map{aspect-ratio:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:24px;padding:28px 20px;border-radius:16px}.sn-connect-map-routes{display:none}.sn-connect-map-group,.sn-connect-map-core{position:relative;inset:auto;left:auto;top:auto;width:min(100%,320px);height:auto;justify-self:center}.sn-connect-map-group>p,.sn-connect-map-group--newwork>p{margin:0 0 10px;text-align:center}.sn-connect-map-group--existing>div,.sn-connect-map-group--newwork>div{margin:0;padding:0;background:transparent;gap:8px}.sn-connect-map-group--existing{order:1}.sn-connect-map-core{order:2;min-height:130px;padding:18px;border-radius:24px}.sn-connect-map-group--newwork{order:3}.sn-connect-map-pill{justify-content:center;min-height:40px;padding-inline:16px;font-size:10px;letter-spacing:.085em}.sn-connect-map-core strong{font-size:15px}.sn-connect-map-core span{margin-top:10px;font-size:9px}.sn-connect-map-core small{margin-top:11px;font-size:8px}}
@media (max-width:900px){.sn-product-section#sn-connect .sn-graphic-canvas:has(.sn-connect-map){width:100%;min-width:0}}

/* Beyond uses the same quiet Enterprise-System surface, structured as the
   governance principle rather than as an interactive navigation list. */
#sn-beyond.sn-media-section[data-theme="dark"]{background-color:#071252;background-image:url("../img/bg_slides_hero.1920.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
@media (max-width:767px){#sn-beyond.sn-media-section[data-theme="dark"]{background-image:none}}
/* Beyond constitution: Figma 147:1190; approved 25/50% outlines. */
#sn-beyond .sn-media-frame:has(.sn-beyond-map){height:auto;min-height:0;max-height:none;aspect-ratio:auto;container-type:inline-size}
.sn-media-section#sn-beyond .sn-glass:has(.sn-beyond-map){display:block;height:auto;min-height:0;max-height:none;overflow:visible;padding:0;border:0;background:transparent;background-image:none;container-type:inline-size}
#sn-beyond .sn-graphic-canvas:has(.sn-beyond-map){display:block;width:100%;min-width:0;height:auto;min-height:0;max-height:none;overflow:visible}
#sn-beyond .sn-beyond-map{--beyond-unit:min(1px,.121951cqw);box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:auto;min-height:0;margin:0;padding:calc(40 * var(--beyond-unit));gap:calc(41 * var(--beyond-unit));border:1px solid rgb(255 255 255 / .25);border-radius:16px;background:transparent;color:#fff;font-family:"Funnel Sans"}
#sn-beyond .sn-beyond-map *{box-sizing:border-box;min-width:0;hyphens:none;word-break:normal;overflow-wrap:normal}
#sn-beyond .sn-beyond-map-header{display:flex;flex-direction:column;gap:calc(8 * var(--beyond-unit));padding-top:calc(12 * var(--beyond-unit));text-align:center}
#sn-beyond .sn-beyond-map-header p{margin:0;font-size:calc(12 * var(--beyond-unit));font-weight:600;font-variation-settings:"wght" 600;line-height:20px;letter-spacing:.1em;color:#fff}
#sn-beyond .sn-beyond-map-header strong{display:block;margin:0;font-size:calc(26 * var(--beyond-unit));font-weight:500;font-variation-settings:"wght" 500;line-height:1.2;letter-spacing:-.01em;color:#fff}
#sn-beyond .sn-beyond-map-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8 * var(--beyond-unit));border:0}
#sn-beyond .sn-beyond-map-row{display:flex;flex-direction:column;gap:calc(16 * var(--beyond-unit));min-height:calc(336.5 * var(--beyond-unit));padding:calc(26 * var(--beyond-unit)) calc(16 * var(--beyond-unit));border:1px solid rgb(255 255 255 / .5);border-radius:8px;background:transparent}
#sn-beyond .sn-beyond-map-row>span{padding-bottom:calc(8 * var(--beyond-unit));font-size:calc(18 * var(--beyond-unit));font-weight:400;font-variation-settings:"wght" 400;line-height:1.4;color:#fff}
#sn-beyond .sn-beyond-map-row h3{margin:0;min-height:calc(102 * var(--beyond-unit));padding-bottom:calc(8 * var(--beyond-unit));font-size:calc(36 * var(--beyond-unit));font-weight:500;font-variation-settings:"wght" 500;line-height:1.3;letter-spacing:-.015em;color:#fff}
#sn-beyond .sn-beyond-map-row p{margin:0;font-size:calc(18 * var(--beyond-unit));font-weight:500;font-variation-settings:"wght" 500;line-height:1.4;color:#cad5e2}
@container (max-width:560px){
 #sn-beyond .sn-beyond-map{--beyond-unit:1px;padding:24px;gap:32px}
 #sn-beyond .sn-beyond-map-rows{grid-template-columns:minmax(0,1fr);gap:12px}
 #sn-beyond .sn-beyond-map-row{min-height:0;padding:24px 16px}
 #sn-beyond .sn-beyond-map-row h3{min-height:0;font-size:32px}
}


/* Match every colored headline rule at three quarters of its previous length.
   The graphic stays left aligned, including the catalog section variant. */
.start-new-page :is(.sn-hero-line,.sn-section-line,.sn-media-line,.sn-statement-line){width:144.75px;max-width:100%;height:5px}
.start-new-page .sn-product-section[data-section-template="sections_startpage_content_01"] .sn-section-line{width:144.75px}
/* Spacing for the approved homepage copy; the section catalog keeps its own examples. */
#sn-delivers .sn-media-list--accordion .sn-accordion-item{display:block;min-height:0;padding:0;border-top:1px solid rgb(255 255 255 / .25)}
#sn-delivers .sn-media-list--accordion .sn-accordion-item:last-child{border-bottom:1px solid rgb(255 255 255 / .25)}
#sn-delivers .sn-accordion-item h3{margin:0}
#sn-delivers .sn-accordion-trigger{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;width:100%;min-height:62px;padding:18px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;letter-spacing:inherit}
#sn-delivers .sn-accordion-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}
#sn-delivers .sn-accordion-number{padding-top:4px;font:400 22px/13px "Funnel Sans",sans-serif;font-variation-settings:"wght" 400;color:#e2e8f0}
#sn-delivers .sn-accordion-title{font:600 22px/22px "Funnel Sans",sans-serif;font-variation-settings:"wght" 600;letter-spacing:-.035em;color:#fff}
#sn-delivers .sn-accordion-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .2s ease}
#sn-delivers .sn-accordion-item[data-open="true"] .sn-accordion-panel{grid-template-rows:1fr;opacity:1}
#sn-delivers .sn-accordion-panel-inner{min-height:0;overflow:hidden}
#sn-delivers .sn-accordion-panel p{margin:12px 0 22px 44px}
@media(max-width:767px){
  #sn-delivers .sn-accordion-trigger{grid-template-columns:33px minmax(0,1fr)}
  #sn-delivers .sn-accordion-number{font-size:20px}
  #sn-delivers .sn-accordion-title{font-size:20px;line-height:21px}
  #sn-delivers .sn-accordion-panel p{margin-left:33px}
}
@media(prefers-reduced-motion:reduce){
  #sn-delivers .sn-accordion-panel{transition:none}
}
#sn-execution .sn-statement-body p+p{margin-top:20px}
.start-new-page :is(#sn-business,#sn-workforce,#sn-workplace,#sn-office,#sn-connect,#sn-beyond) :is(.sn-product-copy,.sn-media-body)>.sn-copy{margin-top:24px}
.start-new-page :is(#sn-business,#sn-workforce,#sn-workplace,#sn-office,#sn-connect,#sn-beyond) :is(.sn-product-copy,.sn-media-body)>.sn-copy:first-child{margin-top:0}
.start-new-page :is(#sn-workforce,#sn-workplace,#sn-office,#sn-connect,#sn-beyond) :is(.sn-product-copy,.sn-media-body)>.sn-additional{margin-top:24px}
#sn-workplace .sn-additional,#sn-office .sn-additional,#sn-connect .sn-additional{margin-top:1.4em}
#sn-beyond .sn-additional{margin-top:1.4em;font-weight:600!important;font-variation-settings:"wght" 600!important}
#sn-finale .sn-finale-assurance{font-weight:600;font-variation-settings:"wght" 600}
#sn-finale .sn-finale-copy p+p{margin-top:12px}
#sn-finale .sn-section-button{max-width:100%;box-sizing:border-box;text-transform:none}
@media (hover:hover){
  .start-new-page :is(.sn-product-section[data-theme="negative"],.sn-media-section[data-theme="dark"],.sn-statement--dark) .sn-section-button:hover{background:rgb(255 255 255 / .75)}
}
#sn-workplace .sn-additional,#sn-office .sn-additional,#sn-connect .sn-connect-assurance,#sn-business .sn-details a{font-weight:600!important;font-variation-settings:"wght" 600!important}
#sn-office :is(.sn-office-context,.sn-office-action){display:block;font-weight:400!important;font-variation-settings:"wght" 400!important}
#sn-office .sn-office-action{margin-top:1em;font-weight:600!important;font-variation-settings:"wght" 600!important}
#sn-connect .sn-connect-assurance{display:block;margin-top:1.4em}