/* Native chapter sequence. No scroll lock, slide dwell time or fixed reading height. */
.story-flow{--chapter-top:92px;--chapter-inset:220px;height:auto;scroll-margin-top:0}
.story-flow>.story-stage{position:relative;height:auto;min-height:0;max-width:1600px;padding:24px var(--gutter) 72px;overflow:visible;display:block}
.story-flow .story-toolbar{position:sticky;top:var(--chapter-top);z-index:12;background:#030508f5;border:1px solid #739ada38;border-radius:14px;padding:18px 20px 0;box-shadow:0 16px 35px #0006;backdrop-filter:blur(16px);margin-bottom:26px}
.story-flow .story-heading{gap:18px;padding-bottom:16px}
.story-flow .story-heading .eyebrow{font-size:12px;letter-spacing:.08em;color:#8394ae}
.story-flow .story-reading{display:flex;align-items:center;gap:18px;margin-top:10px;min-height:23px}
.story-flow .story-position{gap:8px;font-size:14px}
.story-flow .story-current{color:#b5d3ff;font-weight:550}
.story-flow .story-current-name{font-size:15px;color:#d7e5fa;font-weight:450}
.story-flow .story-utilities{display:flex;align-items:center;gap:24px;flex-shrink:0}
.story-flow .story-exit{display:flex;align-items:center;gap:15px;font-size:14px;color:#a9c7ef;min-height:44px}
.story-flow .story-arrows{gap:8px}
.story-flow .story-arrows button{width:44px;height:44px;border-color:#779bce44}
.story-flow .story-prev .icon{transform:rotate(-90deg)}
.story-flow .story-next .icon{transform:rotate(90deg)}
.story-flow .story-nav{grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:0;border-top:1px solid #739ada25;gap:0;scrollbar-width:thin;scrollbar-color:#4c81cc #07101c}
.story-flow .story-nav button{font-size:13px;padding:16px 10px;gap:10px;flex-direction:row;min-height:50px;white-space:nowrap;color:#94a6c1;justify-content:center}
.story-flow .story-nav .nav-number{display:none}
.story-flow .story-nav button .icon{width:17px;height:17px;flex-shrink:0}
.story-flow .story-nav button[aria-current=step]{background:#224d842b;color:#e1eeff}
.story-flow .story-nav button[aria-current=step]:before{height:2px}
.story-flow .story-panels{position:relative;display:grid;gap:28px;overflow:visible}
.story-flow .system-panel{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 5%;height:auto;min-height:0;padding:28px 36px 0;background:radial-gradient(ellipse at 15% 20%,#12335c24,transparent 65%),#050a12;border:1px solid #658bbb33;border-radius:18px;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:border-color 200ms ease;scroll-margin-top:var(--chapter-inset);isolation:isolate;overflow:hidden}
.story-flow .system-panel.is-active{border-color:#598dda80}
.story-flow .system-visual{height:clamp(370px,34vw,480px);min-height:0;width:100%;align-self:center;margin-block:12px 22px}
.story-flow .system-visual:before{inset:4% 0}
.story-flow .system-visual img{position:relative;inset:auto;max-height:100%;height:100%;width:100%;transform:translateY(calc(12px - var(--panel-progress,0)*24px));will-change:auto}
.story-flow .visual-index{left:2%;top:3%;font-size:120px;opacity:.075;color:#8eb9fb}
.story-flow .visual-tag{font-size:12px;bottom:10px;padding:9px 14px;max-width:100%}
.story-flow .system-copy{padding:20px 0 30px;max-width:600px;min-width:0}
.story-flow .system-copy>.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.07em}
.story-flow .system-copy h2{font-size:clamp(36px,3.65vw,56px);line-height:1.08;margin:19px 0 22px}
.story-flow .system-description{font-size:16px;line-height:1.8;max-width:510px;color:#a8b9d0}
.story-flow .service-detail-link{font-size:14px;display:inline-block;min-height:32px;padding-top:6px}
.story-flow .system-parts{display:grid;margin:24px 0;gap:10px}
.story-flow .system-parts li{font-size:14px;gap:10px}
.story-flow .system-parts .icon{width:14px;height:14px;flex-shrink:0}
.story-flow .system-flow{display:flex;font-size:12px;padding-top:17px;max-width:460px}
.story-flow .system-flow i{font-size:10px;width:24px;height:24px}
.story-flow .chapter-next{grid-column:1/-1;display:flex;align-items:center;gap:22px;border-top:1px solid #779ac633;min-width:0;min-height:100px;position:relative;color:#d0e0f7;margin-top:8px;overflow:hidden}
.story-flow .chapter-next-preview{height:90px;width:65px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;align-self:end}
.story-flow .chapter-next-preview img{width:100%;height:110px;object-fit:contain;mix-blend-mode:screen;transform:translateY(10px);transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.story-flow .chapter-next-copy{display:grid;gap:6px;padding-block:16px;min-width:0}
.story-flow .chapter-next-copy>span{font-size:11px;letter-spacing:.09em;color:#7994b9}
.story-flow .chapter-next-copy strong{font-size:19px;font-weight:450;line-height:1.4}
.story-flow .chapter-next-arrow{margin-left:auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid #80aaff40;border-radius:50%;color:#92beff;font-size:21px;flex-shrink:0}
.story-flow .chapter-finish .chapter-next-preview{height:80px;align-self:center;font-size:40px;color:#76acfa}
.story-flow a:focus-visible,.story-flow button:focus-visible{outline:2px solid #8ab8ff;outline-offset:-4px;border-radius:5px}
.story-flow .story-arrows button:active,.story-flow .chapter-next:active .chapter-next-arrow{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.story-flow .chapter-next:hover{color:#fff}.story-flow .chapter-next:hover .chapter-next-preview img{transform:translateY(4px)}.story-flow .chapter-next:hover .chapter-next-arrow{background:#184b852e;border-color:#82b1ff}}
@media(max-width:1100px){.story-flow .story-nav button{font-size:12px;padding-inline:6px;gap:6px}.story-flow .system-panel{padding-inline:26px;gap:0 4%}.story-flow .system-copy h2{font-size:39px}.story-flow .system-visual{height:390px}}
@media(max-width:760px){.story-flow{--chapter-top:76px;--chapter-inset:204px}.story-flow>.story-stage{padding:12px 18px 46px}.story-flow .story-toolbar{padding:13px 14px 0;border-radius:10px;margin-bottom:18px}.story-flow .story-heading{padding-bottom:10px;gap:10px}.story-flow .story-heading .eyebrow{font-size:10px;letter-spacing:.065em}.story-flow .story-reading{gap:10px;margin-top:7px}.story-flow .story-current-name{font-size:13px}.story-flow .story-position{font-size:13px;gap:6px}.story-flow .story-utilities{gap:10px}.story-flow .story-exit{font-size:12px;gap:8px}.story-flow .story-arrows{display:none}.story-flow .story-nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:0;scrollbar-width:none}.story-flow .story-nav::-webkit-scrollbar{display:none}.story-flow .story-nav button{flex:0 0 auto;min-height:45px;padding:12px;font-size:13px;gap:7px}.story-flow .story-nav button .icon{width:16px;height:16px}.story-flow .story-panels{gap:20px}.story-flow .system-panel{grid-template-columns:1fr;padding:16px 24px 0;gap:0;border-radius:14px}.story-flow .system-visual{height:clamp(220px,60vw,320px);min-height:0;margin:0 0 8px}.story-flow .system-copy{padding:18px 0 22px;max-width:none}.story-flow .system-copy>.eyebrow{font-size:11px}.story-flow .system-copy h2{font-size:clamp(34px,8.5vw,43px);margin:14px 0 18px}.story-flow .system-description{font-size:15px;line-height:1.75;max-width:none}.story-flow .system-parts{display:grid;gap:9px;margin:19px 0 0}.story-flow .system-parts li{font-size:13px;gap:9px}.story-flow .system-flow{display:none}.story-flow .visual-tag{font-size:11px;bottom:4px}.story-flow .visual-index{font-size:96px;left:0;top:10%}.story-flow .chapter-next{gap:16px;min-height:92px;margin-top:0}.story-flow .chapter-next-preview{width:52px;height:82px}.story-flow .chapter-next-copy>span{font-size:10px;letter-spacing:.06em}.story-flow .chapter-next-copy strong{font-size:16px}.story-flow .chapter-next-arrow{width:34px;height:34px;font-size:18px}}
@media(max-width:379px){.story-flow>.story-stage{padding-inline:12px}.story-flow .system-panel{padding-inline:19px}.story-flow .story-current-name{font-size:12px;max-width:138px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.story-flow .story-exit{font-size:11px}.story-flow .chapter-next{gap:12px}.story-flow .chapter-next-preview{width:42px}}
@media(max-height:650px){.story-flow .story-toolbar{position:relative;top:auto}.story-flow{--chapter-inset:100px}.story-flow .story-current-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.story-flow .system-panel,.story-flow .chapter-next-preview img{transition:none}.story-flow .system-visual img,.story-flow .chapter-next-preview img{transform:none!important}}
@media print{.story-flow .story-toolbar,.story-flow .chapter-next{display:none}.story-flow .system-panel{break-inside:avoid;overflow:visible;border-color:#aaa}.story-flow .system-visual img{transform:none}.story-flow>.story-stage{padding:0}}