.perspective-section>.shell{display:block}
.perspective-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}
.perspective-heading>p{margin:0 0 9px;max-width:240px}
.perspective-workspace{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;margin-top:55px;padding-top:48px;border-top:1px solid var(--line)}
.lens-machine{--lens-dark:#101711;--lens-light:#d2ed84;--lens-ink:#19240d;margin-top:48px;border:1px solid var(--line);border-radius:23px;overflow:hidden;background:var(--card);box-shadow:0 25px 65px #0000001a}
.lens-machine-top,.lens-machine-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.14em}
.lens-machine-top{border-bottom:1px solid var(--line)}.lens-machine-bottom{border-top:1px solid var(--line);min-height:72px}
.lens-machine-bottom>div{display:flex;align-items:center;gap:22px}.lens-machine-bottom span{color:var(--accent);white-space:nowrap}.lens-machine-bottom p{font-size:10px;letter-spacing:0;font-weight:400}.lens-machine-bottom>p{text-align:right;max-width:230px}
.lens-stage{height:550px;position:relative;overflow:hidden;isolation:isolate;cursor:ew-resize}
.lens-view{position:absolute;inset:0;overflow:hidden}.lens-delivery{background:var(--lens-light);color:var(--lens-ink)}.lens-technical{background:var(--lens-dark);color:#ebf4db;clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1;will-change:clip-path}
.lens-view-grid{position:absolute;inset:-10%;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:46px 46px;opacity:.08;transform:skewY(-6deg);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);animation:lens-grid-travel 18s ease-in-out infinite alternate}
.lens-watermark{position:absolute;font:700 clamp(230px,32vw,490px)/1 Display,Impact,sans-serif;opacity:.07;top:11%;right:-1%;pointer-events:none}.lens-technical .lens-watermark{right:2%;opacity:.055}
.lens-view-label{position:absolute;top:34px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.16em}.lens-view-label span{opacity:.6}
.lens-view-copy{position:absolute;right:6%;bottom:14%;width:42%}.lens-technical .lens-view-copy{right:auto;left:6%}.lens-view-copy>p{font-size:10px;font-weight:600;letter-spacing:.17em;margin-bottom:20px}.lens-view-copy h3{font:700 clamp(64px,7.8vw,112px)/.82 Display,Impact,sans-serif;letter-spacing:-.025em}.lens-view-copy>span{display:block;font-size:12px;margin-top:24px;opacity:.75;max-width:255px;line-height:1.5}
.lens-delivery-stack{position:absolute;left:7%;top:29%;width:34%;display:grid;gap:12px;transform:translate(var(--float-x),var(--float-y));transition:transform 260ms var(--ease-out)}.lens-delivery-stack>div{display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:13px;background:#f3ffc580;border:1px solid #23361552;border-radius:13px;padding:12px 16px;box-shadow:0 12px 20px #28401219}.lens-delivery-stack>div:nth-child(2){margin-left:20px}.lens-delivery-stack>div:nth-child(3){margin-left:40px}.lens-delivery-stack span{grid-row:span 2;font-size:11px;font-weight:600;opacity:.55}.lens-delivery-stack strong{font:700 29px/.9 Display,Impact,sans-serif}.lens-delivery-stack small{font-size:10px;margin-top:3px}
.lens-terminal{position:absolute;right:6%;top:27%;width:44%;background:#223021ec;border:1px solid #d2ed844d;border-radius:14px;box-shadow:0 22px 45px #0007;overflow:hidden;transform:translate(var(--float-x),var(--float-y));transition:transform 260ms var(--ease-out)}.lens-terminal-top{height:38px;border-bottom:1px solid #d2ed8430;display:flex;align-items:center;gap:5px;padding-inline:15px}.lens-terminal-top>span{width:5px;height:5px;border-radius:50%;background:#a1b590}.lens-terminal-top strong{margin-left:auto;font:600 10px Manrope,sans-serif;color:#d2ed84}.lens-terminal-body{padding:22px 17px 30px;font:12px/2.4 ui-monospace,Consolas,monospace}.lens-terminal-body p{display:flex;gap:15px;white-space:nowrap}.lens-terminal-body b{color:#7c9472;font-weight:400}.lens-terminal-body em{font-style:normal;color:#d2ed84}.lens-terminal-return{color:#d2ed84}.lens-terminal-pulse{height:2px;width:100%;background:#d2ed84;transform-origin:left;animation:lens-terminal-scan 2.6s ease-in-out infinite alternate}
.lens-divider{position:absolute;z-index:2;left:var(--split);top:0;bottom:0;width:2px;background:#f6ffe3;box-shadow:0 0 25px #f6ffe3;pointer-events:none;transform:translateX(-50%)}.lens-divider::before,.lens-divider::after{content:'';position:absolute;left:50%;width:9px;height:9px;background:#f6ffe3;border-radius:50%;transform:translateX(-50%)}.lens-divider::before{top:0}.lens-divider::after{bottom:0}.lens-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;aspect-ratio:1;display:grid;place-items:center;border:3px solid #f6ffe3;background:#182418;color:#d2ed84;border-radius:50%;font:600 32px/1 Manrope,sans-serif;box-shadow:0 10px 35px #0007;animation:lens-handle-breathe 2.7s ease-in-out infinite}
.lens-range{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}
.lens-compact{display:none}
.lens-divider{inset:0;left:0;top:0;bottom:0;width:100%;transform:none;background:none;box-shadow:none}
.lens-divider::before{top:0;bottom:0;left:var(--split);width:2px;height:auto;aspect-ratio:auto;border-radius:0;transform:translateX(-50%);box-shadow:0 0 25px #f6ffe3}
.lens-divider::after{display:none}
.lens-divider span{left:clamp(34px,var(--split),calc(100% - 34px))}
@keyframes lens-grid-travel{to{transform:translate(2%,2%) skewY(-4deg)}}@keyframes lens-terminal-scan{to{transform:scaleX(.2)}}@keyframes lens-handle-breathe{50%{box-shadow:0 10px 35px #0007,0 0 0 13px #f6ffe32b}}
@media(max-width:1100px){.perspective-workspace{gap:45px}.lens-stage{height:500px}.lens-view-copy h3{font-size:clamp(61px,8vw,90px)}.lens-terminal-body{font-size:10px}.lens-delivery-stack{width:37%}}
@media(max-width:767px){.perspective-heading{display:block}.perspective-heading>p{margin-top:22px;max-width:none}.perspective-workspace{display:block;margin-top:40px;padding-top:35px}.perspective-panels{margin-top:25px}.lens-machine{margin-top:32px;border-radius:17px}.lens-machine-top,.lens-machine-bottom{padding:12px 15px;font-size:8px}.lens-machine-top span:last-child{display:none}.lens-machine-bottom{display:block}.lens-machine-bottom>div{justify-content:space-between;gap:8px}.lens-machine-bottom>p{text-align:left;margin-top:7px;max-width:none}.lens-stage{height:580px}.lens-view-label{top:21px;font-size:8px}.lens-view-label span{display:none}.lens-view-copy{right:7%;width:40%;bottom:11%}.lens-technical .lens-view-copy{left:7%}.lens-view-copy>p{font-size:8px;margin-bottom:12px}.lens-view-copy h3{font-size:clamp(38px,10vw,65px)}.lens-view-copy>span{font-size:9px;margin-top:15px}.lens-delivery-stack{left:7%;top:28%;width:75%}.lens-delivery-stack>div{padding:9px}.lens-delivery-stack strong{font-size:22px}.lens-delivery-stack small{font-size:9px}.lens-terminal{right:6%;top:27%;width:82%}.lens-terminal-body{font-size:9px;line-height:2.1;padding:14px 10px 21px}.lens-terminal-body p{gap:7px}.lens-divider span{width:54px;font-size:25px}.lens-watermark{font-size:250px;top:25%;right:-24%}}
@media(max-width:380px){.lens-stage{height:530px}.lens-view-copy h3{font-size:37px}.lens-view-copy>span{display:none}.lens-terminal-body{font-size:8px}.lens-delivery-stack{top:26%}}
@media(max-width:767px){.lens-wide{display:none}.lens-compact{display:inline}.lens-view-copy h3{font-size:clamp(37px,11vw,52px)}}
@media(prefers-reduced-motion:reduce){.lens-view-grid,.lens-terminal-pulse,.lens-divider span{animation:none}.lens-delivery-stack,.lens-terminal{transition:none}}
