/* CYEB GREEN Mobility 1.1 — interactive service stories */
.charge-story{height:auto;position:relative;background:#122e49;color:white}.charge-story.scroll-enabled{height:340vh}.story-stage{position:relative;overflow:hidden;isolation:isolate;background:#132f4a;min-height:740px}.scroll-enabled .story-stage{position:sticky;top:86px;height:calc(100svh - 86px);min-height:650px}.story-backdrop{position:absolute;inset:0;z-index:-3;overflow:hidden}.story-backdrop img{width:100%;height:100%;object-fit:cover;object-position:70% 48%;transform:scale(1.04);transition:transform 1.2s,filter 1.2s;filter:saturate(.75)}.story-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102d49fa 0%,#102d49ee 31%,#102d4980 65%,#102d4960),linear-gradient(0deg,#102d49 0%,transparent 45%)}.story-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 30%,#57ced31a,transparent 55%);pointer-events:none}.story-inner{display:flex;flex-direction:column;min-height:inherit;height:100%;padding-top:29px;padding-bottom:22px}.story-topline{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:.16em;color:#d7e5eb}.story-demo{font-size:8px;letter-spacing:.12em;color:#d7e5eb;background:#112f4b8c;border:1px solid #ffffff25;padding:7px 10px;border-radius:30px}.story-composition{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;flex:1;padding:25px 0}.story-overline{font-size:9px;letter-spacing:.16em;color:#c4df8b;margin-bottom:21px}.story-copy h1{font-size:clamp(46px,5.4vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:600;max-width:650px}.story-copy h1 span{color:#badc68}.story-description{font-size:18px;line-height:1.55;color:#e4edf0;margin-top:24px}.story-cta{margin-top:27px;display:flex;align-items:flex-start;flex-direction:column;gap:15px}.story-cta .button{font-size:12px;padding:15px 18px;min-height:48px;gap:20px}.story-skip{font-size:11px;color:#dce7ed;padding:3px 0;border-bottom:1px solid #ffffff40}.story-launch{color:#becfd9;font-size:10px;line-height:1.65;margin-top:22px}.story-launch strong{font-weight:400;color:#e2edce}.story-theatre{padding:25px 0 10px;perspective:1200px;min-width:0}.theatre-label{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.13em;margin:0 4px 14px;color:#e4f1ee}.theatre-label>span:last-child{margin-left:auto;letter-spacing:.05em}.story-signal{width:7px;height:7px;background:#bade65;box-shadow:0 0 0 5px #badc6817;border-radius:50%}.story-frame{position:relative;overflow:hidden;border:1px solid #ffffff80;background:#ffffffed;color:var(--navy);backdrop-filter:blur(18px);padding:27px 29px 23px;border-radius:15px;box-shadow:0 30px 75px #00111d55;min-height:330px;transition:transform .7s,box-shadow .7s}.story-frame:after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--teal))}.story-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.chapter-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e8f0d5;color:#577d21}.chapter-tag{font-size:9px;letter-spacing:.16em;font-weight:600}.story-frame h2{font-size:32px;letter-spacing:-.045em;font-weight:500;line-height:1.12}.story-frame>p{font-size:13px;line-height:1.65;color:#546c79;margin-top:13px;max-width:420px}.story-phone-strip{display:flex;align-items:center;gap:12px;border:1px solid #d8e3df;background:#f7faf4;padding:14px;margin-top:20px;border-radius:9px}.story-phone-strip .mini-qr{font-size:39px;line-height:1;flex-shrink:0;color:#183a5f}.story-phone-strip>div{display:flex;flex-direction:column}.story-phone-strip small{font-size:7px;letter-spacing:.1em;color:#617a68}.story-phone-strip strong{font-size:14px;margin-top:3px;font-weight:500}.story-phone-strip div>span{font-size:10px;margin-top:4px;color:#627681}.story-phone-strip>.icon{margin-left:auto;color:#648e22}.chapter-outcome{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:10px;color:#3f663c}.chapter-outcome .icon{width:15px;height:15px}.story-underlay{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 0;font-size:8px;letter-spacing:.1em;color:#e3eded}.story-underlay>i{display:block;width:60px;height:1px;background:linear-gradient(90deg,var(--lime),var(--teal));position:relative;overflow:hidden}.story-underlay>i:after{content:'';position:absolute;inset:0;width:20px;background:#fff;animation:signalTravel 2.5s linear infinite}.story-underlay>.icon{width:18px;height:18px;color:#b9d975}.story-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:auto}.story-navigation button{position:relative;display:grid;grid-template-columns:24px 1fr;text-align:left;gap:3px 8px;padding:17px 0 16px;border:0;border-top:1px solid #ffffff40;color:white;background:transparent}.story-navigation button>span{grid-row:1/3;font-size:10px;color:#bdced7}.story-navigation strong{font-size:13px;font-weight:500}.story-navigation small{font-size:9px;color:#bbced6}.story-navigation button>i{position:absolute;top:-1px;left:0;height:3px;width:0;background:var(--lime);transition:width .45s}.story-navigation button[aria-pressed=true]>i{width:100%}.story-navigation button[aria-pressed=true]>span{color:#c3df8b}.story-navigation button[aria-pressed=true] strong{color:#c3df8b}.story-navigation button:hover strong{color:#c3df8b}.story-foot{display:flex;align-items:center;justify-content:space-between;color:#a8bec9;font-size:8px;margin-top:15px;gap:12px}.scroll-cue{letter-spacing:.11em;display:flex;align-items:center;gap:10px}.scroll-cue b{color:#bade65;font-size:18px;animation:scrollHint 1.8s ease-in-out infinite}.story-directory{background:#f5f8f5;padding-top:1px}.story-directory .service-directory{grid-template-columns:repeat(3,1fr);margin-top:0}.story-directory .availability{padding-top:21px}.story-nojs{padding:25px 0;font-size:13px}.story-energy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.story-energy-grid>div{border:1px solid #d8e3df;border-radius:9px;padding:12px 7px;text-align:center;background:#f8faf4}.story-energy-grid svg{color:#648e22;width:23px;height:23px;margin:0 auto 7px}.story-energy-grid strong,.story-energy-grid small{display:block}.story-energy-grid strong{font-size:11px;font-weight:500}.story-energy-grid small{font-size:8px;color:#627681;margin-top:5px}.story-alert-line{display:flex;align-items:center;gap:10px;padding:14px;border-radius:8px;border:1px solid #d3e1e5;background:#eff6f6;margin-top:20px}.story-alert-line>svg{color:#167a87}.story-alert-line strong,.story-alert-line small{display:block}.story-alert-line strong{font-size:12px;font-weight:500}.story-alert-line small{font-size:10px;margin-top:4px;color:#627681}.story-ledger{margin-top:20px;border-radius:8px;border:1px solid #d8e3df;overflow:hidden}.story-ledger>div{display:flex;justify-content:space-between;gap:14px;padding:9px 12px;font-size:11px;background:#fafcf8}.story-ledger>div+div{border-top:1px solid #e2e9e4}.story-ledger strong{font-weight:500;color:#5b7f29}.charge-story[data-chapter="1"] .story-backdrop img{transform:scale(1.12) translateX(-1%);filter:saturate(.9)}.charge-story[data-chapter="2"] .story-backdrop img{transform:scale(1.16) translateX(-2%);filter:saturate(.5)}.charge-story[data-chapter="3"] .story-backdrop img{transform:scale(1.08);filter:saturate(.8)}.story-frame.chapter-enter{animation:chapterIn .55s ease both}
/* Service recovery simulation */
.incident-section{background:#f3f7f6}.incident-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:35px}.incident-intro h2{font-size:clamp(48px,5vw,72px);line-height:1.05}.incident-intro .eyebrow{color:#157b87}.incident-intro>div:last-child{max-width:450px;justify-self:end}.incident-intro>div>p:not(.eyebrow){font-size:15px;color:#627681;line-height:1.75}.simulation-label{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em;color:#597e29;margin-top:20px}.simulation-label i{height:6px;width:6px;background:#85ab37;border-radius:50%}.incident-demo{border:1px solid #cedcde;border-radius:16px;background:white;overflow:hidden;box-shadow:0 22px 65px #183a5f09;--state-color:#a6ce39;--state-soft:#edf5de}.incident-topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 27px;border-bottom:1px solid #e0e8e8;font-size:8px;letter-spacing:.1em;gap:20px;background:#fcfdfb}.incident-topbar>span:first-child{display:flex;align-items:center;gap:10px;font-weight:500}.incident-topbar svg{width:18px;height:18px;color:#157b87}.incident-topbar>span:last-child{color:#627681}.incident-main{display:grid;grid-template-columns:.85fr 1.15fr;min-height:415px}.station-scene{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#e7f3eb 0%,#f3f7f5 55%,#f9fbf9 100%);overflow:hidden;border-right:1px solid #e4ebea;min-height:390px}.station-ground{position:absolute;bottom:75px;left:50%;width:290px;height:80px;background:#cdded9;border-radius:50%;filter:blur(12px);opacity:.5;transform:translateX(-50%)}.station-orbit{position:absolute;left:50%;top:47%;width:295px;height:295px;border:1px solid #cddfda;border-radius:50%;transform:translate(-50%,-50%)}.station-orbit:after{content:'';position:absolute;inset:24px;border-radius:50%;border:1px dashed #d5e4e0}.charger-object{position:relative;width:120px;height:250px;border-radius:13px 13px 5px 5px;transform:perspective(900px) rotateY(-14deg);background:linear-gradient(90deg,#e1e8e7,#fdfefe 18%,#eff3f1 82%,#c0cece 83%,#adbbbb);border:1px solid #a8bab9;box-shadow:15px 10px 20px #183a5f17;margin-top:-27px;z-index:1}.charger-brand{font-family:'Poppins',sans-serif;position:absolute;top:17px;left:17px;font-size:15px;font-weight:600;line-height:1}.charger-brand>span{display:block;color:#7eab31;font-size:9px;letter-spacing:.09em;margin-top:4px}.charger-screen{position:absolute;top:67px;left:16px;width:78px;height:91px;background:#17394e;border-radius:6px;padding:12px 7px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.charger-screen>.icon{width:23px;height:23px;color:var(--state-color);transition:color .4s}.charger-screen>span{font-size:7px;white-space:nowrap;letter-spacing:.03em}.charger-meter{display:flex;gap:3px;width:100%;height:4px;justify-content:center}.charger-meter>i{height:4px;width:10px;background:var(--state-color);border-radius:1px;transition:background .4s}.charger-led{position:absolute;left:4px;top:60px;width:4px;height:138px;border-radius:4px;background:var(--state-color);box-shadow:0 0 12px var(--state-color);transition:background .4s}.charger-socket{position:absolute;top:172px;left:43px;width:25px;height:25px;border-radius:50%;background:#244a59;border:5px solid #b2c3bf}.charger-cable{position:absolute;top:114px;left:105px;width:63px;height:139px;border:9px solid #25424d;border-top-color:transparent;border-left-color:transparent;border-radius:0 32px 47px 0;transform:rotate(4deg)}.charger-cable:after{content:'';position:absolute;top:-16px;right:0;width:13px;height:33px;background:#243f49;border-radius:4px;transform:rotate(-15deg)}.charger-foot{position:absolute;left:-7px;bottom:-8px;width:133px;height:9px;border-radius:3px;background:#9eb1b1}.station-status{position:absolute;bottom:23px;left:24px;right:24px;padding:12px 15px;background:#ffffffdc;border:1px solid #d7e2de;border-radius:10px;display:flex;align-items:center;gap:11px}.station-status-dot{width:8px;height:8px;background:var(--state-color);border-radius:50%;box-shadow:0 0 0 5px var(--state-soft);transition:background .4s}.station-status small{display:block;font-size:7px;letter-spacing:.12em;color:#627681}.station-status strong{display:block;font-size:12px;margin-top:4px;font-weight:500}.incident-workspace{padding:28px 34px 25px;min-width:0}.incident-step-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:.1em;color:#627681;margin-bottom:20px}.incident-state{background:var(--state-soft);color:#183a5f;padding:5px 9px;border-radius:25px;font-size:8px;letter-spacing:.06em}.incident-workspace>h3{font-size:31px;line-height:1.13;min-height:70px;font-weight:500;letter-spacing:-.045em}.incident-workspace>p{font-size:12px;color:#627681;line-height:1.7;margin-top:12px;min-height:41px}.incident-perspectives{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.incident-perspectives>div{border-top:2px solid #d6e4de;padding-top:12px}.incident-perspectives>div:last-child{border-color:#57ced3}.incident-perspectives span{font-size:8px;letter-spacing:.1em;color:#587737;font-weight:500}.incident-perspectives>div:last-child span{color:#157b87}.incident-perspectives strong{display:block;font-size:13px;font-weight:500;line-height:1.4;margin-top:7px;min-height:36px}.incident-perspectives p{font-size:10px;color:#627681;line-height:1.65;margin-top:6px;min-height:32px}.incident-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.incident-actions .button{font-size:11px;min-height:44px;padding:11px 16px;gap:18px}.incident-next{font-size:10px;background:none;border:0;padding:12px 0;font-weight:500}.incident-next:hover{text-decoration:underline}.incident-timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce7e3;border-bottom:1px solid #dce7e3;background:#fafcf9}.incident-timeline>button{background:transparent;border:0;border-right:1px solid #dce7e3;position:relative;display:flex;gap:12px;padding:20px 24px;align-items:center;text-align:left}.incident-timeline>button:last-child{border-right:0}.incident-timeline b{font-size:10px;color:#7e9694;font-weight:400}.incident-timeline span{font-size:11px;font-weight:500}.incident-timeline i{position:absolute;bottom:0;left:0;height:3px;background:var(--state-color);width:0;transition:width .5s}.incident-timeline>button[aria-pressed=true]{background:var(--state-soft)}.incident-timeline>button[aria-pressed=true] i{width:100%}.incident-timeline>button.complete b{color:#577c26}.incident-event{padding:16px 25px;display:flex;align-items:center;gap:15px;font-size:10px;color:#627681}.event-tag{font-size:7px;letter-spacing:.1em;color:#183a5f;white-space:nowrap}.incident-event>button{margin-left:auto;background:none;border:0;font-size:10px;white-space:nowrap;padding:7px 0;color:#183a5f}.incident-note{font-size:10px;color:#627681;line-height:1.75;max-width:1000px;margin-top:19px}.incident-demo[data-incident="1"]{--state-color:#d89736;--state-soft:#fff1d9}.incident-demo[data-incident="2"]{--state-color:#d89736;--state-soft:#fff1d9}.incident-demo[data-incident="3"]{--state-color:#39b6bf;--state-soft:#e3f5f5}.incident-demo[data-incident="4"]{--state-color:#a6ce39;--state-soft:#edf5de}.incident-demo[data-incident="1"] .charger-led,.incident-demo[data-incident="2"] .charger-led{animation:alertPulse 1.8s ease-in-out infinite}.incident-demo[data-incident="3"] .charger-meter i{animation:meterPulse .9s ease-in-out infinite alternate}.incident-demo[data-incident="3"] .charger-meter i:nth-child(2){animation-delay:.2s}.incident-demo[data-incident="3"] .charger-meter i:nth-child(3){animation-delay:.4s}.incident-demo[data-incident="3"] .charger-meter i:nth-child(4){animation-delay:.6s}.incident-demo[data-incident="4"] .station-orbit{border-color:#aacb6b;box-shadow:0 0 0 20px #a6ce3907}.incident-workspace.step-enter>h3{animation:chapterIn .4s ease both}.header .main-nav{gap:18px}.header .main-nav a{font-size:10px}
@keyframes chapterIn{from{opacity:.35;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes signalTravel{from{transform:translateX(-20px)}to{transform:translateX(75px)}}@keyframes scrollHint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes alertPulse{0%,100%{opacity:1}50%{opacity:.3}}@keyframes meterPulse{to{opacity:.3}}
@media(min-width:1500px){.story-copy h1{font-size:84px}.story-frame{padding:35px;min-height:375px}.story-frame h2{font-size:38px}.story-frame>p{font-size:15px}.story-description{font-size:21px}}
@media(max-width:1100px){.story-composition{gap:4%}.story-copy h1{font-size:56px}.story-frame{padding:23px;min-height:340px}.story-frame h2{font-size:29px}.incident-workspace{padding:25px}.incident-workspace>h3{font-size:29px}.incident-actions{gap:15px}.incident-timeline>button{padding:18px}.incident-intro{gap:45px}}
@media(max-width:900px){.story-copy h1{font-size:47px}.story-description{font-size:16px}.story-frame{padding:20px;min-height:350px}.story-frame h2{font-size:27px}.story-frame>p{font-size:12px}.story-panel-heading{gap:8px}.chapter-tag{font-size:8px}.story-navigation{gap:16px}.story-navigation strong{font-size:12px}.story-navigation small{font-size:8px}.story-underlay{font-size:7px;gap:9px}.story-underlay>i{width:30px}.story-cta .button{font-size:10px;padding:13px;gap:10px}.story-phone-strip{padding:10px;gap:9px}.story-phone-strip strong{font-size:11px}.story-phone-strip div>span{font-size:8px}.story-phone-strip>.icon{width:16px}.story-energy-grid{gap:4px}.story-energy-grid>div{padding:10px 4px}.story-energy-grid strong{font-size:10px}.story-demo{font-size:7px}.incident-main{grid-template-columns:.7fr 1fr}.incident-perspectives{grid-template-columns:1fr;gap:12px}.incident-perspectives strong,.incident-perspectives p{min-height:0}.incident-workspace>h3{font-size:27px}.incident-workspace>p{min-height:0}.incident-topbar{padding:16px 20px}.incident-intro h2{font-size:56px}.incident-intro{gap:30px}.incident-timeline>button{gap:8px;padding:17px 14px}.incident-timeline span{font-size:10px}.station-orbit{width:250px;height:250px}.station-scene{min-height:455px}.story-directory .service-directory{grid-template-columns:1fr}.story-directory .service-directory>a{border-bottom:1px solid #dce5e7;border-right:0}.story-directory .service-directory>a:last-child{border-bottom:0}}
@media(max-width:650px){.scroll-enabled .story-stage{top:74px;min-height:690px}.charge-story.scroll-enabled{height:300svh}.story-stage{min-height:690px}.story-inner{padding-top:17px;padding-bottom:15px}.story-topline{font-size:8px;letter-spacing:.12em}.story-demo{font-size:6px;padding:5px 7px;letter-spacing:.03em}.story-composition{grid-template-columns:1fr;gap:10px;padding:23px 0 12px;align-content:center}.story-overline{font-size:7px;margin-bottom:14px;letter-spacing:.12em}.story-copy h1{font-size:43px;line-height:1.04;max-width:350px}.story-copy h1 br{display:none}.story-description{font-size:12px;margin-top:13px;line-height:1.6;max-width:310px}.story-description br{display:none}.story-cta{margin-top:17px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.story-cta .button{font-size:10px;min-height:39px;padding:10px 12px;gap:13px}.story-skip{font-size:8px}.story-launch{font-size:8px;margin-top:12px}.story-launch br{display:none}.story-theatre{padding:9px 0 0}.theatre-label{font-size:6px;margin-bottom:10px;gap:7px}.story-signal{height:5px;width:5px}.story-frame{min-height:245px;padding:16px 18px 14px;border-radius:12px}.story-panel-heading{margin-bottom:10px}.chapter-icon{height:27px;width:27px;border-radius:7px}.chapter-icon>.icon{width:18px;height:18px}.chapter-tag{font-size:8px}.story-frame h2{font-size:25px;line-height:1.08}.story-frame h2 br{display:none}.story-frame>p{font-size:11px;line-height:1.5;margin-top:9px}.story-phone-strip{margin-top:12px;padding:9px 10px}.story-phone-strip .mini-qr{font-size:30px}.story-phone-strip small{font-size:6px}.story-phone-strip strong{font-size:12px}.story-phone-strip div>span{font-size:9px}.chapter-outcome{font-size:9px;margin-top:12px}.story-underlay{display:none}.story-navigation{gap:12px;margin-top:7px}.story-navigation button{display:block;padding:13px 0 9px}.story-navigation button>span{font-size:8px;display:block;margin-bottom:3px}.story-navigation strong{font-size:10px;line-height:1.2;display:block}.story-navigation small{display:none}.story-foot{margin-top:5px;font-size:6px;gap:6px}.scroll-cue{letter-spacing:.05em;font-size:6px;gap:5px}.scroll-cue b{font-size:14px}.story-energy-grid{margin-top:12px}.story-energy-grid>div{padding:8px 5px}.story-energy-grid svg{height:18px;width:18px;margin-bottom:4px}.story-energy-grid small{font-size:7px;margin-top:3px}.story-alert-line{padding:11px;margin-top:12px}.story-ledger{margin-top:12px}.story-ledger>div{padding:6px 10px;font-size:10px}.story-directory .availability{padding-top:20px}.story-backdrop img{object-position:70% 50%}.story-backdrop:after{background:linear-gradient(90deg,#102d49f2,#102d49aa),linear-gradient(0deg,#102d49,transparent 80%)}.incident-intro{grid-template-columns:1fr;gap:24px}.incident-intro h2{font-size:52px}.incident-intro>div:last-child{justify-self:start;max-width:none}.incident-intro>div>p:not(.eyebrow){font-size:14px}.incident-intro .eyebrow{font-size:8px}.simulation-label{font-size:8px;margin-top:12px}.incident-topbar{padding:14px 16px;font-size:7px;gap:8px;flex-wrap:wrap}.incident-topbar>span:last-child{font-size:6px}.incident-main{grid-template-columns:1fr}.station-scene{min-height:300px;border-right:0;border-bottom:1px solid #e4ebea}.charger-object{transform:perspective(900px) rotateY(-14deg) scale(.75);margin-top:-26px}.station-orbit{width:215px;height:215px;top:42%}.station-ground{bottom:67px;width:200px;height:40px}.station-status{bottom:15px;left:18px;right:18px;padding:10px 14px}.station-status strong{font-size:11px}.station-status small{font-size:6px}.incident-workspace{padding:23px 20px}.incident-step-label{font-size:7px;margin-bottom:15px}.incident-workspace>h3{font-size:29px;min-height:64px}.incident-workspace>p{font-size:12px;min-height:61px}.incident-perspectives{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.incident-perspectives span{font-size:7px;letter-spacing:.05em}.incident-perspectives strong{font-size:11px;min-height:32px}.incident-perspectives p{font-size:10px;min-height:48px}.incident-actions{gap:14px;margin-top:21px}.incident-actions .button{font-size:10px;padding:11px 13px;gap:10px}.incident-next{font-size:9px}.incident-timeline>button{display:block;padding:13px 8px;text-align:center}.incident-timeline b{font-size:8px;display:block;margin-bottom:6px}.incident-timeline span{font-size:8px;line-height:1.2;display:block;overflow-wrap:anywhere}.incident-event{padding:13px 16px;gap:9px;flex-wrap:wrap;font-size:9px}.event-tag{font-size:6px}.incident-event>span:nth-child(2){flex-basis:100%;order:3;font-size:9px}.incident-event>button{font-size:9px}.incident-note{font-size:9px;line-height:1.65}}
@media(max-width:380px){.story-copy h1{font-size:38px}.story-demo{max-width:145px;text-align:center}.story-frame{padding:15px;min-height:240px}.story-composition{padding-top:18px;gap:7px}.story-cta .button{font-size:9px}.story-skip{font-size:7px}.story-frame h2{font-size:24px}.story-launch{font-size:7px}.story-navigation strong{font-size:9px}}
@media(max-height:760px) and (min-width:651px){.scroll-enabled .story-stage{min-height:590px}.story-copy h1{font-size:52px}.story-description{font-size:15px;margin-top:17px}.story-overline{margin-bottom:15px}.story-frame{min-height:305px;padding:20px}.story-frame h2{font-size:28px}.story-launch{margin-top:15px}.story-composition{padding:18px 0}.story-inner{padding-top:22px}.story-frame>p{font-size:12px}.story-phone-strip{margin-top:15px}.story-cta{margin-top:20px}.story-navigation button{padding:12px 0}}
@media(max-height:780px) and (max-width:650px){.charge-story.scroll-enabled{height:auto}.scroll-enabled .story-stage{position:relative;top:0;height:auto;min-height:0}.story-inner{height:auto;padding-top:20px;padding-bottom:22px}.story-composition{padding:28px 0 15px;gap:15px}.story-foot .scroll-cue{font-size:0}.story-foot .scroll-cue b{display:none}.story-foot .scroll-cue:after{content:'VÁLASSZON FEJEZETET FENT';font-size:6px}.story-copy h1{font-size:44px}.story-frame{min-height:260px}}
@media(prefers-reduced-motion:reduce){.charge-story.scroll-enabled{height:auto}.scroll-enabled .story-stage{position:relative;top:0;height:auto;min-height:0}.story-composition{padding:35px 0}.story-inner{min-height:720px}.story-foot .scroll-cue{font-size:0}.story-foot .scroll-cue b{display:none}.story-foot .scroll-cue:after{content:'A FEJEZETEK GOMBBAL IS VÁLASZTHATÓK';font-size:8px}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}