/* Page styles for /platform/device-compliance/, from v49-roboshadow-device-compliance.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: radial-gradient(1000px 640px at 82% -8%, rgba(60,120,255,.24), transparent 60%),
  radial-gradient(820px 560px at 6% 10%, rgba(96,74,190,.30), transparent 62%),
  radial-gradient(760px 560px at 100% 104%, rgba(50,170,196,.14), transparent 60%),
  linear-gradient(165deg,#0e0f20 0%,#141531 46%,#191a42 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{
  box-shadow: var(--ds7-e2);
}
.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){body{overflow-x:hidden}.dc44-qa,.dc44-meta{grid-template-columns:1fr}.dc44-q+div,.dc44-meta>div+div{border-left:0;border-top:1px solid var(--line)}.dc44-q,.dc44-meta>div{padding:25px 22px}.dc44-app{grid-template-columns:minmax(0,1fr);min-width:0}.dc44-side{display:none}.dc44-overview{grid-template-columns:1fr}.dc44-statgrid{grid-template-columns:repeat(3,1fr)}.dc44-pop{display:none}.dc44-content{padding:22px 15px;min-width:0;overflow:hidden}.dc44-tabs{gap:13px;overflow:hidden;white-space:nowrap}.dc44-table{table-layout:fixed}.dc44-table th:nth-child(2),.dc44-table td:nth-child(2),.dc44-table th:nth-child(3),.dc44-table td:nth-child(3){display:none}.dc44-table th,.dc44-table td{padding-left:5px;padding-right:5px}.dc44-status{white-space:nowrap}}
.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){.pgrid{grid-template-columns:1fr 1fr}}
@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){.dc44-orbit,.dc44-float{animation:none}}
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){.dc44-hero{padding-top:42px}.dc44-copy h1{font-size:2.75rem}.dc44-world{min-height:465px;transform:scale(.83);margin:-28px -50px}.dc44-info{text-align:left}.dc44-float.vulns,.dc44-float.patch{right:-12px}.dc44-float.benchmark,.dc44-float.encrypt{left:-12px}}
.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;
}
:root{
  --panel: rgba(255,255,255,.035);
}
.solx-panel{
  box-shadow: none!important;
}
.solx-panel h4{
  padding-bottom: 44px;
}
.dc-simple{
  --dc-cobalt: #2f6bff;
  --dc-edge: #5b8bff;
  --dc-ink: #e8ecff;
  --dc-muted: #9aa3c7;
  --dc-mint: #7ee0b8;
  max-width: 1240px;
  margin: 0 auto;
  padding: 8px 24px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: 'Poppins',sans-serif;
  color: var(--dc-ink);
}
.dc-simple .dc-kick{
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--dc-edge);
  margin-bottom: 6px;
}
.dc-simple h2{
  font-weight: 800;
  font-size: clamp(22px,3vw,32px);
  margin: 0 0 6px;
  letter-spacing: .3px;
  line-height: 1.15;
}
.dc-simple h2 .g{
  background: linear-gradient(90deg,#5b8bff,#7fd4ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.dc-simple .dc-sub{
  font-weight: 300;
  color: var(--dc-muted);
  font-size: 14.5px;
  margin: 0 auto;
  max-width: 600px;
  line-height: 1.55;
}
.dc-core{
  position: relative;
  width: 520px;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 18px 0 2px;
}
.dc-core-glow{
  position: absolute;
  width: 240px;
  height: 240px;
  left: calc(50% - 120px);
  top: calc(50% - 120px);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 45%,rgba(47,107,255,.5),rgba(47,107,255,.08) 60%,transparent 72%);
  filter: blur(6px);
  animation: dcpulse 3.4s ease-in-out infinite;
}
@keyframes dcpulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
.dc-streams{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}
.dc-streams .rail line{
  stroke: rgba(126,224,184,.22);
  stroke-width: 2;
  stroke-linecap: round;
}
.dc-streams .spark line{
  stroke: var(--dc-mint);
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-dasharray: 26 168;
  filter: drop-shadow(0 0 9px rgba(126,224,184,.95));
  animation: dcRay 6s linear infinite;
}
.dc-streams .spark line:nth-child(1){
  animation-delay: 0s;
}
.dc-streams .spark line:nth-child(2){
  animation-delay: .06s;
}
.dc-streams .spark line:nth-child(3){
  animation-delay: .12s;
}
.dc-streams .spark line:nth-child(4){
  animation-delay: .18s;
}
.dc-streams .spark line:nth-child(5){
  animation-delay: .24s;
}
.dc-streams .spark line:nth-child(6){
  animation-delay: .30s;
}
.dc-streams .spark line:nth-child(7){
  animation-delay: .36s;
}
.dc-streams .spark line:nth-child(8){
  animation-delay: .42s;
}
@keyframes dcRay{0%{stroke-dashoffset:0;opacity:0}4%{opacity:1}46%{stroke-dashoffset:-186;opacity:1}52%,100%{stroke-dashoffset:-186;opacity:0}}
.dc-node{
  position: absolute;
  z-index: 4;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 13px 6px 6px;
  border-radius: 999px;
  background: rgba(9,14,34,.92);
  border: 1px solid rgba(120,150,255,.28);
  box-shadow: 0 8px 20px -8px rgba(0,0,0,.8);
  white-space: nowrap;
  transition: border-color .2s;
  animation: dcOrbitGlow 6s ease-out infinite;
}
.dc-node:hover{
  border-color: rgba(91,139,255,.6);
}
.dc-node-i{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(47,107,255,.16);
}
.dc-node-i svg{
  width: 16px;
  height: 16px;
  color: #cfe0ff;
}
.dc-node-t{
  font-size: 12.5px;
  font-weight: 600;
  color: #dce4ff;
  letter-spacing: .2px;
}
.dc-node:nth-child(even){
  animation-delay: .4s;
}
@keyframes dcOrbitGlow{ 0%,26%,100%{border-color:rgba(120,150,255,.28);box-shadow:0 8px 20px -8px rgba(0,0,0,.8)} 8%{border-color:rgba(126,224,184,.7);box-shadow:0 0 22px rgba(126,224,184,.6),0 8px 20px -8px rgba(0,0,0,.8)}}
.dc-core-disc{
  position: relative;
  z-index: 3;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: radial-gradient(circle at 38% 32%,#4d84ff,#1c48c9 72%);
  border: 2px solid rgba(150,185,255,.7);
  box-shadow: 0 0 42px rgba(47,107,255,.7),inset 0 2px 10px rgba(255,255,255,.35);
  animation: dcCoreFlare 6s cubic-bezier(.4,0,.2,1) infinite;
}
.dc-core-disc svg{
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.45));
}
.dc-core-disc b{
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  letter-spacing: .2px;
  text-shadow: 0 2px 6px rgba(0,0,0,.35);
}
@keyframes dcCoreFlare{ 0%,32%,100%{box-shadow:0 0 42px rgba(47,107,255,.7),inset 0 2px 10px rgba(255,255,255,.35);filter:brightness(1)} 7%{box-shadow:0 0 74px 8px rgba(126,224,184,.8),0 0 130px rgba(47,107,255,.5),inset 0 2px 14px rgba(255,255,255,.55);filter:brightness(1.25)} 18%{box-shadow:0 0 52px rgba(91,139,255,.6),inset 0 2px 10px rgba(255,255,255,.4);filter:brightness(1.08)}}
.dc-simple .dc-foot{
  font-size: 12.5px;
  font-weight: 300;
  color: var(--dc-muted);
  margin-top: 8px;
  letter-spacing: .2px;
}
.dc-simple .dc-foot b{
  color: #9db8ff;
  font-weight: 600;
}
@media (prefers-reduced-motion: reduce){
.dc-core-glow,.dc-core-disc,.dc-node,.dc-streams .spark line{
  animation: none !important;
}
}
@media (max-width:640px){
.dc-simple{
  overflow: hidden;
}
.dc-core{
  transform: scale(.74);
}
}
@media (max-width:440px){
.dc-core{
  transform: scale(.58);
}
}
.dv-embed{
  --bg0: #0a0e23;
  --bg1: #0b1330;
  --bg2: #101a3d;
  --cobalt: #2f6bff;
  --edge: #5b8bff;
  --slate: #555c80;
  --ink: #e8ecff;
  --muted: #9aa3c7;
  --mint: #7ee0b8;
  --glass: rgba(255,255,255,.035);
  --gline: rgba(120,150,255,.16);
  font-family: 'Poppins',sans-serif;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
.intro{
  max-width: 1240px;
  margin: 26px auto 0;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.intro .kick{
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--edge);
  margin-bottom: 8px;
}
.intro h2{
  font-weight: 800;
  font-size: clamp(24px,3.4vw,38px);
  margin: 2px 0 2px;
  letter-spacing: .3px;
}
.intro h2 .g{
  background: linear-gradient(90deg,#5b8bff,#7fd4ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.intro .sub{
  font-weight: 300;
  color: var(--muted);
  font-size: 14px;
  margin-top: 4px;
  max-width: 660px;
}
.bandwrap{
  padding: 6px 20px 24px;
}
.bandcard{
  max-width: 1240px;
  margin: 8px auto 0;
  zoom: .72;
  background: linear-gradient(180deg, rgba(16,26,61,.55), rgba(11,19,48,.35));
  border: 1px solid rgba(120,150,255,.14);
  border-radius: 24px;
  padding: 34px 28px 30px;
  box-shadow: 0 30px 80px -40px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);
  overflow: hidden;
}
.dv-grid{
  display: grid;
  grid-template-columns: 1fr 1.12fr 1fr;
  gap: 30px;
  position: relative;
  align-items: stretch;
}
.dv-grid > .dv-col:nth-child(1),.dv-grid > .dv-col:nth-child(3){
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
}
.dv-gtitle{
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--edge);
  margin: 0 0 11px 2px;
}
.dv-col:nth-child(3) .dv-gtitle{
  text-align: right;
}
.dv-gtitle.gbig{
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: none;
  color: rgba(150,184,255,.95);
  margin: 0 0 6px 2px;
  text-shadow: 0 3px 22px rgba(47,107,255,.4);
}
.dv-gsub{
  font-size: 11.5px;
  font-weight: 300;
  color: var(--muted);
  margin: 0 0 18px 2px;
}
.dv-col:nth-child(3) .dv-gsub{
  text-align: right;
}
.dv-col:nth-child(1) .dv-group:first-child,.dv-col:nth-child(3) .dv-group:first-child{
  margin-top: -40px;
}
.dv-engine{
  margin-top: 20px;
}
.dv-node{
  background: rgba(47,107,255,.06);
  border: 1px solid rgba(91,139,255,.28);
  border-radius: 15px;
  padding: 15px 17px;
  margin-bottom: 11px;
  display: flex;
  gap: 14px;
  align-items: center;
  transition: .2s;
  width: 262px;
  max-width: 100%;
}
.dv-node:last-child{
  margin-bottom: 0;
}
.dv-node:hover{
  border-color: rgba(91,139,255,.55);
  background: rgba(47,107,255,.1);
  transform: translateY(-2px);
}
.dv-ico{
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,rgba(47,107,255,.32),rgba(47,107,255,.12));
  border: 1px solid rgba(91,139,255,.4);
}
.dv-ico svg{
  width: 22px;
  height: 22px;
  color: #cfe0ff;
}
.dv-node .ttl{
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}
.dv-node .ttl small{
  display: block;
  font-size: 11px;
  font-weight: 300;
  color: var(--muted);
  white-space: normal;
  margin-top: 2px;
}
.dv-engine{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dv-core{
  position: relative;
  width: 320px;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 4px;
}
.dv-core-glow{
  position: absolute;
  inset: 34px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 45%, rgba(47,107,255,.5), rgba(47,107,255,.08) 60%, transparent 72%);
  filter: blur(6px);
  animation: dvpulse 3.4s ease-in-out infinite;
}
@keyframes dvpulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}
.dv-core-disc{
  position: relative;
  z-index: 3;
  width: 158px;
  height: 158px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: radial-gradient(circle at 38% 32%, #4d84ff, #1c48c9 72%);
  border: 2px solid rgba(150,185,255,.7);
  box-shadow: 0 0 42px rgba(47,107,255,.7), inset 0 2px 10px rgba(255,255,255,.35);
}
.op-core-svg{
  width: 44px;
  height: 44px;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.45));
}
.dv-core-disc b{
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1.05;
  text-align: center;
  letter-spacing: .2px;
  text-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.dv-orbit{
  position: absolute;
  z-index: 4;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(9,14,34,.9);
  border: 1px solid rgba(120,150,255,.28);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px -8px rgba(0,0,0,.8);
  transition: .2s;
}
.dv-orbit:hover{
  transform: scale(1.12);
  border-color: rgba(91,139,255,.6);
}
.dv-orbit svg{
  width: 23px;
  height: 23px;
  color: #cfe0ff;
}
.dv-corelabel{
  text-align: center;
  margin: 0 0 14px;
}
.dv-corelabel span{
  display: inline-block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .3px;
  color: #eaf1ff;
  background: none;
  border: none;
  padding: 0;
  line-height: 1.15;
  text-shadow: 0 3px 18px rgba(47,107,255,.6);
}
.dv-corelabel .hl{
  color: #7fd4ff;
}
.dv-applist{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 420px;
  margin: 16px auto 0;
  padding: 11px 12px;
  border-radius: 16px;
  background: rgba(47,107,255,.07);
  border: 1px solid rgba(91,139,255,.24);
}
.dv-chip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 600;
  color: #d7ddf3;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--gline);
  border-radius: 100px;
  padding: 6px 12px;
}
.dv-chip b{
  color: #7fd4ff;
  font-weight: 700;
}
.dv-chip svg{
  width: 13px;
  height: 13px;
  color: var(--mint);
  flex: none;
}
.dv-caps{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  width: 100%;
  max-width: 420px;
  margin-top: 16px;
}
.dv-cap{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 14px;
  min-width: 0;
  background: rgba(47,107,255,.1);
  border: 1px solid rgba(91,139,255,.32);
  transition: .2s;
}
.dv-cap:hover{
  border-color: rgba(91,139,255,.6);
  background: rgba(47,107,255,.16);
  transform: translateY(-2px);
}
.capico{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg,#3f78ff,#1c48c9);
  box-shadow: 0 6px 16px -8px rgba(47,107,255,.9);
}
.capico svg{
  width: 19px;
  height: 19px;
  color: #fff;
}
.dv-cap .capt{
  font-size: 12.5px;
  font-weight: 600;
  color: #eaf0ff;
  line-height: 1.2;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}
.dv-out{
  background: var(--glass);
  border: 1px solid var(--gline);
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  width: 262px;
  max-width: 100%;
  margin-left: auto;
}
.dv-out:last-child{
  margin-bottom: 0;
}
.dv-out .oico{
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(47,107,255,.14);
  border: 1px solid rgba(91,139,255,.3);
}
.dv-out .oico svg{
  width: 16px;
  height: 16px;
  color: #bcd0ff;
}
.dv-out .ot{
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
}
.dv-out .ot b{
  color: #7fd4ff;
  font-weight: 800;
}
.dv-out.ok .oico{
  background: rgba(126,224,184,.16);
  border-color: rgba(126,224,184,.45);
}
.dv-out.ok .oico svg{
  color: var(--mint);
}
.dv-out.ok .ot b{
  color: var(--mint);
}
.dv-brands{
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 262px;
  margin-left: auto;
}
.dv-brand{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 13px;
  border-radius: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--gline);
}
.dv-brand .bico{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(47,107,255,.14);
  border: 1px solid rgba(91,139,255,.3);
}
.dv-brand .bico svg{
  width: 18px;
  height: 18px;
  color: #bcd0ff;
}
.dv-brand .bwrap{
  line-height: 1.25;
  min-width: 0;
}
.dv-brand .bname{
  font-size: 12.5px;
  font-weight: 700;
  color: #eaf0ff;
}
.dv-brand .btxt{
  font-size: 11px;
  font-weight: 300;
  color: var(--muted);
}
.dv-cov{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 262px;
}
.dv-covchip{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 600;
  color: #d7ddf3;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--gline);
  border-radius: 100px;
  padding: 7px 12px;
}
.dv-covchip b{
  color: #7fd4ff;
  font-weight: 700;
}
.dv-covchip svg{
  width: 13px;
  height: 13px;
  color: var(--mint);
  flex: none;
}
.dv-flow{
  position: absolute;
  top: 150px;
  display: flex;
  gap: 2px;
  color: var(--edge);
  opacity: .85;
  pointer-events: none;
}
.dv-flow svg{
  width: 22px;
  height: 22px;
  animation: dvflow 1.8s ease-in-out infinite;
  will-change: transform,opacity,filter;
}
.dv-flow svg:nth-child(2){
  animation-delay: .18s;
}
.dv-flow svg:nth-child(3){
  animation-delay: .36s;
}
.dv-flow svg:nth-child(4){
  animation-delay: .54s;
}
.dv-flow svg:nth-child(5){
  animation-delay: .72s;
}
@keyframes dvflow{ 0%,100%{opacity:.22;transform:translateX(-4px);filter:drop-shadow(0 0 0 rgba(126,224,184,0))} 50%{opacity:1;transform:translateX(4px);filter:drop-shadow(0 0 8px rgba(126,224,184,.75))} }
.dv-flow-l{
  left: calc(33.33% - 44px);
}
.dv-flow-r{
  right: calc(33.33% - 44px);
}
.dv-embed{
  --rsd: 6s;
}
.dv-node{
  animation: rsFlashNode var(--rsD) ease-out infinite;
}
.dv-node:nth-child(2){
  animation-delay: .10s;
}
.dv-node:nth-child(3){
  animation-delay: .28s;
}
.dv-node:nth-child(4){
  animation-delay: .46s;
}
.dv-node:nth-child(5){
  animation-delay: .64s;
}
.dv-node:nth-child(6){
  animation-delay: .82s;
}
.dv-node:nth-child(7){
  animation-delay: 1.00s;
}
@keyframes rsFlashNode{ 0%,22%,100%{border-color:rgba(91,139,255,.28);background:rgba(47,107,255,.06);box-shadow:0 0 0 0 rgba(126,224,184,0)} 5%{border-color:rgba(126,224,184,.75);background:rgba(47,107,255,.13);box-shadow:0 0 26px 2px rgba(126,224,184,.5)} 13%{border-color:rgba(91,139,255,.5);background:rgba(47,107,255,.09);box-shadow:0 0 10px rgba(91,139,255,.3)} }
.dv-node .dv-ico{
  animation: rsFlashIco var(--rsD) ease-out infinite;
}
.dv-node:nth-child(2) .dv-ico{
  animation-delay: .10s;
}
.dv-node:nth-child(3) .dv-ico{
  animation-delay: .28s;
}
.dv-node:nth-child(4) .dv-ico{
  animation-delay: .46s;
}
.dv-node:nth-child(5) .dv-ico{
  animation-delay: .64s;
}
.dv-node:nth-child(6) .dv-ico{
  animation-delay: .82s;
}
.dv-node:nth-child(7) .dv-ico{
  animation-delay: 1.00s;
}
@keyframes rsFlashIco{ 0%,22%,100%{background:linear-gradient(180deg,rgba(47,107,255,.32),rgba(47,107,255,.12));filter:drop-shadow(0 0 0 rgba(126,224,184,0))} 5%{background:linear-gradient(180deg,rgba(126,224,184,.6),rgba(91,139,255,.32));filter:drop-shadow(0 0 12px rgba(126,224,184,.75))} 13%{background:linear-gradient(180deg,rgba(47,107,255,.42),rgba(47,107,255,.18));filter:drop-shadow(0 0 4px rgba(91,139,255,.35))} }
.dv-core-disc{
  animation: rsCoreFlare var(--rsD) cubic-bezier(.4,0,.2,1) infinite;
  animation-delay: 1.15s;
}
@keyframes rsCoreFlare{ 0%,32%,100%{box-shadow:0 0 42px rgba(47,107,255,.7),inset 0 2px 10px rgba(255,255,255,.35);filter:brightness(1)} 7%{box-shadow:0 0 74px 8px rgba(126,224,184,.8),0 0 130px rgba(47,107,255,.5),inset 0 2px 14px rgba(255,255,255,.55);filter:brightness(1.25)} 18%{box-shadow:0 0 52px rgba(91,139,255,.6),inset 0 2px 10px rgba(255,255,255,.4);filter:brightness(1.08)} }
.dv-orbit{
  animation: rsOrbitGlow var(--rsD) ease-out infinite;
  animation-delay: 1.3s;
}
.dv-orbit:nth-child(even){
  animation-delay: 1.42s;
}
@keyframes rsOrbitGlow{ 0%,26%,100%{border-color:rgba(120,150,255,.28);box-shadow:0 8px 20px -8px rgba(0,0,0,.8)} 8%{border-color:rgba(126,224,184,.7);box-shadow:0 0 22px rgba(126,224,184,.6),0 8px 20px -8px rgba(0,0,0,.8)} }
.dv-out{
  animation: rsFlashOut var(--rsD) ease-out infinite;
}
.dv-out:nth-child(2){
  animation-delay: 2.00s;
}
.dv-out:nth-child(3){
  animation-delay: 2.18s;
}
.dv-out:nth-child(4){
  animation-delay: 2.36s;
}
.dv-out:nth-child(5){
  animation-delay: 2.54s;
}
.dv-out:nth-child(6){
  animation-delay: 2.72s;
}
.dv-out:nth-child(7){
  animation-delay: 2.90s;
}
@keyframes rsFlashOut{ 0%,22%,100%{border-color:var(--gline);background:var(--glass);box-shadow:0 0 0 0 rgba(126,224,184,0)} 5%{border-color:rgba(126,224,184,.7);background:rgba(47,107,255,.1);box-shadow:0 0 26px 2px rgba(126,224,184,.5)} 13%{border-color:rgba(91,139,255,.4);background:rgba(47,107,255,.06);box-shadow:0 0 10px rgba(91,139,255,.28)} }
.dv-out .oico{
  animation: rsFlashOico var(--rsD) ease-out infinite;
}
.dv-out:nth-child(2) .oico{
  animation-delay: 2.00s;
}
.dv-out:nth-child(3) .oico{
  animation-delay: 2.18s;
}
.dv-out:nth-child(4) .oico{
  animation-delay: 2.36s;
}
.dv-out:nth-child(5) .oico{
  animation-delay: 2.54s;
}
.dv-out:nth-child(6) .oico{
  animation-delay: 2.72s;
}
.dv-out:nth-child(7) .oico{
  animation-delay: 2.90s;
}
@keyframes rsFlashOico{ 0%,22%,100%{filter:drop-shadow(0 0 0 rgba(126,224,184,0))} 5%{filter:drop-shadow(0 0 12px rgba(126,224,184,.75))} 13%{filter:drop-shadow(0 0 4px rgba(91,139,255,.35))} }
.dv-cap{
  animation: rsFlashCap var(--rsD) ease-out infinite;
}
.dv-cap:nth-child(1){
  animation-delay: 1.85s;
}
.dv-cap:nth-child(2){
  animation-delay: 2.00s;
}
.dv-cap:nth-child(3){
  animation-delay: 2.15s;
}
.dv-cap:nth-child(4){
  animation-delay: 2.30s;
}
.dv-cap:nth-child(5){
  animation-delay: 2.45s;
}
.dv-cap:nth-child(6){
  animation-delay: 2.60s;
}
@keyframes rsFlashCap{ 0%,20%,100%{border-color:rgba(91,139,255,.32);background:rgba(47,107,255,.1)} 6%{border-color:rgba(126,224,184,.55);background:rgba(47,107,255,.17);box-shadow:0 0 18px -2px rgba(126,224,184,.4)} }
.dv-brand{
  animation: rsFlashBadge var(--rsD) ease-out infinite;
}
.dv-brand:nth-child(1){
  animation-delay: 2.80s;
}
.dv-brand:nth-child(2){
  animation-delay: 2.95s;
}
.dv-brand:nth-child(3){
  animation-delay: 3.10s;
}
@keyframes rsFlashBadge{ 0%,18%,100%{border-color:var(--gline);background:rgba(255,255,255,.05);box-shadow:0 0 0 rgba(126,224,184,0)} 6%{border-color:rgba(126,224,184,.6);background:rgba(126,224,184,.08);box-shadow:0 0 18px rgba(126,224,184,.45)} }
.dv-out::before,.dv-brand::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -26px;
  width: 22px;
  height: 2px;
  margin-top: -1px;
  border-radius: 2px;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(126,224,184,0),rgba(126,224,184,.4));
  opacity: .22;
}
.dv-out::after,.dv-brand::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: var(--mint);
  box-shadow: 0 0 9px 2px rgba(126,224,184,.85);
  animation: rsStreamIn var(--rsD) ease-out infinite;
}
@keyframes rsStreamIn{ 0%,100%{opacity:0;left:-28px} 1%{opacity:0;left:-28px} 4%{opacity:1;left:-20px} 7%{opacity:1;left:-6px} 11%{opacity:0;left:2px} }
.dv-out:nth-child(2)::after{
  animation-delay: 2.00s;
}
.dv-out:nth-child(3)::after{
  animation-delay: 2.18s;
}
.dv-out:nth-child(4)::after{
  animation-delay: 2.36s;
}
.dv-out:nth-child(5)::after{
  animation-delay: 2.54s;
}
.dv-out:nth-child(6)::after{
  animation-delay: 2.72s;
}
.dv-out:nth-child(7)::after{
  animation-delay: 2.90s;
}
.dv-brand:nth-child(1)::after{
  animation-delay: 2.80s;
}
.dv-brand:nth-child(2)::after{
  animation-delay: 2.95s;
}
.dv-brand:nth-child(3)::after{
  animation-delay: 3.10s;
}
.dv-streams{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}
.dv-streams .rail line{
  stroke: rgba(126,224,184,.24);
  stroke-width: 2;
  stroke-linecap: round;
}
.dv-streams .spark line{
  stroke: var(--mint);
  stroke-width: 3.2;
  stroke-linecap: round;
  stroke-dasharray: 26 168;
  filter: drop-shadow(0 0 9px rgba(126,224,184,.95));
  animation: rsRay var(--rsD) linear infinite;
}
.dv-streams .spark line:nth-child(1){
  animation-delay: 1.20s;
}
.dv-streams .spark line:nth-child(2){
  animation-delay: 1.26s;
}
.dv-streams .spark line:nth-child(3){
  animation-delay: 1.32s;
}
.dv-streams .spark line:nth-child(4){
  animation-delay: 1.38s;
}
.dv-streams .spark line:nth-child(5){
  animation-delay: 1.44s;
}
.dv-streams .spark line:nth-child(6){
  animation-delay: 1.50s;
}
@keyframes rsRay{ 0%{stroke-dashoffset:0;opacity:0} 4%{opacity:1} 46%{stroke-dashoffset:-186;opacity:1} 52%,100%{stroke-dashoffset:-186;opacity:0} }
@media (prefers-reduced-motion: reduce){
.dv-flow svg,.dv-node,.dv-node .dv-ico,.dv-out,.dv-out .oico,.dv-cap,.dv-brand,.dv-orbit,.dv-core-disc,.dv-core-glow,.dv-streams .spark line,.dv-out::after,.dv-brand::after{
  animation: none !important;
}
.dv-out::after,.dv-brand::after{
  opacity: 0 !important;
}
}
@media (max-width:960px){
.dv-grid{
  grid-template-columns: 1fr;
  gap: 34px;
}
.dv-flow{
  display: none;
}
.dv-brands,.dv-cov,.dv-gtitle,.dv-gsub{
  justify-content: center;
  text-align: center;
}
.dv-col:nth-child(3) .dv-gtitle,.dv-col:nth-child(3) .dv-gsub{
  text-align: center;
}
.dv-node,.dv-out,.dv-brands,.dv-cov{
  margin-left: auto;
  margin-right: auto;
}
.dv-cov{
  justify-content: center;
}
.dv-col:nth-child(1) .dv-group:first-child,.dv-col:nth-child(3) .dv-group:first-child{
  margin-top: 0;
}
}
.dc44-hero{
  padding: 64px 0 36px;
  overflow: hidden;
  position: relative;
}
.dc44-hero:before{
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  right: -180px;
  top: -230px;
  background: radial-gradient(circle,rgba(42,100,255,.22),transparent 66%);
  pointer-events: none;
}
.dc44-grid{
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(460px,1.08fr);
  gap: 62px;
  align-items: center;
}
.dc44-copy{
  text-align: left;
  position: relative;
  z-index: 2;
}
.dc44-copy .kicker{
  margin-bottom: 18px;
}
.dc44-copy h1{
  font-size: clamp(2.7rem,5vw,4.7rem);
  line-height: .98;
  letter-spacing: -.045em;
  max-width: 10.5ch;
  margin: 0 0 22px;
}
.dc44-copy>p{
  font-size: 1.04rem;
  line-height: 1.72;
  color: var(--muted);
  max-width: 590px;
  margin: 0;
}
.dc44-copy .hero-cta{
  justify-content: flex-start;
  margin-top: 28px;
}
.dc44-info{
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(89,175,250,.22);
  border-radius: 18px;
  background: linear-gradient(145deg,rgba(33,53,73,.78),rgba(16,21,43,.72));
  box-shadow: 0 18px 45px rgba(0,0,0,.2);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  align-items: start;
  max-width: 600px;
}
.dc44-info-icon{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(42,100,255,.14);
  color: #74b9ff;
  display: grid;
  place-items: center;
  border: 1px solid rgba(89,175,250,.2);
}
.dc44-info-icon svg{
  width: 22px;
  height: 22px;
}
.dc44-info b{
  display: block;
  color: #fff;
  font-size: .95rem;
  margin: 1px 0 5px;
}
.dc44-info span{
  display: block;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.55;
}
.dc44-world{
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
  isolation: isolate;
}
.dc44-world:before{
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  background: radial-gradient(circle at 45% 38%,rgba(47,117,255,.34),rgba(38,44,104,.14) 52%,transparent 70%);
  border: 1px solid rgba(101,147,255,.15);
  box-shadow: 0 0 90px rgba(39,90,255,.16);
  z-index: -2;
}
.dc44-orbit{
  position: absolute;
  width: 430px;
  height: 430px;
  border: 1px dashed rgba(108,142,210,.2);
  border-radius: 50%;
  animation: dc44spin 70s linear infinite;
  z-index: -1;
}
.dc44-orbit:after{
  content: "";
  position: absolute;
  inset: 42px;
  border: 1px solid rgba(108,142,210,.1);
  border-radius: 50%;
}
@keyframes dc44spin{to{transform:rotate(360deg)}}
.dc44-character{
  width: 330px;
  height: 370px;
  position: relative;
  filter: drop-shadow(0 30px 40px rgba(0,0,0,.35));
}
.dc44-head{
  position: absolute;
  left: 58px;
  top: 32px;
  width: 214px;
  height: 164px;
  border-radius: 48px;
  background: linear-gradient(145deg,#eef5ff,#aac9ff);
  border: 7px solid #1c2b58;
  box-shadow: inset 0 -16px 28px rgba(41,83,170,.18);
}
.dc44-screen{
  position: absolute;
  inset: 24px 23px 31px;
  border-radius: 28px;
  background: linear-gradient(160deg,#141a39,#202c63);
  border: 3px solid #385291;
  overflow: hidden;
}
.dc44-screen:after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,rgba(255,255,255,.12),transparent 35%);
}
.dc44-eye{
  position: absolute;
  top: 44px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #75f0bd;
  box-shadow: 0 0 16px rgba(117,240,189,.8);
}
.dc44-eye.a{
  left: 48px;
}
.dc44-eye.b{
  right: 48px;
}
.dc44-smile{
  position: absolute;
  left: 60px;
  top: 70px;
  width: 44px;
  height: 20px;
  border-bottom: 4px solid #75f0bd;
  border-radius: 0 0 40px 40px;
}
.dc44-antenna{
  position: absolute;
  left: 161px;
  top: 6px;
  width: 8px;
  height: 35px;
  border-radius: 8px;
  background: #aac9ff;
  border: 3px solid #1c2b58;
}
.dc44-antenna:before{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff7eb6;
  border: 3px solid #1c2b58;
  left: -6px;
  top: -12px;
  box-shadow: 0 0 18px rgba(255,126,182,.55);
}
.dc44-ear{
  position: absolute;
  top: 83px;
  width: 28px;
  height: 58px;
  background: #3776ed;
  border: 6px solid #1c2b58;
}
.dc44-ear.l{
  left: 38px;
  border-radius: 20px 4px 4px 20px;
}
.dc44-ear.r{
  right: 38px;
  border-radius: 4px 20px 20px 4px;
}
.dc44-body{
  position: absolute;
  left: 76px;
  top: 190px;
  width: 178px;
  height: 135px;
  border-radius: 44px 44px 55px 55px;
  background: linear-gradient(145deg,#397af2,#234cb2);
  border: 7px solid #1c2b58;
}
.dc44-body:before{
  content: "";
  position: absolute;
  left: 43px;
  top: 31px;
  width: 78px;
  height: 52px;
  border-radius: 18px;
  background: #18224c;
  border: 3px solid #5f8df2;
}
.dc44-body:after{
  content: "✓";
  position: absolute;
  left: 67px;
  top: 37px;
  color: #75f0bd;
  font-size: 34px;
  font-weight: 800;
}
.dc44-arm{
  position: absolute;
  top: 212px;
  width: 78px;
  height: 29px;
  border-radius: 25px;
  background: #84affd;
  border: 6px solid #1c2b58;
}
.dc44-arm.l{
  left: 18px;
  transform: rotate(-22deg);
}
.dc44-arm.r{
  right: 18px;
  transform: rotate(22deg);
}
.dc44-foot{
  position: absolute;
  top: 316px;
  width: 78px;
  height: 34px;
  border-radius: 10px 10px 28px 28px;
  background: #1a2a5b;
  border: 6px solid #101a3d;
}
.dc44-foot.l{
  left: 76px;
}
.dc44-foot.r{
  right: 76px;
}
.dc44-float{
  position: absolute;
  border: 1px solid rgba(124,163,255,.3);
  background: linear-gradient(145deg,rgba(30,43,83,.96),rgba(15,21,49,.94));
  box-shadow: 0 18px 42px rgba(0,0,0,.32);
  border-radius: 16px;
  padding: 13px 15px;
  backdrop-filter: blur(12px);
  animation: dc44float 5s ease-in-out infinite;
  z-index: 3;
}
.dc44-float .top{
  display: flex;
  align-items: center;
  gap: 8px;
  color: #dfe9ff;
  font-size: .72rem;
  font-weight: 650;
}
.dc44-float .dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #75f0bd;
  box-shadow: 0 0 9px rgba(117,240,189,.55);
}
.dc44-float strong{
  display: block;
  color: #fff;
  font-family: 'Space Grotesk',sans-serif;
  font-size: 1.16rem;
  margin-top: 7px;
}
.dc44-float small{
  display: block;
  color: #8996b5;
  font-size: .66rem;
  margin-top: 2px;
}
.dc44-float.benchmark{
  left: 3px;
  top: 54px;
  width: 160px;
  animation-delay: -1s;
}
.dc44-float.vulns{
  right: -5px;
  top: 94px;
  width: 154px;
  animation-delay: -2.5s;
}
.dc44-float.encrypt{
  left: 8px;
  bottom: 54px;
  width: 170px;
  animation-delay: -3.5s;
}
.dc44-float.patch{
  right: 0;
  bottom: 42px;
  width: 164px;
  animation-delay: -.5s;
}
.dc44-meter{
  height: 5px;
  background: #28345d;
  border-radius: 5px;
  margin-top: 9px;
  overflow: hidden;
}
.dc44-meter i{
  display: block;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg,#4e84ff,#75f0bd);
}
.dc44-pips{
  display: flex;
  gap: 4px;
  margin-top: 9px;
}
.dc44-pips i{
  height: 5px;
  flex: 1;
  border-radius: 4px;
  background: #2c3761;
}
.dc44-pips i.on{
  background: #ff8a8a;
}
@keyframes dc44float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1000px){.dc44-grid{grid-template-columns:1fr;gap:16px}.dc44-copy{text-align:center}.dc44-copy h1,.dc44-copy>p,.dc44-info{margin-left:auto;margin-right:auto}.dc44-copy .hero-cta{justify-content:center}.dc44-world{min-height:520px}}
.dc44-merge{
  padding: 72px 0 34px;
}
.dc44-merge .intro{
  text-align: center;
  max-width: 860px;
  margin: 0 auto 38px;
}
.dc44-merge h1{
  font-size: clamp(2.65rem,5vw,4.55rem);
  line-height: 1;
  letter-spacing: -.045em;
  margin: 16px auto 20px;
}
.dc44-merge .intro>p{
  max-width: 760px;
  margin: auto;
  color: var(--muted);
  font-size: 1.02rem;
  line-height: 1.7;
}
.dc44-qa{
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin-top: 38px;
}
.dc44-q{
  padding: 34px 42px;
}
.dc44-q+div{
  border-left: 1px solid var(--line);
}
.dc44-q h3{
  font-size: 1.08rem;
  margin: 0 0 19px;
  color: #fff;
}
.dc44-q ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}
.dc44-q li{
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 11px;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.5;
}
.dc44-q li:before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff7f91;
  margin-top: 6px;
  box-shadow: 0 0 12px rgba(255,127,145,.35);
}
.dc44-q.answer li:before{
  content: "✓";
  width: auto;
  height: auto;
  background: none;
  color: #75e6ae;
  font-weight: 800;
  margin-top: 0;
  box-shadow: none;
}
.dc44-meta{
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(255,255,255,.035);
  border-radius: 0 0 18px 18px;
}
.dc44-meta>div{
  padding: 22px 42px;
}
.dc44-meta>div+div{
  border-left: 1px solid var(--line);
}
.dc44-meta b{
  display: block;
  color: #fff;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 6px;
}
.dc44-meta span{
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.5;
}
.dc44-merge .hero-cta{
  justify-content: center;
  margin-top: 30px;
}
.dc44-stage{
  padding: 20px 0 54px;
}
.dc44-stage-title{
  text-align: center;
  margin-bottom: 28px;
}
.dc44-stage-title h2{
  margin: 10px 0 8px;
}
.dc44-stage-title p{
  color: var(--muted);
  font-size: .86rem;
}
.dc44-portal{
  max-width: 1110px;
  margin: auto;
  position: relative;
  border: 1px solid rgba(111,143,220,.28);
  border-radius: 24px;
  background: linear-gradient(145deg,#111831,#090d20);
  box-shadow: 0 40px 100px rgba(0,0,0,.48),0 0 70px rgba(47,96,255,.13);
  overflow: hidden;
  transform: perspective(1600px) rotateX(1.4deg);
}
.dc44-chrome{
  height: 54px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: #151b33;
}
.dc44-chrome .traffic{
  display: flex;
  gap: 7px;
}
.dc44-chrome .traffic i{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3d4668;
}
.dc44-chrome .address{
  margin: auto;
  width: 42%;
  height: 25px;
  border-radius: 8px;
  background: #0c1125;
  color: #657291;
  font-size: .63rem;
  display: grid;
  place-items: center;
}
.dc44-app{
  display: grid;
  grid-template-columns: 170px 1fr;
  min-height: 540px;
}
.dc44-side{
  padding: 22px 14px;
  background: #0d1227;
  border-right: 1px solid rgba(255,255,255,.06);
  filter: blur(.15px);
  opacity: .62;
}
.dc44-brand{
  height: 24px;
  width: 98px;
  border-radius: 7px;
  background: linear-gradient(90deg,#316cf2,#775ae8);
  margin: 0 8px 30px;
}
.dc44-navline{
  height: 10px;
  border-radius: 6px;
  background: #29314c;
  margin: 17px 9px;
}
.dc44-navline.on{
  height: 38px;
  margin: 9px 0;
  background: linear-gradient(90deg,rgba(52,105,244,.3),rgba(52,105,244,.04));
  border-left: 2px solid #4d82ff;
}
.dc44-content{
  padding: 28px 32px 34px;
  position: relative;
  background: radial-gradient(circle at 72% 20%,rgba(67,63,167,.12),transparent 45%);
}
.dc44-bread{
  width: 160px;
  height: 9px;
  background: #303955;
  border-radius: 5px;
  margin-bottom: 13px;
}
.dc44-pagehead{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.dc44-pagehead h3{
  font-size: 1.45rem;
  margin: 0;
}
.dc44-live{
  font-size: .67rem;
  color: #75e6ae;
  background: rgba(117,230,174,.08);
  border: 1px solid rgba(117,230,174,.25);
  padding: 7px 10px;
  border-radius: 100px;
}
.dc44-overview{
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 18px;
}
.dc44-score{
  border: 1px solid rgba(114,145,219,.18);
  border-radius: 16px;
  background: #131a34;
  padding: 20px;
  text-align: center;
}
.dc44-ring{
  width: 126px;
  height: 126px;
  border-radius: 50%;
  margin: 8px auto 15px;
  background: conic-gradient(#75e6ae 0 82%,#28304f 82%);
  display: grid;
  place-items: center;
  position: relative;
}
.dc44-ring:before{
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  background: #131a34;
}
.dc44-ring strong{
  position: relative;
  font-size: 2rem;
  color: #fff;
}
.dc44-score small{
  color: #8f9ab6;
  font-size: .7rem;
}
.dc44-statgrid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
}
.dc44-stat{
  border: 1px solid rgba(114,145,219,.16);
  border-radius: 14px;
  background: #131a34;
  padding: 18px;
}
.dc44-stat span{
  display: block;
  color: #8793b2;
  font-size: .66rem;
}
.dc44-stat strong{
  display: block;
  color: #fff;
  font-size: 1.28rem;
  margin-top: 7px;
}
.dc44-stat em{
  font-style: normal;
  color: #75e6ae;
  font-size: .62rem;
}
.dc44-tabs{
  display: flex;
  gap: 20px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin: 24px 0 0;
  padding: 0 6px;
}
.dc44-tabs span{
  font-size: .72rem;
  color: #7e8aa8;
  padding: 0 4px 12px;
}
.dc44-tabs .on{
  color: #fff;
  border-bottom: 2px solid #4c80ff;
}
.dc44-table{
  width: 100%;
  border-collapse: collapse;
}
.dc44-table th,.dc44-table td{
  text-align: left;
  padding: 13px 10px;
  border-bottom: 1px solid rgba(255,255,255,.055);
  font-size: .67rem;
  color: #a5afc8;
}
.dc44-table th{
  font-size: .57rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #66718d;
}
.dc44-device{
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e3e8f5;
}
.dc44-device:before{
  content: "";
  width: 22px;
  height: 16px;
  border: 1px solid #61719c;
  border-radius: 3px;
}
.dc44-bar{
  width: 90px;
  height: 5px;
  border-radius: 5px;
  background: #29314e;
  overflow: hidden;
}
.dc44-bar i{
  display: block;
  height: 100%;
  background: linear-gradient(90deg,#4c80ff,#75e6ae);
}
.dc44-status{
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(117,230,174,.08);
  color: #75e6ae;
}
.dc44-status.warn{
  background: rgba(255,183,77,.08);
  color: #ffbf69;
}
.dc44-pop{
  position: absolute;
  border: 1px solid rgba(124,156,235,.25);
  background: rgba(17,24,50,.96);
  box-shadow: 0 22px 45px rgba(0,0,0,.4);
  border-radius: 14px;
  padding: 13px 15px;
  width: 180px;
  backdrop-filter: blur(14px);
  animation: dc44float 5s ease-in-out infinite;
}
.dc44-pop b{
  display: block;
  color: #fff;
  font-size: .75rem;
}
.dc44-pop span{
  display: block;
  color: #8995b4;
  font-size: .62rem;
  margin-top: 4px;
}
.dc44-pop .mini{
  height: 4px;
  background: #2b3454;
  border-radius: 4px;
  margin-top: 9px;
  overflow: hidden;
}
.dc44-pop .mini i{
  display: block;
  height: 100%;
  background: #75e6ae;
}
.dc44-pop.v{
  right: 9px;
  top: 115px;
  border-color: rgba(255,127,145,.28);
}
.dc44-pop.v b{
  color: #ff9aaa;
}
.dc44-pop.e{
  right: 18px;
  bottom: 30px;
  animation-delay: -2s;
}
.dc44-pop.a{
  left: 185px;
  bottom: 22px;
  animation-delay: -3.5s;
}
.dc44-caption{
  text-align: center;
  color: #72809e;
  font-size: .69rem;
  margin-top: 16px;
}
.dc44-caption b{
  color: #9ba9c5;
}
.dc44-merge{
  display: none;
}
.dc-peel{
  padding: 8px 0 32px;
  background: transparent;
  display: block !important;
}
section.band:has(+ section.dc-peel){
  padding-bottom: 10px !important;
}
section.band + section.dc-peel{
  padding-top: 8px !important;
}
.dc-peel .wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1280px;
}
.dc-peel img{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: transparent;
}
.dc-peel-cap{
  text-align: center;
  color: var(--muted);
  font-size: .84rem;
  margin: 6px auto 0;
  max-width: 66ch;
  font-weight: 300;
  line-height: 1.55;
}
.dc44-stage-title{
  margin-left: auto;
  margin-right: auto;
}
.dc44-stage-title p{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* New-style info box (ported from the compliance-adherence use-case band).
   Blended into the page - no border/box wrapper around the section. */
.merged-info{
  --accent: #3f7bff;
}
.merged-info .section-head{
  opacity: 1!important;
  transform: none!important;
  max-width: 860px;
  margin-bottom: 0;
}
.merged-info .section-head .kicker{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 28px;
  padding: 6px 14px;
  border-radius: 999px;
  letter-spacing: .16em;
  border: 1px solid rgba(122,162,255,.24);
  color: #9ab7ff;
  background: rgba(42,100,255,.08);
}
.merged-info .section-head .kicker::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3f7bff;
  box-shadow: 0 0 8px rgba(63,123,255,.7);
}
.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-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 46px;
}
.merged-info-title{
  position: relative;
  font-size: 1.08rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 700;
  margin: 0 0 26px;
  padding-bottom: 14px;
  color: #f2f4fb;
}
.merged-info-title .grad{
  background: none;
  -webkit-text-fill-color: #7aa2ff;
  color: #7aa2ff;
}
.merged-info-title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 64px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg,#3f7bff,transparent);
}
.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;
  color: #9aa4c0;
}
.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;
  color: var(--good);
  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,.merged-info-meta>div,.merged-info-title{
  border-left: 0;
}
.merged-info-meta>div{
  padding-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;
}
@media(max-width:760px){
  .merged-info-grid,.merged-info-meta{grid-template-columns:1fr;gap:34px}
  .merged-info-meta{margin-top:40px}
}