
/* =========================================================
   RESOURCE ARRIVAL MARKERS — LARGE, DISTINCTIVE SERIALS
   ========================================================= */
section[data-ranked-priority] .model-section-marker{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(118px,auto) 1fr;
  gap:clamp(20px,3vw,38px);
  align-items:end;
  margin:0 0 46px!important;
  padding:0 0 28px!important;
  border-bottom:1px solid rgba(8,38,70,.18);
  color:#0c639f;
}
section[data-ranked-priority] .model-section-marker:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:min(280px,38%);
  height:3px;
  background:linear-gradient(90deg,#1685b8,#7edcff,transparent);
}
section[data-ranked-priority] .model-section-marker span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-family:var(--serif,Georgia,serif);
  font-size:clamp(88px,9vw,142px)!important;
  line-height:.72!important;
  letter-spacing:-.085em!important;
  font-weight:500!important;
  color:#0e6ea9!important;
  text-shadow:0 16px 36px rgba(14,110,169,.12);
}
section[data-ranked-priority] .model-section-marker b{
  display:block;
  padding-bottom:8px;
  font-size:clamp(12px,1.1vw,15px)!important;
  line-height:1.35;
  letter-spacing:.18em!important;
  text-transform:uppercase;
  color:#173d5d;
}
section[data-ranked-priority] .model-section-marker b:before{
  content:"NEW RESOURCE";
  display:block;
  margin-bottom:9px;
  color:#1685b8;
  font-size:10px;
  letter-spacing:.24em;
}
section[data-ranked-priority].wyget-dark .model-section-marker,
section[data-ranked-priority].sv-tone-black .model-section-marker{
  border-color:rgba(255,255,255,.16);
  color:#8deaff;
}
section[data-ranked-priority].wyget-dark .model-section-marker span,
section[data-ranked-priority].sv-tone-black .model-section-marker span{
  color:#8deaff!important;
  text-shadow:0 18px 50px rgba(141,234,255,.22);
}
section[data-ranked-priority].wyget-dark .model-section-marker b,
section[data-ranked-priority].sv-tone-black .model-section-marker b{color:#e7f6ff}
section[data-ranked-priority].wyget-dark .model-section-marker b:before,
section[data-ranked-priority].sv-tone-black .model-section-marker b:before{color:#6ed8f5}

/* =========================================================
   SIX CONNECTED SYSTEMS — CONNECTED OPERATING SEQUENCE
   ========================================================= */
.ct-system-section{
  color:#0a1d34!important;
  background:
    radial-gradient(circle at 90% 0,rgba(59,174,223,.13),transparent 31%),
    radial-gradient(circle at 7% 90%,rgba(41,214,164,.07),transparent 27%),
    linear-gradient(180deg,#f8fbfd 0%,#e8f2f7 100%)!important;
}
.ct-system-section:before{
  background:
    linear-gradient(90deg,rgba(8,38,70,.035) 1px,transparent 1px),
    linear-gradient(rgba(8,38,70,.035) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(180deg,#000,transparent 96%);
}
.ct-system-hero{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:clamp(34px,5vw,72px);
  align-items:center;
  margin-bottom:30px;
  padding:clamp(30px,4vw,58px);
  border:1px solid #c8dce7;
  background:rgba(255,255,255,.8);
  box-shadow:0 30px 80px rgba(4,32,59,.09);
}
.ct-system-hero-number{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:1px solid rgba(141,234,255,.22);
  background:
    radial-gradient(circle at 50% 20%,rgba(141,234,255,.18),transparent 40%),
    linear-gradient(145deg,#06182f,#0b477c);
  color:#fff;
  text-align:center;
}
.ct-system-hero-number strong{
  display:block;
  color:#8deaff;
  font-family:var(--serif,Georgia,serif);
  font-size:clamp(82px,8vw,126px);
  font-weight:500;
  line-height:.72;
  letter-spacing:-.08em;
}
.ct-system-hero-number span{
  display:block;
  margin-top:24px;
  color:#d9f7ff;
  font-size:10px;
  font-weight:900;
  line-height:1.5;
  letter-spacing:.2em;
}
.ct-system-hero-copy .ct-added-kicker{color:#1685b8;margin-bottom:18px}
.ct-system-hero-copy .ct-added-title{font-size:clamp(43px,5vw,74px)}
.ct-system-hero-copy .ct-complete-system-title span:first-child{
  margin-bottom:16px;
  color:#1685b8;
  font-size:.27em;
}
.ct-system-hero-copy .ct-complete-system-title em{color:#1685b8;font-style:normal}
.ct-system-hero-copy>p{max-width:960px;margin:25px 0 0;color:#526b82;font-size:17px;line-height:1.78}
.ct-system-connection-band{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1px;
  margin-bottom:22px;
  border:1px solid rgba(141,234,255,.16);
  background:rgba(141,234,255,.14);
}
.ct-system-connection-band span{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:17px;
  background:#071a34;
  color:#d9ebf7;
  font-size:10px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.ct-system-connection-band b{display:block;margin-bottom:7px;color:#73dcf6;font-family:var(--serif,Georgia,serif);font-size:20px;font-weight:500}
.ct-system-stack{position:relative;display:grid;gap:14px}
.ct-system-stack:before{
  content:"";
  position:absolute;
  z-index:0;
  left:65px;
  top:80px;
  bottom:80px;
  width:2px;
  background:linear-gradient(#1685b8,#70d9f3,#4ce0b3);
  box-shadow:0 0 20px rgba(22,133,184,.18);
}
.ct-system-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:130px minmax(0,1.12fr) minmax(320px,.88fr);
  min-height:350px;
  border:1px solid #c8dce7;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 48px rgba(4,32,59,.055);
  overflow:hidden;
}
.ct-system-row:nth-child(even){background:linear-gradient(145deg,#f4fafc,#eaf4f8)}
.ct-system-row-number{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-right:1px solid #c8dce7;
  background:linear-gradient(180deg,rgba(14,110,169,.05),rgba(14,110,169,.015));
}
.ct-system-row-number:before{
  content:"";
  position:absolute;
  z-index:0;
  width:72px;
  height:72px;
  border-radius:50%;
  background:#f8fcff;
  border:1px solid #73c9e8;
  box-shadow:0 0 0 10px rgba(22,133,184,.07);
}
.ct-system-row-number span{
  position:relative;
  z-index:1;
  color:#0e6ea9;
  font-family:var(--serif,Georgia,serif);
  font-size:58px;
  line-height:.8;
  letter-spacing:-.07em;
}
.ct-system-row-number small{position:relative;z-index:1;margin-top:19px;color:#56738b;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ct-system-row-copy{padding:clamp(30px,4vw,48px)}
.ct-system-row-copy>small{display:block;color:#1685b8;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.ct-system-row-copy h3{max-width:770px;margin:15px 0 14px;font-family:var(--serif,Georgia,serif);font-size:clamp(30px,3.1vw,45px);font-weight:500;line-height:1.03;letter-spacing:-.038em;color:#081d35}
.ct-system-row-copy>p{max-width:760px;margin:0;color:#5c7185;font-size:14px;line-height:1.75}
.ct-system-outcome{display:grid;grid-template-columns:150px 1fr;gap:16px;margin-top:25px;padding:17px 0 0;border-top:1px solid #d7e5ec}
.ct-system-outcome b{color:#0e6ea9;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.ct-system-outcome span{color:#17344d;font-size:13px;font-weight:750;line-height:1.55}
.ct-system-row-assets{padding:clamp(30px,3.4vw,44px);border-left:1px solid #c8dce7;background:rgba(7,26,52,.025)}
.ct-system-row-assets>b{display:block;margin-bottom:18px;color:#0e6ea9;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.ct-system-row-assets ul{margin:0;padding:0;list-style:none}
.ct-system-row-assets li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid #d7e5ec;color:#17344d;font-size:12.5px;line-height:1.45}
.ct-system-row-assets li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:#1685b8;box-shadow:0 0 0 4px rgba(22,133,184,.09)}
.ct-system-finale{
  margin-top:22px;
  padding:clamp(34px,5vw,62px);
  border:1px solid rgba(141,234,255,.2);
  background:
    radial-gradient(circle at 90% 0,rgba(141,234,255,.17),transparent 34%),
    linear-gradient(145deg,#06182f,#0b477c);
  color:#fff;
  text-align:center;
  box-shadow:0 28px 70px rgba(4,32,59,.18);
}
.ct-system-finale small{color:#8deaff;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ct-system-finale h3{max-width:980px;margin:14px auto 16px;font-family:var(--serif,Georgia,serif);font-size:clamp(37px,4.2vw,60px);font-weight:500;line-height:1.02;letter-spacing:-.045em}
.ct-system-finale p{max-width:960px;margin:0 auto;color:#c4d8e7;font-size:15px;line-height:1.75}

@media(max-width:1080px){
  .ct-system-hero{grid-template-columns:170px 1fr}
  .ct-system-hero-number{min-height:180px}
  .ct-system-connection-band{grid-template-columns:repeat(3,1fr)}
  .ct-system-row{grid-template-columns:110px 1fr}
  .ct-system-row-assets{grid-column:2;border-left:0;border-top:1px solid #c8dce7}
  .ct-system-stack:before{left:55px}
}
@media(max-width:760px){
  section[data-ranked-priority] .model-section-marker{grid-template-columns:92px 1fr;gap:16px;margin-bottom:34px!important;padding-bottom:22px!important}
  section[data-ranked-priority] .model-section-marker span{font-size:72px!important}
  section[data-ranked-priority] .model-section-marker b{font-size:10px!important;letter-spacing:.12em!important}
  section[data-ranked-priority] .model-section-marker b:before{font-size:8px;letter-spacing:.18em}
  .ct-system-hero{grid-template-columns:1fr;padding:24px}
  .ct-system-hero-number{min-height:160px}
  .ct-system-connection-band{grid-template-columns:repeat(2,1fr)}
  .ct-system-row{grid-template-columns:1fr}
  .ct-system-stack:before{display:none}
  .ct-system-row-number{min-height:120px;border-right:0;border-bottom:1px solid #c8dce7}
  .ct-system-row-number:before{width:64px;height:64px}
  .ct-system-row-number span{font-size:50px}
  .ct-system-row-number small{margin-top:13px}
  .ct-system-row-copy,.ct-system-row-assets{padding:26px 22px}
  .ct-system-row-assets{grid-column:auto}
  .ct-system-outcome{grid-template-columns:1fr;gap:8px}
}
@media(max-width:460px){
  .ct-system-connection-band{grid-template-columns:1fr}
  .ct-system-connection-band span{min-height:72px}
}
