/* Separated, transparent sheets; each sheet carries its own platform role. */
.glass-foundation{padding:75px 0 85px}
.glass-foundation .foundation-layout{grid-template-columns:.9fr 1.1fr;gap:65px;max-width:1240px;align-items:center}
.glass-foundation .foundation-heading{text-align:left;margin:0 0 31px;max-width:100%}
.glass-foundation .foundation-heading h2{font-size:clamp(36px,3.4vw,49px);line-height:1.13;font-weight:400;letter-spacing:-.035em}
.glass-foundation .layer-tabs{border:0;gap:8px;margin-bottom:27px}
.glass-foundation .layer-tabs button{min-height:42px;padding:11px 13px;border:1px solid #ffffff24;border-radius:7px;font-size:12px;justify-content:center;text-align:center}
.glass-foundation .layer-tabs button[aria-selected=true]{background:#0059ff20;border-color:#4b91f3;box-shadow:none}
.glass-foundation .layer-explanation{min-height:165px}
.glass-foundation .layer-explanation h3{font-size:29px;margin:0 0 16px;line-height:1.2}
.glass-foundation .layer-explanation>p:not(.layer-detail){font-size:16px;max-width:370px}
.glass-foundation .foundation-visual{height:570px;overflow:hidden;perspective:1300px}
.glass-foundation .foundation-stack{top:54px;width:440px;height:455px;transform:translateX(-50%) rotateY(var(--stack-yaw,0deg));transition:transform .8s}
.glass-foundation .foundation-plane{left:calc(var(--layer)*14px);top:calc(var(--layer)*20px);width:300px;height:345px;opacity:1;transform:rotateY(-18deg) rotateX(4deg) rotateZ(-5deg);transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:calc(1 + var(--layer))}
.glass-foundation .plane-surface{border:1px solid #9abce53d;border-radius:15px;background:linear-gradient(130deg,#27395316,#1a2c4412);box-shadow:0 15px 35px #00000016,inset 0 1px #ffffff12;overflow:hidden;backdrop-filter:blur(1px)}
.glass-foundation .plane-surface:after{background:linear-gradient(120deg,transparent,#ffffff0a,transparent);transform:none}
.glass-foundation .plane-graphic{width:100%;height:100%;stroke:#6b97c8;stroke-width:1.4;opacity:.27;transition:opacity .7s,stroke .7s;stroke-linecap:round;stroke-linejoin:round}
.glass-foundation .plane-graphic image{opacity:.6}
.glass-foundation .plane-name{position:absolute;left:calc(100% + 12px);top:0;font-size:11px;color:#7891b1;white-space:nowrap;line-height:1.4;transition:color .4s}
.glass-foundation .foundation-plane.selected{transform:translate3d(-14px,-2px,22px) rotateY(-18deg) rotateX(4deg) rotateZ(-5deg)}
.glass-foundation .foundation-plane.selected .plane-surface{background:linear-gradient(135deg,#0059ff1c,#004d7414);border-color:#4d9affb5;box-shadow:0 16px 45px #0059ff0d,inset 0 1px #ffffff20}
.glass-foundation .foundation-plane.selected .plane-graphic{opacity:.85;stroke:#55a7ff}
.glass-foundation .foundation-plane.selected .plane-name{color:#dbeaff}
.glass-foundation .foundation-boundary{bottom:0;border:0;padding:0;color:#91a6c1;font-size:11px}
.glass-foundation.foundation-ready .foundation-plane{animation:glass-appear 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--layer)*.06s)}
@keyframes glass-appear{from{opacity:0;translate:25px 6px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.glass-foundation .foundation-layout{gap:35px}.glass-foundation .foundation-stack{width:380px;top:70px}.glass-foundation .foundation-plane{width:265px;height:320px;left:calc(var(--layer)*10px)}.glass-foundation .plane-name{font-size:10px;left:calc(100% + 10px)}.glass-foundation .foundation-visual{height:540px}}
@media(max-width:900px){.glass-foundation .foundation-layout{grid-template-columns:1fr;gap:20px}.glass-foundation .foundation-controls{max-width:650px;width:100%;margin:auto}.glass-foundation .foundation-visual{height:515px;max-width:620px;width:100%;margin:auto}.glass-foundation .foundation-heading{text-align:center}.glass-foundation .layer-explanation{text-align:center;min-height:140px}.glass-foundation .layer-explanation>p:not(.layer-detail){margin-inline:auto;max-width:480px}.glass-foundation .foundation-stack{width:440px;top:40px}.glass-foundation .foundation-plane{width:300px;height:345px;left:calc(var(--layer)*14px)}}
@media(max-width:600px){.glass-foundation{padding:55px 0 65px}.glass-foundation .foundation-heading h2{font-size:35px}.glass-foundation .foundation-heading{margin-bottom:26px}.glass-foundation .layer-tabs{gap:7px;margin-bottom:24px}.glass-foundation .layer-tabs button{font-size:11px;padding:10px 7px}.glass-foundation .layer-explanation h3{font-size:26px}.glass-foundation .layer-explanation>p:not(.layer-detail){font-size:15px}.glass-foundation .foundation-visual{height:390px}.glass-foundation .foundation-stack{width:305px;top:34px;height:330px}.glass-foundation .foundation-plane{width:205px;height:250px;left:calc(var(--layer)*9px);top:calc(var(--layer)*15px)}.glass-foundation .plane-name{font-size:8px;left:calc(100% + 8px)}.glass-foundation .foundation-plane.selected{transform:translate3d(-5px,-2px,10px) rotateY(-18deg) rotateX(4deg) rotateZ(-5deg)}.glass-foundation .foundation-boundary{font-size:10px}}
@media(prefers-reduced-motion:reduce){.glass-foundation *{animation:none!important;transition:none!important}}

/* The exploded stack gives every sheet a visible edge and its own depth. */
.glass-foundation .foundation-visual{height:620px;perspective:1500px}
.glass-foundation .foundation-stack{--sheet-step:38px;--sheet-drop:34px;top:45px;width:550px;height:545px;transform-style:preserve-3d}
.glass-foundation .foundation-plane{left:calc(var(--layer)*var(--sheet-step));top:calc(var(--layer)*var(--sheet-drop));width:285px;height:350px;transform:rotateY(-24deg) rotateX(6deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .6s;z-index:calc(6 - var(--layer))}
.glass-foundation .foundation-plane.selected{transform:translate3d(-28px,-12px,55px) rotateY(-24deg) rotateX(6deg) rotateZ(-7deg);z-index:12}
.glass-foundation .plane-surface{backdrop-filter:none;border-color:#829fc665;background:linear-gradient(130deg,#293b511c,#151f2e18);box-shadow:0 18px 32px #00000040,inset 0 1px #e3f0ff14}
.glass-foundation .plane-surface:before{content:'';position:absolute;inset:3px;border:1px solid #ffffff06;border-radius:12px;pointer-events:none}
.glass-foundation .foundation-plane.selected .plane-surface{background:linear-gradient(135deg,#10233dca,#162a3cd9);border-color:#78b5eec9;box-shadow:0 32px 48px #00000045,0 0 32px #0059ff10,inset 0 1px #ffffff26}
.glass-foundation .plane-graphic{opacity:.31}
.glass-foundation .foundation-plane.selected .plane-graphic{opacity:.95;stroke:#6bb9e9}
.glass-foundation .plane-name{left:calc(100% + (5 - var(--layer))*var(--sheet-step) + 10px);top:90px;font-size:11px;color:#a6b9d0}
.glass-foundation .plane-name:before{content:'';position:absolute;right:calc(100% + 7px);top:.65em;width:calc((5 - var(--layer))*var(--sheet-step) + 4px);height:1px;background:#8199b738;pointer-events:none}
.glass-foundation .foundation-plane.selected .plane-name{color:#dcf1ff}
@media(max-width:1100px){.glass-foundation .foundation-visual{height:590px}.glass-foundation .foundation-stack{--sheet-step:25px;--sheet-drop:33px;width:430px;top:55px}.glass-foundation .foundation-plane{width:250px;height:320px}.glass-foundation .plane-name{font-size:10px}.glass-foundation .foundation-plane.selected{transform:translate3d(-19px,-10px,40px) rotateY(-24deg) rotateX(6deg) rotateZ(-7deg)}}
@media(max-width:900px){.glass-foundation .foundation-visual{height:600px}.glass-foundation .foundation-stack{--sheet-step:38px;--sheet-drop:34px;width:550px;top:40px}.glass-foundation .foundation-plane{width:285px;height:350px}.glass-foundation .plane-name{font-size:11px}}
@media(max-width:600px){.glass-foundation .foundation-visual{height:445px}.glass-foundation .foundation-stack{--sheet-step:18px;--sheet-drop:24px;width:320px;height:390px;top:40px}.glass-foundation .foundation-plane{width:170px;height:230px}.glass-foundation .plane-name{left:calc(100% + (5 - var(--layer))*var(--sheet-step) + 7px);top:55px;font-size:8px}.glass-foundation .foundation-plane.selected{transform:translate3d(-10px,-6px,25px) rotateY(-24deg) rotateX(6deg) rotateZ(-7deg)}}

/* Scroll gently opens the sheets rather than triggering a one-time entrance. */
.glass-foundation{--layer-open:1;--layer-rise:0px;--layer-tilt:0deg}
.glass-foundation .foundation-stack{translate:0 var(--layer-rise);rotate:x var(--layer-tilt);transition:none}
.glass-foundation .foundation-plane{left:calc(var(--layer)*var(--sheet-step)*(.45 + var(--layer-open)*.55));top:calc(var(--layer)*var(--sheet-drop)*(.55 + var(--layer-open)*.45))}
.glass-foundation.foundation-ready .foundation-plane{animation:none}
.glass-foundation .plane-name{opacity:calc(.45 + var(--layer-open)*.55)}
@media(prefers-reduced-motion:reduce){.glass-foundation .foundation-stack{translate:none;rotate:none}.glass-foundation .foundation-plane{left:calc(var(--layer)*var(--sheet-step));top:calc(var(--layer)*var(--sheet-drop))}.glass-foundation .plane-name{opacity:1}}