/* Page styles for /use-cases/msp-monetisation/, from v49-roboshadow-uc-msp-monetisation.html. */
:root{
  --bg0: #0e0f20;
  --bg1: #141531;
  --bg2: #1b1c40;
  --bg3: #232457;
  --sky: #b9d2ff;
  --line: rgba(255,255,255,.10);
  --line-hi: rgba(255,255,255,.17);
  --card: rgba(255,255,255,.045);
  --card-hi: rgba(255,255,255,.075);
}
body::before{
  background: linear-gradient(145deg,#202021 0%,#171739 100%) !important;
}
body::after{
  opacity: .6 !important;
}
.eyebrow{
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 0.24em;
}
.eyebrow::before{
  width: 28px;
}
.new{
  background: none !important;
  color: inherit !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn.primary{
  background: linear-gradient(100deg, #1552d6, #2a64ff);
  box-shadow: 0 8px 28px rgba(42, 100, 255, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.btn.primary:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(42, 100, 255, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.16);
  background: linear-gradient(100deg, #1447c8, #3a7aff);
}
.btn.ghost{
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
}
.btn.ghost:hover{
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}
.mega{
  background: #0d0e21 !important;
  box-shadow: 0 22px 60px rgba(0,60,177,.18) !important;
  transition: transform .16s ease;
}
.mega-link{
  transition: transform 0.18s, background 0.18s, color 0.18s;
}
section{
  padding: var(--section-pad-y, 50px) 0;
}
.section-head{
  margin-bottom: 48px;
}
.kicker{
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  color: var(--sky);
  display: inline-flex;
  margin-bottom: 1.2rem;
}
h2{
  line-height: 1.08;
  letter-spacing: -0.025em;
}
.section-head p{
  color: #c6cae0;
  font-size: 1.05rem;
  line-height: 1.65;
}
@media(max-width:640px){.gfx-flow .node{min-width:100%}}
.card{
  background: linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.028));
  box-shadow: var(--ds7-e1), inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.card:hover{
  transform: translateY(-4px);
  border-color: rgba(42,100,255,.5);
  box-shadow: 0 20px 60px rgba(42, 100, 255, 0.18);
}
.card .ic{
  background: linear-gradient(150deg,rgba(42,100,255,.25),rgba(42,100,255,.08));
  margin-bottom: 18px;
}
.card h3{
  font-size: 1.08rem;
}
.card p{
  color: #c8cce0;
  font-size: .92rem;
  line-height: 1.6;
}
.panel{
  background: linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.032));
}
.solx-cols{
  gap: 48px;
}
@media(max-width:760px){.merged-info-grid,.merged-info-meta{grid-template-columns:1fr;gap:34px}.merged-info{padding-top:56px}.merged-info-meta{margin-top:40px}}
.solx-panel{
  border: 0!important;
  border-radius: 0!important;
  padding: 0!important;
  background: none!important;
}
.solx-panel h4{
  font-size: .76rem;
  letter-spacing: .16em;
  color: #fff;
  margin-bottom: 52px;
}
.painrow li svg{
  flex: 0 0 20px;
  width: 18px;
  height: 18px;
  color: var(--gold);
}
.fixrow li{
  display: block;
  gap: 0;
}
.fixrow li svg{
  flex: 0 0 20px;
  width: 18px;
  height: 18px;
}
.solx-stats{
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.statchip{
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--r-lg);
  padding: 22px 18px;
  background: linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
}
.statchip .n{
  font-size: 2rem;
  line-height: 1.1;
}
.statchip .k{
  font-size: .82rem;
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.4;
}
.solx-quote{
  border-left: 4px solid var(--cobalt-glow);
  padding: 22px 0 22px 34px!important;
  margin-top: 28px;
  line-height: 1.65;
  max-width: 900px;
}
.solx-quote span{
  font-size: .79rem;
  color: var(--sky);
  margin-top: 11px;
  letter-spacing: .03em;
}
header.hero{
  padding: 88px 0 52px;
}
.hero-grid{
  gap: 52px;
}
.hero-pill{
  gap: 10px;
  padding: 7px 16px 7px 10px;
  background: linear-gradient(135deg,rgba(42,100,255,.12),rgba(42,100,255,.05));
  border: 1px solid rgba(42,100,255,.25);
  font-size: 0.76rem;
  margin-bottom: 20px;
}
.hero-pill .dot{
  box-shadow: 0 0 12px rgba(99,214,155,.7);
}
h1{
  font-size: clamp(2.7rem,5.4vw,4.35rem);
  line-height: 1.0;
  letter-spacing: -0.035em;
}
.hero-cta{
  gap: 16px;
  margin-top: 40px;
}
.hero-visual .glow{
  background: radial-gradient(58% 55% at 62% 42%,rgba(42,100,255,.5),transparent 70%);
  filter: blur(38px);
}
.hero-shot{
  filter: drop-shadow(0 34px 60px rgba(0,0,0,.6));
}
.floaty{
  background: rgba(14,16,34,.82);
  border: 1px solid var(--ds7-border-md);
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(0,0,0,.5), 0 0 20px rgba(42,100,255,.12);
}
.floaty .v{
  font-size: 1.3rem;
}
.floaty.a{
  right: -6%;
}
.floaty.b{
  left: -7%;
}
@media(max-width:520px){.vsgrid{grid-template-columns:1fr}}
.hero-meta{
  gap: 0;
  margin-top: 60px;
  padding-top: 40px;
}
.hero-meta .n{
  font-size: 2.15rem;
}
.logostrip{
  gap: 16px 18px;
  margin-top: 12px;
}
.logostrip img{
  height: 44px;
  opacity: 1;
  filter: grayscale(1) brightness(1.8) opacity(.75);
  transition: all .2s;
}
.logostrip img:hover{
  filter: grayscale(0) brightness(1) opacity(1);
}
.logostrip.small img{
  height: 38px;
}
@media(max-width:900px){.ucHero-flow{grid-template-columns:1fr;gap:20px}.ucHero-stack{grid-template-columns:repeat(3,1fr)}.ucHero-core{order:-1}.ucHero-labels,.ucHero-rails{display:none}.ucHero-stage{margin-left:20px;margin-right:20px}.ucHero-node{display:block;text-align:center}.ucHero-icon{margin:0 auto 9px}.ucHero-node:after{display:block;margin:10px auto 0}}
@media(max-width:560px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
.logowall .cell{
  height: 82px;
  border-radius: 16px;
  background: rgba(255,255,255,.045);
}
.logowall .cell img{
  max-height: 32px;
}
@media(max-width:820px){.autofix{grid-template-columns:1fr}}
.loop .step{
  border: 1px solid var(--line-hi);
  padding: 30px 28px;
  background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
}
.loop .step .num{
  font-size: .72rem;
}
.loop .step .arrow{
  background: rgba(14,16,34,.95);
}
.showtabs{
  gap: 6px;
  padding: 16px;
}
.showtabs button{
  font-size: .86rem;
  border-radius: 10px;
  padding: 9px 18px;
  transition: all .2s;
}
.showtabs button.on{
  background: linear-gradient(135deg,rgba(42,100,255,.25),rgba(42,100,255,.12));
  border-color: rgba(42,100,255,.45);
  box-shadow: 0 4px 12px rgba(42,100,255,.15);
}
.shot-frame{
  border: none;
  background: none;
}
.vschip{
  padding: 14px 17px;
  border-radius: 14px;
}
.vschip:hover{
  box-shadow: var(--ds7-e1);
}
.acc summary{
  background: linear-gradient(90deg,rgba(42,100,255,.08) 0%,transparent 80%);
}
.acc summary:hover{
  background: linear-gradient(90deg,rgba(42,100,255,.12) 0%,transparent 80%);
}
.acc summary .nm{
  font-size: 1.05rem;
}
.acc .body{
  padding: 20px 24px;
  gap: 24px;
}
.acc .body .col.strong{
  padding-right: 24px;
}
.acc .body .col h5{
  font-size: .72rem;
  letter-spacing: .14em;
  margin-bottom: 12px;
}
.acc .body li svg{
  width: 16px;
  height: 16px;
  margin-top: 3px;
}
footer.mega-footer{
  border-top: none;
  padding: 0 0 34px;
  margin-top: 60px;
  background: linear-gradient(180deg,transparent,rgba(8,9,20,.85));
}
.foot-brand{
  margin-bottom: 44px;
}
.foot-grid{
  grid-template-columns: repeat(5,1fr);
  gap: 28px;
}
.foot-col h5{
  color: var(--sky);
}
.minion-issues ul{
  gap: 12px;
  grid-template-columns: 1fr;
}
@media(max-width:720px){ .wk-quote{padding:28px 22px 26px 22px} .wk-quote>svg{position:static;display:block;margin-bottom:10px} }
.minion-issues li{
  display: grid;
  gap: 12px;
  align-items: start;
}
.minion-issues li::before{
  color: var(--gold);
  flex: 0 0 24px;
}
@media(prefers-reduced-motion:reduce){.ucHero-stage:before,.ucHero-node,.ucHero-node:after,.ucHero-orbit,.ucHero-ring,.ucHero-disc,.ucHero-rails path.spark{animation:none!important}}
section.band + section.band::before{
  width: min(1140px, 92%);
  background: var(--ds7-border-md);
}
.logostrip img{
  padding: 15px 22px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.6);
  background: #fff;
}
.pgrid{
  gap: 18px;
}
.pgrid a{
  display: flex;
  background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border: 1px solid var(--line-hi);
  border-radius: var(--r-lg);
  padding: 66px 22px 24px;
  transition: transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s;
}
.pgrid a:hover{
  border-color: rgba(42,100,255,.5);
  transform: translateY(-4px);
}
.pgrid .t{
  margin-bottom: 6px;
}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}}
.cmp-teaser{
  background: linear-gradient(160deg,rgba(42,100,255,.14),rgba(255,255,255,.02));
  border: 1px solid var(--line-hi);
}
.yt-band{
  background: linear-gradient(160deg,rgba(42,100,255,.10),rgba(255,255,255,.02));
  border: 1px solid var(--line-hi);
}
.gfx-gauge .g-face{
  box-shadow: inset 0 2px 12px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
}
.gfx-meter{
  gap: 18px;
}
.gfx-meter .track{
  height: 10px;
}
.gfx-meter .fill{
  box-shadow: 0 0 16px rgba(42,100,255,.55);
}
.gfx-flow{
  gap: 22px;
}
.gfx-flow .node{
  min-width: 200px;
  padding: 24px 22px;
  border-radius: var(--r-lg);
  background: linear-gradient(180deg,color-mix(in srgb,var(--step,var(--cobalt-glow)) 15%,transparent),rgba(255,255,255,.02) 58%,rgba(255,255,255,.012));
}
.gfx-flow .node .s{
  font-size: .64rem;
  color: var(--step);
}
.gfx-flow .node h5{
  font-size: 1.05rem;
  margin: 10px 0 7px;
}
.gfx-flow .node p{
  font-size: .85rem;
  line-height: 1.55;
}
.gfx-flow .node:not(:last-child)::after{
  transform: translateY(-50%) rotate(-45deg);
}
.statchip{
  box-shadow: 0 4px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05);
}
.statchip .n{
  letter-spacing: -.02em;
  font-weight: 700;
}
.statchip .k{
  letter-spacing: .01em;
}
@media (max-width: 640px){
.hero-cta{
  gap: 12px;
}
}
.statchip::before{
  background: linear-gradient(180deg,rgba(42,100,255,.4),transparent 50%);
  opacity: .3;
}
.statchip .k{
  color: var(--muted);
}
.pill-link{
  transition: transform 0.18s, color 0.18s;
}
.pill-link:hover{
  color: var(--cobalt-bright);
}
.statchip::before{
  content: "";
}
.btn:focus-visible{
  outline-offset: 3px;
}
.gfx-orbs,.wk-orbs,.aurora{
  display: none !important;
}
.mega{
  backdrop-filter: none !important;
}
:root{
  --panel: rgba(255,255,255,.035);
}
.solx-panel{
  box-shadow: none!important;
}
.solx-panel h4{
  padding-bottom: 44px;
}
.ucHero{
  padding: 72px 0 56px;
  overflow: hidden;
  isolation: isolate;
}
.ucHero-head{
  max-width: 930px;
  margin: auto;
  text-align: center;
  padding: 0 30px;
}
.ucHero-kicker{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 14px;
  border-radius: 100px;
  background: rgba(42,100,255,.08);
  box-shadow: 0 0 30px rgba(42,100,255,.1);
  color: #a9c3ff;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.ucHero-kicker:before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3f7bff;
  box-shadow: 0 0 12px #3f7bff;
}
.ucHero h1{
  font-size: clamp(2.35rem,4.8vw,4.25rem);
  line-height: 1.04;
  letter-spacing: -.045em;
  margin: 24px auto 18px;
  max-width: 19ch;
}
.ucHero-lede{
  max-width: 820px;
  margin: auto;
  color: #b7bdd3;
  font-size: clamp(.96rem,1.4vw,1.08rem);
  font-weight: 300;
  line-height: 1.7;
}
.ucHero-stage{
  position: relative;
  max-width: 1120px;
  min-height: 510px;
  margin: 50px auto 0;
  padding: 34px;
  overflow: hidden;
}
.ucHero-labels{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 24px;
  color: #7881a9;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.ucHero-labels span:nth-child(2){
  text-align: center;
}
.ucHero-labels span:last-child{
  text-align: right;
}
.ucHero-flow{
  display: grid;
  grid-template-columns: 220px minmax(260px,1fr) 220px;
  align-items: center;
  gap: 34px;
  position: relative;
  min-height: 350px;
}
.ucHero-stack{
  display: grid;
  gap: 14px;
  z-index: 2;
}
.ucHero-node{
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 76px;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg,rgba(28,32,66,.72),rgba(15,17,37,.28));
  box-shadow: 0 18px 40px rgba(0,0,0,.16),inset 16px 0 30px rgba(63,123,255,.035);
  animation: ucFloat 4.8s ease-in-out infinite;
}
.ucHero-node:nth-child(2){
  animation-delay: -1.6s;
}
.ucHero-node:nth-child(3){
  animation-delay: -3.2s;
}
.ucHero-node.out{
  background: linear-gradient(135deg,rgba(21,52,55,.42),rgba(15,17,37,.25));
  animation-name: ucFloatOut;
}
.ucHero-icon{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 12px;
  color: #8eb1ff;
  background: radial-gradient(circle,rgba(63,123,255,.25),rgba(42,100,255,.05));
  box-shadow: 0 0 24px rgba(42,100,255,.12);
}
.ucHero-node.out .ucHero-icon{
  color: #8ae4bb;
  background: radial-gradient(circle,rgba(99,214,155,.2),rgba(99,214,155,.035));
  box-shadow: 0 0 24px rgba(99,214,155,.1);
}
.ucHero-icon svg{
  width: 22px;
}
.ucHero-node strong{
  display: block;
  color: #f6f7fb;
  font-size: .86rem;
}
.ucHero-node small{
  display: block;
  color: #848baa;
  font-size: .67rem;
  line-height: 1.35;
  margin-top: 3px;
}
.ucHero-node:after{
  content: "";
  width: 28px;
  height: 3px;
  margin-left: auto;
  border-radius: 10px;
  background: linear-gradient(90deg,#3f7bff 55%,rgba(92,126,226,.14) 55%);
  box-shadow: 0 0 9px rgba(63,123,255,.32);
  animation: ucMeter 3.6s ease-in-out infinite;
}
.ucHero-node.out:after{
  background: linear-gradient(90deg,#63d69b 78%,rgba(99,214,155,.13) 78%);
  box-shadow: 0 0 9px rgba(99,214,155,.3);
}
.ucHero-core{
  position: relative;
  width: 300px;
  height: 300px;
  margin: auto;
  display: grid;
  place-items: center;
  z-index: 2;
}
.ucHero-orbit,.ucHero-ring{
  position: absolute;
  border-radius: 50%;
}
.ucHero-orbit{
  inset: 8px;
  border: 1px dashed rgba(96,133,255,.2);
  animation: ucSpin 30s linear infinite;
}
.ucHero-orbit.two{
  inset: 42px;
  border-style: solid;
  border-color: rgba(99,214,155,.09);
  animation-direction: reverse;
  animation-duration: 22s;
}
.ucHero-ring{
  inset: 72px;
  border: 1px solid rgba(63,123,255,.34);
  animation: ucRing 3.2s ease-out infinite;
}
.ucHero-ring.r2{
  animation-delay: 1.05s;
}
.ucHero-ring.r3{
  animation-delay: 2.1s;
}
.ucHero-disc{
  width: 134px;
  height: 134px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  background: radial-gradient(circle at 36% 28%,#3f7bff,#153c9f 55%,#0e225d);
  box-shadow: 0 0 65px rgba(42,100,255,.42);
  animation: ucPulse 3.2s ease-in-out infinite;
  z-index: 3;
}
.ucHero-disc svg{
  width: 31px;
  margin: 0 auto 7px;
}
.ucHero-disc b{
  display: block;
  font-size: .79rem;
}
.ucHero-disc span{
  display: block;
  color: #cbd9ff;
  font-size: .58rem;
}
.ucHero-chip{
  position: absolute;
  padding: 6px 10px;
  border-radius: 100px;
  background: rgba(12,14,31,.68);
  box-shadow: 0 0 22px rgba(63,123,255,.09);
  color: #aeb6d4;
  font-size: .6rem;
  z-index: 4;
}
.ucHero-chip.c1{
  top: 32px;
  left: 19px;
}
.ucHero-chip.c2{
  right: 4px;
  top: 72px;
}
.ucHero-chip.c3{
  left: 2px;
  bottom: 63px;
}
.ucHero-chip.c4{
  right: 15px;
  bottom: 36px;
}
.ucHero-rails{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.ucHero-rails path{
  fill: none;
  stroke: rgba(92,126,226,.23);
  stroke-width: 1.5;
}
.ucHero-rails path.spark{
  stroke: #6f9cff;
  stroke-width: 2.4;
  stroke-dasharray: 18 150;
  filter: drop-shadow(0 0 6px #3f7bff);
  animation: ucMarch 3.2s linear infinite;
}
.ucHero-rails path.outSpark{
  stroke: #72d7aa;
  filter: drop-shadow(0 0 6px #63d69b);
  animation-delay: 1.55s;
}
.ucHero-frameworks{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  max-width: 820px;
  margin: 8px auto 0;
}
.ucHero-frameworks span{
  position: relative;
  padding: 8px 12px 8px 25px;
  border-radius: 100px;
  background: rgba(35,42,78,.48);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  color: #c5cee8;
  font-size: .62rem;
}
.ucHero-frameworks span:before{
  content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #63d69b;
  box-shadow: 0 0 10px rgba(99,214,155,.8);
  transform: translateY(-50%);
}
.ucHero-caption{
  text-align: center;
  color: #858daa;
  font-size: .72rem;
  margin-top: 22px;
}
.ucHero-caption b{
  color: #cfd5ea;
}
.ucHero .hero-cta{
  justify-content: center;
  margin-top: 30px;
}
@keyframes ucAmbient{50%{transform:translate(2%,-2%) scale(1.05)}}
@keyframes ucFloat{50%{transform:translateY(-7px);background-color:rgba(31,38,80,.5)}}
@keyframes ucFloatOut{50%{transform:translateY(-7px);background-color:rgba(24,65,57,.36)}}
@keyframes ucMeter{50%{transform:scaleX(.72);opacity:.55}}
@keyframes ucSpin{to{transform:rotate(360deg)}}
@keyframes ucRing{0%{transform:scale(.58);opacity:0}18%{opacity:.7}100%{transform:scale(1.12);opacity:0}}
@keyframes ucPulse{50%{transform:scale(1.04);box-shadow:0 0 82px rgba(42,100,255,.56)}}
@keyframes ucMarch{to{stroke-dashoffset:-168}}
@media(max-width:620px){.ucHero{padding-top:52px}.ucHero-stage{padding:26px 16px}.ucHero-stack{grid-template-columns:1fr}.ucHero-node{display:flex;text-align:left;min-height:68px}.ucHero-icon{margin:0}.ucHero-node:after{margin-left:auto}.ucHero-core{width:270px;height:270px}.ucHero-frameworks{gap:6px}}
.card,.panel,.loop .step,.showcase,.vschip,.logowall .cell,.statchip,[class*="Hero-node"]{
  border-color: transparent!important;
  border-width: 0!important;
}
.card::before,.panel::before,.loop .step::before,.showcase::before,.vschip::before,.logowall .cell::before,.statchip::before,[class*="Hero-node"]::before{
  display: none!important;
}
.merged-info .section-head .kicker{
  border: 1px solid rgba(122,162,255,.24);
  color: #9ab7ff;
  background: rgba(42,100,255,.08);
}
.merged-info-title,.merged-info-meta,.merged-info-meta>div{
  border: 0!important;
}
.merged-info-list li::before{
  color: #9aa4c0;
}
.merged-info-meta .k,.merged-info .section-head h2 .grad{
  color: #aeb7d2!important;
  -webkit-text-fill-color: #aeb7d2!important;
}
.merged-info{
  --accent: #3f7bff;
}
.merged-info .section-head{
  opacity: 1!important;
  transform: none!important;
  max-width: 860px;
}
.merged-info-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 46px;
}
.merged-info-title{
  font-size: 1.08rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 700;
  margin: 0 0 24px;
  padding-bottom: 0;
  border-bottom: 2px solid;
  color: #f2f4fb;
  border-color: rgba(174,183,210,.42);
}
.merged-info-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 22px;
}
.merged-info-list li{
  position: relative;
  padding-left: 28px;
  color: #c8cde0;
  font-weight: 300;
  line-height: 1.6;
}
.merged-info-list li::before{
  content: "";
  position: absolute;
}
.merged-info-list.problem li::before{
  left: 5px;
  top: .69em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}
.merged-info-list.answer li::before{
  left: 2px;
  top: .38em;
  width: 7px;
  height: 13px;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.merged-info-list b{
  color: #fff;
  font-weight: 600;
}
.merged-info-meta{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 52px;
  padding-top: 34px;
  border-top: 1px solid var(--line-hi);
}
.merged-info-meta>div{
  padding-left: 0;
  border-left: 0;
}
.merged-info-meta .k{
  display: block;
  color: #7aa2ff;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.merged-info-meta p{
  color: var(--muted);
  font-weight: 300;
  line-height: 1.65;
  margin: 0;
}
.merged-info .section-head{
  margin-bottom: 0;
}
.merged-info .section-head .kicker{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 12px;
  border-radius: 999px;
  letter-spacing: .16em;
}
.merged-info .section-head h2{
  margin-top: 22px;
  color: #f5f7ff;
}
.merged-info .section-head h2 .grad{
  background: none;
  -webkit-text-fill-color: #7aa2ff;
  color: #7aa2ff;
}
.merged-info .section-head p{
  color: #c8cde0;
  font-size: 1.02rem;
  line-height: 1.7;
}
.merged-info-title{
  border: 0;
  margin-bottom: 26px;
}