.product-stage{perspective:1200px;transform-style:preserve-3d}
.phone{transition:transform .15s linear}
.phone.back{transform:rotate(-7deg) rotateY(calc(var(--hero-scroll,0) * -4deg)) translateY(calc(var(--hero-scroll,0) * -10px))}
.phone.front{transform:rotate(5deg) rotateY(calc(var(--hero-scroll,0) * 5deg)) translateY(calc(var(--hero-scroll,0) * 12px))}
.intelligence-story{--story-progress:0;height:310vh;position:relative;background:#050706;color:#fff}
.intelligence-sticky{height:100vh;position:sticky;top:0;display:grid;grid-template-columns:minmax(290px,480px) 1fr;gap:6vw;align-items:center;max-width:1440px;margin:auto;padding:72px clamp(28px,5vw,80px);overflow:hidden}
.intelligence-sticky:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 45%,rgba(67,120,219,.13),transparent 37%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;mask-image:linear-gradient(90deg,transparent 4%,#000 30%,#000 86%,transparent)}
.story-copy{height:310px;position:relative;z-index:4}
.story-chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.story-chapter.active{opacity:1;transform:none}
.story-chapter span{color:#77a5ff;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.story-chapter h2{max-width:530px;margin:16px 0;font-size:clamp(42px,4.4vw,68px);line-height:.98;letter-spacing:0}
.story-chapter p{max-width:480px;margin:0;color:#aeb8b2;font-size:16px;line-height:1.65}
.story-visual{height:min(78vh,730px);position:relative;z-index:2;perspective:1500px;transform-style:preserve-3d}
.device-shadow{width:64%;height:16%;position:absolute;left:23%;bottom:3%;border-radius:50%;background:rgba(0,0,0,.9);filter:blur(28px);transform:rotate(-8deg)}
.cinema-device{width:min(315px,31vw);aspect-ratio:.51;position:absolute;padding:10px;border:1px solid #bfc3c4;border-radius:48px;background:linear-gradient(115deg,#f7f8f8 0 8%,#787d80 10%,#d9dcdd 14%,#4c5052 18%,#e4e6e6 24%,#8a8e90 100%);box-shadow:-10px 5px 0 #555a5c,-18px 14px 36px rgba(0,0,0,.62),inset 0 0 0 2px rgba(255,255,255,.5);transform-style:preserve-3d;will-change:transform}
.cinema-device:before{content:"";width:4px;height:70px;position:absolute;left:-14px;top:130px;border-radius:3px;background:#929799;box-shadow:0 94px 0 #929799}
.cinema-device:after{content:"";width:30%;height:18px;position:absolute;left:35%;top:15px;z-index:4;border-radius:20px;background:#050706}
.lead-device{right:9%;top:4%;z-index:3;transform:translate3d(calc(var(--story-progress) * -42px),calc(var(--story-progress) * 52px),80px) rotateZ(calc(-16deg + var(--story-progress) * 14deg)) rotateY(calc(-20deg + var(--story-progress) * 25deg)) rotateX(3deg)}
.rear-device{right:35%;top:11%;z-index:2;opacity:calc(.38 + var(--story-progress) * .62);transform:translate3d(calc(var(--story-progress) * 55px),calc(var(--story-progress) * -42px),-55px) rotateZ(calc(11deg - var(--story-progress) * 15deg)) rotateY(calc(24deg - var(--story-progress) * 16deg)) scale(.9)}
.device-screen{height:100%;overflow:hidden;padding:38px 18px 20px;border-radius:38px;background:#0b0e0d}
.screen-top{height:38px;display:flex;align-items:center;justify-content:space-between}
.screen-top img{width:90px}.screen-top small{color:#7f8a85;font-size:6px}
.portfolio-screen>p{margin:32px 0 5px;color:#9ba49f;font-size:9px}.portfolio-screen h3{margin:0;font-size:31px}.portfolio-screen>em{display:block;margin-top:6px;color:#69a0ff;font-size:9px;font-style:normal}
.candle-field{height:31%;display:flex;align-items:flex-end;gap:5px;margin:28px 0 18px;border-bottom:1px solid #29302d;background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(255,255,255,.04) 27px)}
.candle-field i{width:9%;height:var(--h);position:relative;margin-bottom:var(--y);background:#70a3ff;transform:scaleY(calc(.55 + var(--story-progress) * .45));transform-origin:bottom;transition:transform .2s linear}.candle-field i:before{content:"";width:1px;height:150%;position:absolute;left:50%;top:-25%;background:inherit}.candle-field i:nth-child(3n){background:#e27474}
.decision-card{padding:15px;border:1px solid #252b28;border-radius:7px;background:#121615}.decision-card>*{display:block}.decision-card span,.signal-head span{color:#77a5ff;font-size:6px;font-weight:700}.decision-card strong{margin:7px 0;font-size:11px}.decision-card small{color:#818b86;font-size:7px}
.signal-head{margin-top:23px}.signal-head>*{display:block}.signal-head strong{margin:8px 0;font-size:18px;line-height:1.1}.signal-head em{color:#77a5ff;font-size:8px;font-style:normal}.signal-map{height:45%;margin:18px -18px;background:url('intelligence-earth.jpg') center/cover;filter:saturate(.8) contrast(1.08);opacity:.78}.signal-assets{display:flex;gap:7px}.signal-assets span{padding:7px 9px;border:1px solid #28302c;border-radius:5px;color:#c9d0cc;font-size:7px}
.market-orbit{width:min(560px,52vw);aspect-ratio:1;position:absolute;right:-7%;top:4%;opacity:calc(var(--story-progress) * 1.2);transform:translate3d(calc((1 - var(--story-progress)) * 120px),0,-120px) scale(calc(.74 + var(--story-progress) * .26));transition:opacity .2s linear}.earth{width:55%;aspect-ratio:1;position:absolute;right:7%;top:19%;overflow:hidden;border-radius:50%;background:url('intelligence-earth.jpg') center/cover;box-shadow:-28px 2px 50px rgba(0,0,0,.8) inset,0 0 70px rgba(82,132,231,.22)}.earth:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.8),transparent 53%,rgba(99,146,239,.1))}.earth i{position:absolute;inset:-20%;border:1px solid rgba(118,160,242,.25);border-radius:50%;transform:rotate(58deg)}
.orbit-node{position:absolute;padding:8px 10px;border:1px solid #263028;border-radius:5px;background:rgba(7,10,8,.8);backdrop-filter:blur(10px);color:#aeb7b2;font:600 6px ui-monospace,SFMono-Regular,Menlo,monospace}.orbit-node b{margin-right:5px;color:#77a5ff}.node-a{right:3%;top:12%}.node-b{right:43%;top:10%}.node-c{right:18%;bottom:18%}
.story-progress{width:2px;height:160px;position:absolute;right:30px;top:calc(50% - 80px);background:#222825}.story-progress i{display:block;width:2px;height:calc(var(--story-progress) * 100%);background:#77a5ff}
@media(max-width:760px){.intelligence-story{height:280vh}.intelligence-sticky{display:block;padding:74px 16px 20px}.story-copy{height:265px}.story-chapter{justify-content:flex-start}.story-chapter h2{font-size:39px}.story-chapter p{font-size:14px}.story-visual{height:55vh;min-height:390px;margin-top:5px}.cinema-device{width:205px;padding:7px;border-radius:34px}.cinema-device:after{height:12px;top:10px}.cinema-device:before{left:-10px;top:90px;height:48px;box-shadow:0 65px 0 #929799}.device-screen{padding:28px 13px 15px;border-radius:28px}.lead-device{right:-4%;top:2%}.rear-device{left:-12%;right:auto;top:12%}.market-orbit{width:390px;right:-34%;top:6%}.screen-top img{width:67px}.portfolio-screen>p{margin-top:18px}.portfolio-screen h3{font-size:23px}.candle-field{height:27%;margin:18px 0 12px}.decision-card{padding:10px}.signal-head{margin-top:10px}.signal-head strong{font-size:14px}.story-progress{right:9px;height:110px;top:calc(50% - 55px)}}
@media(prefers-reduced-motion:reduce){.story-chapter,.phone{transition:none}.lead-device{transform:rotateZ(-5deg) rotateY(-8deg)}.rear-device{transform:translate(-20px,15px) rotateZ(7deg) scale(.9)}}