/* An editorial product story: outcome first, software foundation second. */
#ecosystem{padding-top:110px;background:radial-gradient(ellipse at 90% 20%,#271c492f,transparent 50%),#080e1c}
#ecosystem .ecosystem-heading{margin-bottom:45px}#ecosystem .ecosystem-heading h2{max-width:1050px;font-size:clamp(42px,5.6vw,86px);line-height:1.06;letter-spacing:-.055em}#ecosystem .ecosystem-heading p{max-width:650px;font-size:17px;line-height:1.8}
.experience-wayfinder{display:flex;gap:32px;align-items:center;border-block:1px solid #8099bd26;padding:20px 0;margin-bottom:0}.experience-wayfinder a{font-size:13px;color:#9eaec7;text-decoration:none;transition:color .3s}.experience-wayfinder a[aria-current]{color:#e0cbff}.experience-wayfinder span{margin-left:auto;color:#8496b2;font-size:11px}
#ecosystem .ecosystem-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:7vw}
#ecosystem .experience-chapter{min-height:100svh;padding:75px 0;border:0;scroll-margin-top:95px;opacity:.5;transition:opacity .5s}#ecosystem .experience-chapter.is-active{opacity:1}.experience-kicker{display:flex;align-items:center;gap:10px;color:#a3e5ed;font-size:12px;margin-bottom:26px}.experience-kicker i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 18px #82cfeb66}
#ecosystem h3.experience-title{font-size:clamp(34px,3.7vw,60px);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:0 0 24px;color:#edf0fa}.experience-intro{font-size:16px;line-height:1.8;color:#aabbd1;max-width:450px;margin:0 0 32px}.experience-products{display:grid;gap:0}.experience-product{display:flex;gap:16px;align-items:center;padding:19px 0;border-top:1px solid #91a6c026;text-decoration:none;color:#e5eaf6;transition:transform .25s,color .25s}.experience-product:hover{transform:translateX(5px);color:#b9e6ff}.experience-product img{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:3px}.experience-product>span{flex:1}.experience-product strong{font-size:17px;font-weight:500;display:block}.experience-product small{font-size:12px;line-height:1.6;color:#9dadc4;display:block;margin-top:5px}.experience-product b{font-weight:400;color:#8fd5eb}.companion-link{display:block;font-size:12px;line-height:1.7;color:#92b5cf;margin-top:18px;text-decoration:none}.showcase-build-link{display:block;border-top:1px solid #91a6c033;padding:24px 0;color:#d5bcf5;text-decoration:none;font-size:18px}.showcase-build-link span{display:block;font-size:12px;color:#9caec8;margin-top:10px}
#ecosystem .ecosystem-art{height:calc(100svh - 110px);min-height:590px;max-height:820px;top:80px;margin-top:40px;border:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#55408435,transparent 60%)!important;box-shadow:none}
#ecosystem .eco-model-topline{top:12px;left:20px;right:20px;letter-spacing:0;font-size:11px}#ecosystem #eco-index{color:#778ca8;font-size:10px}.experience-window{position:absolute;inset:45px 0 43%;perspective:1000px}.experience-panel{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateY(26px) scale(.94);transition:opacity .65s,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.experience-panel.is-active{opacity:1;transform:none}.illustration-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:#7f91ab}
.identity-pass,.payment-pass{position:relative;width:66%;padding:25px;border:1px solid #d4b8ff50;background:linear-gradient(140deg,#2c2549ef,#111e31fa);box-shadow:12px 20px 60px #0005,inset 0 1px #f4deff30;border-radius:18px;transform:rotateY(-12deg) rotateX(7deg) rotateZ(-5deg)}.pass-brand{display:flex;align-items:center;gap:9px;margin-bottom:26px;font-size:12px;color:#d8d5ed}.pass-brand img{width:25px;height:25px;object-fit:contain;border-radius:6px}.pass-brand i{width:5px;height:5px;background:#a7ebda;border-radius:50%;margin-left:auto}.identity-pass>small,.payment-pass>small{display:block;color:#a99abf;font-size:10px}.identity-pass>strong{display:block;font-size:clamp(26px,3vw,43px);letter-spacing:-.05em;font-weight:500;margin:10px 0 20px;color:#f2ebfc}.signal-wave{height:32px;display:flex;align-items:center;gap:6px}.signal-wave i{width:3px;background:linear-gradient(#b194ee,#81ddea);height:30%;border-radius:4px;animation:voice-pulse 1.8s ease-in-out infinite alternate}.signal-wave i:nth-child(3n){height:90%;animation-delay:-.7s}.signal-wave i:nth-child(3n + 1){height:60%;animation-delay:-1.3s}.pass-services{display:flex;gap:22px;font-size:10px;color:#bdc9df;border-top:1px solid #ac9fc833;padding-top:17px;margin-top:15px}.identity-orbit{position:absolute;width:87%;height:55%;border:1px solid #a791da26;border-radius:50%;transform:rotate(-32deg)}.orbit-b{transform:rotate(32deg);width:75%;height:80%}.contact-token{position:absolute;z-index:1;color:#c1dff1;text-align:center;font-size:10px}.contact-token span{display:grid;place-items:center;margin:auto auto 8px;border-radius:50%;width:48px;height:48px;border:1px solid #8edcf44a;background:#152339;font-size:22px}.contact-token small{font-size:9px}.token-left{left:0;top:14%}.token-right{right:0;bottom:15%}
.payment-pass{transform:rotateY(10deg) rotateZ(4deg);background:linear-gradient(135deg,#163640,#151e30);border-color:#8edbd84d}.payment-pass>strong{display:block;font-size:clamp(15px,1.6vw,25px);margin:14px 0 30px;font-weight:400;color:#e6f6f3}.payment-pass p{font-size:10px;color:#8cbbb9;margin:24px 0 0}.payment-route{display:flex;align-items:center;gap:8px;font-size:10px;color:#c0dfd8}.payment-route i{height:1px;flex:1;background:linear-gradient(90deg,#80ddd0,transparent);animation:route-glow 2s ease-in-out infinite}.payment-envelope{position:absolute;right:7%;top:1%;width:85px;height:65px;transform:rotate(16deg);background:linear-gradient(145deg,#ace9dc,#40797c);border-radius:9px;box-shadow:0 15px 45px #73d5d326;display:grid;place-items:center;color:#133f47;font-size:34px}.value-orbit{position:absolute;width:85%;height:85%;border:1px solid #88d3c330;border-radius:50%}
.builder-window{width:80%;border:1px solid #96b6dd55;border-radius:12px;background:linear-gradient(140deg,#172c40,#101a30);transform:rotateY(-8deg) rotateZ(-3deg);box-shadow:15px 25px 65px #0006;overflow:hidden}.window-chrome{padding:13px 17px;border-bottom:1px solid #b1bdd324;display:flex;align-items:center;gap:5px;font-size:9px;color:#96aac4}.window-chrome i{width:5px;height:5px;border-radius:50%;background:#7686a4}.window-chrome span{margin-left:auto}.builder-body{padding:22px}.builder-mark{display:block;color:#a0e4ee;font-size:35px;margin-bottom:12px}.builder-body>strong{font-size:28px;line-height:1.1;font-weight:400;letter-spacing:-.04em;color:#e5edfa}.builder-modules{display:flex;gap:7px;margin:22px 0}.builder-modules span{font-size:9px;padding:6px;border:1px solid #abc2dd30;border-radius:4px;color:#b1c8df}.builder-foundation{padding-top:13px;border-top:1px solid #9bafd52b;font-size:10px;color:#bca1e6}.builder-foundation b{float:right}.research-tag{position:absolute;bottom:8%;right:2%;background:#211b34;border:1px solid #9472b65c;border-radius:7px;padding:10px;font-size:9px;color:#c8b2df}
#ecosystem #ecosystem-model{inset:59% 0 45px;opacity:.85}#ecosystem .eco-layer-label{display:none}.foundation-eyebrow{position:absolute;top:59%;left:20px;color:#8da4bd;font-size:9px;letter-spacing:.08em;text-transform:uppercase;z-index:2}#ecosystem .eco-model-caption{bottom:0;left:20px;right:20px;padding-top:12px}#ecosystem .eco-model-caption>span{font-size:11px;line-height:1.6;display:block;color:#a6b6cd}#ecosystem #ecosystem-path{display:none}#ecosystem .satellite-one{top:auto;bottom:85px;right:25px}
@keyframes voice-pulse{to{transform:scaleY(.35)}}@keyframes route-glow{50%{opacity:.35}}
#ecosystem.is-paused .signal-wave i,#ecosystem.is-paused .payment-route i{animation-play-state:paused}
@media(max-width:700px){#ecosystem{padding-top:65px}#ecosystem .ecosystem-heading h2{font-size:41px}#ecosystem .ecosystem-heading p{font-size:14px}.experience-wayfinder{gap:17px;padding:18px 0}.experience-wayfinder a{font-size:11px}.experience-wayfinder>span{display:none}#ecosystem .ecosystem-layout{display:flex;gap:0}#ecosystem .ecosystem-art{order:-1;top:55px;margin-top:0;height:330px;min-height:330px;max-height:330px;background:#0a1222!important;border-bottom:1px solid #8099bd26;z-index:4}.experience-window{inset:30px 0 52px}.identity-pass,.payment-pass{width:65%;padding:14px}.pass-brand{margin-bottom:10px;font-size:10px}.identity-pass>strong{font-size:25px;margin:7px 0}.signal-wave{height:22px}.pass-services{padding-top:9px;margin-top:8px}.contact-token span{width:32px;height:32px;font-size:17px}.contact-token small{font-size:8px}.illustration-note{bottom:-3px;font-size:8px}.payment-pass>strong{font-size:16px;margin:10px 0 20px}.payment-pass p{margin-top:15px}.builder-window{width:70%}.window-chrome{padding:7px 12px}.builder-body{padding:13px}.builder-mark{font-size:24px;margin-bottom:7px}.builder-body>strong{font-size:24px}.builder-modules{margin:13px 0}.research-tag{bottom:5%;font-size:8px;right:0}#ecosystem #ecosystem-model,.foundation-eyebrow{display:none}#ecosystem .eco-model-caption{left:10px;right:10px;bottom:7px;padding-top:7px}#ecosystem .eco-model-caption>span{font-size:9px}#ecosystem .eco-model-topline{top:10px;font-size:10px;left:10px;right:10px}#ecosystem #eco-index{font-size:8px}#ecosystem .experience-chapter{min-height:80svh;padding:42px 0;scroll-margin-top:400px;opacity:1}#ecosystem h3.experience-title{font-size:34px}.experience-kicker{margin-bottom:18px}.experience-intro{font-size:14px;margin-bottom:20px}.experience-product{padding:14px 0}.experience-product strong{font-size:16px}.experience-product small{font-size:11px}#ecosystem .satellite-one{top:auto;bottom:20px;left:auto;right:10px;width:1px;height:1px;opacity:0}}
@media(prefers-reduced-motion:reduce){.experience-panel,.experience-chapter,.experience-product{transition:none}.signal-wave i,.payment-route i{animation:none}}

.experience-panel{bottom:24px}
@media(max-width:700px){#ecosystem .satellite-one{bottom:90px;right:22px;width:28px;height:28px}.experience-panel{bottom:18px}}

.builder-window{transform:rotateY(-8deg) rotateZ(-3deg) scale(.9)}