.studio-software{position:relative;z-index:2;padding-top:20px}
.studio-product{--brand-text:#f4f4f5;--brand-muted:#b5b5be;--brand-accent:#f4f4f5;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.15fr;overflow:hidden;margin-top:28px;border:1px solid #35353d;border-radius:16px;background:#111114;color:var(--brand-text);box-shadow:0 24px 60px #0003}
.studio-product__backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:.5;pointer-events:none}
.studio-product__backdrop>canvas{display:block;max-width:100%}
.studio-product::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#111114e8,#11111485 48%,#11111415)}
.studio-product__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:40px;min-width:0}
.studio-product__wordmark{width:210px;max-width:80%;height:auto;max-height:65px;object-fit:contain;object-position:left center;margin-bottom:24px}
.studio-product__status{display:inline-flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid #494951;border-radius:5px;background:#111114a0;color:var(--brand-muted);font-size:11px;font-weight:650;letter-spacing:.025em}
.studio-product__status::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand-accent)}
.studio-product h3{margin:18px 0 14px;color:var(--brand-text);font-size:clamp(1.6rem,2.5vw,2.15rem);line-height:1.17;letter-spacing:-.025em;max-width:22ch}
.studio-product__copy>p{margin:0;color:var(--brand-muted);font-size:15px;line-height:1.75;max-width:48ch}
.studio-product__tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:22px 0 26px}
.studio-product__tags li{border:1px solid #393940;border-radius:5px;padding:6px 9px;background:#11111480;color:var(--brand-muted);font-size:11px;line-height:1.3}
.studio-product .studio-product__cta{margin-top:auto;background:var(--brand-accent);border:1px solid var(--brand-accent);color:#101114;box-shadow:none;gap:14px}
.studio-product .studio-product__cta:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.studio-product__cta:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}
.studio-product__visual{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:32px 32px 32px 8px}
.studio-product__visual>img{display:block;width:100%;height:auto;border:1px solid #ffffff30;border-radius:9px;box-shadow:0 22px 55px #0007}
.studio-product__visual figcaption{margin:14px 0 0;color:var(--brand-muted);font-size:11px;line-height:1.6;text-align:center}
.studio-product--xeracad{--brand-text:#f1f3f5;--brand-muted:#b8bec6;--brand-accent:#f5c400;border-color:#3a3a2a;background:#181c21}
.studio-product--xeracad::after{background:linear-gradient(90deg,#181c21e8,#181c2185 48%,#181c2115)}
.studio-product--xeracad .studio-product__status{color:#f5d648;border-color:#665829;background:#181c21a0}
.studio-product--xeracad .studio-product__tags li{border-color:#383f47;background:#181c2180}
.studio-product--xeracad .studio-product__cta:hover{background:#ffe052;border-color:#ffe052}
@media(max-width:1000px){.studio-product{grid-template-columns:1fr 1fr}.studio-product__copy{padding:30px}.studio-product__visual{padding:26px 26px 26px 0}}
@media(max-width:760px){.studio-product{grid-template-columns:1fr}.studio-product__copy{padding:28px}.studio-product h3{font-size:1.8rem;max-width:24ch}.studio-product__visual{padding:0 28px 28px}.studio-product__wordmark{width:185px}.studio-product::after{background:linear-gradient(180deg,#111114d9,#11111450)}.studio-product--xeracad::after{background:linear-gradient(180deg,#181c21d9,#181c2150)}}
@media(max-width:380px){.studio-product__copy{padding:22px}.studio-product__visual{padding:0 22px 22px}.studio-product h3{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.studio-product .studio-product__cta:hover{transform:none}}