.experience-page{color:#f0f7f4;font-family:var(--cop-display,sans-serif);background:#061722;margin:0;overflow:hidden}.experience-shell{width:100%;height:100dvh}.experience-shell *,.experience-shell :before,.experience-shell :after{box-sizing:border-box}.experience-shell button{font:inherit;cursor:pointer;color:inherit}.experience-shell [hidden]{display:none!important}.experience-shell button:focus-visible,.experience-shell a:focus-visible{outline-offset:5px;outline:3px solid #c0ffe1}.world{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#163746;width:100%;height:100%;position:relative;overflow:hidden}.comparison,.comparison canvas,.future-layer{width:100%;height:100%;position:absolute;inset:0}.comparison{pointer-events:none}.future-layer{clip-path:inset(0 0 0 var(--split,50%))}.world-shade{pointer-events:none;background:linear-gradient(#031521b0,#0000 30% 45%,#03152160 66%,#031521eb 100%);position:absolute;inset:0}.experience-heading{z-index:5;align-items:center;gap:24px;display:flex;position:absolute;top:24px;left:32px;right:32px}.experience-heading .cop-logo{height:46px}.experience-heading h1{letter-spacing:-.025em;margin:0;font-size:clamp(17px,1.7vw,27px);font-weight:500;line-height:1.25}.header-actions{gap:10px;margin-inline-start:auto;display:flex}.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08243150;border:1px solid #ffffff32;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button svg{stroke:currentColor;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.world-stamp{top:103px;color:#d4e7e7;letter-spacing:.13em;align-items:center;gap:18px;font-size:9px;display:flex;position:absolute;inset-inline-start:36px}.simulation-badge{text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.simulation-badge i{background:#9ceabd;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #9ceabd}.world-stamp>span:last-child{border-inline-start:1px solid #ffffff40;padding-inline-start:18px}.topic-bubbles{z-index:6;inset-inline-end:30px;flex-direction:column;gap:19px;display:flex;position:absolute;top:48%;transform:translateY(-50%)}.topic-bubbles button{letter-spacing:.04em;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;min-width:84px;font-size:10px;display:flex}.bubble-icon{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#102b3b60;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:62px;height:62px;transition:background .35s,border-color .35s,box-shadow .35s;display:grid}.bubble-icon svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:27px;height:27px}.topic-bubbles [aria-pressed=true] .bubble-icon{color:#082e35;background:#c9edda;border-color:#d2ffe9;box-shadow:0 0 0 5px #b5eed115,0 0 38px #a4e6c52b}.topic-bubbles button:hover .bubble-icon{border-color:#c0ffe1}.compare-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:151px;left:36px;right:144px}.compare-labels>span{color:#edf9f0;text-shadow:0 2px 24px #00152270;flex-direction:column;gap:3px;display:flex}.compare-labels>span:last-child{text-align:right}.compare-labels small{letter-spacing:.16em;text-transform:uppercase;font-size:9px}.compare-labels strong{letter-spacing:-.06em;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.1}.compare-divider{z-index:3;top:0;bottom:0;left:var(--split,50%);pointer-events:none;background:#ebfff1b0;width:1px;position:absolute;transform:translate(-50%);box-shadow:0 0 30px #0006}.compare-divider button{color:#082532;touch-action:none;pointer-events:auto;background:#e4f8e9;border:1px solid #f3fff6;border-radius:50%;justify-content:center;align-items:center;gap:7px;width:60px;height:60px;font-size:27px;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 40px #001a3270}.compare-divider button i{border-left:1px solid #548a74;height:17px}.scene-narrative{z-index:4;left:var(--narrative-left-gap,4.4%);pointer-events:none;width:min(790px,100% - 195px);position:absolute;bottom:151px}.narrative-kicker{color:#c4e4d5;text-transform:uppercase;letter-spacing:.19em;text-shadow:0 2px 18px #001018;margin:0 0 17px;font-size:10px}.scene-narrative h2{letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 35px #00172290;margin:0;font-size:clamp(32px,4.2vw,67px);font-weight:500;line-height:1.06}.narrative-body{max-width:565px;font-family:var(--font-geist-sans,sans-serif);color:#e0e9e8;text-shadow:0 2px 16px #001722;margin:20px 0 0;font-size:15px;line-height:1.75}.narrative-source{color:#abc4cb;pointer-events:auto;align-items:center;gap:4px;min-height:32px;margin-top:17px;font-size:9px;display:inline-flex}.comparison-footer{z-index:5;justify-content:center;align-items:center;gap:35px;display:flex;position:absolute;inset:auto 36px 60px}.comparison-footer button{color:#c7d9d9;background:0 0;border:0;align-items:center;gap:12px;min-height:44px;padding:6px 0;font-size:11px;display:inline-flex}.comparison-footer button[aria-pressed=true]{color:#d0f7e0}.comparison-footer button span{font-size:20px}.comparison-footer p{font-size:10px;font-family:var(--font-geist-sans,sans-serif);color:#9fb6bf;margin:0}.scene-note{bottom:17px;color:#a2bbc4;font-family:var(--font-geist-sans,sans-serif);pointer-events:none;margin:0;font-size:8px;line-height:1.5;position:absolute;inset-inline:36px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1600px){.scene-narrative{bottom:17%}.narrative-body{max-width:620px;font-size:17px}}@media (width<=800px){.experience-heading{gap:16px;top:18px;left:20px;right:20px}.experience-heading .cop-logo{height:38px}.experience-heading h1{max-width:280px;font-size:19px}.header-actions{gap:6px}.exit-link{display:none}.world-stamp{top:90px;font-size:8px;inset-inline-start:22px}.topic-bubbles{inset-inline-end:16px;gap:16px;top:43%}.topic-bubbles button{min-width:68px;font-size:9px}.bubble-icon{width:50px;height:50px}.bubble-icon svg{width:24px;height:24px}.compare-labels{top:140px;left:22px;right:106px}.compare-labels strong{font-size:52px}.scene-narrative{--narrative-left-gap:26px;--narrative-right-gap:106px;width:calc(100% - 136px);bottom:145px}.scene-narrative h2{font-size:43px}.narrative-body{margin-top:16px;font-size:14px}.narrative-kicker{letter-spacing:.14em;margin-bottom:14px;font-size:9px}.comparison-footer{gap:24px;bottom:55px;left:22px;right:22px}.comparison-footer p{text-align:center;max-width:140px;font-size:9px}.comparison-footer button{gap:8px;font-size:10px}.scene-note{font-size:7px;inset-inline:22px}}@media (width<=480px){.experience-heading{gap:12px;left:16px;right:16px}.experience-heading h1{max-width:185px;font-size:15px}.experience-heading .cop-logo{height:32px}.icon-button{width:40px;height:40px}.world-stamp{inset-inline-start:18px;top:86px}.topic-bubbles{inset-inline-end:9px;gap:12px;top:40%}.bubble-icon{width:44px;height:44px}.topic-bubbles button{gap:5px;min-width:62px;font-size:8px}.bubble-icon svg{width:22px;height:22px}.compare-labels{top:130px;left:18px;right:90px}.compare-labels strong{font-size:43px}.compare-labels small{letter-spacing:.09em;font-size:7px}.scene-narrative{--narrative-left-gap:22px;--narrative-right-gap:22px;bottom:137px}.scene-narrative h2{font-size:clamp(27px,8.2vw,36px);line-height:1.08}.narrative-body{margin-top:14px;font-size:11px;line-height:1.7}.narrative-kicker{margin-bottom:12px;font-size:8px}.narrative-source{margin-top:10px;font-size:8px}.comparison-footer{gap:18px;bottom:52px;left:18px;right:18px}.comparison-footer p{max-width:none;font-size:8px;position:absolute;bottom:45px}.comparison-footer button{min-height:40px;font-size:9px}.scene-note{inset-inline:18px;font-size:7px;bottom:12px}.compare-divider button{width:50px;height:50px;top:36%}}@media (height<=600px) and (width>=600px){.experience-heading{top:12px;left:20px;right:20px}.experience-heading .cop-logo{height:30px}.experience-heading h1{font-size:17px}.icon-button{width:36px;height:36px}.world-stamp{top:65px;font-size:7px;inset-inline-start:22px}.compare-labels{top:106px;left:22px;right:112px}.compare-labels strong{font-size:39px}.compare-labels small{font-size:7px}.topic-bubbles{inset-inline-end:13px;gap:7px;top:51%}.topic-bubbles button{gap:3px;min-width:65px;font-size:7px}.bubble-icon{width:36px;height:36px}.bubble-icon svg{width:20px;height:20px}.scene-narrative{--narrative-left-gap:22px;--narrative-right-gap:108px;bottom:84px}.scene-narrative h2{max-width:500px;font-size:30px}.narrative-kicker{margin-bottom:9px;font-size:8px}.narrative-body{max-width:400px;margin-top:10px;font-size:10px;line-height:1.5}.narrative-source{min-height:20px;margin-top:4px;font-size:7px}.comparison-footer{gap:24px;bottom:28px}.comparison-footer button{min-height:32px;font-size:9px}.comparison-footer p{font-size:8px}.scene-note{font-size:6px;bottom:7px}.compare-divider button{width:46px;height:46px;top:46%}}@media (prefers-reduced-motion:reduce){.experience-shell *{transition:none!important}}.world[data-era=future] .scene-narrative{left:auto;right:var(--narrative-right-gap,144px);text-align:right}.world[data-era=future] .narrative-body{margin-left:auto}.experience-heading{direction:ltr;justify-content:flex-start}.experience-navigation{flex-wrap:nowrap;flex:none;gap:12px}.topic-bubbles{inset-inline-end:auto;left:auto;right:30px}.compare-labels{direction:ltr;left:36px;right:144px}.scene-narrative{--narrative-left-gap:4.4%;--narrative-right-gap:144px}@media (width<=800px){.experience-navigation{gap:8px}.experience-heading h1{min-width:0;font-size:17px}.topic-bubbles{right:16px}.compare-labels{left:22px;right:106px}.scene-narrative{--narrative-left-gap:26px;--narrative-right-gap:106px}}@media (width<=600px){.experience-heading h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.experience-navigation .cop-logo{height:32px}.topic-bubbles{right:9px}.compare-labels{left:18px;right:90px}.scene-narrative{--narrative-left-gap:22px;--narrative-right-gap:22px}}@media (width<=360px){.experience-navigation{gap:5px}.experience-navigation .icon-button{display:none}}@media (height<=600px) and (width>=600px){.experience-navigation{gap:8px}.experience-heading h1{font-size:16px}.topic-bubbles{right:13px}.compare-labels{left:22px;right:112px}.scene-narrative{--narrative-left-gap:22px;--narrative-right-gap:108px}}