body.story-open{overflow:hidden}#story-modal{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#000;overflow:hidden;color:#f4f4f6}#story-modal::backdrop{background:#000}#story-modal .story-shell{display:grid;grid-template-rows:44px auto minmax(0,1fr) auto;gap:12px;height:100%;padding:20px 4% 18px;max-width:1680px;margin:auto}.story-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #28282d;padding-bottom:12px}.story-brand{display:flex;align-items:center;gap:9px;font:700 21px var(--display);letter-spacing:-1px}.story-brand img{border-radius:3px}.story-brand small{font:400 9px var(--font);letter-spacing:1.5px;color:#9a9aa5;margin-left:12px}.story-demo{font-size:8px;color:#9595a2;letter-spacing:1px}.story-close{font-size:28px;width:44px;height:44px;padding:0;color:#b6b6c2;flex-shrink:0}.story-heading{text-align:center;padding:8px 0 0;max-width:900px;margin:auto;width:100%}.story-kicker{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--select)}#story-modal .story-heading h2{font:500 clamp(26px,3vw,43px)/1.18 var(--display);letter-spacing:-1.4px;margin:12px 0 9px;color:#f0f0f6}#story-modal .story-heading p{font:400 13px/1.6 var(--font);color:#aaaab6;margin:0 auto;max-width:680px}.story-stage{display:flex;justify-content:center;align-items:center;gap:80px;position:relative;min-height:0;isolation:isolate}.story-stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0022ea0e,transparent 65%)}.story-operation{height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.story-iso{height:100%;width:auto;max-width:95%;transform:scale(.98);transform-origin:50% 52%;animation:story-camera 5s ease-out both}.story-iso path,.story-iso circle{fill:#020203;stroke:#7b8494;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-iso .sil{stroke:#c3c6ce}.story-iso .nf,.story-iso .cr,.story-iso .dash{fill:none}.story-iso .cr{stroke:#505a6b}.story-iso .lo{stroke:#323a49}.story-iso .hi{stroke:var(--select);stroke-width:1.3}.story-iso .brand-edge{stroke:#697cff}.story-iso .dash{stroke:#4055a2;stroke-dasharray:3 6}.story-iso .route.active{stroke:var(--coral);stroke-dasharray:5 6;animation:flow 2.5s linear infinite}.story-event{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:13px 20px;border:1px solid #79451e;border-radius:6px;background:#110d07f5;display:flex;gap:14px;align-items:center;width:max-content;max-width:90%;animation:story-arrive .7s ease-out both}.story-event small{display:block;font-size:10px;color:#b6a08a;margin-bottom:4px}.story-event strong{font-size:14px;font-weight:500;color:#ffe6ce}.story-pulse{width:8px;height:8px;background:var(--select);border-radius:50%;box-shadow:0 0 0 6px #ff7a0012;flex-shrink:0;display:block;animation:story-beacon 2s ease-in-out infinite}.story-inputs{width:340px;display:grid;gap:14px}.story-signal{padding:19px;border:1px solid #363642;border-radius:7px;background:#0c0c10;position:relative;animation:story-arrive .8s both;animation-delay:calc(var(--i)*.45s)}.story-signal>span{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#8f98b5}.story-signal strong{font-size:16px;font-weight:500;line-height:1.45;display:block;margin-top:8px}.story-signal>i{position:absolute;width:8px;height:8px;border:1px solid var(--coral);background:#000;border-radius:50%;right:-5px;top:50%}.story-signal:after{content:'';position:absolute;top:50%;left:100%;width:70px;height:1px;background:linear-gradient(90deg,#fd4450,transparent);opacity:.7}.story-processing{text-align:center}.story-processing>b{font-size:11px;letter-spacing:2px;font-weight:500;color:#d5d9ec}.story-processing>small{display:block;margin-top:11px;font-size:13px;color:var(--select)}.story-core{position:relative;width:280px;height:265px;perspective:700px;margin:auto}.story-core>div{--level:0;position:absolute;width:180px;height:180px;left:50px;top:85px;border:1px solid #8190e2;border-radius:18px;background:#08080e;transform:translateY(calc(var(--level)*-30px)) rotateX(57deg) rotateZ(45deg);box-shadow:inset 0 0 0 8px #030305;animation:story-core-in 1.2s ease both;animation-delay:calc(var(--level)*.2s)}.story-core>div:nth-child(2){--level:1;border-color:#fd4450}.story-core>div:nth-child(3){--level:2;border-color:var(--select)}.story-core>i{position:absolute;width:61px;height:61px;left:110px;top:54px;border:1px solid #7f90ff;border-radius:9px;background:#101020;transform:rotateX(57deg) rotateZ(45deg)}.story-priority-core>span{display:block;text-align:center;letter-spacing:2px;font-size:10px;color:#a9b4e6}.story-output{width:430px;border:1px solid #945325;border-radius:10px;background:#100d09;padding:27px;position:relative;animation:story-arrive .7s both;animation-delay:.45s}.story-output>.story-pulse{position:absolute;left:-5px;top:45%}.story-output>small{font-size:9px;color:var(--select);letter-spacing:1.4px}#story-modal .story-output h3{font:500 27px/1.3 var(--display);letter-spacing:-.8px;margin:16px 0}#story-modal .story-output p{font:400 14px/1.8 var(--font);color:#b7b2af;margin:0}.story-monitor{width:760px;max-width:96%;border:6px solid #26262e;border-radius:13px;background:#070709;box-shadow:0 14px 0 -6px #141419;animation:story-arrive .8s both}.monitor-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 23px;border-bottom:1px solid #2a2a34}.monitor-top b{font-size:13px;font-weight:500;letter-spacing:1px}.monitor-top small{font-size:9px;color:#97a6f5}.monitor-board{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px}.monitor-column>span{font-size:11px;color:#aaaabb}.monitor-ticket{display:flex;flex-direction:column;gap:12px;min-height:125px;padding:16px;border:1px solid #393942;border-radius:6px;margin-top:12px;background:#111116;animation:story-arrive .7s both}.monitor-ticket small{font-size:11px;color:#b7b7c6}.monitor-ticket strong{font-size:19px;font-weight:500}.monitor-ticket i{display:block;height:2px;background:#33333d;width:75%;max-width:75px}.monitor-ticket i:last-child{width:45%}.monitor-ticket.selected{background:#23170c;border-color:var(--select);color:#ffd7ad;box-shadow:0 0 0 3px #ff7a0012;animation:story-selected 1s ease both}.monitor-guidance{border-top:1px solid #34343e;padding:19px 22px;background:#11111a}.monitor-guidance>span{font-size:9px;letter-spacing:.8px;color:var(--coral)}#story-modal .monitor-guidance p{font-size:14px;line-height:1.6;color:#e2e1ed;margin:10px 0}.monitor-guidance>small{font-size:10px;color:#9999ac}.story-phone-hint{position:absolute;left:0;right:0;top:0;text-align:center;font-size:9px;color:#7f8198;letter-spacing:.5px;pointer-events:none}.story-phone{height:min(100%,555px);aspect-ratio:9/19;width:auto;border:7px solid #2a2a32;border-radius:35px;background:#0a0a0f;position:relative;box-shadow:0 0 0 1px #777784,0 18px 70px #0022ea10;animation:story-phone-arrive .8s ease both;flex-shrink:0;overflow:hidden}.phone-camera{width:70px;height:18px;background:#000;border-radius:0 0 14px 14px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:4}.phone-status{display:flex;justify-content:space-between;margin:12px 13px 0;font-size:9px;color:#d9d9e4}.phone-brand{display:flex;align-items:center;gap:7px;padding:18px 13px 13px;border-bottom:1px solid #23232c}.phone-brand img{border-radius:3px;width:18px;height:19px}.phone-brand b{font-size:12px;font-weight:500}.phone-brand>span{margin-left:auto;color:var(--coral);font-size:17px}.phone-content{position:absolute;left:14px;right:14px;top:91px;bottom:53px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:#34343e transparent}.phone-greeting{font-size:10px;color:#9494a7}#story-modal .phone-content>h3{font:500 19px/1.3 var(--display);letter-spacing:-.5px;color:#e8e8f1;margin:9px 0 13px}.phone-notification{font-size:9px;line-height:1.4;display:flex;align-items:center;gap:7px;background:#101625;border:1px solid #283c74;padding:9px;border-radius:6px;margin-bottom:13px;color:#b9c9f8}.phone-notification i{width:4px;height:4px;border-radius:50%;background:var(--coral);flex-shrink:0}.phone-content[data-phase="0"] .phone-notification{animation:story-arrive .6s .3s both}.phone-priority{border-left:2px solid var(--coral);padding:10px 0 9px 10px;background:#111115}.phone-priority>span{font-size:6px;letter-spacing:.7px;color:#a7a7bf}.phone-priority h4{font-size:13px;font-weight:500;line-height:1.4;margin:8px 0 7px}#story-modal .phone-priority p{font-size:10px;line-height:1.65;margin:7px 0;color:#afafc2}.phone-priority button{font-size:10px;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--select);padding:8px 0 0}.phone-priority button>b{font-weight:400}.phone-content[data-phase="0"] .phone-priority button{animation:story-phone-tap 2.8s ease infinite}.phone-evidence{padding:13px 0 8px;animation:story-arrive .45s both}.phone-evidence>span{font-size:10px;color:#c5c5d6}#story-modal .phone-evidence p{font-size:10px;line-height:1.6;color:#8f91a9;margin:7px 0}.phone-question{display:flex;justify-content:space-between;gap:8px;width:100%;padding:12px 0;font-size:10px;color:var(--coral);text-align:left;border-top:1px solid #282834}.phone-ai{border-left:1px solid #6d7cf6;padding:10px;animation:story-arrive .45s both;background:#11101e}.phone-ai>span{font-size:6px;letter-spacing:.3px;color:#a3a8ec}#story-modal .phone-ai p{font-size:10px;line-height:1.7;color:#c2c1d6;margin:8px 0 0}.phone-next-action{padding:12px 0;animation:story-arrive .45s both}.phone-next-action small{font-size:9px;color:#b5b5c7}#story-modal .phone-next-action p{font-size:11px;line-height:1.65;color:#e0dfeb;margin:7px 0 12px}.phone-next-action button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:var(--select);color:#080808;padding:11px 9px;border-radius:4px;font-size:9px;text-align:left;min-height:40px}.phone-tabs{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:7px;color:#7c7c93;position:absolute;left:12px;right:12px;bottom:24px;padding-top:9px;border-top:1px solid #292933}.phone-tabs b{font-weight:500;color:var(--select)}.phone-home{position:absolute;bottom:8px;height:3px;left:33%;right:33%;border-radius:3px;background:#d0cfd8}.phone-calm{padding:23px 0;text-align:left;animation:story-arrive .7s both}.phone-calm>div:first-child{font-size:31px;color:#9faeff;margin:0 0 24px}.phone-calm>small{font-size:10px;color:#9c9db0}#story-modal .phone-calm h3{font:500 24px/1.25 var(--display);letter-spacing:-.7px;margin:12px 0;color:#e5e8f7}#story-modal .phone-calm p{font-size:12px;line-height:1.7;color:#a8adc6;margin:14px 0}.phone-calm>div:last-child{font-size:9px;line-height:1.7;border-top:1px solid #31313f;padding-top:17px;margin-top:30px;color:#8588a4}.story-footer{border-top:1px solid #28282f;margin:0;padding:12px 0 0;display:block;letter-spacing:0}.story-timeline{display:flex;gap:10px;max-width:950px;margin:0 auto 12px;justify-content:space-between}.story-timeline button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:5px 8px;color:#89899c;font-size:10px;flex:1;border-radius:4px}.story-timeline button>span{font-size:8px;color:#666678}.story-timeline button b{font-weight:400}.story-timeline [aria-pressed=true]{background:#1b140d;color:var(--select)}.story-timeline [aria-pressed=true]>span{color:var(--select)}.story-transport{display:flex;align-items:center;gap:16px;max-width:900px;margin:auto}.story-transport button{padding:9px 12px;font-size:11px;color:#d0d0dc;min-height:42px;border:1px solid #34343e;border-radius:4px;white-space:nowrap}.story-transport button:disabled{opacity:.2}.story-transport .story-play{color:var(--select);min-width:106px;text-align:left}.story-next{margin-left:auto}.story-track{height:3px;background:#292932;flex:1;min-width:20px}.story-track span{display:block;background:var(--select);height:100%;width:0;transition:width .2s linear}.story-enter{animation:story-arrive .45s both}.story-paused .story-pulse,.story-paused .story-iso .route,.story-paused .phone-priority button{animation-play-state:paused!important}@keyframes story-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes story-camera{from{transform:scale(.85)}to{transform:scale(.98)}}@keyframes story-beacon{50%{box-shadow:0 0 0 11px #ff7a0005}}@keyframes story-selected{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes story-phone-arrive{from{opacity:0;transform:translateY(30px) rotateY(-8deg)}to{opacity:1;transform:none}}@keyframes story-phone-tap{50%{color:#ffe2bf;background:#ff7a0010}}@keyframes story-core-in{from{opacity:0}to{opacity:1}}
@media(max-width:850px){#story-modal .story-shell{padding:14px 4%;gap:10px;grid-template-rows:40px auto minmax(0,1fr) auto}.story-stage{gap:30px}.story-inputs{width:280px}.story-signal{padding:14px}.story-signal strong{font-size:14px}.story-output{padding:22px;width:350px}.story-core{transform:scale(.83);margin:-20px -20px}.story-timeline{gap:2px}.story-timeline button{font-size:9px;gap:5px}.story-monitor{width:670px}.monitor-ticket strong{font-size:16px}}
@media(max-width:600px){#story-modal .story-shell{padding:10px 5% max(12px,env(safe-area-inset-bottom));gap:8px;grid-template-rows:39px auto minmax(0,1fr) auto}.story-top{padding-bottom:7px;gap:8px}.story-brand{font-size:18px;gap:7px}.story-brand img{width:23px;height:24px}.story-brand small{font-size:7px;letter-spacing:1px;margin-left:7px}.story-demo{font-size:6px;max-width:125px;text-align:right;line-height:1.5;letter-spacing:.3px}.story-close{width:32px;height:36px;font-size:27px}.story-heading{padding:5px 0}.story-kicker{font-size:8px;letter-spacing:1.3px}#story-modal .story-heading h2{font-size:25px;line-height:1.15;letter-spacing:-.8px;margin:9px 0 8px}#story-modal .story-heading p{font-size:11px;line-height:1.6}.story-stage{gap:12px;min-height:0}.story-operation{margin:0 -14px;width:calc(100% + 28px)}.story-iso{width:100%;height:auto;max-height:100%;max-width:none}.story-event{bottom:2px;padding:10px 12px;gap:10px;max-width:100%;width:100%}.story-event strong{font-size:12px;line-height:1.45}.story-event small{font-size:8px}.story-stage[data-scene="1"]{flex-direction:column;gap:0;justify-content:space-evenly}.story-inputs{width:100%;gap:7px}.story-signal{padding:9px 11px;border-radius:5px}.story-signal>span{font-size:7px;letter-spacing:.7px}.story-signal strong{font-size:12px;margin-top:4px;line-height:1.4}.story-signal:after{display:none}.story-signal>i{right:10px;top:12px;width:5px;height:5px}.story-core{width:230px;height:180px;transform:scale(.72);transform-origin:50% 50%;margin:-25px auto -8px}.story-core>div{left:25px;top:55px}.story-core>i{left:85px;top:24px}.story-processing>b{font-size:8px;letter-spacing:1.6px}.story-processing>small{font-size:10px;margin-top:7px}.story-stage[data-scene="2"]{flex-direction:column;justify-content:center;gap:10px}.story-priority-core .story-core{height:180px;margin:-40px auto -5px}.story-priority-core>span{font-size:8px}.story-output{width:100%;padding:18px 17px;animation-delay:0s}.story-output>small{font-size:8px;letter-spacing:1px}#story-modal .story-output h3{font-size:21px;line-height:1.3;margin:11px 0}#story-modal .story-output p{font-size:12px;line-height:1.65}.story-output>.story-pulse{left:auto;right:13px;top:15px}.story-monitor{max-width:100%;border-width:4px;border-radius:9px}.monitor-top{padding:12px 10px;gap:6px}.monitor-top b{font-size:10px}.monitor-top small{font-size:6px;max-width:130px;text-align:right;line-height:1.5}.monitor-board{gap:7px;padding:12px 9px}.monitor-column>span{font-size:9px}.monitor-ticket{padding:10px 7px;gap:10px;min-height:100px;margin-top:9px}.monitor-ticket small{font-size:8px}.monitor-ticket strong{font-size:13px;line-height:1.4}.monitor-guidance{padding:13px 12px}.monitor-guidance>span{font-size:7px;line-height:1.5}#story-modal .monitor-guidance p{font-size:12px;line-height:1.65;margin:8px 0}.monitor-guidance>small{font-size:9px}.story-phone{height:min(100%,530px);border-width:6px;border-radius:29px}.story-phone-hint{display:none}.phone-brand{padding:15px 11px 11px}.phone-content{top:83px;left:12px;right:12px;bottom:47px}.phone-brand b{font-size:11px}.phone-content>h3{font-size:17px!important}.phone-priority h4{font-size:12px}.phone-notification{font-size:8px;padding:7px;margin-bottom:10px}.phone-tabs{bottom:21px;font-size:6px}.phone-calm{padding:14px 0}.phone-calm h3{font-size:22px!important}.story-footer{padding-top:7px}.story-timeline{gap:3px;margin-bottom:8px;justify-content:center}.story-timeline button{min-height:31px;padding:3px 4px;display:block;line-height:1.3;min-width:0}.story-timeline button>span{font-size:8px;display:block}.story-timeline button b{font-size:7px;display:block;margin-top:4px;white-space:nowrap}.story-transport{gap:7px}.story-transport button{min-height:41px;padding:8px 10px;font-size:10px}.story-transport .story-play{min-width:91px}.story-transport .story-replay{padding:8px;width:34px;min-width:34px}.story-track{min-width:14px}.phone-calm>div:first-child{margin-bottom:15px}.phone-calm>div:last-child{margin-top:18px}}
@media(max-height:700px) and (max-width:600px){#story-modal .story-shell{gap:5px;grid-template-rows:35px auto minmax(0,1fr) auto;padding-top:6px;padding-bottom:6px}#story-modal .story-heading h2{font-size:21px;margin:5px 0}#story-modal .story-heading p{font-size:10px;line-height:1.4}.story-kicker{font-size:7px}.story-timeline button b{display:none}.story-timeline button{min-height:24px}.story-footer{padding-top:5px}.story-timeline{margin-bottom:5px}.story-core{transform:scale(.55);height:145px;margin:-38px auto -18px}.story-signal{padding:7px 9px}.story-signal strong{font-size:11px}.story-stage[data-scene="1"]{gap:3px}.story-processing>b{font-size:7px}.story-processing>small{font-size:9px}.story-priority-core .story-core{height:140px;margin:-38px auto -13px}.story-output{padding:12px}#story-modal .story-output h3{font-size:18px;margin:7px 0}#story-modal .story-output p{font-size:11px;line-height:1.5}.monitor-ticket{min-height:70px;padding:8px 5px;gap:5px}.monitor-guidance{padding:9px}.monitor-board{padding:8px}.monitor-guidance p{font-size:11px!important}.phone-status{font-size:7px;margin:8px 10px 0}.phone-brand{padding:12px 8px 8px;gap:5px}.phone-brand img{width:14px;height:15px}.phone-brand b{font-size:9px}.phone-content{top:66px;left:9px;right:9px;bottom:41px}.phone-content>h3{font-size:15px!important}.phone-priority h4{font-size:11px}.phone-greeting{font-size:8px}.phone-content p,.phone-content button{font-size:9px!important}.phone-calm h3{font-size:18px!important}.phone-camera{width:55px;height:13px}.phone-tabs{left:9px;right:9px;bottom:18px;font-size:5px}.phone-home{bottom:6px}.story-phone{border-radius:25px}}
@media(max-height:520px) and (min-width:601px){#story-modal .story-shell{grid-template-rows:35px auto minmax(0,1fr) auto;gap:5px;padding:8px 4%}.story-heading{padding:0}#story-modal .story-heading h2{font-size:23px;margin:5px 0}#story-modal .story-heading p{font-size:10px}.story-timeline{display:none}.story-footer{padding-top:6px}.story-core{transform:scale(.7);margin:-30px}.story-stage{gap:25px}.story-output{padding:15px;width:340px}#story-modal .story-output h3{font-size:19px;margin:8px 0}#story-modal .story-output p{font-size:11px}.story-signal{padding:9px}.story-signal strong{font-size:12px}.story-inputs{gap:7px}.story-monitor{width:600px}.monitor-ticket{min-height:65px;padding:8px;gap:5px}.monitor-top{padding:9px 15px}.monitor-board{padding:10px}.monitor-guidance{padding:9px 15px}.monitor-guidance p{font-size:11px!important;margin:5px 0!important}.story-phone{height:100%;aspect-ratio:9/16}.phone-content{top:70px;bottom:43px}.phone-brand{padding:9px 10px}.phone-brand b{font-size:10px}.phone-status{margin-top:7px;font-size:7px}.phone-content>h3{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){#story-modal *,#story-modal *:before,#story-modal *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.story-phone-scene .story-heading p{display:none}.story-phone-scene .story-heading h2{font-size:22px;margin:6px 0}.story-phone{aspect-ratio:9/18}}
@media(max-height:700px) and (max-width:600px){.story-phone-scene .story-heading h2{font-size:20px}.story-phone{aspect-ratio:9/16}}

/* Keep the presentation controls independent of the page footer. */
#story-modal .story-footer{display:block;margin:0;font-size:inherit;line-height:normal;gap:0}#story-modal .story-timeline{display:flex;flex-direction:row;align-items:center}#story-modal .story-transport{display:flex;flex-direction:row;align-items:center}#story-modal .story-footer button{margin-bottom:0}


#story-modal .story-event{animation-name:story-event-arrive}@keyframes story-event-arrive{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}