:root{--ink:#11172b;--muted:#51586f;--glass:#ffffffa8;--glass-strong:#ffffffd6;--glass-border:#ffffff94;--shadow:0 1.6rem 4rem #11172b3d, inset 0 1px 0 #ffffffbf;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 6%,#80d7ffd1,#0000 24rem),radial-gradient(circle at 86% 14%,#b877ffb8,#0000 25rem),radial-gradient(circle at 48% 92%,#ffde60ad,#0000 23rem),linear-gradient(145deg,#eef7ff 0%,#f6f2ff 42%,#fff8de 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}img{max-width:100%;display:block}h1,h2,p{margin:0}.app-shell{min-height:100vh;padding:1rem;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{pointer-events:none;content:"";position:fixed;inset:0}.app-shell:before{z-index:-2;filter:blur(10px);background:radial-gradient(circle at 18% 20%,#ffffffb8,#0000 12rem),radial-gradient(circle at 80% 36%,#73cdff6b,#0000 16rem),radial-gradient(circle at 22% 78%,#a46eff57,#0000 16rem)}.app-shell:after{z-index:-1;background:linear-gradient(115deg,#ffffff94,#0000 24% 72%,#ffffff5c),radial-gradient(circle at 50% 0,#ffffff7a,#0000 36rem)}.scroll-sparks{z-index:0;pointer-events:none;position:fixed;inset:0}.scroll-bubble{width:var(--size);height:var(--size);background:linear-gradient(145deg, #ffffff6b, #ffffff14), radial-gradient(circle at 70% 76%, var(--glow), transparent 66%), #ffffff38;color:#0000;opacity:var(--opacity);-webkit-backdrop-filter:blur(18px)saturate(1.35);animation:bubble-float var(--duration) ease-in-out infinite alternate, bubble-drift linear both;border:1px solid #ffffff94;border-radius:50%;font-size:0;animation-timeline:auto,scroll(root);position:absolute;box-shadow:0 1.2rem 3rem #11172b24,inset 0 1px #ffffffdb,inset -.8rem -1rem 2rem #fff3}.scroll-bubble--one{--duration:9s;--glow:#80d7ff94;--opacity:.72;--size:6.5rem;top:9%;left:-2.2rem}.scroll-bubble--two{--duration:12s;--glow:#b877ff8c;--opacity:.62;--size:4rem;animation-delay:-2s;top:24%;right:1.1rem}.scroll-bubble--three{--duration:10s;--glow:#ffde6094;--opacity:.66;--size:5.2rem;animation-delay:-4s;top:48%;left:.2rem}.scroll-bubble--four{--duration:14s;--glow:#ff9fd180;--opacity:.52;--size:8.2rem;animation-delay:-6s;bottom:18%;right:-3.6rem}.scroll-bubble--five{--duration:11s;--glow:#aee9ff80;--opacity:.5;--size:3rem;animation-delay:-3s;top:68%;right:18%}.scroll-bubble--six{--duration:15s;--glow:#ffde606b;--opacity:.46;--size:10rem;animation-delay:-8s;bottom:-4.2rem;left:18%}.comic-hero,.continuous-comic,.final-callout{isolation:isolate;z-index:1;border:1px solid var(--glass-border);background:linear-gradient(145deg, #ffffffdb, #ffffff85), var(--glass);width:min(100%,29rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.35);border-radius:2rem;margin-inline:auto;position:relative;overflow:hidden}.comic-hero:before,.continuous-comic:before,.final-callout:before{z-index:0;border-radius:inherit;pointer-events:none;content:"";opacity:.62;background:linear-gradient(135deg,#ffffffc7,#0000 30%),radial-gradient(circle at 82% 12%,#ffffff94,#0000 15rem);position:absolute;inset:1px}.comic-hero>*,.continuous-comic>*,.final-callout>*{z-index:1;position:relative}.comic-hero{gap:1rem;padding:1rem;display:grid}.comic-hero__copy{gap:.85rem;display:grid}.comic-hero__kicker,.final-callout span,.frame-popup span{width:fit-content;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);background:#ffde3bbd;border:1px solid #ffffffb8;border-radius:999px;padding:.35rem .7rem;font-size:.74rem;font-weight:950;line-height:1;box-shadow:0 .8rem 1.7rem #ffbe2838,inset 0 1px #ffffffb8}h1,h2{letter-spacing:-.055em;font-weight:1000;line-height:.94}h1{text-transform:uppercase;text-shadow:0 .08em #ffde3bc7,0 .55rem 1.6rem #6348a047;text-wrap:balance;max-width:100%;font-size:clamp(2.55rem,12.5vw,6.4rem)}.comic-hero p,.final-callout p{color:var(--muted);font-size:clamp(1rem,3.5vw,1.18rem);font-weight:750;line-height:1.55}.comic-hero__poster{background:#28a4ff;border:1px solid #ffffffa3;border-radius:1.55rem;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 1rem 2.5rem #23305a38}.comic-hero__poster img{object-fit:cover;object-position:center;width:100%;height:21rem}.final-callout h2{font-size:clamp(2rem,9vw,4rem)}.continuous-comic{border-radius:2rem;gap:0;margin-top:1.3rem;padding:.45rem;display:grid}.comic-frame{aspect-ratio:9/16;background:#ffffff7a;min-height:0;scroll-margin-top:1rem;animation:linear both frame-rise;animation-timeline:view();animation-range:entry cover 38%;position:relative;overflow:hidden}.comic-frame:first-child{border-radius:1.55rem 1.55rem 0 0}.comic-frame:last-child{border-radius:0 0 1.55rem 1.55rem}.comic-frame+.comic-frame{border-top:1px solid #ffffff85;margin-top:-1px}.comic-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.comic-frame:after{pointer-events:none;content:"";background:linear-gradient(#11172b2e,#0000 24% 62%,#11172b47),linear-gradient(90deg,#fff3,#0000 22% 78%,#ffffff2e);position:absolute;inset:0}.frame-popup{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(145deg,#ffffffdb,#ffffff94),#ffffffb3;border:1px solid #ffffff9e;border-radius:1.25rem;gap:.45rem;max-width:min(78%,22rem);padding:.78rem;animation:linear both popup-drift;animation-timeline:view();animation-range:entry 5% cover 40%;display:grid;position:absolute;box-shadow:0 1rem 2.5rem #11172b33,inset 0 1px #ffffffd1}.frame-popup--top-left{top:1rem;left:1rem}.frame-popup--top-right{top:1rem;right:1rem}.frame-popup--bottom-left{bottom:1rem;left:1rem}.frame-popup--bottom-right{bottom:1rem;right:1rem}.frame-popup--center{max-width:min(86%,24rem);top:50%;left:50%;transform:translate(-50%,-50%)}.frame-popup--upper-center{max-width:min(86%,24rem);top:12%;left:50%;transform:translate(-50%)}.frame-popup h2{letter-spacing:-.04em;font-size:clamp(1.25rem,6vw,2rem)}.frame-popup p{color:var(--ink);font-size:clamp(.9rem,3.4vw,1.05rem);font-weight:820;line-height:1.35}.frame-popup strong{font-weight:1000}.final-callout{color:#fff;background:radial-gradient(circle at 100% 0,#80d7ff4d,#0000 13rem),radial-gradient(circle at 0 100%,#ffde3b33,#0000 12rem),linear-gradient(145deg,#11172beb,#2d2247c7);border-color:#ffffff4d;gap:1rem;margin-top:1.4rem;margin-bottom:1.4rem;padding:1.2rem;display:grid}.final-callout h2,.final-callout p{color:#fff}.final-callout p{text-shadow:0 2px #11172bb3}.restart-link{width:fit-content;color:var(--ink);-webkit-backdrop-filter:blur(12px);background:#ffde3bd6;border:1px solid #ffffffb8;border-radius:999px;padding:.75rem 1rem;font-size:.95rem;font-weight:1000;text-decoration:none;transition:box-shadow .18s,transform .18s;box-shadow:0 1rem 2rem #0000002e,inset 0 1px #ffffffbf}.restart-link:hover,.restart-link:focus-visible{transform:translateY(-2px);box-shadow:0 1.2rem 2.4rem #00000038,inset 0 1px #ffffffd1}@keyframes frame-rise{0%{transform:translateY(1.5rem)scale(.992)}to{transform:translate(0,0)scale(1)}}@keyframes popup-drift{0%{opacity:.88;translate:0 .9rem}to{opacity:1;translate:0}}@keyframes bubble-float{0%{translate:0 -.8rem;scale:.96}to{translate:.65rem .9rem;scale:1.04}}@keyframes bubble-drift{0%{transform:translateY(-8vh)rotate(-8deg)}to{transform:translateY(36vh)rotate(12deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=48rem){.app-shell{padding:2rem}.comic-hero,.continuous-comic,.final-callout{width:min(100%,66rem)}.comic-hero{grid-template-columns:minmax(0,.95fr) minmax(18rem,1.05fr);align-items:center;padding:1.4rem}h1{max-width:8ch;font-size:clamp(3.6rem,6.6vw,5.8rem)}.comic-hero__poster img{height:30rem}.final-callout{padding:1.6rem}.continuous-comic{width:min(100%,36rem);padding:.65rem}.frame-popup{padding:.95rem}}@media (width>=76rem){.app-shell{padding:3rem 4rem}.comic-hero{grid-template-columns:minmax(26rem,.95fr) minmax(26rem,1.05fr);gap:2rem;width:min(100%,72rem);padding:1.8rem}.comic-hero h1{max-width:7.4ch;font-size:clamp(4.5rem,5.4vw,5.9rem)}.comic-hero__copy{gap:1.1rem}.comic-hero p{max-width:32rem;font-size:1.15rem}.comic-hero__poster img{height:34rem}.continuous-comic{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(100%,56rem);margin-top:2rem;padding:.55rem}.comic-frame,.comic-frame:first-child,.comic-frame:last-child{border-radius:1.35rem}.comic-frame+.comic-frame{border-top:0;margin-top:0}.frame-popup{max-width:min(70%,23rem);padding:1rem}.frame-popup h2{font-size:clamp(1.6rem,2.2vw,2.25rem)}.frame-popup p{font-size:1.02rem}.final-callout{width:min(100%,52rem);padding:2rem}.scroll-bubble--one{--size:9rem;left:6%}.scroll-bubble--two{--size:6rem;right:10%}.scroll-bubble--three{--size:7rem;left:13%}.scroll-bubble--four{--size:12rem;right:6%}.scroll-bubble--five{--size:4.2rem;right:27%}.scroll-bubble--six{--size:14rem;left:8%}}@media (width>=100rem){.comic-hero{width:min(100%,82rem)}.comic-hero h1{max-width:8ch;font-size:clamp(5rem,5vw,6.4rem)}.continuous-comic{width:min(100%,64rem)}.comic-hero__poster img{height:38rem}}.story-nav{z-index:2;color:#213260;justify-content:space-between;align-items:center;width:min(100%,72rem);margin:0 auto 1rem;font-size:.9rem;font-weight:900;display:flex;position:relative}.story-nav a{color:inherit;background:#ffffffbf;border:1px solid #ffffffd9;border-radius:999px;padding:.65rem 1rem;text-decoration:none;box-shadow:0 .7rem 1.8rem #11172b1f}.story-nav a:hover,.story-nav a:focus-visible,.story-start:hover,.story-start:focus-visible{outline-offset:3px;outline:3px solid #ffc928}.story-selector{z-index:1;border:1px solid var(--glass-border);width:min(100%,75rem);min-height:calc(100svh - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(145deg,#ffffffd1,#ffffff70);border-radius:2.5rem;align-content:center;justify-items:center;gap:clamp(1rem,3vw,2rem);margin:auto;padding:clamp(1.2rem,3vw,2.5rem);display:grid;position:relative}.story-selector__intro{text-align:center;justify-items:center;gap:.85rem;max-width:55rem;display:grid}.story-selector h1{max-width:19ch;font-size:clamp(2.45rem,5vw,4.8rem)}.story-selector__intro p{max-width:36rem;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.4}.story-selector__choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,4vw,3rem);width:100%;display:flex}.story-bubble{aspect-ratio:1;color:#111d42;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #fffffff2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:clamp(13rem,25vw,17rem);padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1.3rem 2.5rem #11172b33,inset 0 2px #ffffffe6,inset -1.3rem -1.6rem 2.5rem #20469b1f}.story-bubble--rpa{background:radial-gradient(circle at 32% 22%,#fff 0%,#d1efff 38%,#8ab9ff 100%)}.story-bubble--er{background:radial-gradient(circle at 32% 22%,#fff 0%,#e4ddff 40%,#9d9dfb 100%)}.story-bubble--jira{background:radial-gradient(circle at 32% 22%,#fff 0%,#fff1c0 40%,#ffbd63 100%)}.story-bubble:hover,.story-bubble:focus-visible{outline-offset:5px;outline:3px solid #ffc928;transform:translateY(-8px)scale(1.035);box-shadow:0 1.8rem 3rem #11172b3d,inset 0 2px #fff}.story-bubble strong{letter-spacing:-.06em;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:1000;line-height:1}.story-bubble--er strong{white-space:nowrap;font-size:clamp(2rem,3.2vw,3rem)}.story-bubble>span{max-width:12rem;font-size:.95rem;font-weight:750}.er-hero{width:min(100%,72rem)}.er-hero h1{max-width:12ch}.er-hero__poster{background:#07368f}.er-hero__poster img{object-position:73% center}.story-start{color:#15254a;background:#ffe275;border-radius:999px;justify-content:space-between;align-items:center;gap:1.2rem;width:fit-content;padding:.8rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.er-stories{z-index:1;gap:clamp(1rem,3vw,2rem);width:min(100%,72rem);margin:clamp(1rem,3vw,2rem) auto;display:grid;position:relative}.er-story{border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(145deg,#ffffffe6,#ffffffa6);border-radius:2rem;padding:clamp(1rem,3vw,2rem);scroll-margin-top:1rem;overflow:hidden}.er-story__heading{align-items:flex-start;gap:clamp(.75rem,3vw,2rem);margin-bottom:1.2rem;display:flex}.er-story__number{color:#3555aa;flex:none;font-size:.9rem;font-weight:950}.er-story h2{margin-top:.65rem;font-size:clamp(1.8rem,4vw,3.4rem)}.er-story__heading p{color:var(--muted);margin-top:.6rem;font-size:clamp(.98rem,2vw,1.2rem);font-weight:700;line-height:1.45}.er-story__art{background:#0b3682;border-radius:1.2rem;overflow:hidden}.er-story__art img{width:100%;height:auto;display:block}.er-story__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.85rem;display:grid}.er-story__step{background:#dae8ffa6;border:1px solid #8eb1f047;border-radius:1.1rem;padding:1rem}.er-story__panel{display:none}.er-story__step span{color:#2353a1;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:950}.er-story__step p{margin-top:.45rem;font-weight:680;line-height:1.42}.er-story__footnote{color:#4e5c76;margin-top:.85rem;font-size:.82rem;font-weight:650}.er-final{background:#061a49;width:min(100%,72rem);min-height:24rem;padding:0;position:relative}.er-final:before{display:none}.er-final>img{object-fit:cover;object-position:65% center;width:100%;height:100%;position:absolute;inset:0}.er-final__copy{z-index:1;background:linear-gradient(90deg,#041337f0,#041337c7 75%,#0000);align-content:center;gap:1rem;width:min(100%,33rem);min-height:24rem;padding:clamp(1.3rem,5vw,3rem);display:grid;position:relative}.er-final__cta{color:#112a61;overflow-wrap:anywhere;background:#ffbf16;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:fit-content;max-width:100%;padding:.8rem 1rem;font-size:clamp(.95rem,2vw,1.3rem);font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 .8rem 1.8rem #00000040}.er-final__cta:hover,.er-final__cta:focus-visible{outline-offset:3px;outline:3px solid #fff;transform:translateY(-2px)}.er-final__cta span:last-child{flex:none;font-size:1.3em}.jira-hero{width:min(100%,72rem)}.jira-hero h1{max-width:12ch}.jira-hero__poster img{object-position:center 63%}.jira-stats-note{z-index:1;color:#454e69;text-align:center;width:min(100%,56rem);margin:1rem auto 0;font-size:.82rem;font-weight:700;line-height:1.35;position:relative}.jira-comic .frame-popup{max-width:min(86%,24rem)}.jira-comic .frame-popup h2{line-height:1.02}.jira-final{width:min(100%,52rem)}@media (width>=76rem){.jira-comic .comic-frame:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - .3rem)}}@media (width<=47.99rem){.story-selector{border-radius:1.8rem;gap:1.3rem;min-height:calc(100svh - 2rem)}.story-selector__choices{gap:.7rem}.story-bubble{width:min(100%,12.4rem);padding:1.3rem}.story-bubble strong{font-size:2.7rem}.story-bubble>span{font-size:.8rem}.er-story__heading{gap:.5rem;display:grid}.er-story__steps{grid-template-columns:1fr;gap:.8rem}.er-story__art{display:none}.er-story__step{padding:0;overflow:hidden}.er-story__panel{background:#0b3682;width:100%;display:block;overflow:hidden}.er-story__panel img{width:300%;max-width:none;height:100%;display:block}.er-story__panel--2 img{transform:translate(-33.3333%)}.er-story__panel--3 img{transform:translate(-66.6667%)}.er-story__step span{padding:.8rem .8rem 0;display:block}.er-story__step p{margin-top:0;padding:.4rem .8rem .85rem}.er-final{min-height:30rem}.er-final>img{object-position:72% center;height:58%}.er-final__copy{background:linear-gradient(#0000 25%,#061a49f0 62%,#061a49 98%);align-content:end;min-height:30rem;padding-top:13rem}}@media (width<=29rem){.story-selector__intro h1{font-size:clamp(2.25rem,10vw,3.5rem)}.story-bubble{width:min(39vw,9.5rem);padding:.75rem}.story-bubble strong{font-size:clamp(1.65rem,7vw,2.3rem)}.story-bubble--er strong{font-size:clamp(1.55rem,5.5vw,2rem)}.story-bubble>span{font-size:.7rem}}