/* V39.3.81 — public website system
   Reference: approved Newsroom/home composition. This layer standardises the
   public website without touching Mijn SAS, Wiki, Hub or admin styling. */
:root{
  --site-navy:#092f4d;
  --site-navy-2:#0d4c76;
  --site-blue:#1673b4;
  --site-orange:#f58a23;
  --site-sky:#eaf4fb;
  --site-mint:#e6f7f3;
  --site-ink:#0b3555;
  --site-muted:#60798c;
  --site-line:#d7e5ee;
  --site-bg:#f3f7fb;
  --site-white:#fff;
  --site-width:1400px;
  --site-gutter:28px;
  --site-radius:26px;
  --site-shadow:0 18px 52px rgba(8,47,77,.09);
}

html{scroll-behavior:smooth}
body{background:var(--site-bg)!important;color:var(--site-ink)!important;-webkit-font-smoothing:antialiased}
body>main.wrap{width:100%;max-width:var(--site-width)!important;margin-inline:auto!important;padding:28px var(--site-gutter) 76px!important}
.footer{width:100%;max-width:var(--site-width);margin:0 auto;padding:24px var(--site-gutter) 42px!important;color:#6b8192!important}

/* One calm, aligned website header. */
.commercial-site-chrome{position:sticky!important;top:0;z-index:500;background:#fff}
.commercial-utility{display:none!important}
.commercial-main-header{height:80px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--site-line)!important;box-shadow:0 5px 22px rgba(8,47,77,.045)!important;backdrop-filter:saturate(1.2) blur(12px)}
.commercial-header-inner{width:100%!important;max-width:var(--site-width)!important;height:100%;margin:0 auto!important;padding:0 var(--site-gutter)!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.commercial-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:var(--site-ink)!important;min-width:max-content}
.commercial-brand img{display:block!important;width:70px!important;height:48px!important;object-fit:contain!important}
.commercial-brand span{display:block!important;min-width:0}
.commercial-brand strong{display:block!important;font-size:17px!important;line-height:1.1!important;letter-spacing:-.01em!important}
.commercial-brand small{display:block!important;margin-top:4px!important;color:#758a99!important;font-size:10px!important;line-height:1.1!important}
.commercial-primary-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-left:auto!important}
.commercial-nav-link,.commercial-nav-dropdown>button{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--site-ink)!important;text-decoration:none!important;font:800 12px/1 inherit!important;white-space:nowrap!important;cursor:pointer!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
.commercial-nav-link:hover,.commercial-nav-dropdown>button:hover,.commercial-nav-link.active,.commercial-nav-dropdown.active>button{background:var(--site-navy)!important;color:#fff!important;transform:none!important}
.commercial-nav-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}
.commercial-nav-dropdown:hover .commercial-nav-chevron,.commercial-nav-dropdown:focus-within .commercial-nav-chevron,.commercial-nav-dropdown.open .commercial-nav-chevron{transform:rotate(180deg)}
.commercial-nav-dropdown{position:relative}
.commercial-nav-menu{position:absolute!important;top:calc(100% + 12px)!important;left:0!important;width:360px!important;padding:10px!important;border:1px solid var(--site-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 22px 60px rgba(8,47,77,.17)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-6px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important}
.commercial-nav-menu-wide{width:410px!important}
.commercial-nav-dropdown:hover .commercial-nav-menu,.commercial-nav-dropdown:focus-within .commercial-nav-menu,.commercial-nav-dropdown.open .commercial-nav-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.commercial-nav-menu>a{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:10px!important;border-radius:13px!important;color:var(--site-ink)!important;text-decoration:none!important}
.commercial-nav-menu>a:hover,.commercial-nav-menu>a.active{background:#f0f7fb!important}
.commercial-menu-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--site-sky);color:var(--site-blue);flex:0 0 42px}
.commercial-nav-menu>a:nth-child(2n) .commercial-menu-icon{background:#fff0e4;color:var(--site-orange)}
.commercial-nav-menu>a:nth-child(3n) .commercial-menu-icon{background:var(--site-mint);color:#12877c}
.commercial-menu-icon svg{width:21px;height:21px}
.commercial-nav-menu strong,.commercial-nav-menu small{display:block!important}
.commercial-nav-menu strong{font-size:12px!important;line-height:1.2!important}
.commercial-nav-menu small{margin-top:3px!important;color:var(--site-muted)!important;font-size:10px!important;line-height:1.35!important}
.commercial-nav-divider{width:1px;height:26px;background:var(--site-line);margin:0 4px}
.commercial-search-main{width:44px!important;height:44px!important;border:1px solid #c8dbe7!important;border-radius:12px!important;background:#f8fbfd!important;color:var(--site-ink)!important;display:grid!important;place-items:center!important;cursor:pointer!important;transition:.16s ease!important}
.commercial-search-main:hover{background:var(--site-sky)!important;border-color:#a9c8da!important}
.commercial-search-main svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important}
.commercial-header-cta{height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;border-radius:12px!important;text-decoration:none!important;text-transform:none!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important}
.commercial-header-cta:hover{transform:translateY(-1px)!important}
.commercial-header-cta.secondary{border:1.5px solid #9fb8c8!important;background:#fff!important;color:var(--site-ink)!important}
.commercial-header-cta.primary{border:1.5px solid var(--site-orange)!important;background:var(--site-orange)!important;color:#fff!important;box-shadow:0 8px 20px rgba(245,138,35,.16)!important}
.s4m-nav-bullet{width:20px!important;height:20px!important;object-fit:contain!important}
.commercial-mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--site-line);border-radius:12px;background:#fff;padding:10px;cursor:pointer}
.commercial-mobile-toggle span{display:block;height:2px;background:var(--site-ink);margin:4px 0;border-radius:2px}

/* Shared page rhythm and typography. */
.section{margin-top:44px!important;margin-bottom:0!important}
.section+.section{margin-top:44px!important}
.section h2{font-size:clamp(28px,2.7vw,42px)!important;line-height:1.08!important;letter-spacing:-.025em!important;margin:9px 0 14px!important;color:var(--site-ink)!important}
.section h3{color:var(--site-ink)!important}
.section>p,.lead{color:var(--site-muted)!important;font-size:16px!important;line-height:1.65!important}
.eyebrow,.pill{display:inline-flex!important;align-items:center!important;width:max-content!important;border-radius:999px!important;background:var(--site-sky)!important;color:#0c69a4!important;font-size:11px!important;font-weight:900!important;letter-spacing:.065em!important;text-transform:uppercase!important}
.eyebrow{padding:8px 12px!important}.pill{padding:6px 10px!important}
.pill.orange,.eyebrow.orange{background:#fff0e3!important;color:#a45712!important}
.btn{min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 18px!important;border:1px solid #c5d8e4!important;border-radius:12px!important;background:#fff!important;color:var(--site-ink)!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.btn:hover{transform:translateY(-1px)!important;border-color:#9fbdcf!important;box-shadow:0 9px 22px rgba(8,47,77,.07)!important}
.btn.orange,.btn.primary{background:var(--site-orange)!important;border-color:var(--site-orange)!important;color:#fff!important;box-shadow:0 10px 24px rgba(245,138,35,.17)!important}
.hero-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}

/* Approved compact hero system. */
.human-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;height:408px!important;min-height:408px!important;max-height:408px!important;padding:48px 51% 44px 48px!important;border:0!important;border-radius:var(--site-radius)!important;background:linear-gradient(120deg,#082f4d 0%,#0c4c76 64%,#176fae 100%)!important;box-shadow:var(--site-shadow)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#fff!important}
.human-hero:after{content:""!important;position:absolute!important;z-index:-2!important;right:0!important;top:0!important;width:47%!important;height:100%!important;background-size:cover!important;background-position:center!important;transition:transform .5s ease,filter .5s ease!important}
.human-hero:before{content:""!important;position:absolute!important;z-index:-1!important;inset:0!important;background:linear-gradient(90deg,rgba(7,43,69,.08) 0%,rgba(7,43,69,.08) 48%,rgba(7,43,69,.72) 54%,rgba(7,43,69,.08) 72%)!important;pointer-events:none!important}
.human-hero:hover:after{transform:scale(1.015);filter:saturate(1.03)}
.human-hero h1{max-width:760px!important;margin:12px 0 13px!important;color:#fff!important;font-size:clamp(42px,4.4vw,64px)!important;line-height:1.01!important;letter-spacing:-.035em!important}
.human-hero p{max-width:720px!important;margin:0!important;color:#e8f1f6!important;font-size:17px!important;line-height:1.55!important}
.human-hero .eyebrow{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.human-hero .btn:not(.orange):not(.primary){background:rgba(255,255,255,.96)!important;border-color:#fff!important;color:var(--site-ink)!important}
.hero-home:after{background-image:url('../media/website-story/human-collaboration.png')!important;background-position:center 42%!important}
.hero-platform:after{background-image:url('../media/website-story/building-blocks.png')!important;background-position:center!important}
.hero-solutions:after{background-image:url('../media/website-story/human-platform.png')!important;background-position:center 46%!important}
.hero-scenarios:after{background-image:url('../media/website-story/orchestration.png')!important;background-position:center 50%!important}
.hero-stories:after{background-image:url('../media/website-story/human-collaboration.png')!important;background-position:center 48%!important}
.hero-events:after{background-image:url('../media/website-story/human-platform.png')!important;background-position:center 48%!important}
.hero-portal:after{background-image:url('../media/website-story/human-platform.png')!important;background-position:center 50%!important}
.hero-trust-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:18px;color:#dceaf2;font-size:12px;font-weight:750}
.hero-trust-row span{display:inline-flex;align-items:center;gap:7px}.hero-trust-row svg{width:16px;height:16px;color:#5fd0ff}
.home-s4m-mark{display:none!important}

/* Homepage capability language from the approved concept. */
.home-capability-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:24px 0 0;padding:8px 4px 2px}
.home-capability{text-align:center;display:grid;justify-items:center;align-content:start;gap:7px;padding:8px 6px}
.home-capability .capability-icon{width:66px!important;height:66px!important;border-radius:50%!important;background:var(--site-sky)!important;color:var(--site-blue)!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(22,115,180,.06),0 8px 22px rgba(8,47,77,.05)!important}
.home-capability:nth-child(1) .capability-icon,.home-capability:nth-child(5) .capability-icon{background:#fff0e4!important;color:var(--site-orange)!important}
.home-capability:nth-child(6) .capability-icon{background:var(--site-mint)!important;color:#12877c!important}
.home-capability svg{width:31px!important;height:31px!important}
.home-capability strong{font-size:14px;line-height:1.2;color:var(--site-ink)}
.home-capability span{font-size:12px;line-height:1.45;color:var(--site-muted);max-width:170px}

/* Reusable visual sections. */
.story-pain,.visual-story,.who-we-are,.service-band,.start-now,.governance-strip,.newsletter-band,.rich,.story-card,.compare-card,.card,.solution-card,.proof-card,.partner-card,.event,.trust-item,.lead-card,.lead-intro,.detail>.panel{
  border:1px solid var(--site-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(8,47,77,.035)!important
}
.story-pain{grid-template-columns:1.05fr .95fr!important;gap:32px!important;padding:36px 38px!important;align-items:center!important}
.story-pain-points{gap:11px!important}.story-pain-points span{position:relative;padding:14px 15px 14px 42px!important;background:#f0f7fb!important;border-radius:14px!important;color:var(--site-ink)!important}.story-pain-points span:before{content:"";position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);border-radius:50%;background:var(--site-blue);box-shadow:inset 0 0 0 5px #dceefa}
.compare-regie{grid-template-columns:1fr 62px 1fr!important;gap:16px!important}.compare-card{padding:30px!important}.compare-card.regie{background:linear-gradient(145deg,#fff8f1,#fff)!important;border-color:#f0d1b4!important}.compare-arrow{font-size:30px!important;color:var(--site-orange)!important}
.visual-story{grid-template-columns:1.03fr .97fr!important;min-height:390px!important;overflow:hidden!important}.visual-story-copy{padding:38px 40px!important}.visual-story-media{min-height:390px!important;height:100%!important;overflow:hidden!important}.visual-story-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s ease!important}.visual-story:hover .visual-story-media img{transform:scale(1.015)}
.sas-cap-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.sas-cap-grid span{position:relative;padding:11px 12px 11px 36px!important;background:#f0f7fb!important;border-radius:12px!important}.sas-cap-grid span:before{content:"";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--site-blue)}
.governance-strip{grid-template-columns:1.12fr .88fr!important;gap:28px!important;padding:35px 38px!important;background:linear-gradient(125deg,#082f4d,#0d5a89)!important;color:#fff!important;border:0!important;box-shadow:var(--site-shadow)!important}.governance-strip h2,.governance-strip p,.governance-strip .eyebrow{color:#fff!important}.governance-strip .eyebrow{background:rgba(255,255,255,.13)!important}.governance-facts{gap:10px!important}.governance-facts span{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;padding:13px 14px!important}
.who-we-are{grid-template-columns:.9fr 1.1fr!important;overflow:hidden!important}.who-photo{min-height:360px!important}.who-photo img{width:100%!important;height:100%!important;object-fit:cover!important}.who-copy{padding:36px 40px!important}.who-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:18px 0!important}.who-points span{padding:12px!important;border-radius:12px!important;background:#f0f7fb!important;color:var(--site-ink)!important;font-size:12px!important;font-weight:800!important}
.service-band{grid-template-columns:1.05fr .95fr!important;overflow:hidden!important;border:0!important;background:linear-gradient(125deg,#082f4d,#0d5a89)!important;color:#fff!important}.service-band-copy{padding:36px 40px!important}.service-band>img{width:100%!important;height:100%!important;min-height:340px!important;object-fit:cover!important}.service-band h2,.service-band p,.service-band .eyebrow{color:#fff!important}.service-band .eyebrow{background:rgba(255,255,255,.93)!important;color:var(--site-ink)!important}
.start-now{display:grid!important;grid-template-columns:1.06fr .94fr!important;gap:28px!important;padding:35px 38px!important}.start-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.start-steps span{background:#f0f7fb!important;border-radius:13px!important;padding:13px!important;color:var(--site-ink)!important}.start-steps b{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:var(--site-navy)!important;color:#fff!important;margin-bottom:8px!important}
.newsletter-band{padding:26px 30px!important;grid-template-columns:1fr auto!important}.newsletter-band h2{font-size:26px!important}.newsletter-band p{font-size:14px!important}
.cta{width:100%;margin:46px 0 0!important;padding:32px 36px!important;border:0!important;border-radius:22px!important;background:linear-gradient(125deg,#082f4d,#0d5a89)!important;box-shadow:var(--site-shadow)!important}.cta h2,.cta p{color:#fff!important}

/* Cards and content grids. */
.cards,.home-live-grid,.solution-grid,.proof-grid,.partner-grid,.news-grid,.arch-cap-grid,.story-3,.case-steps{gap:18px!important}
.card,.home-live-card,.solution-card,.proof-card,.partner-card,.news-card,.arch-cap,.case-step,.story-flow article,.trust-item,.event{border-radius:20px!important;border:1px solid var(--site-line)!important;background:#fff!important;box-shadow:0 9px 28px rgba(8,47,77,.035)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.card:hover,.home-live-card:hover,.solution-card:hover,.proof-card:hover,.partner-card:hover,.news-card:hover,.arch-cap:hover,.case-step:hover,.story-flow article:hover,.trust-item:hover,.event:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(8,47,77,.09)!important;border-color:#bcd3e1!important}
.card,.home-live-card,.solution-card,.proof-card,.partner-card{padding:24px!important}
.home-live-card{min-height:220px!important}.home-live-card .live-meta{color:var(--site-orange)!important}.home-live-card .live-more{color:var(--site-blue)!important}
.section-head-row{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:28px!important}.section-head-row>div{max-width:920px!important}
.customer-story-logos{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.customer-story-logos a,.logo-tile{height:100px!important;background:#fff!important;border:1px solid var(--site-line)!important;border-radius:18px!important;padding:17px!important;display:flex!important;align-items:center!important;justify-content:center!important}.customer-story-logos img,.logo-tile img{max-width:100%!important;max-height:58px!important;object-fit:contain!important}

/* All public detail heroes use one compact, aligned split component. */
.scope-hero,.arch-hero,.partner-hero,.solution-hero,.case-hero,.customer-hero,.story-hero,.news-article-hero,.s4m-hero{
  width:100%!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;height:360px!important;min-height:360px!important;max-height:360px!important;border:0!important;border-radius:var(--site-radius)!important;overflow:hidden!important;background:var(--site-navy)!important;box-shadow:var(--site-shadow)!important;color:#fff!important
}
.scope-hero-copy,.arch-hero-copy,.partner-hero-copy,.solution-hero .copy,.case-copy,.customer-hero .copy,.story-hero .copy,.news-article-hero .copy,.s4m-hero-copy{
  min-width:0!important;padding:34px 42px!important;background:linear-gradient(125deg,#082f4d,#0d517d)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;z-index:2!important;color:#fff!important
}
.scope-hero h1,.arch-hero h1,.partner-hero h1,.solution-hero h1,.case-hero h1,.customer-hero h1,.story-hero h1,.news-article-hero h1,.s4m-hero h1{font-size:clamp(34px,3.2vw,48px)!important;line-height:1.035!important;letter-spacing:-.025em!important;margin:10px 0 12px!important;color:#fff!important;max-width:760px!important}
.scope-hero p,.arch-hero p,.partner-hero p,.solution-hero p,.case-hero p,.customer-hero p,.story-hero p,.news-article-hero p,.s4m-hero p{font-size:15.5px!important;line-height:1.52!important;color:#e7f0f5!important;margin:0!important;max-width:760px!important}
.scope-hero .eyebrow,.arch-hero .eyebrow,.partner-hero .eyebrow,.solution-hero .eyebrow,.case-hero .eyebrow,.customer-hero .eyebrow,.story-hero .eyebrow,.news-article-hero .eyebrow,.s4m-hero .eyebrow{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}
.scope-hero-media,.arch-hero-media,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo-wrap,.story-hero>img,.news-article-hero .photo,.s4m-hero-media{position:relative!important;width:100%!important;height:360px!important;min-height:360px!important;max-height:360px!important;overflow:hidden!important}
.scope-hero-media img,.arch-hero-media img,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo,.story-hero>img,.news-article-hero .photo,.s4m-hero-media img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;transition:transform .5s ease!important}
.scope-hero:hover img,.arch-hero:hover img,.partner-hero:hover>img,.solution-hero:hover>img,.case-hero:hover>img,.customer-hero:hover .photo,.story-hero:hover>img,.news-article-hero:hover .photo,.s4m-hero:hover img{transform:scale(1.015)}
.scope-hero-media:after,.arch-hero-media:after,.customer-hero .photo-wrap:after,.s4m-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,47,77,.30),transparent 18%);pointer-events:none}

/* Fictitious SAS imagery outside the dedicated Scope4mation page. */
.arch-hero-media img{object-position:center 46%!important}
.arch-human img{object-fit:cover!important;object-position:center!important}

/* Newsroom stays the visual benchmark. */
.newsroom-hero{height:390px!important;min-height:390px!important;max-height:390px!important;margin-top:0!important;border-radius:var(--site-radius)!important;box-shadow:var(--site-shadow)!important}
.newsroom-hero>img{object-position:center 45%!important}
.newsroom-copy{padding:40px 46px!important;max-width:760px!important}.newsroom-copy h1{font-size:clamp(40px,4vw,58px)!important;line-height:1.02!important}.newsroom-copy p{font-size:16px!important;line-height:1.5!important}
.newsroom-signup{margin:0 28px 24px!important;grid-template-columns:auto minmax(180px,1fr) minmax(340px,500px) auto!important;border-radius:15px!important;padding:13px 15px!important}
.news-image{height:175px!important}.news-card-copy{padding:18px 19px 20px!important}.news-card h3{font-size:18px!important}.news-card p{font-size:13.5px!important}
.newsroom-toolbar{margin:24px 0 18px!important}.newsroom-toolbar button{padding:9px 14px!important;border-radius:999px!important}.newsroom-search{border-radius:12px!important}

/* Partner details and logos. */
.partner-hero-copy>img{max-width:220px!important;max-height:66px!important;background:#fff!important;border-radius:13px!important;padding:8px 12px!important;margin:0 0 10px!important;object-fit:contain!important}
.partner-proof{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.partner-proof>div{padding:28px!important;border:1px solid var(--site-line)!important;border-radius:20px!important;background:#fff!important}.partner-proof img{max-height:62px!important;max-width:220px!important;object-fit:contain!important}
.partner-topic-icon,.arch-cap .i,.story-step-icon,.architecture-icon,.service-icon,.capability-icon,.news-icon,.partner-icon,.sas-icon-circle{width:54px!important;height:54px!important;border-radius:50%!important;background:var(--site-sky)!important;color:var(--site-blue)!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(22,115,180,.06),0 6px 16px rgba(8,47,77,.04)!important}
.partner-topic-icon.orange,.service-icon.orange,.capability-icon.orange{background:#fff0e4!important;color:var(--site-orange)!important}.partner-topic-icon.mint,.capability-icon.mint{background:var(--site-mint)!important;color:#12877c!important}
.partner-topic-icon svg,.arch-cap .i svg,.story-step-icon svg,.architecture-icon svg,.service-icon svg,.capability-icon svg,.news-icon svg,.partner-icon svg,.sas-icon-circle svg{width:26px!important;height:26px!important}

/* Forms and search stay clean and aligned with the same component language. */
.sas-search-overlay{padding-top:98px!important;background:rgba(5,30,48,.43)!important;backdrop-filter:blur(3px)!important}.sas-search-panel{border-radius:18px!important;box-shadow:0 28px 80px rgba(2,24,39,.32)!important}
.lead-shell{gap:20px!important}.lead-intro,.lead-card{padding:32px!important}.lead-photo{height:250px!important;border-radius:16px!important}
input,select,textarea{accent-color:var(--site-orange)}

/* Responsive navigation and layouts. */
@media(max-width:1230px){
  :root{--site-gutter:22px}
  .commercial-brand span{display:none!important}
  .commercial-nav-link,.commercial-nav-dropdown>button{padding:0 10px!important}
  .commercial-header-cta{padding:0 14px!important}
  .commercial-primary-nav{gap:3px!important}
  .home-capability-strip{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:980px){
  .commercial-main-header{height:72px!important}
  .commercial-mobile-toggle{display:block!important;margin-left:auto}
  .commercial-primary-nav{position:fixed!important;left:16px!important;right:16px!important;top:82px!important;display:none!important;max-height:calc(100vh - 98px)!important;overflow:auto!important;align-items:stretch!important;flex-direction:column!important;padding:14px!important;border:1px solid var(--site-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 70px rgba(8,47,77,.20)!important}
  .commercial-site-chrome.nav-open .commercial-primary-nav{display:flex!important}
  .commercial-nav-link,.commercial-nav-dropdown>button,.commercial-header-cta{width:100%!important;justify-content:flex-start!important}
  .commercial-nav-divider{display:none!important}
  .commercial-search-main{width:100%!important;justify-items:start!important;padding-left:14px!important}
  .commercial-nav-menu,.commercial-nav-menu-wide{position:static!important;width:100%!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;margin-top:6px!important;background:#f7fbfd!important}
  .commercial-nav-dropdown.open .commercial-nav-menu{display:block!important}
  .human-hero{height:auto!important;min-height:0!important;max-height:none!important;padding:38px 46% 38px 34px!important}
  .human-hero h1{font-size:44px!important}
  .story-pain,.visual-story,.who-we-are,.service-band,.start-now,.governance-strip,.scope-hero,.arch-hero,.partner-hero,.solution-hero,.case-hero,.customer-hero,.story-hero,.news-article-hero,.s4m-hero,.partner-proof{grid-template-columns:1fr!important}
  .scope-hero,.arch-hero,.partner-hero,.solution-hero,.case-hero,.customer-hero,.story-hero,.news-article-hero,.s4m-hero{height:auto!important;min-height:0!important;max-height:none!important}
  .scope-hero-media,.arch-hero-media,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo-wrap,.story-hero>img,.news-article-hero .photo,.s4m-hero-media{height:280px!important;min-height:280px!important;max-height:280px!important}
  .home-capability-strip{grid-template-columns:repeat(3,1fr)!important}
  .customer-story-logos{grid-template-columns:repeat(3,1fr)!important}
  .who-points{grid-template-columns:1fr!important}
  .newsroom-signup{grid-template-columns:auto 1fr!important}.signup-form,.signup-note{grid-column:2!important}.signup-note{max-width:none!important}
}
@media(max-width:700px){
  :root{--site-gutter:16px}
  body>main.wrap{padding-top:18px!important}
  .commercial-brand img{width:62px!important;height:42px!important}
  .human-hero{padding:30px 24px 220px!important;border-radius:20px!important}
  .human-hero:after{width:100%!important;height:195px!important;top:auto!important;bottom:0!important}
  .human-hero:before{background:linear-gradient(180deg,rgba(8,47,77,.08) 0%,rgba(8,47,77,.08) 55%,rgba(8,47,77,.72) 74%,rgba(8,47,77,.12) 100%)!important}
  .human-hero h1{font-size:38px!important}.human-hero p{font-size:15px!important}
  .hero-trust-row{gap:10px 15px}
  .home-capability-strip{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .home-capability .capability-icon{width:58px!important;height:58px!important}
  .story-pain,.visual-story-copy,.who-copy,.service-band-copy,.start-now,.governance-strip,.rich,.scope-hero-copy,.arch-hero-copy,.partner-hero-copy,.solution-hero .copy,.case-copy,.customer-hero .copy,.story-hero .copy,.news-article-hero .copy,.s4m-hero-copy{padding:26px 24px!important}
  .compare-regie{grid-template-columns:1fr!important}.compare-arrow{transform:rotate(90deg)}
  .sas-cap-grid,.start-steps{grid-template-columns:1fr!important}
  .section-head-row{display:block!important}.section-head-row .btn{margin-top:12px!important}
  .customer-story-logos{grid-template-columns:repeat(2,1fr)!important}
  .newsroom-hero{height:auto!important;min-height:0!important;max-height:none!important;padding-bottom:18px!important}.newsroom-copy{padding:30px 24px!important}.newsroom-signup{display:block!important;margin:0 18px!important}.signup-form{display:flex!important;flex-direction:column!important;margin-top:12px!important}.signup-note{margin-top:9px!important}
  .cta{padding:28px 24px!important}.cta .hero-actions{margin-top:15px!important}
  .sas-search-overlay{padding:76px 8px 8px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.human-hero:after,.visual-story-media img,.card,.home-live-card,.solution-card,.proof-card,.partner-card,.news-card,.arch-cap,.case-step{transition:none!important;transform:none!important}}
.section-brand-logo{display:block;max-width:225px;max-height:58px;object-fit:contain;object-position:left center;margin:0 0 15px}

/* V39.3.82 — regression recovery and layout guardrails
   Restore the approved utility bar, prevent hero clipping, keep one content grid. */
:root{--site-width:1360px;--site-gutter:30px}
*{box-sizing:border-box}
body>main.wrap,.footer,.commercial-header-inner{box-sizing:border-box}

/* Restore the dark utility bar. Login remains explicit and visible. */
.commercial-site-chrome{position:sticky!important;top:0!important;z-index:500!important;background:#fff!important}
.commercial-utility{display:block!important;height:34px!important;background:var(--site-navy)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.commercial-utility .commercial-header-inner{height:34px!important;min-height:34px!important;padding-top:0!important;padding-bottom:0!important}
.commercial-utility-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.commercial-talk{display:flex!important;align-items:center!important;gap:8px!important;color:#dce9f2!important;font-size:11px!important;white-space:nowrap!important}
.commercial-talk a,.commercial-utility-nav a{color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important;line-height:1!important}
.commercial-talk a:hover,.commercial-utility-nav a:hover{text-decoration:underline!important;text-underline-offset:3px!important}
.commercial-utility-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:15px!important;margin-left:auto!important}
.commercial-utility-nav a:first-child{padding:6px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.14)!important;text-decoration:none!important}
.commercial-main-header{height:76px!important}

/* Every public page uses exactly the same horizontal grid. */
body>main.wrap{max-width:var(--site-width)!important;padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important;overflow:visible!important}
.footer{max-width:var(--site-width)!important;padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important}
.commercial-header-inner{max-width:var(--site-width)!important;padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important}

/* Critical: content may grow; visual systems may never crop text or CTAs. */
.human-hero{height:auto!important;min-height:390px!important;max-height:none!important;padding-top:38px!important;padding-bottom:38px!important;overflow:hidden!important}
.human-hero h1{font-size:clamp(38px,3.7vw,56px)!important;line-height:1.02!important;margin:10px 0 14px!important}
.human-hero p{font-size:15.5px!important;line-height:1.55!important;max-width:700px!important}

.scope-hero,.arch-hero,.partner-hero,.solution-hero,.case-hero,.customer-hero,.story-hero,.news-article-hero,.s4m-hero{
  height:auto!important;min-height:360px!important;max-height:none!important;overflow:hidden!important;align-items:stretch!important
}
.scope-hero-copy,.arch-hero-copy,.partner-hero-copy,.solution-hero .copy,.case-copy,.customer-hero .copy,.story-hero .copy,.news-article-hero .copy,.s4m-hero-copy{
  min-height:360px!important;height:auto!important;padding:34px 38px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:center!important
}
.scope-hero h1,.arch-hero h1,.partner-hero h1,.solution-hero h1,.case-hero h1,.customer-hero h1,.story-hero h1,.news-article-hero h1,.s4m-hero h1{
  font-size:clamp(34px,3vw,46px)!important;line-height:1.035!important;margin:9px 0 12px!important
}
.scope-hero p,.arch-hero p,.partner-hero p,.solution-hero p,.case-hero p,.customer-hero p,.story-hero p,.news-article-hero p,.s4m-hero p{
  font-size:15px!important;line-height:1.52!important
}
.scope-hero-media,.arch-hero-media,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo-wrap,.story-hero>img,.news-article-hero .photo,.s4m-hero-media{
  height:auto!important;min-height:360px!important;max-height:none!important;align-self:stretch!important;overflow:hidden!important
}
.scope-hero-media img,.arch-hero-media img,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo,.story-hero>img,.news-article-hero .photo,.s4m-hero-media img{
  height:100%!important;min-height:360px!important;max-height:none!important;object-fit:cover!important
}

/* Scope4mation has a logo as well as copy, so let that card breathe without becoming huge. */
.s4m-hero-copy{padding:32px 38px!important}
.s4m-logo{width:180px!important;max-height:50px!important;margin-bottom:14px!important}
.s4m-hero .s4m-kicker{margin-top:0!important}
.s4m-hero .s4m-actions{margin-top:16px!important}

/* Approved newsroom benchmark keeps a predictable banner height, except when content needs more room. */
.newsroom-hero{height:auto!important;min-height:390px!important;max-height:none!important;overflow:hidden!important}
.newsroom-copy{padding:34px 40px!important}
.newsroom-signup{margin-top:auto!important}

/* Prevent buttons and actions from being cut at card edges. */
.hero-actions,.s4m-actions{position:relative!important;z-index:3!important;margin-bottom:0!important;padding-bottom:2px!important}
.btn,.commercial-header-cta{flex-shrink:0}

@media(max-width:1230px){
  :root{--site-gutter:22px}
  .commercial-utility-nav{gap:11px!important}
  .commercial-talk{display:none!important}
}
@media(max-width:980px){
  .commercial-utility{height:32px!important}
  .commercial-utility .commercial-header-inner{height:32px!important;min-height:32px!important}
  .commercial-utility-inner{justify-content:flex-end!important}
  .commercial-main-header{height:70px!important}
  .commercial-primary-nav{top:112px!important;max-height:calc(100vh - 128px)!important}
  .scope-hero-copy,.arch-hero-copy,.partner-hero-copy,.solution-hero .copy,.case-copy,.customer-hero .copy,.story-hero .copy,.news-article-hero .copy,.s4m-hero-copy{min-height:0!important}
  .scope-hero-media,.arch-hero-media,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo-wrap,.story-hero>img,.news-article-hero .photo,.s4m-hero-media{min-height:270px!important}
  .scope-hero-media img,.arch-hero-media img,.partner-hero>img,.solution-hero>img,.case-hero>img,.customer-hero .photo,.story-hero>img,.news-article-hero .photo,.s4m-hero-media img{min-height:270px!important}
}
@media(max-width:700px){
  :root{--site-gutter:16px}
  .commercial-utility-nav{width:100%!important;justify-content:space-between!important;gap:8px!important}
  .commercial-utility-nav a{font-size:10px!important}
  .commercial-utility-nav a:nth-child(3){display:none!important}
  .human-hero{min-height:0!important;padding-top:28px!important;padding-bottom:215px!important}
}

/* V6.0.08 hard customer-story hero sizing */
.customer-hero{height:360px!important;min-height:360px!important;max-height:360px!important;grid-template-columns:1.08fr .92fr!important;overflow:hidden!important}.customer-hero .copy{height:360px!important;min-height:0!important;box-sizing:border-box!important;padding:32px 38px 38px!important}.customer-hero .photo-wrap,.customer-hero .photo{height:360px!important;min-height:360px!important;max-height:360px!important}.customer-hero h1{font-size:clamp(34px,3vw,46px)!important}.customer-hero p{font-size:15px!important}@media(max-width:900px){.customer-hero{height:auto!important;min-height:0!important;max-height:none!important;grid-template-columns:1fr!important}.customer-hero .copy{height:auto!important}.customer-hero .photo-wrap,.customer-hero .photo{height:260px!important;min-height:260px!important;max-height:260px!important}}