/* Clever product story / V5. Original product photography, no 3D model. */
.hero-explore{display:inline-flex;gap:15px;margin-top:20px;font-size:13px;color:#96c5d9;border-bottom:1px solid #6cb5d03b;padding:7px 0}.hero-explore:hover{color:#d6f6ff;border-color:#c1f0ff}.product-story{position:relative;background:#070f18;padding:100px 0 0;isolation:isolate;border-top:1px solid #ffffff0c;overflow:clip}.product-story .section-rule{margin-bottom:55px}.story-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:50px}.story-intro h2{font-weight:400;font-size:clamp(46px,5.6vw,80px);line-height:1.04;letter-spacing:-.055em;margin:0}.story-start{font-size:13px;padding-bottom:12px;border-bottom:1px solid #8dc8dd50;display:flex;gap:35px;white-space:nowrap}.story-track{display:grid;grid-template-columns:61% 39%;align-items:start;gap:0;position:relative}.story-stage{position:sticky;top:115px;height:calc(100vh - 150px);max-height:780px;min-height:440px;margin-right:45px;isolation:isolate;--photo-scale:1;--photo-x:0px;--photo-y:0px;--photo-turn:-7deg;--chapter-progress:0;--pointer-x:50%;--pointer-y:50%;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#1c59742b,transparent 65%);border-top:1px solid #75c2df30;border-bottom:1px solid #75c2df20}.stage-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#85c8df08 1px,transparent 1px),linear-gradient(90deg,#85c8df08 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse,#000 10%,transparent 75%);opacity:.7}.stage-orbit{position:absolute;width:80%;aspect-ratio:1;left:10%;top:3%;border:1px solid #86d7f31a;border-radius:50%;transform:rotateX(65deg) rotateZ(-12deg);box-shadow:0 0 0 42px #66c8e605;transition:opacity .8s,transform 1.2s}.stage-watermark{position:absolute;left:0;right:0;text-align:center;top:29%;font-size:clamp(90px,11vw,170px);letter-spacing:-.08em;font-weight:600;color:#8dcce608;user-select:none;pointer-events:none}.scene-label{display:flex;gap:12px;align-items:center;padding:22px 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a1c3d9}.scene-dot{width:5px;height:5px;border-radius:50%;background:#a3ebff;box-shadow:0 0 16px #98e9ff}.scene-fraction{margin-left:auto;color:#6f93aa;font-variant-numeric:tabular-nums}.story-device{position:absolute;left:-4%;width:108%;max-width:108%;height:auto;top:50%;transform:translate(var(--photo-x),calc(-50% + var(--photo-y))) rotate(var(--photo-turn)) scale(var(--photo-scale));transform-origin:center;filter:drop-shadow(0 35px 22px #000b);z-index:2;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .7s;will-change:transform;pointer-events:none}.stage-caption{position:absolute;left:0;right:0;bottom:93px;display:flex;gap:15px;justify-content:space-between;font-size:10px;letter-spacing:.025em;color:#97b5c8;z-index:6;transition:color .5s}.scene-caption{text-align:right}.story-nav{position:absolute;left:0;right:0;bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;z-index:8}.story-nav a{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#7c9caf;padding:13px 0 0;position:relative;border-top:1px solid #355469;transition:color .4s}.story-nav-number{font-size:9px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.story-nav a:after{content:'';position:absolute;left:0;top:-1px;width:0;height:1px;background:#a2e8ff;box-shadow:0 0 10px #7bdaff;transition:width .65s}.story-nav a.active{color:#d6f3ff}.story-nav a.active:after{width:calc(var(--chapter-progress)*100%)}.story-nav a:hover{color:#b4ecff}.story-chapters{padding-top:0;padding-bottom:120px}.story-chapter{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:65px 0 65px 15px;scroll-margin-top:125px;position:relative;max-width:480px}.chapter-index{display:flex;gap:22px;align-items:center;color:#7bb9d3;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:25px}.chapter-index>span:first-child{font-variant-numeric:tabular-nums}.story-chapter h3{font-size:clamp(35px,3.1vw,47px);line-height:1.09;letter-spacing:-.04em;font-weight:400;margin:0 0 28px}.story-chapter p{font-size:17px;line-height:1.85;color:#b0c6d7;max-width:400px;margin:0 0 24px}.story-chapter .chapter-detail{font-size:14px;color:#7f9db2;padding-top:20px;border-top:1px solid #57748a30}.story-chapter .watch-button{align-self:flex-start;font-size:12px}.story-enhanced .story-chapter{opacity:.32;transition:opacity .6s}.story-enhanced .story-chapter.current{opacity:1}.display-focus{position:absolute;left:43%;top:42%;width:24%;height:20%;border:1px solid #a7e9ff25;transform:rotate(-12deg);pointer-events:none;z-index:4;opacity:1;transition:opacity .8s,transform 1s}.display-focus>span{position:absolute;inset:-12px;border:1px solid #a7e9ff0f}.display-focus i{position:absolute;left:-4px;top:-4px;width:6px;height:6px;border:1px solid #b4eaff;background:#143449}.display-focus i:nth-of-type(2){left:auto;right:-4px}.display-focus i:nth-of-type(3){left:auto;right:-4px;top:auto;bottom:-4px}.store-plan{position:absolute;inset:12% 0 18%;width:100%;height:70%;opacity:0;transform:perspective(800px) rotateX(28deg) rotateZ(-10deg) scale(.85);transition:opacity .9s,transform 1.2s;z-index:0;pointer-events:none}.plan-racks{opacity:.5}.store-route{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 2.5s ease .2s}.store-zone{transform-origin:370px 130px}.story-analytics{position:absolute;left:8%;top:13%;width:84%;z-index:5;opacity:0;transform:translateY(40px) scale(.88);transition:opacity .9s,transform 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}.story-analytics img{width:100%;height:auto;max-height:calc(100vh - 330px);object-fit:contain;filter:drop-shadow(0 20px 20px #0008)}.story-analytics figcaption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-top:22px;color:#a0c8df}.socket-visual{position:absolute;left:8%;right:8%;top:18%;height:53%;display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transform:translateY(25px);z-index:5;color:#9bdcf3;transition:opacity .8s,transform 1s;pointer-events:none}.socket-visual svg{width:90px;height:90px}.socket-visual strong{font-size:130px;font-weight:400;line-height:1;letter-spacing:-.07em}.socket-visual span{position:absolute;left:0;right:0;top:83%;text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:10px}.story-stage[data-scene="1"]{--photo-scale:.82;--photo-x:5%;--photo-y:38px;--photo-turn:5deg}.story-stage[data-scene="1"] .story-device{opacity:.82}.story-stage[data-scene="1"] .store-plan{opacity:1;transform:perspective(800px) rotateX(28deg) rotateZ(-10deg) scale(1.02)}.story-stage[data-scene="1"] .store-route{stroke-dashoffset:0}.story-stage[data-scene="1"] .display-focus{opacity:0}.story-stage[data-scene="1"] .stage-orbit{opacity:.1}.story-stage[data-scene="2"]{--photo-scale:.72;--photo-y:100px;--photo-turn:-2deg}.story-stage[data-scene="2"] .story-device{opacity:.12}.story-stage[data-scene="2"] .display-focus{opacity:0}.story-stage[data-scene="2"] .story-analytics{opacity:1;transform:translateY(0) scale(1)}.story-stage[data-scene="3"]{--photo-scale:.76;--photo-y:110px;--photo-turn:0deg}.story-stage[data-scene="3"] .story-device{opacity:.25}.story-stage[data-scene="3"] .display-focus{opacity:0}.story-stage[data-scene="3"] .socket-visual{opacity:1;transform:none}.story-stage[data-scene="3"] .stage-orbit{opacity:.2}.story-stage[data-scene="3"] .stage-watermark{opacity:.3}.story-viewport-hint{display:none}@media(min-width:1600px){.story-stage{top:125px;margin-right:75px}.story-chapter{min-height:77vh}.story-intro h2{font-size:87px}}@media(max-width:1100px){.story-track{grid-template-columns:57% 43%}.story-stage{margin-right:30px;min-height:420px}.story-chapter{padding-left:10px}.story-chapter h3{font-size:37px}.story-chapter p{font-size:16px}.story-analytics{left:0;width:100%;top:20%}.stage-caption{font-size:9px}.scene-caption{max-width:170px}.socket-visual strong{font-size:105px}.socket-visual svg{width:75px}}@media(max-width:800px){.product-story{padding:65px 0 25px}.story-intro{display:block;padding-bottom:35px}.story-intro h2{font-size:44px}.story-start{display:inline-flex;margin-top:25px}.story-track{display:block}.story-stage{position:relative;top:0;height:380px;min-height:0;max-height:none;margin:0;width:100%;border-bottom:0}.story-chapters{padding-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.story-chapter{min-height:0;padding:35px 0 25px;scroll-margin-top:100px}.story-chapter h3{font-size:31px}.story-enhanced .story-chapter{opacity:1}.story-chapter p{font-size:15px}.story-nav{display:none}.stage-caption{bottom:20px}.story-analytics{top:2%;width:80%;left:10%}.story-analytics img{max-height:280px}.socket-visual{top:4%;height:70%}.story-device{top:50%}.display-focus{top:38%}.scene-label{padding-top:16px}.store-plan{top:5%}.story-analytics figcaption{margin-top:5px}}@media(max-width:520px){.story-chapters{display:block}.story-stage{height:290px}.story-chapter{border-top:1px solid #779eb728;max-width:none}.story-chapter h3{font-size:34px}.story-chapter p{max-width:none}.story-analytics img{max-height:200px}.scene-fraction{display:none}.stage-caption{font-size:9px}.chapter-index{margin-bottom:17px}}@media(prefers-reduced-motion:reduce){.story-device,.story-analytics,.store-plan,.socket-visual,.display-focus{transition:none}.story-enhanced .story-chapter{opacity:1}.story-device{transform:translate(0,-50%)!important}.store-route{transition:none}.story-nav a:after{transition:none}}@media print{.story-track{display:block}.story-stage{position:relative;top:0;height:300px}.story-chapter{min-height:0;opacity:1!important;padding:20px 0;break-inside:avoid}.story-chapters{padding:0}.product-story{background:white;color:black}.story-chapter p{color:black}.story-start,.story-nav{display:none}}