.glass-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.glass-capability{min-width:0;perspective:1200px}.glass-object{position:relative;height:410px;border-radius:28px;isolation:isolate}.glass-object>.tile-art{position:absolute;inset:0;border-radius:28px;height:100%;filter:saturate(.8)}.glass-object>.tile-art svg{scale:1.15;translate:0 -10px}.glass-turn{position:absolute;inset:12px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.is-flipped .glass-turn{transform:rotateY(180deg)}.glass-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:23px;border:1px solid #ffffffe0;box-shadow:inset 2px 2px 5px #fffc,inset -1px -1px 6px #ffffff50,0 14px 28px #22143022;background:linear-gradient(135deg,#fff5,#ffffff08 45%,#0c0b1e99);backdrop-filter:blur(12px);padding:25px;color:#fff;display:flex;flex-direction:column;align-items:start}.glass-label{font-size:10px;letter-spacing:.05em;padding:7px 10px;background:#ffffff20;border:1px solid #ffffff30;border-radius:30px}.glass-front h3{margin:auto 0 24px;font-size:34px;line-height:1.05;letter-spacing:-.05em;text-shadow:0 2px 20px #1c123b55}.glass-face button,.glass-face a{border:1px solid #ffffff60;border-radius:25px;background:#ffffff25;color:#fff;padding:10px 15px;font:12px Inter,sans-serif;cursor:pointer;min-height:44px}.glass-front button{display:flex;gap:12px;align-items:center}.glass-back{transform:rotateY(180deg);background:linear-gradient(135deg,#30233be8,#111827ef);backdrop-filter:blur(20px)}.glass-back p{font-size:15px;line-height:1.7;margin:24px 0 15px;color:#ede1f8}.glass-back ol{padding-left:18px;font-size:12px;line-height:1.9;color:#cdbadf;margin:0 0 20px}.glass-back a{margin-top:auto;font-size:11px}.glass-back button{margin-top:10px;background:transparent;font-size:10px;min-height:36px}.glass-face button:focus-visible,.glass-face a:focus-visible{outline:2px solid #69dce8;outline-offset:3px}
.process-deck{display:flex;gap:16px;margin-bottom:40px;align-items:stretch}.process-card{flex:1;min-width:0;border:1px solid #d9cde4;border-radius:18px;background:linear-gradient(145deg,#fff,#ebe6f3);overflow:hidden;transition:flex .6s cubic-bezier(.2,.7,.2,1),background .4s}.process-card[open]{flex:2;background:#1b1725;color:#fff;border-color:#8f72ae}.process-card summary{display:flex;gap:16px;align-items:center;cursor:pointer;padding:25px;list-style:none}.process-card summary::-webkit-details-marker{display:none}.process-card summary>span{font:300 46px/1 Zodiak,serif;letter-spacing:-.08em;color:#ab8bc6}.process-card summary h3{font-size:20px;line-height:1.2;margin:0;letter-spacing:-.03em;font-weight:500}.process-card summary>b{margin-left:auto;font-size:20px;font-weight:400;color:#a88bc1}.process-body{padding:0 25px 25px}.process-body h4{font-size:25px;line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;font-weight:500}.process-body p{font-size:14px;line-height:1.8;color:#d2c3df;margin-bottom:22px}.process-body .tile-art{height:180px;border-radius:10px}.process-card[open] .process-body{animation:process-reveal .5s ease}.xp-section[data-experience=steps]>.xp-tabs,.xp-section[data-experience=steps]>.xp-step-panel{display:none!important}
.showcase-system{padding:30px 25px 22px;background:#181522;border:1px solid #5a426f;border-radius:24px;margin-bottom:40px;overflow:hidden}.showcase-deck{position:relative;height:430px;max-width:900px;margin:auto;perspective:1200px}.showcase-card{position:absolute;left:12%;top:20px;width:65%;height:350px;padding:0;border:1px solid #a78db655;border-radius:18px;overflow:hidden;background:#211a2e;color:#fff;cursor:pointer;transform:translateX(calc(var(--offset)*65px)) translateY(calc(var(--offset)*10px)) rotate(calc(var(--offset)*4deg)) scale(calc(1 - var(--offset)*.05));transform-origin:bottom center;z-index:calc(8 - var(--offset));transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .6s;filter:brightness(.6);box-shadow:0 20px 40px #0006;text-align:left}.showcase-card.is-front{filter:brightness(1)}.showcase-card .visual-scene{height:100%;border:0!important;border-radius:0}.showcase-card>span{position:absolute;inset:auto 0 0;padding:30px 24px 20px;background:linear-gradient(transparent,#0c0913f5);display:block}.showcase-card small{display:block;color:#cdb6e4;font-size:9px;letter-spacing:.1em;margin-bottom:9px}.showcase-card strong{font:500 25px/1.15 Inter,sans-serif;letter-spacing:-.035em}.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d5c2e9;font-size:14px}.showcase-controls>div{display:flex;gap:8px}.showcase-controls button{width:44px;height:44px;background:#ffffff09;color:#dfccf2;border:1px solid #8b6ca6;border-radius:50%;cursor:pointer;font-size:20px}.showcase-card:focus-visible{outline:2px solid #69dce8;outline-offset:3px}
@keyframes process-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.glass-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card summary{padding:20px;gap:10px}.process-card summary h3{font-size:17px}}
@media(max-width:767px){.glass-capabilities{gap:12px 10px}.glass-object{height:335px;border-radius:19px}.glass-object>.tile-art{border-radius:19px}.glass-turn{inset:7px}.glass-face{padding:14px 12px;border-radius:15px;backdrop-filter:blur(7px)}.glass-label{font-size:7px;padding:5px 7px;line-height:1.5;letter-spacing:0}.glass-front h3{font-size:25px;line-height:1.1;margin-bottom:18px;overflow-wrap:anywhere}.glass-face button{font-size:10px;padding:8px 11px}.glass-back p{font-size:12px;line-height:1.6;margin:14px 0 10px}.glass-back ol{font-size:10px;line-height:1.65;margin-bottom:12px;padding-left:12px}.glass-back a{font-size:9px;line-height:1.5;padding:8px 10px;min-height:36px}.glass-back button{min-height:34px;margin-top:7px}.process-deck{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:25px}.process-card summary{padding:18px;gap:15px}.process-card summary>span{font-size:35px}.process-card summary h3{font-size:19px}.process-body{padding:0 18px 18px}.process-body h4{font-size:24px}.process-body p{font-size:13px;line-height:1.7;margin-bottom:16px}.process-body .tile-art{height:150px}.showcase-system{padding:20px 14px 15px;border-radius:18px;margin-bottom:30px}.showcase-deck{height:290px}.showcase-card{left:2%;top:12px;width:78%;height:240px;transform:translateX(calc(var(--offset)*24px)) translateY(calc(var(--offset)*6px)) rotate(calc(var(--offset)*3deg)) scale(calc(1 - var(--offset)*.05));border-radius:12px}.showcase-card .scene-stage{transform:translate(-50%,-50%) scale(.46)}.showcase-card>span{padding:25px 15px 15px}.showcase-card strong{font-size:20px}.showcase-card small{font-size:7px}.showcase-controls{font-size:12px;gap:10px}.showcase-controls button{width:40px;height:40px}.showcase-card .scene-caption{display:none}}
@media(max-width:359px){.glass-object{height:365px}.glass-front h3{font-size:22px}.glass-back p{font-size:11px}.glass-face{padding:12px 10px}.glass-back a{font-size:8px}.showcase-card .scene-stage{transform:translate(-50%,-50%) scale(.38)}}
@media(prefers-reduced-motion:reduce){.glass-turn,.showcase-card,.process-card{transition:none}.process-card[open] .process-body{animation:none}}
.glass-capabilities{margin-bottom:35px}
.glass-front{background:linear-gradient(160deg,#211b3538,#ffffff08 40%,#100c24b8)}.glass-front .glass-label{background:#21162d4d;color:#fff;border-color:#ffffff75;text-shadow:0 1px 4px #0006}.glass-front h3{color:#fff}.glass-front button{background:#21162d45}
.no-js .glass-object{height:auto;min-height:450px}.no-js .glass-back{position:relative;transform:none;backface-visibility:visible}.no-js .glass-front{display:none}.no-js .glass-back button{display:none}
/* Clear subject matter stays visible through the glass, rather than blurred symbols. */
.glass-object>.semantic-art svg{scale:1;translate:0 -26px}.glass-front{backdrop-filter:none;background:linear-gradient(180deg,#18142610 45%,#14101fd9 78%)}.glass-front h3{font-size:29px}.glass-front .glass-label{background:#171321aa}.showcase-card>.semantic-art{height:100%;border-radius:0}.showcase-card>.semantic-art svg{height:90%;translate:0 -10px}.showcase-card .tile-art-coordinate{display:none}
@media(max-width:767px){.glass-object>.semantic-art svg{width:155%;max-width:none;margin-left:-27.5%;height:78%;translate:0 0}.glass-front h3{font-size:23px}.showcase-card>.semantic-art svg{height:85%;translate:0 0}}