
/* Wizardaring V2: visual case studies drawn in CSS, never presented as product screenshots. */
.wz-case-visual{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:26px;background:radial-gradient(circle at 70% 20%,#7935ac55,transparent 48%),linear-gradient(140deg,#0c1929,#17283c 65%,#13283a);border:1px solid #44576c;color:#f5f0fa;position:relative;overflow:hidden}
.wz-case-visual:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #af90d633;transform:rotate(25deg);border-radius:46%;right:-190px;top:35px}
.wz-case-visual strong{position:relative;font:900 clamp(38px,5vw,76px)/.95 var(--display,system-ui);letter-spacing:-.06em;overflow-wrap:anywhere}
.wz-case-visual .wz-visual-id{position:relative;font:700 11px var(--mono,monospace);letter-spacing:.08em;color:#ba9bd6}
.wz-case-visual .wz-visual-foot{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:700 11px var(--mono,monospace);color:#b5dcd8}
.wz-case-visual .wz-chipline{position:relative;display:flex;flex-wrap:wrap;gap:8px}
.wz-case-visual .wz-chipline span{border:1px solid #69829a77;border-radius:99px;padding:7px 12px;color:#e5e0ee;font:700 11px var(--mono,monospace)}
.wz-note{border-left:3px solid #7924c7;padding:16px 20px;background:#ede8ee;color:#263446;line-height:1.7;margin-top:26px}
.wz-note strong{display:block;color:#301c45}
.wz-portfolio-systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wz-system-card{display:flex;flex-direction:column;background:#14263a;border:1px solid #42536c;color:#f9f5fd;padding:25px;min-height:270px;text-decoration:none;transition:transform .2s,border-color .2s}
.wz-system-card:hover,.wz-system-card:focus-visible{transform:translateY(-4px);border-color:#c6a2ed}
.wz-system-card .wz-system-eyebrow{font:700 11px var(--mono,monospace);color:#d4afea}
.wz-system-card h3{font:900 clamp(27px,3vw,42px)/1 var(--display,system-ui);letter-spacing:-.045em;margin:34px 0 15px}
.wz-system-card p{color:#d3dae2;line-height:1.65;margin:0 0 28px}
.wz-system-card .wz-system-link{margin-top:auto;font:800 11px var(--mono,monospace);color:#b7ebe5}
.wz-research-callout{background:linear-gradient(120deg,#101b31,#2b1745);color:#f9f5ff;padding:clamp(28px,5vw,70px);display:grid;grid-template-columns:1.2fr .8fr;gap:6%;align-items:center}
.wz-research-callout h2{font:900 clamp(38px,5vw,72px)/.98 var(--display,system-ui);letter-spacing:-.05em;margin:14px 0 20px}
.wz-research-callout p{font-size:17px;line-height:1.7;color:#e1ddea}
.wz-research-callout img{width:100%;max-height:350px;object-fit:contain}
.wz-research-callout a{display:inline-flex;align-items:center;padding:14px 22px;border:1px solid #d2a8f8;color:#fff;text-decoration:none;font-weight:750;margin-top:15px}
.wz-research-callout a:hover{background:#7924c7}
@media(max-width:850px){.wz-portfolio-systems{grid-template-columns:1fr}.wz-research-callout{grid-template-columns:1fr}.wz-research-callout img{max-height:230px;order:-1}.wz-case-visual{min-height:280px}}
