.story-home{background:#f8fbf8;color:#103735;font-family:Inter,system-ui,sans-serif;overflow:clip}.story-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 6%}.story-header nav{display:flex;gap:28px;font-size:14px;font-weight:600}.story-header a,.story-footer a{text-decoration:none;color:inherit}.story-skip{position:absolute;top:-100px}.story-skip:focus{top:0;background:#fff;z-index:10}.story-hero{min-height:calc(100svh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px 90px;background:radial-gradient(ellipse at 50% 100%,#d6f7ed,transparent 60%)}.story-kicker{font-size:14px;font-weight:700;color:#168e80}.story-hero h1,.story-step h2,.story-end h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.story-hero h1{font-size:clamp(55px,8vw,112px);line-height:.97;margin:16px 0 24px}.story-hero h1 em{color:#078b7c;font-weight:400}.story-hero>p:not(.story-kicker){font-size:clamp(17px,2vw,21px);color:#516a66;margin:0}.story-actions{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.story-actions a{padding:15px 24px;border-radius:99px;background:#073e38;color:#fff;text-decoration:none;font-size:14px;font-weight:700;border:1px solid #073e38}.story-actions a+a{background:transparent;color:#073e38}.story-scroll{font-size:12px;margin-top:70px;color:#6a827c}.story-journey{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto}.story-stage{position:sticky;top:0;height:100svh;grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-steps{grid-column:1;grid-row:1}.story-step{min-height:100svh;display:flex;align-items:center;padding:8vw}.story-step svg{color:#009f8d}.story-step h2{font-size:clamp(40px,5vw,72px);line-height:1;margin:22px 0}.story-step p{font-size:18px;line-height:1.5;color:#5c7470;max-width:320px}.story-orbit{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:#d7f6ec}.story-orbit-two{width:55%;background:#b8eee2;filter:blur(20px)}.story-scene{position:relative;z-index:1;width:min(68%,390px);animation:story-enter .6s ease both}.story-peli{position:absolute;z-index:2;width:clamp(90px,16vw,200px);right:7%;bottom:12%;filter:drop-shadow(0 15px 12px #145e4d22)}.story-sources{display:grid;gap:14px;transform:rotate(-4deg)}.story-sources div,.story-sheet,.story-code{background:#fff;border:1px solid #e0eeea;box-shadow:0 25px 70px #185d4920;border-radius:20px}.story-sources div{display:flex;align-items:center;gap:14px;padding:24px;font-weight:700}.story-sources svg{color:#00a691}.story-sources div:nth-child(2){transform:translate(30px)}.story-sheet,.story-code{padding:26px;min-height:300px}.story-sheet>span,.story-code>span{font-size:12px;color:#078d7e;font-weight:700}.story-sheet b{display:block;font:700 26px/1.15 Georgia,serif;margin:18px 0}.story-sheet small{color:#7a8e89}.story-sheet-image{height:95px;background:linear-gradient(130deg,#b8e8d7,#168e88);border-radius:10px;margin:18px 0}.story-sheet i{display:block;height:7px;background:#e8f0ed;border-radius:5px;margin:10px 0}.story-sheet i:nth-last-child(2){width:70%}.story-tag,.story-answer{margin-top:20px;background:#e5f8f1;padding:14px;border-radius:12px;font-size:13px;color:#08796d}.story-answer p{color:#496b62;line-height:1.5}.story-code p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf3f1;padding:13px 0;font-size:13px}.story-code p b{color:#078d7e}.story-code p span{text-align:right}.story-end{text-align:center;background:#073e38;color:#fff;padding:100px 24px}.story-end h2{font-size:clamp(45px,6vw,78px);margin:0}.story-end p{color:#b8d9d0}.story-end .story-actions a{background:#fff;color:#073e38;border-color:#fff}.story-end .story-actions a+a{background:transparent;color:#fff}.story-end small{display:block;max-width:500px;margin:45px auto 0;color:#b8d9d0;line-height:1.5}.story-footer{display:flex;align-items:center;gap:25px;padding:30px 6%;font-size:13px}.story-footer>:first-child{margin-right:auto}@keyframes story-enter{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:700px){.story-header{height:68px}.story-header nav{gap:16px}.story-hero{min-height:calc(90svh - 68px)}.story-journey{display:block}.story-stage{height:48svh;min-height:300px;top:0;z-index:2;background:#f8fbf8}.story-steps{position:relative}.story-step{min-height:52svh;padding:35px 8% 70px;align-items:flex-start}.story-step h2{font-size:42px}.story-step p{font-size:16px}.story-orbit{width:65%;max-width:300px}.story-scene{width:min(58%,260px)}.story-sheet,.story-code{min-height:200px;padding:17px}.story-sheet b{font-size:19px;margin:12px 0}.story-sheet-image{height:55px;margin:10px 0}.story-sheet i{height:5px;margin:7px 0}.story-sources div{padding:14px}.story-code p{padding:8px 0;font-size:11px}.story-peli{width:110px;right:4%;bottom:5%}}@media (prefers-reduced-motion:reduce){.story-scene{animation:none}.story-stage{position:relative}}html:has(.story-home),body:has(.story-home){overflow-x:clip}.story-stage{background-image:linear-gradient(90deg,#f8fbf888,#f8fbf844),url(/media/story-world.png);background-size:auto 100%;background-position:calc(var(--story-progress, 0) * 100%) center;transition:background-position .25s linear}.story-orbit{opacity:.35}.story-scene{display:grid;align-items:center;animation:none;min-height:380px}.story-layer{grid-area:1/1;opacity:0;transform:translateY(24px) scale(.94);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.story-layer.is-visible{opacity:1;transform:translateY(0) scale(1)}.story-sheet{transition:transform .8s ease,box-shadow .8s ease}.story-sheet.stage-2{transform:rotate(-5deg) scale(.88)}.story-sheet.stage-3{transform:rotate(-2deg) scale(.94)}.story-sheet.stage-4{box-shadow:0 0 0 4px #67dfc788,0 25px 70px #185d4920}.story-sheet.stage-5{transform:rotate(2deg)}.story-peli{transition:transform .7s ease;transform:translateY(calc(var(--story-progress, 0) * -18px))}.story-step{min-height:85svh}.story-step>div{max-width:420px}.story-answer{animation:story-enter .6s ease both}@media (max-width:700px){.story-stage{background-size:auto 100%}.story-scene{min-height:220px}.story-step{min-height:58svh}.story-peli{width:100px}}@media (prefers-reduced-motion:reduce){.story-stage,.story-layer,.story-sheet,.story-peli{transition:none}.story-peli{transform:none}.story-answer{animation:none}}.story-stage{background:#f6f9f2;transition:none}.story-scene{display:grid;width:100%;min-height:0;aspect-ratio:1400/788;overflow:hidden;isolation:isolate}.story-frame{grid-area:1/1;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transform:scale(1.025);transition:opacity .5s ease,transform .7s ease;pointer-events:none}.story-frame.is-visible{opacity:1;transform:scale(1)}.story-peli-quote{display:flex;align-items:center;gap:12px;margin-top:30px;max-width:360px;color:#205147;font-size:14px;line-height:1.4}.story-peli-quote img{width:52px;height:48px;-o-object-fit:contain;object-fit:contain;flex:none}.story-peli-quote span{padding:10px 14px;background:#e9f6ef;border-radius:15px 15px 15px 3px}.story-peli-quote small{display:block;color:#558278;font-size:11px;font-weight:700;margin-bottom:2px}@media (max-width:700px){.story-stage{height:42svh;min-height:235px}.story-scene{width:100%}.story-step{min-height:56svh}.story-peli-quote{margin-top:20px}}@media (prefers-reduced-motion:reduce){.story-stage{position:sticky}.story-frame{transition:none;transform:none}}html.reduce-motion .story-frame{transition:none;transform:none}.story-stage{background:radial-gradient(circle at 50% 45%,#e0f2ea,#f6f9f2 68%)}.story-scene{height:min(78svh,650px);aspect-ratio:auto;overflow:visible;align-items:center;padding:clamp(18px,3vw,44px)}.story-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto;max-height:100%;overflow:visible}.story-screen-label{align-self:flex-start;color:#436d62;font-size:11px;font-weight:700;letter-spacing:.03em}.story-screen-window{position:relative;width:100%;height:min(48svh,420px);overflow:hidden;border:1px solid #d8e6dd;border-radius:16px;background:#fff;box-shadow:0 24px 70px #153d3026}.story-screen-window img{display:block;width:100%;height:auto;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transform:translateY(calc((var(--step-progress, .5) - .5) * -5%));will-change:transform}.story-float-note{position:absolute;right:-8px;bottom:8%;max-width:80%;padding:12px 16px;border:1px solid #c6e9df;border-radius:14px;background:#f8fffb;color:#0f5c4f;font-size:13px;font-weight:700;box-shadow:0 12px 32px #153d3020;transform:translateY(calc((var(--step-progress, .5) - .5) * -18px))}.story-detection{position:absolute;top:5%;right:5%;bottom:48%;left:5%;border:3px solid #13a68d;border-radius:9px;box-shadow:0 0 0 999px #092f2920,0 0 24px #13a68d66}.story-field{position:absolute;right:7%;padding:6px 10px;border-radius:99px;color:#fff;background:#087f70;font-size:11px;font-weight:700;box-shadow:0 4px 18px #104b3c38;transform:translate(calc((.5 - var(--step-progress, .5)) * 36px))}.story-field-title{top:9%}.story-field-image{top:52%}.story-field-text{bottom:8%}@media (max-width:700px){.story-scene{height:100%;padding:16px 22px}.story-screen{gap:6px}.story-screen-window{height:min(30svh,250px);border-radius:12px}.story-screen-label{font-size:10px}.story-float-note{font-size:11px;padding:8px 10px;bottom:2%}}@media (prefers-reduced-motion:reduce){.story-screen-window img,.story-float-note,.story-field{transform:none;will-change:auto}}html.reduce-motion :is(.story-screen-window img,.story-float-note,.story-field){transform:none;will-change:auto}.story-stage{display:flex;align-items:center;justify-content:center}.story-scene{width:100%;height:auto;max-height:100%;padding:clamp(20px,3vw,44px);overflow:hidden}.story-screen{width:100%;height:auto;max-height:none;opacity:var(--scene-opacity,0);transform:none;transition:none}.story-screen.is-visible{opacity:var(--scene-opacity,1);transform:none}.story-screen-window{height:auto;aspect-ratio:16/9;max-height:65svh;background:#e9f3ed}.story-screen-window img{width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transform:none;will-change:auto}@media (max-width:700px){.story-stage{height:min(40svh,320px);min-height:0}.story-scene{height:auto;padding:12px 18px}.story-screen-window{height:auto;max-height:calc(40svh - 48px)}.story-step{min-height:60svh;padding:28px 7% 56px}.story-step h2{font-size:clamp(32px,9vw,42px)}}@media (prefers-reduced-motion:reduce){.story-screen{opacity:0!important}.story-screen.is-visible{opacity:1!important}}html.reduce-motion .story-screen{opacity:0!important}html.reduce-motion .story-screen.is-visible{opacity:1!important}.story-screen-window .story-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;transition:none;pointer-events:none}.story-frame-caption{align-self:flex-start;min-height:2.8em;margin:0;color:#205147;font-size:clamp(14px,1.2vw,17px);font-weight:600;line-height:1.4;text-wrap:pretty}.story-screen-window .story-source-screenshot{position:absolute;top:12%;right:10%;bottom:12%;left:10%;width:80%;height:76%;min-height:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:none;border:3px solid white;border-radius:10px;box-shadow:0 14px 40px #051e2a80;pointer-events:none}@media (max-width:700px){.story-frame-caption{font-size:14px;min-height:1.4em}.story-screen{gap:5px}}@media (prefers-reduced-motion:reduce){.story-screen-window .story-frame{display:none}}html.reduce-motion .story-screen-window .story-frame{display:none}