.product-story{margin:96px auto 0;max-width:1760px;padding:0 48px;color:#191919}
.story-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:48px}
.story-heading h2{font-size:clamp(40px,4.3vw,68px);line-height:1.04;letter-spacing:-.045em;max-width:550px;margin:0;text-wrap:balance}
.story-heading p{font-size:18px;line-height:1.5;color:#737373;margin:0 0 24px;max-width:640px}
.story-explore{background:#f1f2ef;gap:12px;border:1px solid #f1f2ef}.story-explore:hover{background:#e7eae3}.story-explore svg{width:18px;height:18px}
.story-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.story-rail::-webkit-scrollbar{display:none}.story-card{min-width:0;margin:0;scroll-snap-align:start}
.story-card figcaption{font-size:14px;line-height:1.55;margin-top:20px;padding:0 3px;color:#62665f}.story-card figcaption strong{color:#191919;font-weight:600}
.story-controls{display:flex;align-items:center;gap:10px;margin-top:28px}.story-controls button{width:42px;height:42px;border-radius:50%;background:#f0f1ee;display:grid;place-items:center;transition:background 150ms}.story-controls button:hover{background:#e0e5dc}.story-controls button:disabled{opacity:.4;cursor:default}.story-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.story-prev svg{transform:rotate(180deg)}.story-position{font-size:12px;color:#737373;font-variant-numeric:tabular-nums;margin-left:6px}.story-controls .story-pause{margin-left:auto}
.story-pause .play-symbol{display:none}.story-pause[aria-pressed=true] .pause-symbol{display:none}.story-pause[aria-pressed=true] .play-symbol{display:block}
.story-scene{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1.05;border-radius:10px;background-color:#d8d2c8;container-type:inline-size;font-family:Arial,'Helvetica Neue',sans-serif}
.story-ready .story-scene{background-image:url('/assets/story-atlas.webp');background-size:300% auto;background-repeat:no-repeat;background-position:0 0}
.story-ready .scene-tools{background-position:50% 0}.story-ready .scene-seller{background-position:100% 0}
.story-ready .scene-updates,.story-ready .scene-start,.story-ready .scene-growth{background-image:url('/assets/story-details.webp');background-size:300% auto;background-position:0 0}
.story-ready .scene-start{background-position:50% 0}.story-ready .scene-growth{background-position:100% 0}
.scene-team::before,.scene-tools::before,.scene-seller::before{content:'';position:absolute;inset:0;background:#161f174a;z-index:-1}.scene-tools::before{background:#0c271629}.scene-seller::before{background:#1117144d}
.scene-content{width:100%;height:100%;padding:7%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;box-sizing:border-box}
.scene-content svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.team-orbit{width:100%;aspect-ratio:1;position:relative}.orbit-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:24%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:18cqw;font-weight:700;letter-spacing:-.08em;padding-right:.06em;line-height:1}
.orbit-pulse{position:absolute;inset:-12px;border:1px solid #ffffff60;border-radius:50%}
.avatar-node{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:23%;aspect-ratio:1}
.story-avatar{width:100%;height:100%;border-radius:50%;background-color:#b7b0a4;border:2px solid #ffffff80;background-repeat:no-repeat;background-size:600% auto;background-position:0 89%}
.story-ready .story-avatar{background-image:url('/assets/story-atlas.webp')}
.face-1{background-position:20% 89%}.face-2{background-position:40% 89%}.face-3{background-position:60% 89%}.face-4{background-position:80% 89%}.face-5{background-position:100% 89%}
.avatar-check{position:absolute;right:-2px;bottom:0;display:grid;place-items:center;background:#fff;width:23px;height:23px;border-radius:50%;color:#41765b}.avatar-check svg{width:15px;height:15px}
.team-labels{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.team-labels span{font-size:3cqw;color:#fff;background:#191919b3;padding:7px 12px;border-radius:30px}
.tools-board{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border:1px solid #ffffffa0;background:#ffffffca;border-radius:24px;transform:rotate(-3deg);box-shadow:0 12px 30px #18291c20}
.story-tool{display:grid;place-items:center;aspect-ratio:1;border-radius:23%;background:#248f8b;color:#fff;box-shadow:inset 0 1px 0 #ffffff30,0 3px 6px #00000015}.story-tool svg{width:56%;height:56%;stroke-width:1.5}
.tool-0{background:#b39131}.tool-1{background:#245c49}.tool-2{background:#3b73a6}.tool-3{background:#252d2a}.tool-4{background:#599b91}.tool-5{background:#937357}
.tools-footnote{font-size:3.5cqw;line-height:1.4;color:#fff;text-align:center;text-shadow:0 1px 4px #000;margin:8px 0 0}
.scene-seller .scene-content{gap:14px;padding:7%}
.story-question{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;font-size:3.4cqw}
.story-question>span:first-child{background:#f5f5f3;border-radius:30px;padding:12px 15px}.question-avatar{width:34px;height:34px;flex-shrink:0}
.story-answer{background:#fff;border-radius:14px;padding:20px;width:100%;box-shadow:0 8px 24px #131e1514;font-size:3.6cqw;line-height:1.55}
.answer-brand{display:flex;align-items:center;gap:8px;font-size:2.8cqw;line-height:1.3}.answer-brand>span:last-child{margin-left:auto;color:#41765b;font-size:2.4cqw;white-space:nowrap}.answer-logo{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#248f8b;color:#fff;font-size:26px;font-weight:700;letter-spacing:-1px;flex-shrink:0}
.answer-line{margin:18px 0}.answer-source{display:flex;align-items:center;gap:6px;border-top:1px solid #e9e9e9;padding-top:12px;font-size:2.7cqw;color:#62665f}.answer-source svg{width:15px;height:15px}
.answer-handoff{color:#fff;display:flex;align-items:center;gap:8px;font-size:3.1cqw;line-height:1.4;text-shadow:0 1px 3px #000}.answer-handoff svg{width:17px;height:17px}
.notice-stack{width:100%;position:relative}.notice-back{position:absolute;inset:-12px 12px 12px;background:#ffffffb3;border-radius:20px}
.story-notice{position:relative;background:#fffffff0;border:1px solid #ffffffba;border-radius:20px;padding:20px;color:#191919;box-shadow:0 4px 20px #29312210}
.notice-top{display:flex;gap:10px;align-items:center}.notice-app{width:38px;height:38px;background:#248f8b;color:#fff;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.notice-top strong{font-size:3.25cqw;display:block}.notice-top small{font-size:2.7cqw;color:#737373;display:block;margin-top:4px}.notice-top time{font-size:2.3cqw;color:#737373;margin-left:auto;align-self:flex-start;padding-top:3px}.story-notice>p{font-size:3.7cqw;line-height:1.5;margin:16px 0}.notice-route{display:flex;gap:16px;font-size:2.8cqw;color:#41765b}.notice-route span{display:flex;gap:4px;align-items:center}.notice-route svg{width:15px;height:15px}
.starter-card{width:100%;background:#fffffff0;border:2px solid #fff;border-radius:16px;padding:12px 16px 18px;box-shadow:0 10px 25px #241a1524}
.starter-cover{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:23cqw;margin:-5px -9px 0;border-radius:9px;overflow:hidden}
.starter-photo{background-color:#ddd4c5;background-size:300% auto;background-position:0 50%}.story-ready .starter-photo{background-image:url('/assets/nord-products.webp')}.starter-photo.photo-b{background-position:50% 50%}.starter-photo.photo-c{background-position:100% 50%}
.starter-icon{display:grid;place-items:center;background:#937357;color:#fff;width:40px;height:40px;border-radius:11px;margin:-17px 0 14px;position:relative}
.starter-card h3{font-size:4cqw;font-weight:600;line-height:1.25;margin:0 0 10px;letter-spacing:-.015em;text-wrap:balance}.starter-card>p{font-size:3.1cqw;line-height:1.5;color:#62665f;margin:0 0 16px}.starter-steps{display:flex;flex-wrap:wrap;gap:7px}.starter-steps span{display:flex;gap:3px;align-items:center;font-size:2.6cqw;color:#41765b}.starter-steps svg{width:14px;height:14px}.starter-card>small{display:block;font-size:2.5cqw;color:#737373;margin-top:18px}
.growth-stack{display:flex;flex-direction:column;align-items:center;gap:8px}.growth-pill{display:block;font-size:5cqw;line-height:1.25;padding:9px 17px;border-radius:14px;background:#ffffffe8;box-shadow:0 1px 2px #00000008;white-space:nowrap}
@media(min-width:1700px){.story-card figcaption{font-size:16px}.story-heading p{font-size:20px}}
@media(max-width:1000px){.product-story{padding:0 28px;margin-top:80px}.story-heading{gap:32px;margin-bottom:32px}.story-heading h2{font-size:44px}.story-heading p{font-size:16px}.story-rail{grid-auto-columns:calc((100% - 16px)/2)}.story-card figcaption{font-size:14px}}
@media(max-width:600px){.product-story{padding:0 20px;margin-top:64px}.story-heading{display:block;margin-bottom:28px}.story-heading h2{font-size:38px;max-width:330px}.story-heading p{font-size:16px;margin-top:24px;margin-bottom:20px}.story-rail{grid-auto-columns:88%;gap:12px}.story-scene{aspect-ratio:1/1.1}.story-card figcaption{margin-top:16px}.scene-content{padding:7%}.story-answer,.story-notice{padding:16px}.story-controls{margin-top:24px}.story-controls button{width:44px;height:44px}.answer-brand{font-size:3cqw}.answer-brand>span:last-child{display:none}.growth-pill{padding:8px 15px}.growth-stack{gap:7px}}
@media(prefers-reduced-motion:reduce){.story-pause{display:none!important}.story-rail{scroll-behavior:auto}}
.starter-card>small{color:#62665f}
