/* Technology selector reuses the official Lesly cube, permanently exploded. */
.technology-cube-section .technology-heading{text-align:center;}
.technology-cube-section .technology-heading h2{margin:20px 0 0;}
.technology-cube-section .technology-stage{position:relative;height:650px;max-width:1100px;margin:0 auto;--technology-scale:2.25;}
.technology-cube-section .technology-logo-mount{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:none;pointer-events:none;}
.technology-cube-section [data-tech-logo]{transform:scale(var(--technology-scale));transform-style:preserve-3d;pointer-events:none;}
.technology-cube-section [data-tech-logo]>div:nth-child(2){transform-style:preserve-3d;animation:leslyCubeRotate 60s linear infinite!important;will-change:transform;}
.technology-cube-section .technology-face{padding:0;appearance:none;border-radius:30%;border-width:1px!important;pointer-events:auto;cursor:pointer;backface-visibility:visible;transition:background-color .25s,opacity .25s;}
.technology-cube-section .technology-face[aria-pressed="true"]{background-color:rgba(132,202,255,.16)!important;}
.technology-cube-section .technology-labels{position:absolute;inset:0;pointer-events:none;}
.technology-cube-section .technology-label{position:absolute;left:0;top:0;display:flex;align-items:center;flex-direction:column;gap:9px;max-width:165px;min-width:120px;min-height:76px;padding:8px 6px;border:0;background:transparent;color:#c2d8ef;text-align:center;cursor:pointer;pointer-events:auto;will-change:transform;}
.technology-cube-section .technology-label>span:last-child{font-size:16px;line-height:1.4;text-shadow:0 1px 6px #12213b;}
.technology-cube-section .technology-icon{color:#96d7ef;display:grid;place-items:center;filter:drop-shadow(1px 2px 0 #19334c) drop-shadow(2px 3px 0 #102239);transform:perspective(180px) rotateY(-15deg) rotateX(9deg);transition:transform .25s;}
.technology-cube-section .technology-icon svg{width:36px;height:36px;}
.technology-cube-section .technology-label[aria-pressed="true"],.technology-cube-section .technology-label:hover{color:#fff;}
.technology-cube-section .technology-label[aria-pressed="true"] .technology-icon{color:#d5f6ff;transform:perspective(180px) rotateY(0deg) scale(1.12);}
.technology-cube-section .technology-label:focus-visible{outline:2px solid #a9c3ff;outline-offset:3px;border-radius:6px;}
.technology-cube-section .technology-hint{text-align:center;color:#adc3dc;font-size:15px;line-height:1.6;margin:0 auto 28px;}
.technology-cube-section .technology-details{max-width:900px;margin:auto;min-height:195px;}
.technology-cube-section .technology-detail{padding:12px 0 20px;}
.technology-cube-section .technology-detail[hidden]{display:none!important;}
.technology-cube-section .technology-detail h3{text-align:center;font-size:28px;font-weight:500;line-height:1.3;margin:0 0 24px;}
.technology-cube-section .technology-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:0;}
.technology-cube-section .technology-detail dt{font-size:14px;color:#93c5fd;margin-bottom:9px;}
.technology-cube-section .technology-detail dd{font-size:17px;color:#cfdef0;line-height:1.75;margin:0;}
.technology-cube-section.technology-ready .technology-detail:not([hidden]){animation:technology-detail-in .3s ease-out;}
.technology-cube-section:not(.technology-ready) .technology-labels{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:15px;}
.technology-cube-section:not(.technology-ready) .technology-label{position:static;}
.technology-cube-section:not(.technology-ready) .technology-logo-mount{opacity:.2;}
.technology-cube-section.technology-offscreen [data-tech-logo] *{animation-play-state:paused!important;}
@keyframes technology-detail-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.technology-cube-section .technology-stage{height:530px}.technology-cube-section .technology-label{min-width:105px;max-width:135px;}.technology-cube-section .technology-label>span:last-child{font-size:14px;}.technology-cube-section .technology-icon svg{width:30px;height:30px;}}
@media(max-width:480px){.technology-cube-section .technology-stage{height:430px;margin-inline:-12px;}.technology-cube-section .technology-label{min-width:78px;max-width:104px;gap:6px;padding:7px 3px;}.technology-cube-section .technology-label>span:last-child{font-size:13px;}.technology-cube-section .technology-icon svg{width:27px;height:27px;}.technology-cube-section .technology-detail dl{grid-template-columns:1fr;gap:18px;}.technology-cube-section .technology-detail h3{font-size:24px;}.technology-cube-section .technology-detail dd{font-size:16px;}.technology-cube-section .technology-details{min-height:235px;}}
@media(prefers-reduced-motion:reduce){.technology-cube-section *{animation:none!important;transition:none!important;}}

@media(prefers-reduced-motion:reduce){.technology-cube-section [data-tech-logo]>div:nth-child(2){animation:none!important;transform:rotateX(-35deg) rotateY(25deg);}}

/* Cube left, selected explanation right; stacked on smaller screens. */
.technology-cube-section .technology-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:20px;}
.technology-cube-section .technology-visual-column{min-width:0;}
.technology-cube-section .technology-stage{height:530px;width:100%;}
.technology-cube-section .technology-details{width:100%;min-width:0;min-height:340px;margin:0;}
.technology-cube-section .technology-detail h3{text-align:left;font-size:clamp(26px,2.5vw,34px);margin-bottom:28px;}
.technology-cube-section .technology-detail dl{grid-template-columns:1fr;gap:24px;}
.technology-cube-section .technology-hint{max-width:430px;font-size:14px;}
.technology-cube-section .technology-label{min-width:94px;max-width:132px;}
.technology-cube-section .technology-label>span:last-child{font-size:14px;}
.technology-cube-section .technology-icon svg{width:30px;height:30px;}
@media(max-width:800px){.technology-cube-section .technology-layout{grid-template-columns:1fr;gap:12px;}.technology-cube-section .technology-stage{height:490px;}.technology-cube-section .technology-details{max-width:650px;min-height:280px;margin:auto;}}
@media(max-width:480px){.technology-cube-section .technology-stage{height:410px;width:calc(100% + 24px);}.technology-cube-section .technology-label{min-width:78px;max-width:104px;}.technology-cube-section .technology-label>span:last-child{font-size:13px;}.technology-cube-section .technology-detail h3{font-size:25px;}}

/* Stable reading targets while the native cube continues its rotation. */
.technology-cube-section .technology-label:hover,.technology-cube-section .technology-label:focus-visible{z-index:30!important;}

/* Scroll-directed reveal: the real logo opens, lends a face, then closes. */
.technology-cube-section{position:relative;isolation:isolate;padding-block:90px;--face-distance:54.6px;--face-roundness:0%;--tech-reveal:1;}
.technology-experience{position:relative;}
.technology-cube-section.technology-pinned .technology-experience{position:sticky;top:110px;}
.technology-cube-section .technology-heading{perspective:1100px;}
.technology-cube-section .technology-heading h2{font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-.04em;transform-origin:50% 65%;will-change:transform,opacity;}
.technology-subtitle{max-width:800px;margin:22px auto 0;font-size:17px;line-height:1.65;color:#bacce0;}
.technology-subtitle strong{color:#ecf5ff;font-weight:500;}
.technology-cube-section .technology-stage{height:470px;}
.technology-cube-section .technology-face{border-radius:var(--face-roundness);transition:opacity .16s,background-color .25s;}
.technology-cube-section .technology-face.technology-away{opacity:0!important;pointer-events:none!important;}
.technology-cube-section .technology-labels{opacity:var(--tech-reveal);}
.technology-cube-section .technology-labels[inert]{pointer-events:none;}
.technology-cube-section .technology-labels[inert] .technology-label{pointer-events:none;}
.technology-cube-section .technology-label.technology-away{opacity:0;pointer-events:none;}
.technology-cube-section .technology-hint{opacity:var(--tech-reveal);margin-bottom:0;}
.technology-cube-section .technology-details{align-self:center;min-height:430px;}
.technology-dock{height:128px;position:relative;width:180px;}
.technology-intro h3{font-size:clamp(25px,2.3vw,32px);line-height:1.3;font-weight:500;margin:18px 0;}
.technology-intro p{color:#bacce0;line-height:1.7;font-size:16px;}
.technology-intro[hidden]{display:none;}
.technology-cube-section .technology-detail{padding-top:0;}
.technology-cube-section .technology-detail h3{font-size:clamp(25px,2.3vw,32px);margin-bottom:24px;}
.technology-cube-section .technology-detail dd{font-size:16px;line-height:1.7;}
.technology-cube-section.technology-ready .technology-detail:not([hidden]){animation:technology-copy-arrive .8s cubic-bezier(.2,.8,.2,1) both;}
.technology-cube-section.technology-ready .technology-detail:not([hidden]) dl>div{animation:technology-copy-arrive .8s cubic-bezier(.2,.8,.2,1) both;}
.technology-cube-section.technology-ready .technology-detail:not([hidden]) dl>div:first-child{animation-delay:.12s;}
.technology-cube-section.technology-ready .technology-detail:not([hidden]) dl>div:last-child{animation-delay:.24s;}
.technology-flight-layer{position:absolute;inset:0;pointer-events:none;z-index:40;overflow:visible;}
.technology-traveler{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;will-change:transform;}
.technology-traveler-plane{position:absolute;left:-54.6px;top:-54.6px;width:109.2px;height:109.2px;border:1px solid;transform-origin:center;backface-visibility:visible;will-change:transform;}
.technology-traveler-icon{position:absolute;left:-25px;top:-65px;width:50px;height:50px;color:#dcf6ff;filter:drop-shadow(0 3px 7px #0b1c32);will-change:transform,opacity;}
.technology-traveler-icon svg{width:50px;height:50px;}
@keyframes technology-copy-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px) and (max-height:850px){.technology-cube-section .technology-stage{height:420px;}.technology-dock{height:105px;}}
@media(max-width:800px){.technology-cube-section{padding-block:65px;}.technology-cube-section .technology-stage{height:450px;}.technology-cube-section .technology-details{min-height:440px;}.technology-dock{margin-inline:auto;}.technology-cube-section .technology-layout{gap:25px;}.technology-subtitle{font-size:16px;}}
@media(max-width:480px){.technology-cube-section .technology-stage{height:400px;}.technology-cube-section .technology-heading h2{font-size:35px;}}
@media(prefers-reduced-motion:reduce){.technology-cube-section{min-height:0!important;}.technology-cube-section .technology-experience{position:relative!important;top:auto!important;}.technology-cube-section .technology-heading h2,.technology-subtitle{transform:none!important;opacity:1!important;}.technology-cube-section .technology-detail,.technology-cube-section .technology-detail dl>div{animation:none!important;}}
.technology-cube-section .technology-label.technology-away:focus-visible{opacity:.7;}

/* Give the headline and the interactive scene separate breathing room. */
.technology-cube-section .technology-layout{margin-top:clamp(96px,9vw,140px);}
@media(max-width:800px){.technology-cube-section .technology-layout{margin-top:76px;}}
@media(max-width:480px){.technology-cube-section .technology-layout{margin-top:64px;}}

/* Original block-face geometry: explicit shared origin, no native button box. */
.technology-cube-section .technology-face{display:block;top:0;left:0;margin:0;min-width:0;min-height:0;line-height:normal;}

.technology-sound{display:block;margin:12px auto 0;padding:9px 16px;border:1px solid #92bce64d;border-radius:24px;background:#15253b66;color:#bdcfe5;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.technology-sound:hover,.technology-sound[aria-pressed="true"]{background:#254a7066;border-color:#92bce6aa}.technology-sound:focus-visible{outline:2px solid #83daff;outline-offset:4px}.technology-sound:disabled{cursor:wait;opacity:.7}
