/* CSS organizado: assets/css/pages/smart-company.css.
   Agrupa presentación visual; evita agregar estilos inline en HTML. */

/* Page CSS: pages/smart-company/smart-company.html.
   Extracted from the original HTML so presentation lives in CSS files. */

/* Inline style block (1). */
.scx-page{position:relative;overflow:hidden}.scx-hero{padding:176px 0 82px}.scx-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:48px;align-items:center}.scx-eyebrow,.section-kicker{letter-spacing:.12em;text-transform:uppercase}.scx-hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.05;margin:16px 0 20px;max-width:920px}.scx-lead{font-size:clamp(16px,1.55vw,20px);line-height:1.62;max-width:760px;color:rgba(255,255,255,.78)}.theme-light .scx-lead{color:rgba(15,23,42,.72)}.scx-actions,.scx-card-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.scx-visual-stack{display:grid;gap:16px}.scx-image-frame,.scx-video-frame{border:1px solid rgba(255,255,255,.16);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:0 22px 70px rgba(0,0,0,.24)}.theme-light .scx-image-frame,.theme-light .scx-video-frame{border-color:rgba(15,23,42,.10);background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.10)}.scx-image-frame img,.scx-video-frame video{display:block;width:100%;height:auto}.scx-video-frame{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.scx-video-frame video{height:100%;object-fit:cover;background:#071124}.scx-video-note{position:absolute;left:18px;top:18px;right:18px;padding:11px 14px;border-radius:16px;background:rgba(6,12,28,.62);backdrop-filter:blur(10px);font-size:13px;color:rgba(255,255,255,.82);pointer-events:none}.scx-section{padding:86px 0}.scx-section-tight{padding:68px 0}.scx-section-head{max-width:880px;margin:0 auto 38px;text-align:center}.scx-section-head.left{text-align:left;margin-left:0}.scx-section-head h2,.scx-page .section-title,.scx-split-head h2{font-size:clamp(28px,3.1vw,44px);line-height:1.1;margin:12px 0 16px}.scx-section-head p,.scx-text{font-size:17px;line-height:1.72;color:rgba(255,255,255,.72)}.theme-light .scx-section-head p,.theme-light .scx-text{color:rgba(15,23,42,.70)}.scx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.scx-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scx-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.scx-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.scx-card{border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.theme-light .scx-card{background:#fff;border-color:rgba(15,23,42,.10);box-shadow:0 16px 44px rgba(15,23,42,.07)}.scx-card span.scx-num{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.10);font-weight:700;margin-bottom:14px}.theme-light .scx-card span.scx-num{background:rgba(15,23,42,.06)}.scx-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:14px;margin-bottom:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.14));font-weight:800}.theme-light .scx-icon{border-color:rgba(15,23,42,.10);background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(168,85,247,.10));color:#172033}.scx-card h3{font-size:clamp(18px,1.45vw,21px);line-height:1.22;margin:0 0 10px}.scx-card p,.scx-card li{font-size:15.5px;line-height:1.58;color:rgba(255,255,255,.70)}.theme-light .scx-card p,.theme-light .scx-card li{color:rgba(15,23,42,.68)}.scx-card a{display:inline-flex;margin-top:14px;font-weight:700;text-decoration:none}.scx-highlight{border-radius:28px;padding:28px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16)}.theme-light .scx-highlight{background:linear-gradient(135deg,#fff,rgba(244,247,251,.92));border-color:rgba(15,23,42,.10)}.scx-equation{font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.2;margin:0}.scx-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}.scx-compare ul{margin:0;padding:0;list-style:none}.scx-compare li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:16px}.theme-light .scx-compare li{border-bottom-color:rgba(15,23,42,.10)}.scx-loop{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.scx-loop article{text-align:center;min-height:118px;display:flex;flex-direction:column;justify-content:center}.scx-glossary .scx-card h3{font-size:clamp(18px,1.45vw,21px)}.scx-glossary .scx-card strong{display:block;margin-top:14px;margin-bottom:4px}.scx-roadmap{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.scx-roadmap article{position:relative}.scx-roadmap article:after{content:'';position:absolute;top:42px;right:-14px;width:14px;height:1px;background:rgba(255,255,255,.28)}.theme-light .scx-roadmap article:after{background:rgba(15,23,42,.18)}.scx-roadmap article:last-child:after{display:none}.scx-final{padding:96px 0}.scx-final-box{text-align:center;max-width:920px;margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:48px 32px;background:rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.22)}.scx-final-box h2{font-size:clamp(29px,3.6vw,48px);line-height:1.1;margin:10px 0 18px}.scx-final-box p{font-size:18px;line-height:1.68;color:rgba(255,255,255,.76);max-width:740px;margin:0 auto}.scx-visual-caption{font-size:14px;color:rgba(255,255,255,.58);margin-top:10px;text-align:center}.theme-light .scx-visual-caption{color:rgba(15,23,42,.55)}.scx-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.scx-badge{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.06);font-size:14px}.theme-light .scx-badge{border-color:rgba(15,23,42,.10);background:rgba(15,23,42,.04)}.scx-spacer-image{margin-top:36px}.scx-spacer-image img{max-height:430px;object-fit:cover;width:100%}.scx-mini-link{font-size:15px}.scx-split-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:end;margin-bottom:34px}.scx-split-head p{font-size:17px;line-height:1.68;color:rgba(255,255,255,.72)}.theme-light .scx-split-head p{color:rgba(15,23,42,.70)}.scx-card ul{margin:12px 0 0;padding-left:18px}.scx-muted{opacity:.76}.scx-feature-list{display:grid;gap:14px}.scx-feature-list div{padding:18px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.theme-light .scx-feature-list div{border-color:rgba(15,23,42,.10);background:#fff}.scx-feature-list strong{display:block;margin-bottom:4px}.scx-mini-cta{margin-top:22px}.scx-page .btn{white-space:normal}.scx-page img{max-width:100%}.scx-infocard{padding:12px;min-height:220px;overflow:hidden}.scx-infographic-slot{min-height:198px;width:100%;border-radius:19px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 20% 15%,rgba(34,211,238,.22),transparent 36%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(54,18,86,.86));border:1px solid rgba(255,255,255,.14)}.theme-light .scx-infographic-slot{background:radial-gradient(circle at 20% 15%,rgba(34,211,238,.18),transparent 36%),linear-gradient(135deg,#f8fbff,#eef3ff);border-color:rgba(15,23,42,.10)}.scx-infographic-slot:before{content:attr(data-label);position:absolute;inset:auto 18px 54px 18px;font-weight:800;font-size:20px;line-height:1.15;color:#fff}.theme-light .scx-infographic-slot:before{color:#172033}.scx-infographic-slot:after{content:'Espacio para infografía PNG';position:absolute;left:18px;right:18px;bottom:22px;font-size:13px;color:rgba(255,255,255,.68)}.theme-light .scx-infographic-slot:after{color:rgba(15,23,42,.58)}.scx-infographic-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.scx-infographic-slot img[src='']{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scx-media-placeholder{min-height:280px;border-radius:28px;border:1px dashed rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(168,85,247,.10))}.theme-light .scx-media-placeholder{border-color:rgba(15,23,42,.16);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(168,85,247,.08))}


    /* Mejora visual diferenciadores: 2x2, imágenes completas y modal de ampliación */
    .scx-glossary .scx-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.scx-glossary .scx-infocard{padding:14px;min-height:clamp(280px,28vw,430px);border-radius:28px}.scx-glossary .scx-infographic-slot{appearance:none;-webkit-appearance:none;border:1px solid rgba(15,23,42,.10);padding:0;cursor:zoom-in;min-height:clamp(250px,26vw,400px);aspect-ratio:16/9;background:#fff;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.scx-glossary .scx-infographic-slot:hover,.scx-glossary .scx-infographic-slot:focus-visible{transform:translateY(-4px);border-color:rgba(0,119,204,.38);box-shadow:0 22px 58px rgba(15,23,42,.16),inset 0 0 0 1px rgba(255,255,255,.85);outline:none}.scx-glossary .scx-infographic-slot:before,.scx-glossary .scx-infographic-slot:after{display:none}.scx-glossary .scx-infographic-slot img{position:relative;inset:auto;width:100%;height:100%;object-fit:contain;z-index:2;display:block;background:#fff}.scx-glossary .scx-infographic-slot .scx-zoom-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) translateY(8px);z-index:3;padding:9px 14px;border-radius:999px;background:rgba(7,17,36,.82);color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em;opacity:0;transition:opacity .22s ease,transform .22s ease;pointer-events:none;box-shadow:0 10px 24px rgba(15,23,42,.20);white-space:nowrap}.scx-glossary .scx-infographic-slot:hover .scx-zoom-hint,.scx-glossary .scx-infographic-slot:focus-visible .scx-zoom-hint{opacity:1;transform:translateX(-50%) translateY(0)}.scx-image-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(4,10,24,.82);backdrop-filter:blur(10px)}.scx-image-modal.is-open{display:flex}.scx-image-modal__dialog{position:relative;width:min(1180px,96vw);max-height:92vh;border-radius:28px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.42);padding:18px;overflow:hidden}.scx-image-modal__dialog img{display:block;width:100%;max-height:calc(92vh - 36px);object-fit:contain;border-radius:18px;background:#fff}.scx-image-modal__close{position:absolute;top:16px;right:16px;z-index:2;width:42px;height:42px;border:0;border-radius:999px;background:rgba(7,17,36,.86);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.scx-image-modal__close:hover,.scx-image-modal__close:focus-visible{background:#071124;outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media(max-width:760px){.scx-glossary .scx-grid-4{grid-template-columns:1fr;gap:20px}.scx-glossary .scx-infocard{min-height:auto;padding:10px}.scx-glossary .scx-infographic-slot{min-height:auto;aspect-ratio:16/9}.scx-glossary .scx-infographic-slot .scx-zoom-hint{opacity:1;transform:translateX(-50%) translateY(0);font-size:12px;bottom:10px}.scx-image-modal{padding:14px}.scx-image-modal__dialog{border-radius:20px;padding:10px}.scx-image-modal__dialog img{border-radius:14px}.scx-image-modal__close{top:10px;right:10px;width:38px;height:38px;font-size:24px}}
    @media(max-width:1100px){.scx-grid-5{grid-template-columns:repeat(2,1fr)}.scx-grid-4{grid-template-columns:repeat(2,1fr)}.scx-roadmap{grid-template-columns:repeat(3,1fr)}.scx-loop{grid-template-columns:repeat(3,1fr)}.scx-hero-grid,.scx-grid-2,.scx-split-head{grid-template-columns:1fr}.scx-hero{padding-top:152px}}
    @media(max-width:760px){.scx-section{padding:66px 0}.scx-grid-3,.scx-grid-4,.scx-grid-5,.scx-compare,.scx-roadmap,.scx-loop{grid-template-columns:1fr}.scx-roadmap article:after{display:none}.scx-hero h1{font-size:36px}.scx-final-box{padding:34px 20px;border-radius:26px}.scx-card{padding:20px}.scx-infocard{padding:10px}.scx-hero-grid{gap:30px}.scx-hero{padding:138px 0 66px}}
  
    /* Ajuste solicitado: bajar considerablemente el título del hero en páginas internas */
    /* Ajuste visible: baja el bloque principal del hero para que el kicker no quede pegado al header fijo. */
    
    
    @media(max-width:1100px){
      
      
    }
    @media(max-width:760px){
      
      
    }
  

    /* Ajustes visuales Smart Company */
    .scx-why-now .scx-grid-2{grid-template-columns:minmax(0,.94fr) minmax(340px,1.06fr);gap:52px;align-items:center}
    .scx-why-now .scx-compare{position:relative;display:block;justify-self:center;width:min(100%,520px);aspect-ratio:1.08/1;padding:12px;border-radius:32px;background:linear-gradient(135deg,#f8fbff,#ffffff);border:1px solid rgba(15,23,42,.10);box-shadow:0 22px 58px rgba(15,23,42,.13);overflow:hidden}
    .scx-why-now .scx-compare:before{content:'';position:absolute;inset:12px;border-radius:24px;background:radial-gradient(circle at 28% 14%,rgba(34,211,238,.22),transparent 35%),linear-gradient(135deg,rgba(4,12,28,.96),rgba(13,35,67,.92));z-index:0}
    .scx-why-now .scx-compare-img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%;border-radius:24px;box-shadow:none;background:#071124;border:0}
    .scx-why-now .scx-compare:after{content:'';position:absolute;inset:12px;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -80px 120px rgba(0,0,0,.15);pointer-events:none;z-index:2}

    /* Hover general para los cuadritos informativos */
    .scx-page .scx-card,.scx-page .scx-feature-list div,.scx-page .scx-highlight{transition:transform .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease}
    .theme-dark .scx-card:hover,.theme-dark .scx-card:focus-within,.theme-dark .scx-feature-list div:hover,.theme-dark .scx-feature-list div:focus-within,.theme-dark .scx-highlight:hover,.theme-dark .scx-highlight:focus-within{transform:translateY(-6px);background:rgba(255,255,255,.14);border-color:rgba(34,211,238,.42);box-shadow:0 24px 70px rgba(0,0,0,.28)}
    .theme-light .scx-card:hover,.theme-light .scx-card:focus-within,.theme-light .scx-feature-list div:hover,.theme-light .scx-feature-list div:focus-within,.theme-light .scx-highlight:hover,.theme-light .scx-highlight:focus-within{transform:translateY(-6px);background:#f7fbff;border-color:rgba(34,211,238,.42);box-shadow:0 22px 58px rgba(15,23,42,.12)}
    .scx-page .scx-card:hover .scx-num,.scx-page .scx-card:focus-within .scx-num{background:rgba(34,211,238,.16)}
    .theme-dark .scx-card:hover .scx-num,.theme-dark .scx-card:focus-within .scx-num{background:rgba(255,255,255,.24)}
    .scx-page .scx-card:hover .scx-icon,.scx-page .scx-card:focus-within .scx-icon{border-color:rgba(34,211,238,.48);background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(168,85,247,.18))}
    .scx-page .scx-card:hover a,.scx-page .scx-card:focus-within a{color:#38bdf8}
    .theme-dark .scx-card:hover a,.theme-dark .scx-card:focus-within a{color:#8ee7ff}

    .scx-glossary .scx-infocard{padding:10px;min-height:auto}
    .scx-glossary .scx-infographic-slot{min-height:auto;aspect-ratio:16/9;border-radius:24px;background:#fff}
    .scx-glossary .scx-infographic-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
    @media(max-width:980px){.scx-why-now .scx-grid-2{grid-template-columns:1fr;gap:34px}.scx-why-now .scx-compare{width:min(100%,500px);margin:0 auto}}
    @media(max-width:560px){.scx-why-now .scx-compare{width:100%;aspect-ratio:1/1.05;padding:9px;border-radius:26px}.scx-why-now .scx-compare:before,.scx-why-now .scx-compare:after{inset:9px;border-radius:20px}.scx-why-now .scx-compare-img{border-radius:20px}}


/* =========================================================
   SMART COMPANY — jerarquía modelo > principios > pilares
========================================================= */
.scx-smart-company #modelo .scx-model-pillars .scx-model-card {
  position: relative;
  min-height: 270px;
  border-color: rgba(103,232,249,.24);
  background:
    radial-gradient(circle at 18% 12%,rgba(34,211,238,.10),transparent 38%),
    rgba(255,255,255,.055);
}
.scx-smart-company #modelo .scx-model-card .scx-num {
  color: #8ff4ff;
  border: 1px solid rgba(103,232,249,.24);
}
.scx-smart-company #pilares .scx-section-head { max-width: 920px; }
.scx-smart-company .scx-build-pillars .scx-card {
  position: relative;
  overflow: hidden;
}
.scx-smart-company .scx-build-pillars .scx-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg,rgba(50,201,149,.2),rgba(103,232,249,.74),rgba(96,165,250,.16));
}
.scx-smart-company .scx-build-pillars .scx-card--factory {
  border-color: rgba(103,232,249,.34);
  background: linear-gradient(155deg,rgba(34,211,238,.10),rgba(96,165,250,.05));
  box-shadow: 0 20px 48px rgba(0,0,0,.12) !important;
}
.scx-smart-company .scx-factory-bridge {
  display: grid;
  grid-template-columns: minmax(190px,.72fr) minmax(0,1.28fr);
  gap: 1rem 2rem;
  align-items: start;
  margin-top: 1.4rem;
  padding: 1.15rem 1.25rem;
  border-left: 2px solid #32c995;
  background: rgba(255,255,255,.045);
}
.scx-smart-company .scx-factory-bridge strong { color: #fff; }
.scx-smart-company .scx-factory-bridge span { color: rgba(255,255,255,.72); line-height: 1.6; }
.scx-principle-factory-note {
  max-width: 880px;
  margin: 1.4rem auto 0;
  padding: 1rem 1.15rem;
  border-left: 2px solid #32c995;
  color: rgba(255,255,255,.74);
  line-height: 1.65;
}
@media (max-width: 900px) {
  .scx-smart-company .scx-factory-bridge { grid-template-columns: 1fr; }
}

/* =========================================================
   SMART COMPANY 2026 — REDISEÑO SOLICITADO 22/09/2026
   Reglas acotadas a .sc2026 para no afectar el resto de la web.
========================================================= */

.sc2026 {
  --sc2026-navy: #03152d;
  --sc2026-navy-deep: #020d1f;
  --sc2026-ink: #0d1730;
  --sc2026-cyan: #35d6f4;
  --sc2026-blue: #3b82f6;
  --sc2026-mint: #36e2c0;
  --sc2026-light: #f7fbff;
  --sc2026-light-2: #eef7ff;
}

.sc2026 .sc2026-section {
  position: relative;
  overflow: hidden;
  padding: 96px 0;
}

.sc2026 > .sc2026-hero.section-observe {
  padding: 150px 0 78px !important;
  min-height: min(780px, 92vh);
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 82% 22%, rgba(35, 91, 255, .26), transparent 29%),
    radial-gradient(circle at 48% 88%, rgba(0, 192, 255, .12), transparent 38%),
    linear-gradient(135deg, #03192e 0%, #020d20 58%, #071536 100%);
}

.sc2026 > .sc2026-hero.section-observe > .container {
  padding-top: 0 !important;
}

.sc2026 .sc2026-section--dark {
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(32, 98, 255, .20), transparent 32%),
    radial-gradient(circle at 18% 90%, rgba(0, 205, 255, .09), transparent 34%),
    linear-gradient(135deg, #03182e 0%, #020d20 62%, #071735 100%);
}

.sc2026 .sc2026-section--light {
  color: var(--sc2026-ink);
  background:
    radial-gradient(circle at 7% 8%, rgba(56, 189, 248, .09), transparent 22%),
    radial-gradient(circle at 95% 82%, rgba(45, 212, 191, .07), transparent 26%),
    linear-gradient(180deg, #fbfdff 0%, #f4f9fe 100%);
}

.sc2026-hero-grid,
.sc2026-two-col {
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(420px, 1.07fr);
  gap: clamp(42px, 5vw, 76px);
  align-items: center;
}

.sc2026 .sc2026-copy {
  position: relative;
  z-index: 2;
}

.sc2026 .sc2026-section .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.sc2026 .sc2026-section .section-kicker::before {
  content: "";
  width: 13px;
  height: 13px;
  border: 1.5px solid currentColor;
  transform: rotate(45deg);
  flex: 0 0 auto;
}

.sc2026 .sc2026-section.theme-dark .section-kicker,
.sc2026-hero .section-kicker {
  color: #47e7df;
}

.sc2026 .sc2026-section.theme-light .section-kicker {
  color: #087f93;
}

.sc2026-hero h1 {
  max-width: 690px;
  margin: 18px 0 20px;
  color: #fff;
  font-size: clamp(44px, 5.2vw, 76px);
  line-height: .99;
  letter-spacing: -.055em;
}

.sc2026-gradient-text {
  background: linear-gradient(92deg, #44e8ef 0%, #46a7ff 50%, #43e4bd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sc2026-lead {
  max-width: 650px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.62;
}

.sc2026-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.sc2026-actions--center {
  justify-content: center;
  margin-top: 34px;
}

.sc2026-microline {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 24px 0 0;
  color: rgba(255,255,255,.42);
  font-size: 12px;
  letter-spacing: .10em;
}

.sc2026-microline span:not(:last-child)::after {
  content: "•";
  margin: 0 12px;
  color: rgba(255,255,255,.28);
}

.sc2026-media {
  min-width: 0;
}

.sc2026-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.sc2026-media--hero {
  position: relative;
  max-width: 690px;
  justify-self: end;
  padding-bottom: 62px;
}

.sc2026-media--hero::before {
  content: "";
  position: absolute;
  inset: 7% 4% 18%;
  z-index: -1;
  background: radial-gradient(circle, rgba(14, 165, 233, .22), transparent 64%);
  filter: blur(18px);
}

.sc2026-media--hero img {
  max-height: 580px;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.sc2026-equation-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 20px;
  border: 1px solid rgba(58, 184, 255, .42);
  border-radius: 999px;
  background: rgba(3, 19, 47, .78);
  box-shadow: inset 0 0 20px rgba(0, 149, 255, .08);
  color: rgba(255,255,255,.74);
  font-size: 13px;
  white-space: nowrap;
}

.sc2026-equation-strip strong {
  color: #fff;
}

.sc2026-equation-strip .sc2026-plus {
  color: #33d7ee;
  font-size: 18px;
  font-weight: 700;
}

.sc2026-two-col .section-title,
.sc2026-section-head .section-title {
  margin: 14px 0 20px;
  font-size: clamp(34px, 3.7vw, 56px);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.sc2026-section--dark .section-title {
  color: #fff;
}

.sc2026-section--light .section-title {
  color: #0b1630;
}

.sc2026-text {
  margin: 0 0 14px;
  font-size: 17px;
  line-height: 1.7;
}

.sc2026-section--dark .sc2026-text {
  color: rgba(255,255,255,.72);
}

.sc2026-section--light .sc2026-text {
  color: #536078;
}

.sc2026-callout {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
  padding: 15px 18px;
  border: 1px solid rgba(0, 150, 190, .28);
  border-radius: 15px;
  background: rgba(255,255,255,.72);
}

.sc2026-callout p {
  margin: 0;
  color: #26364f;
  font-size: 14px;
  line-height: 1.45;
}

.sc2026-callout strong {
  color: #00869c;
}

.sc2026-callout-mark,
.sc2026-callout-icon {
  color: #00b9d8;
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
}

.sc2026-callout--dark {
  border-color: rgba(58, 218, 239, .45);
  background: rgba(2, 20, 48, .55);
}

.sc2026-callout--dark p {
  color: rgba(255,255,255,.82);
}

.sc2026-callout--dark strong {
  color: #3ee7da;
}

.sc2026-video-card {
  overflow: hidden;
  border: 1px solid rgba(0, 148, 190, .28);
  border-radius: 24px;
  background: #04142c;
  box-shadow: 0 24px 70px rgba(20, 67, 107, .18);
}

.sc2026-video-card video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #04142c;
}

.sc2026-media--landscape {
  overflow: hidden;
  border: 1px solid rgba(63, 214, 244, .30);
  border-radius: 24px;
  background: rgba(5, 21, 47, .46);
  box-shadow: 0 24px 70px rgba(0,0,0,.24);
}

.sc2026-media--landscape img {
  width: 100%;
  max-height: 560px;
  object-fit: contain;
}

.sc2026-section-head {
  max-width: 980px;
  margin: 0 auto 38px;
  text-align: center;
}

.sc2026-section-head p {
  max-width: 760px;
  margin: 0 auto;
  color: #5c687c;
  font-size: 17px;
  line-height: 1.6;
}

.sc2026-wide-visual {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.sc2026-wide-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.sc2026-result .sc2026-wide-visual {
  max-width: 1240px;
}

.sc2026-framework .scx-section-head {
  max-width: 980px;
}

.sc2026-framework .sc2026-framework-equation {
  max-width: 980px;
  margin: 0 auto;
  padding: 20px;
}

.sc2026-framework .scx-equation-img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 260px;
  object-fit: contain;
  margin: 0 auto;
}

.sc2026-framework .scx-model-pillars {
  margin-top: 34px;
}

.sc2026-kicker-only {
  margin-bottom: 22px;
  text-align: center;
}

.sc2026-wide-visual--differentiators {
  max-width: 1280px;
}

.sc2026-differentiators-note {
  max-width: 760px;
  margin: 22px auto 0;
  text-align: center;
  color: #506078;
  font-size: 16px;
}

.sc2026 .sc2026-section .btn {
  min-height: 48px;
}

@media (max-width: 1120px) {
  .sc2026-hero-grid,
  .sc2026-two-col {
    grid-template-columns: 1fr;
  }

  .sc2026 > .sc2026-hero.section-observe {
    padding: 132px 0 72px !important;
    min-height: 0;
  }

  .sc2026-media--hero {
    justify-self: center;
    width: min(100%, 720px);
  }

  .sc2026-media--landscape,
  .sc2026-video-card {
    width: min(100%, 860px);
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .sc2026 .sc2026-section {
    padding: 68px 0;
  }

  .sc2026 > .sc2026-hero.section-observe {
    padding: 118px 0 58px !important;
  }

  .sc2026-hero h1 {
    font-size: clamp(39px, 12vw, 56px);
  }

  .sc2026-two-col .section-title,
  .sc2026-section-head .section-title {
    font-size: clamp(31px, 9vw, 42px);
  }

  .sc2026-media--hero {
    padding-bottom: 0;
  }

  .sc2026-media--hero img {
    max-height: none;
    width: 100%;
  }

  .sc2026-equation-strip {
    position: static;
    flex-wrap: wrap;
    margin-top: 14px;
    border-radius: 18px;
    white-space: normal;
    line-height: 1.35;
  }

  .sc2026-microline {
    line-height: 1.7;
  }

  .sc2026-callout {
    align-items: flex-start;
  }

  .sc2026-actions .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .sc2026-result .sc2026-wide-visual,
  .sc2026-differentiators .sc2026-wide-visual {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  .sc2026-result .sc2026-wide-visual img,
  .sc2026-differentiators .sc2026-wide-visual img {
    width: auto;
    max-width: none;
    min-width: 880px;
    height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc2026 * {
    scroll-behavior: auto !important;
  }
}


.sc2026-framework-pillar-head {
  max-width: 920px;
  margin: 72px auto 30px;
  text-align: center;
  scroll-margin-top: 130px;
}

.sc2026-framework-pillar-head h3 {
  margin: 12px 0 14px;
  color: #fff;
  font-family: "Poppins", "Inter", Arial, sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.1;
  letter-spacing: -.035em;
}

.sc2026-framework-pillar-head p {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(255,255,255,.72);
  font-size: 17px;
  line-height: 1.65;
}