.portfolio-console{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid #273147;border-radius:14px;overflow:hidden;margin-top:45px;background:#050817}
.solution-tabs{background:linear-gradient(160deg,#0d182c,#060a17);border-right:1px solid #273147;display:flex;flex-direction:column}
.solution-tabs button{display:grid;grid-template-columns:24px 1fr 14px;gap:13px;text-align:left;padding:26px 20px;border-bottom:1px solid #273147;position:relative;cursor:pointer;color:#c1cadd;min-height:115px;transition:background .3s,color .3s}
.solution-tabs button:last-child{border-bottom:0}.solution-tabs button strong{font-size:.86rem;font-weight:500;display:block;line-height:1.5}.solution-tabs button small{font-size:.7rem;line-height:1.6;color:#829bb7;display:block;margin-top:6px}.solution-tabs button>span:first-child,.solution-tabs button>span:last-child{font-size:.65rem;color:var(--tab-accent);padding-top:4px}.solution-tabs button[aria-selected=true]{background:linear-gradient(110deg,#086d9d33,#8428981c);color:#fff}.solution-tabs button[aria-selected=true]:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#0688ff,#da1fff)}.solution-tabs button:hover{background-color:#ffffff05;color:#fff}.solution-tabs button:focus-visible{outline-offset:-4px}
.solution-workspaces{min-width:0}.solution-workspace{position:relative;isolation:isolate;min-height:100%;padding:45px;overflow:hidden;animation:panel-in .35s ease both}.solution-workspace[hidden]{display:none}.workspace-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000 80%)}.solution-workspace:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050817db,#05081775),radial-gradient(ellipse at 95% 25%,color-mix(in srgb,var(--portfolio-color) 15%,transparent),transparent 70%)}.workspace-copy{position:relative}.workspace-copy .eyebrow{color:var(--portfolio-color);font-size:.64rem;margin-bottom:18px}.workspace-copy h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.2;max-width:650px}.workspace-description{font-size:.9rem;line-height:1.9;color:#b5c2d7;max-width:620px;margin-top:22px}.workspace-capabilities{margin:30px 0;padding:25px;border:1px solid #ffffff13;border-radius:10px;background:#06102191}.workspace-capabilities .capabilities{grid-template-columns:1fr 1fr;font-size:.87rem;gap:19px 26px;margin:0;color:#e3e9f3}.workspace-capabilities .cap-label{font-size:.61rem;margin-bottom:23px}.workspace-copy .outline-link{color:#fff;gap:18px}.workspace-copy .outline-link[aria-disabled=true]{cursor:default}.digital-data-art{position:absolute;inset:0;z-index:-2;opacity:.25;overflow:hidden}.digital-data-art i{position:absolute;border:1px solid #1f8ec7;width:330px;height:330px;right:-80px;top:55px;transform:rotate(35deg);border-radius:40px}.digital-data-art i:nth-child(2){right:-30px;top:115px;border-color:#9336b3}.digital-data-art i:nth-child(3){right:20px;top:175px}
@media(max-width:1000px){.portfolio-console{grid-template-columns:240px minmax(0,1fr)}.solution-tabs button{padding:22px 14px;gap:8px}.solution-workspace{padding:30px}.workspace-capabilities .capabilities{grid-template-columns:1fr}}
@media(max-width:700px){.portfolio-console{display:block}.solution-tabs{border-right:0;border-bottom:1px solid #273147;display:grid;grid-template-columns:1fr 1fr}.solution-tabs button{min-height:85px;padding:15px 12px;grid-template-columns:18px 1fr}.solution-tabs button>span:last-child,.solution-tabs button small{display:none}.solution-tabs button strong{font-size:.75rem}.solution-tabs button:last-child{grid-column:1/-1}.solution-workspace{padding:28px 22px;min-height:0}.workspace-copy h3{font-size:1.8rem}.workspace-description{font-size:.85rem}.workspace-capabilities{padding:20px}.workspace-copy .outline-link{font-size:.75rem}}
#solution-tab-4 .tab-index,#solution-tab-4>span:last-child,#solution-panel-4 .eyebrow{background:linear-gradient(100deg,#DA1FFF,#0688FF);background-clip:text;-webkit-background-clip:text;color:transparent}
#solution-tab-4[aria-selected=true]{background:linear-gradient(110deg,#da1fff20,#0688ff20)}
#solution-tab-4[aria-selected=true]:before{background:linear-gradient(#DA1FFF,#0688FF)}
#solution-panel-4:before{background:linear-gradient(90deg,#050817db,#05081775),radial-gradient(ellipse at 80% 25%,#DA1FFF15,transparent 65%),radial-gradient(ellipse at 90% 80%,#0688FF20,transparent 65%)}
#solution-panel-4 .capabilities li:before{color:#b146ed}
#solution-panel-4 .outline-link{background:linear-gradient(#060a1b,#060a1b) padding-box,linear-gradient(100deg,#DA1FFF,#0688FF) border-box}
#solution-panel-4 .outline-link:hover{background:linear-gradient(100deg,#DA1FFF,#0688FF) border-box}
#solution-panel-4 .eyebrow{background:none;color:#fff;-webkit-text-fill-color:#fff}
#solution-panel-3 .workspace-photo{opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%)}
#solution-panel-3:before{background:linear-gradient(90deg,#050817dd,#05081755),linear-gradient(0deg,#050817b8,transparent 80%)}
.capabilities{list-style:none;padding:0}.capabilities li:before{content:"·";color:var(--portfolio-color);margin-right:10px}.cap-label{letter-spacing:.16em}.workspace-copy .eyebrow,.cap-label{color:#fff}.workspace-video{opacity:.36;filter:blur(2px);mask-image:radial-gradient(ellipse at 75% 50%,#000 15%,transparent 80%)}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}