.story-section{position:relative;background:#fff;scroll-margin-top:68px}.story-inner{max-width:1440px;padding:110px 72px 90px;margin:auto}.story-heading{max-width:600px;margin:0 0 32px}.story-heading .eyebrow{display:flex;gap:18px;align-items:center;margin:0 0 30px}.story-heading .eyebrow>span{color:#0284C7}.story-heading .section-lead{max-width:550px}.story-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);column-gap:90px;align-items:start}.story-sticky{position:sticky;top:100px;min-width:0;margin-top:0}.orbit-stage{position:relative;aspect-ratio:1.05;width:100%;overflow:hidden}.story-product-art{position:absolute;width:100%;aspect-ratio:1145/1373;top:-11%;left:0}.story-shell{width:100%;height:100%;mix-blend-mode:multiply}.story-screen-coordinates{position:absolute;left:0;top:0;width:1145px;height:1373px;transform:scale(var(--story-image-scale,.53));transform-origin:0 0}.story-screen{position:absolute;width:800px;height:480px;left:0;top:0;transform-origin:0 0;border-radius:8px;overflow:hidden;background:#0F172A}.story-screen svg,.story-screen img{width:800px;height:480px;max-width:none}.story-caption{display:flex;align-items:center;gap:14px;padding:12px 0 0 15px;font-size:11px;color:#64748B;flex-wrap:wrap}.story-caption-rule{width:22px;height:1px;background:#0EA5E9;flex:none}.story-progress{font-size:10px;font-variant-numeric:tabular-nums;color:#94A3B8;margin-left:auto}.story-view-label{font-size:10px;color:#94A3B8}.story-steps{padding:100px 0 120px}.story-step{min-height:300px;padding:38px 0 65px;border-top:1px solid #E2E8F0;position:relative}.story-step:before{content:'';position:absolute;left:0;top:-1px;width:0;height:2px;background:#0EA5E9;transition:width .6s cubic-bezier(.22,.75,.25,1)}.story-step.is-active:before{width:55px}.story-step-trigger{display:flex;align-items:baseline;width:100%;gap:17px;border:0;background:none;padding:0;text-align:left;color:#64748B}.story-step-trigger h3{font:500 27px/1.4 Manrope,-apple-system,'PingFang SC',sans-serif;letter-spacing:-.035em;margin:0;color:inherit;transition:color .35s}.story-step.is-active .story-step-trigger{color:#0F172A}.step-number{font-size:11px;letter-spacing:.07em;color:#94A3B8;flex:none}.step-arrow{margin-left:auto;font-size:17px;color:#94A3B8;opacity:0;transition:opacity .3s}.story-step:hover .step-arrow,.story-step:focus-within .step-arrow{opacity:1}.story-step>p{font-size:16px;line-height:1.95;color:#64748B;margin:22px 0 0 32px;max-width:370px}.story-step:last-child{min-height:260px}.story-section .orbit-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}.story-section .orbit-stage[data-ready=true] .orbit-canvas{opacity:1}.story-section .orbit-stage[data-ready=true] .story-product-art{visibility:hidden}
html[lang=en] .story-step-trigger h3{font-size:25px;line-height:1.4}html[lang=en] .story-step>p{font-size:16px;line-height:1.85}
@media(max-width:1150px){.story-inner{padding:90px 40px 60px}.story-layout{column-gap:50px;grid-template-columns:1.2fr 1fr}.story-sticky{top:140px}.story-step-trigger h3{font-size:24px}.story-step>p{font-size:15px}.story-caption{font-size:10px}}
@media(max-width:760px){.story-inner{padding:74px 24px 30px}.story-heading{margin-bottom:20px}.story-heading .eyebrow{margin-bottom:25px;font-size:10px}.story-layout{display:flex;flex-direction:column;gap:0}.story-sticky{position:relative;top:auto;width:100%;margin:0}.orbit-stage{aspect-ratio:1.14}.story-caption{padding:8px 0 0;gap:9px;font-size:10px}.story-steps{padding:45px 0 20px;width:100%}.story-step,.story-step:last-child{min-height:0;padding:25px 0 35px}.story-step-trigger h3,html[lang=en] .story-step-trigger h3{font-size:23px;color:#0F172A}.story-step>p,html[lang=en] .story-step>p{font-size:15px;margin:15px 0 0 29px;max-width:none;line-height:1.9}.step-arrow{opacity:.6}.story-step:before{display:none}}