:root {
  --sscm-blue: #2F5597;
  --sscm-navy: #0B1726;
  --sscm-text: #1C2734;
  --sscm-cyan: #5FD0F6;
  --sscm-service: #4E8FD1;
  --sscm-light: #EAF4FB;
  --sscm-soft: #F5F8FB;
  --sscm-muted: #64748B;
  --sscm-border: #D9E3EC;
  --sscm-green: #2D9D68;
  --sscm-white: #FFFFFF;
}
.sscm-page, .sscm-page * { box-sizing: border-box; }
.sscm-page { overflow: hidden; color: var(--sscm-text); background: #fff; font-family: Inter,Arial,sans-serif; }
.sscm-page h1,.sscm-page h2,.sscm-page h3,.sscm-page h4 { margin-top: 0; color: var(--sscm-navy); font-family: Montserrat,Arial,sans-serif; font-weight: 700; }
.sscm-page svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sscm-wrap { width: min(100% - 48px,1200px); margin: 0 auto; }
.sscm-section { padding: 94px 0; }
.sscm-white { background: #fff; }
.sscm-soft { background: var(--sscm-soft); }

.sscm-eyebrow { margin-bottom: 17px; color: var(--sscm-blue); font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.sscm-eyebrow-light { color: var(--sscm-cyan); }

.sscm-hero { position: relative; padding: 90px 0 76px; background: radial-gradient(circle at 85% 15%,rgba(95,208,246,.31),transparent 28%),linear-gradient(130deg,#F5F8FB,#EAF4FB); }
.sscm-hero::after { content:""; position:absolute; right:-150px; bottom:-180px; width:420px; height:420px; border:1px solid rgba(47,85,151,.12); border-radius:50%; }
.sscm-hero-grid { display:grid; grid-template-columns: 1.12fr .88fr; gap:70px; align-items:center; position:relative; z-index:1; }
.sscm-hero-copy h1 { max-width:760px; margin-bottom:24px; font-size:clamp(43px,5.3vw,70px); line-height:1.05; letter-spacing:-.045em; }
.sscm-lead { max-width:740px; margin:0 0 30px; color:#43546A; font-size:19px; line-height:1.7; }
.sscm-actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.sscm-button { display:inline-flex; min-height:50px; padding:13px 20px; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:9px; font-size:14px; font-weight:800; line-height:1.2; text-decoration:none!important; transition:.2s ease; }
.sscm-button svg { width:18px; height:18px; }
.sscm-button-primary,.sscm-button-primary:visited,.sscm-button-primary:focus { color:#fff!important; background:var(--sscm-blue); border-color:var(--sscm-blue); }
.sscm-button-primary:hover { color:#fff!important; background:var(--sscm-navy); border-color:var(--sscm-navy); transform:translateY(-1px); }
.sscm-button-secondary,.sscm-button-secondary:visited,.sscm-button-secondary:focus { color:var(--sscm-blue)!important; background:#fff; border-color:#CBD9E6; }
.sscm-button-secondary:hover { color:var(--sscm-navy)!important; background:var(--sscm-light); border-color:var(--sscm-blue); }
.sscm-sub-links { display:flex; flex-wrap:wrap; gap:18px; color:var(--sscm-blue); font-size:13px; font-weight:800; }
.sscm-sub-links span { display:flex; align-items:center; gap:7px; }
.sscm-sub-links svg { width:17px; height:17px; }

.sscm-overview { padding:28px; border:1px solid rgba(47,85,151,.13); border-radius:21px; background:rgba(255,255,255,.92); box-shadow:0 24px 55px rgba(11,23,38,.10); }
.sscm-overview-top { display:flex; justify-content:space-between; gap:15px; margin-bottom:22px; color:#66758A; font-size:10px; font-style:normal; font-weight:900; letter-spacing:.1em; }
.sscm-overview-top i { position:relative; color:#237348; font-size:11px; font-style:normal; letter-spacing:0; }
.sscm-overview-top i::before { content:""; display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:#3DBB7B; box-shadow:0 0 0 5px rgba(61,187,123,.13); }
.sscm-overview-grid { display:grid; gap:10px; }
.sscm-overview-grid > div { display:grid; grid-template-columns:48px 1fr auto; gap:12px; min-height:70px; padding:12px; align-items:center; border:1px solid var(--sscm-border); border-radius:14px; background:#fff; }
.sscm-overview-grid > div > span { display:grid; width:48px; height:48px; grid-row:1 / span 2; place-items:center; border-radius:13px; color:var(--sscm-blue); background:var(--sscm-light); font-size:24px; }
.sscm-overview-grid strong { align-self:end; color:var(--sscm-navy); font-size:14px; }
.sscm-overview-grid small { align-self:start; color:#718098; font-size:11px; line-height:1.35; }
.sscm-overview-grid b { grid-column:3; grid-row:1 / span 2; padding:9px 10px; border-radius:999px; color:#286247; background:#E2F4EA; font-size:9px; }

.sscm-trust { border-top:1px solid var(--sscm-border); border-bottom:1px solid var(--sscm-border); background:#fff; }
.sscm-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.sscm-trust-grid > div { min-height:112px; padding:25px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--sscm-border); }
.sscm-trust-grid > div:first-child { border-left:1px solid var(--sscm-border); }
.sscm-trust-grid strong { margin-bottom:5px; color:var(--sscm-blue); font-family:Montserrat,Arial,sans-serif; font-size:18px; }
.sscm-trust-grid span { color:var(--sscm-muted); font-size:12px; }

.sscm-heading { max-width:850px; margin-bottom:45px; }
.sscm-heading-center { margin-right:auto; margin-left:auto; text-align:center; }
.sscm-heading h2 { margin-bottom:17px; font-size:clamp(35px,4.3vw,52px); line-height:1.14; letter-spacing:-.035em; }
.sscm-heading p { margin:0; color:var(--sscm-muted); font-size:18px; line-height:1.7; }
.sscm-heading-split { display:grid; max-width:none; grid-template-columns:1.1fr .9fr; gap:70px; align-items:end; }
.sscm-heading-split h2 { margin-bottom:0; }

.sscm-problem-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.sscm-problem-grid article { position:relative; overflow:hidden; padding:28px 25px; border:1px solid var(--sscm-border); border-radius:18px; background:linear-gradient(145deg,#fff,#F7FBFE); }
.sscm-problem-grid article::before { content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg,var(--sscm-blue),var(--sscm-cyan)); }
.sscm-icon { display:grid; width:54px; height:54px; margin-bottom:20px; place-items:center; border-radius:15px; color:var(--sscm-blue); background:var(--sscm-light); font-size:26px; }
.sscm-problem-grid h3 { margin-bottom:11px; font-size:20px; line-height:1.35; }
.sscm-problem-grid p { margin:0; color:var(--sscm-muted); font-size:14px; line-height:1.68; }

.sscm-service-grid { display:grid; grid-template-columns:.84fr 1.16fr; gap:68px; align-items:start; }
.sscm-service-grid-reverse { grid-template-columns:1.16fr .84fr; }
.sscm-service-copy { position:sticky; top:125px; }
.sscm-service-copy h2 { margin-bottom:20px; font-size:clamp(35px,4vw,49px); line-height:1.14; letter-spacing:-.03em; }
.sscm-service-copy > p { margin-bottom:25px; color:var(--sscm-muted); font-size:17px; line-height:1.75; }
.sscm-check-list { display:grid; gap:14px; margin:0 0 27px; padding:0; list-style:none; }
.sscm-check-list li { display:flex; gap:11px; align-items:flex-start; color:#43546A; font-size:15px; line-height:1.6; }
.sscm-check-list svg { flex:0 0 auto; width:19px; height:19px; margin-top:3px; color:var(--sscm-green); }
.sscm-check-list strong { color:var(--sscm-navy); }
.sscm-text-link { display:inline-flex; gap:7px; align-items:center; color:var(--sscm-blue); font-size:14px; font-weight:900; text-decoration:none; }
.sscm-text-link:hover { gap:11px; color:var(--sscm-navy); }
.sscm-service-list { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sscm-service-list article { display:grid; grid-template-columns:49px 1fr; gap:15px; padding:23px; border:1px solid var(--sscm-border); border-radius:17px; background:#fff; }
.sscm-service-list article > span { display:grid; width:49px; height:49px; place-items:center; border-radius:13px; color:var(--sscm-blue); background:var(--sscm-light); font-size:24px; }
.sscm-service-list h3 { margin-bottom:7px; font-size:18px; line-height:1.35; }
.sscm-service-list p { margin:0; color:var(--sscm-muted); font-size:13px; line-height:1.62; }

.sscm-lifecycle { background:linear-gradient(180deg,#F6FBFE,#EAF4FB); }
.sscm-lifecycle-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.sscm-lifecycle-grid article { padding:29px 25px; border:1px solid #CBDDE9; border-radius:17px; background:#fff; box-shadow:0 12px 34px rgba(11,23,38,.045); }
.sscm-lifecycle-grid span { display:grid; width:48px; height:48px; margin-bottom:20px; place-items:center; border-radius:50%; color:#fff; background:var(--sscm-blue); font-size:13px; font-weight:900; }
.sscm-lifecycle-grid h3 { margin-bottom:10px; font-size:20px; }
.sscm-lifecycle-grid p { margin:0; color:var(--sscm-muted); font-size:14px; line-height:1.68; }

.sscm-dark { color:#fff; background:linear-gradient(135deg,#0B1726,#183858 60%,#2F5597); }
.sscm-dark-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:68px; align-items:center; }
.sscm-dark h2 { margin-bottom:18px; color:#fff; font-size:clamp(35px,4.2vw,50px); line-height:1.13; letter-spacing:-.03em; }
.sscm-dark p { margin:0; color:rgba(255,255,255,.72); font-size:17px; line-height:1.75; }
.sscm-related-grid { display:grid; gap:13px; }
.sscm-related-grid a { display:grid; grid-template-columns:52px 1fr 22px; gap:15px; min-height:92px; padding:18px; align-items:center; border:1px solid rgba(255,255,255,.15); border-radius:15px; color:#fff; background:rgba(255,255,255,.06); text-decoration:none; transition:.2s ease; }
.sscm-related-grid a:hover { color:#fff; background:rgba(255,255,255,.11); transform:translateX(4px); }
.sscm-related-grid a > span { display:grid; width:52px; height:52px; grid-row:1 / span 2; place-items:center; border-radius:13px; color:var(--sscm-navy); background:var(--sscm-cyan); font-size:25px; }
.sscm-related-grid strong { align-self:end; font-size:16px; }
.sscm-related-grid small { align-self:start; color:rgba(255,255,255,.66); font-size:12px; line-height:1.4; }
.sscm-related-grid > a > svg { grid-column:3; grid-row:1 / span 2; width:20px; height:20px; color:var(--sscm-cyan); }

.sscm-assessment { background:var(--sscm-soft); }
.sscm-assessment-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:980px; margin:0 auto; }
.sscm-assessment-grid article { padding:34px; border:1px solid #CBDDE9; border-radius:20px; background:#fff; box-shadow:0 13px 36px rgba(11,23,38,.06); }
.sscm-card-label { margin-bottom:13px; color:var(--sscm-blue); font-size:11px; font-weight:900; letter-spacing:.1em; }
.sscm-assessment-grid h3 { margin-bottom:13px; font-size:25px; }
.sscm-assessment-grid p { min-height:113px; margin-bottom:23px; color:var(--sscm-muted); font-size:15px; line-height:1.7; }

.sscm-faq-wrap { max-width:1100px; }
.sscm-faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sscm-faq-grid article { padding:27px 28px; border:1px solid var(--sscm-border); border-radius:17px; background:#fff; }
.sscm-faq-grid h3 { margin-bottom:10px; font-size:19px; }
.sscm-faq-grid p { margin:0; color:var(--sscm-muted); font-size:14px; line-height:1.68; }

.sscm-final { padding:76px 0; color:#fff; background:linear-gradient(130deg,#2F5597,#183858 55%,#0B1726); }
.sscm-final-grid { display:grid; grid-template-columns:1fr auto; gap:60px; align-items:center; }
.sscm-final h2 { margin-bottom:14px; color:#fff; font-size:clamp(35px,4.2vw,51px); line-height:1.14; letter-spacing:-.03em; }
.sscm-final p { max-width:760px; margin:0; color:rgba(255,255,255,.75); font-size:17px; line-height:1.72; }
.sscm-final-actions { display:flex; min-width:315px; flex-direction:column; gap:11px; }
.sscm-button-light,.sscm-button-light:visited,.sscm-button-light:focus { color:var(--sscm-navy)!important; background:#fff; border-color:#fff; }
.sscm-button-light:hover { color:var(--sscm-navy)!important; background:var(--sscm-cyan); border-color:var(--sscm-cyan); }
.sscm-button-outline-light,.sscm-button-outline-light:visited,.sscm-button-outline-light:focus { color:#fff!important; border-color:rgba(255,255,255,.48); background:transparent; }
.sscm-button-outline-light:hover { color:#fff!important; border-color:#fff; background:rgba(255,255,255,.08); }

@media (max-width:1050px) {
  .sscm-wrap { width:min(100% - 40px,1200px); }
  .sscm-hero-grid { grid-template-columns:1fr; gap:44px; }
  .sscm-hero-copy { max-width:860px; }
  .sscm-overview { max-width:850px; }
  .sscm-trust-grid { grid-template-columns:1fr 1fr; }
  .sscm-trust-grid > div:nth-child(2) { border-right:1px solid var(--sscm-border); }
  .sscm-trust-grid > div:nth-child(3) { border-top:1px solid var(--sscm-border); border-left:1px solid var(--sscm-border); }
  .sscm-trust-grid > div:nth-child(4) { border-top:1px solid var(--sscm-border); }
  .sscm-problem-grid { grid-template-columns:1fr 1fr; }
  .sscm-service-grid,.sscm-service-grid-reverse { grid-template-columns:1fr; }
  .sscm-service-copy { position:static; }
  .sscm-service-grid-reverse .sscm-service-list { order:2; }
  .sscm-service-grid-reverse .sscm-service-copy { order:1; }
  .sscm-heading-split { grid-template-columns:1fr; gap:18px; }
  .sscm-lifecycle-grid { grid-template-columns:1fr 1fr; }
  .sscm-dark-grid { grid-template-columns:1fr; }
  .sscm-final-grid { grid-template-columns:1fr; }
  .sscm-final-actions { min-width:0; max-width:520px; flex-direction:row; flex-wrap:wrap; }
}

@media (max-width:700px) {
  .sscm-wrap { width:calc(100% - 30px); }
  .sscm-hero { padding:58px 0 54px; }
  .sscm-hero-copy h1 { font-size:40px; }
  .sscm-lead { font-size:17px; }
  .sscm-actions { align-items:stretch; flex-direction:column; }
  .sscm-button { width:100%; }
  .sscm-sub-links { align-items:flex-start; flex-direction:column; gap:9px; }
  .sscm-overview { padding:20px; }
  .sscm-overview-top { align-items:flex-start; flex-direction:column; gap:7px; }
  .sscm-overview-grid > div { grid-template-columns:42px 1fr; }
  .sscm-overview-grid > div > span { width:42px; height:42px; }
  .sscm-overview-grid b { display:none; }
  .sscm-trust-grid { grid-template-columns:1fr; }
  .sscm-trust-grid > div { border-right:1px solid var(--sscm-border); border-bottom:1px solid var(--sscm-border); border-left:1px solid var(--sscm-border); }
  .sscm-trust-grid > div:nth-child(3),.sscm-trust-grid > div:nth-child(4) { border-top:0; }
  .sscm-section { padding:68px 0; }
  .sscm-heading { margin-bottom:33px; }
  .sscm-heading h2 { font-size:34px; }
  .sscm-heading p { font-size:16px; }
  .sscm-problem-grid,.sscm-service-list,.sscm-lifecycle-grid,.sscm-assessment-grid,.sscm-faq-grid { grid-template-columns:1fr; }
  .sscm-service-list article { grid-template-columns:45px 1fr; padding:20px; }
  .sscm-lifecycle-grid article { padding:26px 23px; }
  .sscm-related-grid a { grid-template-columns:47px 1fr 18px; padding:16px; }
  .sscm-related-grid a > span { width:47px; height:47px; }
  .sscm-assessment-grid article { padding:29px 24px; }
  .sscm-assessment-grid p { min-height:0; }
  .sscm-final { padding:60px 0; }
  .sscm-final-actions { max-width:none; flex-direction:column; }
}
