/* A guided, progressively enhanced product experience. */
.story-navigation{position:sticky;top:0;z-index:18;display:flex;align-items:center;gap:26px;min-height:66px;padding:0 max(30px,calc((100% - 1152px)/2));border-bottom:1px solid #9dffda25;background:#071317f2;backdrop-filter:blur(24px);--reading-progress:0}
.story-nav-brand{font-size:20px;font-weight:600;letter-spacing:-2px;color:#cff9e8}.story-nav-brand>span{font-size:15px;color:#4e7b6b;font-weight:400}.story-nav-links{display:flex;align-items:stretch;gap:25px;flex:1;align-self:stretch;min-width:0}.story-nav-links a{display:flex;align-items:center;position:relative;color:#7e9b9e;font-size:12px;line-height:1.4;padding:12px 0;white-space:nowrap}.story-nav-links a:hover,.story-nav-links a[aria-current]{color:#c2ffe5}.story-nav-links a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#9dffda}.story-nav-demo{display:flex;align-items:center;gap:17px;border:1px solid #9dffda37;padding:10px 13px;font-size:12px;line-height:1.5;color:#bcf8df;white-space:nowrap;background:#9dffda08}.story-nav-demo:hover{background:#9dffda15}.story-nav-demo span{font-size:15px}.story-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#5ab98e,#b6ffe0);transform:scaleX(var(--reading-progress));transform-origin:left;pointer-events:none;box-shadow:0 0 14px #9dffda44}
.story-section{scroll-margin-top:90px}.story-section:focus{outline:none}.story-intro{padding-top:95px}.benefit{transition:transform .3s,border-color .3s}.benefit:hover{transform:translateY(-5px);border-color:#9dffda88}.genesium-steps li:hover .step-index{border-color:#9dffda;background:#17392c;box-shadow:0 0 25px #9dffda15}.step-index{transition:background .25s,border-color .25s,box-shadow .25s}
.impact-story{border-top:1px solid #9dffda1a;background:radial-gradient(ellipse at 88% 60%,#1d40372c,transparent 60%)}.impact-story>.story-section-head{max-width:900px}.impact-story h2{max-width:780px}.impact-console{display:grid;grid-template-columns:1.1fr 1fr;background:linear-gradient(125deg,#102127c9,#08151b);border:1px solid #9dffda32;position:relative;overflow:hidden}.impact-console:before,.impact-console:after{content:'';position:absolute;top:0;left:0;width:12px;height:12px;border-top:1px solid #9dffda;border-left:1px solid #9dffda;pointer-events:none}.impact-console:after{top:auto;left:auto;right:0;bottom:0;transform:rotate(180deg)}.impact-controls{padding:42px}.impact-field+.impact-field{margin-top:33px}.impact-field-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.impact-field label{font-size:14px;line-height:1.6;color:#b4c9c8;max-width:270px}.impact-field-head>span{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.impact-field output{font:500 26px/1.2 var(--mono);color:#cdffe8}.impact-field small{font-size:11px;color:#7a9b93}
.impact-field input{display:block;width:100%;height:22px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;--range-progress:0%;border:0;padding:0}.impact-field input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#9dffda 0 var(--range-progress),#294039 var(--range-progress) 100%);border-radius:4px}.impact-field input::-moz-range-track{height:3px;background:#294039;border-radius:4px}.impact-field input::-moz-range-progress{height:3px;background:#9dffda}.impact-field input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;margin-top:-7px;background:#caffeb;border:4px solid #285044;border-radius:50%;box-shadow:0 0 0 1px #9dffda55,0 0 18px #9dffda28}.impact-field input::-moz-range-thumb{box-sizing:border-box;width:17px;height:17px;background:#caffeb;border:4px solid #285044;border-radius:50%}.impact-field input:focus-visible{outline:1px solid #9dffda;outline-offset:7px;border-radius:5px}.impact-formula{border-top:1px solid #9dffda1e;padding-top:20px;margin-top:32px;display:flex;gap:15px;justify-content:space-between;font:11px/1.7 var(--mono);color:#6e948b}.impact-formula>span:last-child{color:#b7cfc5;text-align:right}
.impact-result{padding:32px 42px;border-left:1px solid #9dffda1d;display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 28%,#1a463653,transparent 70%)}.capacity-ring{position:relative;width:240px;height:240px;padding:8px;display:grid;place-items:center;border-radius:50%;isolation:isolate}.capacity-ring:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,#9dffda 0 var(--capacity-share),#9dffda15 var(--capacity-share) 100%);mask:radial-gradient(transparent 66%,black 67%);-webkit-mask:radial-gradient(transparent 66%,black 67%);z-index:-1}.capacity-ring>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;max-width:175px}.capacity-ring output{font:400 55px/1.1 var(--mono);letter-spacing:-3px;color:#d4ffe9;font-variant-numeric:tabular-nums}.capacity-ring>div>span:last-child{font-size:12px;color:#86b39f}.impact-result-kicker{font-size:11px;line-height:1.65;color:#82aa9a;max-width:150px}.impact-annual{display:flex;gap:20px;justify-content:space-between;width:100%;padding:19px 0;margin-top:8px;border-bottom:1px solid #9dffda1c;color:#7c9e93;font-size:12px}.impact-annual output{font:15px var(--mono);color:#cbf5e0}.impact-split{width:100%;font-size:11px;color:#7c9e93;margin-top:17px}.impact-split>div{display:flex;align-items:center;gap:9px;line-height:1.6}.impact-split>div+div{margin-top:8px}.impact-split i{width:5px;height:5px;background:#9dffda;flex-shrink:0}.impact-split>div:last-child i{background:#395a4d}.impact-split output{margin-left:auto;white-space:nowrap;font:11px var(--mono);color:#accdbd}.impact-foot{display:flex;gap:40px;align-items:flex-start;justify-content:space-between;margin-top:18px}.impact-foot p{font-size:12px;line-height:1.8;color:#6e8c92;margin:0;max-width:660px}.impact-foot a{padding-top:0;flex-shrink:0}
.questions-story{border-top:1px solid #9dffda1a;display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.questions-intro h2{max-width:380px}.pilot-note{position:relative;padding:24px 20px;border-left:1px solid #9dffda37;margin-top:35px;background:linear-gradient(90deg,#9dffda05,transparent)}.pilot-note>span{float:right;font-size:20px;color:#9dffda}.pilot-note h3{font-size:15px;font-weight:500;color:#b5d9c8;margin:0 22px 10px 0;line-height:1.5}.pilot-note p{font-size:13px;line-height:1.85;color:#77978e;margin:0}.product-question{border-bottom:1px solid #9dffda22}.product-question:first-child{border-top:1px solid #9dffda22}.product-question summary{display:flex;align-items:center;gap:16px;min-height:88px;padding:22px 0;list-style:none;cursor:pointer;font-size:15px;line-height:1.6;color:#bacdd0}.product-question summary::-webkit-details-marker{display:none}.product-question summary::marker{content:''}.product-question summary:focus-visible{outline:1px solid #9dffda;outline-offset:4px}.question-number{font:10px var(--mono);color:#476b61;flex-shrink:0}.question-toggle{font-size:20px;color:#75b499;margin-left:auto;transition:transform .2s}.product-question[open] .question-toggle{transform:rotate(45deg)}.product-question[open] summary{color:#d5f8e6}.question-answer{padding:0 27px 25px}.question-answer p{font-size:14px;line-height:1.95;color:#819f9f;margin:0}
.story-top{position:fixed;right:24px;bottom:25px;z-index:16;width:42px;height:42px;display:grid;place-items:center;border:1px solid #9dffda40;border-radius:50%;background:#0d2422f2;backdrop-filter:blur(15px);color:#b6f6d9;box-shadow:0 8px 30px #0005;font-size:20px}.story-top:hover{background:#173f34}
.experience-ready .story-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.experience-ready .story-reveal.is-revealed,.experience-ready.paused .story-reveal{opacity:1;transform:none}.paused .story-reveal{transition:none}
@media(max-width:1000px){.story-navigation{padding:0 30px;gap:19px}.story-nav-links{gap:19px}.story-nav-links a,.story-nav-demo{font-size:11px}.story-nav-brand{display:none}.impact-controls{padding:30px}.impact-result{padding:30px}.questions-story{gap:42px}.capacity-ring{width:210px;height:210px}.capacity-ring output{font-size:47px}.impact-foot{gap:25px}.impact-foot p{max-width:550px}}
@media(max-width:760px){.story-navigation{padding:0 24px;gap:0;min-height:57px}.story-nav-links{overflow-x:auto;scrollbar-width:none;gap:24px}.story-nav-links::-webkit-scrollbar{display:none}.story-nav-links a{font-size:12px;padding:19px 0;flex-shrink:0}.story-nav-demo{display:none}.impact-console{grid-template-columns:1fr}.impact-controls{padding:28px}.impact-result{border-left:0;border-top:1px solid #9dffda1d;padding:28px}.capacity-ring{width:220px;height:220px}.impact-result .impact-annual,.impact-result .impact-split{max-width:370px}.impact-foot{flex-direction:column;gap:15px}.questions-story{grid-template-columns:1fr;gap:26px}.questions-intro h2{max-width:450px}.pilot-note{margin-top:24px;max-width:450px}.product-question summary{min-height:78px;font-size:15px}.story-top{width:38px;height:38px;right:15px;bottom:18px}.story-section{scroll-margin-top:77px}}
@media(max-width:400px){.impact-controls,.impact-result{padding:23px}.impact-field label{font-size:13px}.impact-field output{font-size:23px}.impact-field-head{gap:12px}.impact-formula{font-size:10px}.impact-foot p{font-size:11px}.question-answer{padding-left:0;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.experience-ready .story-reveal{opacity:1;transform:none;transition:none}.benefit,.step-index,.question-toggle{transition:none}.benefit:hover{transform:none}}