.scps,
.scps * { box-sizing: border-box; }
.scps {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 48px 20px;
    background: linear-gradient(180deg,#fbfcff 0%,#f7f9ff 100%);
    color: #07143f;
    font-family: Inter, Arial, sans-serif;
    position: relative;
}
.scps__container { width: 100%; max-width: 1300px; margin: 0 auto; position: relative; z-index: 1; }
.scps__header {
    display: grid;
    grid-template-columns: minmax(0,68%) minmax(0,32%);
    align-items: center;
    gap: 20px;
    min-height: 235px;
    margin-bottom: 18px;
}
.scps__header-content { min-width: 0; }
.scps__badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 16px;
    border-radius: 999px;
    background: rgba(231,239,255,.82);
    color: #1765f5;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.scps__badge-icon { display: inline-flex; font-size: 16px; }
.scps__badge-icon svg { width: 1em; height: 1em; fill: currentColor; }
.scps__heading {
    margin: 0;
    max-width: 900px;
    color: #07143f;
    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: clamp(38px,4vw,58px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.035em;
}
.scps__heading > span { display: inline; }
.scps__heading-highlight { color: #1765f5; }
.scps__intro { margin-top: 18px; color: #1d2f5a; font-size: 18px; line-height: 1.45; }
.scps__heading-accent { width: 66px; height: 3px; margin-top: 16px; border-radius: 999px; background: #1765f5; }
.scps__header-visual {
    align-self: end;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 0;
}
.scps__header-visual img { display: block; width: 122%; max-width: none; height: auto; transform: translateX(5%); }

.scps__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.scps__card {
    position: relative;
    display: grid;
    grid-template-columns: 100px minmax(0,1fr);
    gap: 20px;
    align-items: center;
    min-height: 240px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid rgba(25,75,185,.11);
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(36,74,151,.07);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.scps__card:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(36,74,151,.11); border-color: color-mix(in srgb,var(--scps-accent) 38%,#dce5ff); }
.scps__number {
    position: absolute;
    top: 16px;
    left: 16px;
    min-width: 38px;
    padding: 5px 7px;
    border-radius: 8px;
    background: var(--scps-accent);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}
.scps__icon-box {
    width: 88px;
    min-width: 88px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: var(--scps-icon-bg);
    color: var(--scps-accent);
}
.scps__icon { display: inline-flex; font-size: 38px; color: inherit; line-height: 1; }
.scps__icon i { color: inherit !important; font-size: 1em !important; }
.scps__icon svg { width: 1em; height: 1em; color: inherit; fill: currentColor; }
.scps__card-content { min-width: 0; }
.scps__card-title {
    margin: 0;
    color: #07143f;
    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
}
.scps__card-accent { width: 34px; height: 2px; margin: 10px 0 13px; border-radius: 99px; background: var(--scps-accent); }
.scps__card-text { margin: 0; color: #263760; font-size: 13.5px; line-height: 1.55; }

.scps__cta {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr) auto;
    gap: 24px;
    align-items: center;
    margin-top: 18px;
    padding: 16px 24px;
    border: 1px solid rgba(25,75,185,.08);
    border-radius: 14px;
    background: linear-gradient(90deg,#f4f8ff 0%,#f8fbff 50%,#eef5ff 100%);
    overflow: hidden;
}
.scps__cta-image { display: flex; align-items: center; justify-content: center; }
.scps__cta-image img { display: block; width: 140px; max-width: 100%; height: auto; }
.scps__cta-title { margin: 0 0 6px; color: #07143f; font-family: Manrope,Inter,Arial,sans-serif; font-size: 20px; font-weight: 800; line-height: 1.25; }
.scps__cta-text { margin: 0; color: #263760; font-size: 13.5px; line-height: 1.55; }
.scps__cta-buttons { display: flex; flex-wrap: wrap; gap: 14px; justify-content: flex-end; }
.scps__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.scps__button:hover { transform: translateY(-2px); }
.scps__button--primary { background: #1765f5; color: #fff; box-shadow: 0 8px 20px rgba(23,101,245,.2); }
.scps__button--secondary { background: #fff; color: #1765f5; border: 1px solid #1765f5; }
.scps__button-icon { display: inline-flex; }
.scps__button-icon svg { width: 1em; height: 1em; fill: currentColor; }

.scps--decor::before,
.scps--decor::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: .55;
}
.scps--decor::before {
    width: 140px; height: 140px; right: 2%; top: 20px;
    background-image: radial-gradient(circle,#5d82ff 1.5px,transparent 1.6px);
    background-size: 12px 12px;
}
.scps--decor::after {
    width: 320px; height: 160px; right: -60px; bottom: -20px;
    border-top: 1px solid rgba(101,119,255,.2);
    border-radius: 50%;
    transform: rotate(-10deg);
}

@media (max-width: 1199px) {
    .scps__header { grid-template-columns: minmax(0,60%) minmax(0,40%) !important; min-height: 210px; }
    .scps__header-visual img { width: 112%; transform: none; }
    .scps__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .scps__cta { grid-template-columns: 120px minmax(0,1fr); }
    .scps__cta-buttons { grid-column: 1/-1; justify-content: center; }
}
@media (max-width: 767px) {
    .scps { padding-left: 14px !important; padding-right: 14px !important; }
    .scps__header { grid-template-columns: 1fr !important; gap: 16px; min-height: 0; }
    .scps__heading { font-size: clamp(31px,9vw,42px); }
    .scps__intro { font-size: 15px; margin-top: 14px; }
    .scps__header-visual { justify-content: center; }
    .scps__header-visual img { width: 100%; max-width: 560px; }
    .scps__grid { grid-template-columns: 1fr !important; gap: 12px !important; }
    .scps__card { min-height: 0 !important; grid-template-columns: 78px minmax(0,1fr); gap: 14px; padding: 18px !important; }
    .scps__icon-box { width: 72px !important; min-width: 72px !important; height: 96px !important; }
    .scps__number { top: 12px; left: 12px; }
    .scps__cta { grid-template-columns: 1fr; text-align: center; padding: 18px !important; gap: 12px; }
    .scps__cta-image img { width: 115px !important; }
    .scps__cta-buttons { grid-column: auto; flex-direction: column; width: 100%; }
    .scps__button { width: 100%; }
}


/* Cross-platform compact page rhythm — 2026.29.58 */
@media (min-width: 1025px) {
  .scps { padding: 28px 20px !important; }
  .scps__header { grid-template-columns:minmax(0,66%) minmax(0,34%) !important; gap:16px !important; min-height:185px !important; margin-bottom:13px !important; }
  .scps__badge { padding:6px 12px !important; margin-bottom:9px !important; font-size:11px !important; }
  .scps__heading { font-size:clamp(31px,3.25vw,47px) !important; line-height:1.04 !important; }
  .scps__intro { margin-top:10px !important; font-size:14px !important; line-height:1.42 !important; }
  .scps__heading-accent { width:54px !important; margin-top:10px !important; }
  .scps__header-visual img { width:108% !important; transform:translateX(2%) !important; }
  .scps__grid { gap:14px !important; }
  .scps__card { grid-template-columns:78px minmax(0,1fr) !important; gap:15px !important; min-height:190px !important; padding:15px 17px !important; border-radius:16px !important; }
  .scps__number { top:12px !important; left:12px !important; min-width:32px !important; padding:4px 6px !important; font-size:12px !important; }
  .scps__icon-box { width:70px !important; min-width:70px !important; height:98px !important; border-radius:13px !important; }
  .scps__icon { font-size:30px !important; }
  .scps__card-title { font-size:16px !important; line-height:1.22 !important; }
  .scps__card-accent { margin:7px 0 8px !important; }
  .scps__card-text { font-size:12px !important; line-height:1.48 !important; }
  .scps__cta { grid-template-columns:105px minmax(0,1fr) auto !important; gap:16px !important; margin-top:14px !important; padding:11px 18px !important; border-radius:12px !important; }
  .scps__cta-image img { width:95px !important; }
  .scps__cta-title { margin-bottom:3px !important; font-size:17px !important; }
  .scps__cta-text { font-size:12px !important; line-height:1.45 !important; }
  .scps__cta-buttons { gap:10px !important; }
  .scps__button { padding:10px 19px !important; font-size:13px !important; }
}