.radar-gallery{background:radial-gradient(ellipse at 18% 42%,#201b321f,transparent 65%)}.radar-gallery h2 span{color:var(--accent)}.example-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.example-tabs button{font:500 14px 'DM Sans',sans-serif;border:1px solid var(--line);border-radius:6px;padding:10px 19px;min-height:44px;color:#b9bbcc;background:transparent;cursor:pointer}.example-tabs button[aria-selected=true]{background:#b6a4f51c;color:#d9ccff;border-color:#8a76bd}.example-tabs button:hover{border-color:var(--accent)}.example-stage{display:grid;grid-template-columns:1.14fr 1fr;background:linear-gradient(115deg,#191b2a,#151722);border:1px solid #38374d;border-radius:12px;overflow:hidden;min-height:490px}.example-image{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:24px 32px;min-width:0;border:0;border-right:1px solid #303043;background:radial-gradient(ellipse at center,#24213988,transparent 70%);cursor:zoom-in}.example-image>img{width:auto;max-width:100%;height:422px;object-fit:contain;border:1px solid #39394b;border-radius:7px;box-shadow:0 16px 40px #0005}.expand-hint{position:absolute;right:17px;bottom:13px;font:12px 'DM Sans',sans-serif;color:#c5bbdd;background:#11131cd9;border:1px solid #363345;border-radius:4px;padding:5px 9px}.example-copy{align-self:center;padding:36px 42px}.example-kicker{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--accent)}.example-copy h3{font-size:clamp(26px,3vw,40px);line-height:1.14;margin:19px 0 21px;letter-spacing:-.035em}.example-copy>p{color:#acafc1;max-width:35ch;font-size:15px;line-height:1.8}.example-copy ul{list-style:none;padding:0;margin:25px 0 0;color:#d1d1df;font-size:13px}.example-copy li{padding:7px 0}.example-copy li:before{content:'✓';margin-right:11px;color:var(--green)}.example-data{display:flex;align-items:center;gap:7px;margin-top:29px;font-size:11px;color:#8e92a7}.example-data>span{width:5px;height:5px;border-radius:50%;background:#8b7ba9}.example-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.example-thumbnails>button{text-align:left;font:inherit;background:#171925;border:1px solid var(--line);border-radius:8px;padding:8px;min-width:0;cursor:pointer;color:var(--ink);transition:border-color .15s}.example-thumbnails>button.selected{border-color:#a28ed5;background:#211e31}.example-thumbnails>button:hover{border-color:var(--accent)}.thumb-image{height:119px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#10121b;border-radius:4px}.thumb-image img{width:100%;object-fit:contain;object-position:top;min-height:119px}.example-thumbnails strong{display:block;font-size:12px;line-height:1.4;margin:11px 5px 2px;font-weight:600}.example-thumbnails button>span:last-child{display:block;font-size:10px;color:#9498ad;margin:0 5px 6px}.gallery-note{font-size:11px;color:#8c91a5;margin-top:17px;max-width:100ch}.example-tabs button:focus-visible,.example-thumbnails button:focus-visible,.example-image:focus-visible,.close-viewer:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#image-viewer{max-width:94vw;max-height:94vh;border:1px solid #59506f;border-radius:10px;background:#10121b;padding:20px;color:var(--ink);overflow:auto}#image-viewer::backdrop{background:#06070de8;backdrop-filter:blur(8px)}#image-viewer img{max-width:min(850px,82vw);max-height:76vh;object-fit:contain;margin:auto}#image-viewer p{font-size:12px;color:var(--muted);margin:14px 26px 0;text-align:center}.close-viewer{position:sticky;top:0;float:right;background:#272334;border:1px solid #544961;color:#eee5ff;border-radius:5px;font-size:25px;line-height:1;padding:5px 10px;cursor:pointer}
@media(max-width:760px){.example-stage{grid-template-columns:1fr}.example-image{border-right:0;border-bottom:1px solid #303043;padding:22px 16px}.example-image>img{height:340px;max-width:100%}.example-copy{padding:28px 26px}.example-copy h3{font-size:30px;margin:13px 0 16px}.example-copy h3 br{display:none}.example-copy>p{max-width:none}.example-copy ul{margin-top:18px}.example-data{margin-top:20px}.example-tabs{gap:7px}.example-tabs button{padding:8px 13px;font-size:12px}.example-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.thumb-image{height:95px}.thumb-image img{min-height:95px}.example-thumbnails button>span:last-child{font-size:10px}.nav-links{gap:.8rem;font-size:12px}.radar-gallery .section-head{gap:18px}.gallery-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.example-thumbnails>button{transition:none}}