/* One original, scroll-scrubbed ecosystem. White canvas; Kpree purple + mint. */
.connected-world{
 --world-progress:1;--world-color:1;--world-connect:1;--world-settle:1;
 position:relative;margin:30px 0 70px;isolation:isolate;
 background:linear-gradient(180deg,#fff 0%,#faf8ff 48%,#fff 100%);
}
.world-stage{max-width:1440px;margin:auto;padding:22px 48px 26px;position:relative;overflow:hidden}
.world-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:5}
.world-topline>span{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.6px;font-weight:600;color:#7c629b}
.world-topline .icon{width:16px;height:16px}
.world-motion{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #e2d9ef;border-radius:20px;background:#fff;color:#705786;font-size:10px;cursor:pointer}
.world-motion:hover{background:#f0eaff;border-color:#baa1df}
.world-heading{text-align:center;position:relative;z-index:2;margin:22px 0 12px}
.world-heading h2{font-size:clamp(32px,3.45vw,51px);line-height:1.12;letter-spacing:-1.9px;font-weight:600;color:#352243;margin:0}
.world-heading h2>span{color:#7852b1}
.world-heading p{font-size:13px;color:#7f6b91;line-height:1.65;margin:14px 0 0}
.world-mobile-break{display:none}
.world-composition{position:relative;width:100%;max-width:1200px;height:530px;margin:auto;isolation:isolate}
.world-halo{position:absolute;width:440px;height:440px;left:50%;top:48%;border-radius:50%;background:radial-gradient(ellipse,#e7faf0 0%,#eeebfb 52%,#faf8ff00 72%);transform:translate(-50%,-50%) scale(calc(.7 + var(--world-settle)*.3));opacity:calc(.25 + var(--world-connect)*.75);z-index:0;pointer-events:none}
.world-orbits,.world-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none}
.world-orbits{stroke:#d9ccec;stroke-width:1;stroke-dasharray:3 8;opacity:calc(.1 + var(--world-connect)*.4)}
.world-wires{stroke:#b4a0d1;stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--world-connect)*100);opacity:.75}
.world-wires path:nth-child(n+4){stroke:#6cbf9c}
.world-person{position:absolute;left:50%;top:45%;width:480px;aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(1.14 - var(--world-settle)*.14));z-index:2;pointer-events:none}
.world-outline,.world-person-color{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.world-person-color{clip-path:inset(calc((1 - var(--world-color))*100%) 0 0)}
.world-outline{opacity:calc(1 - var(--world-color))}
.world-person-badge{display:flex;align-items:center;gap:8px;position:absolute;bottom:-4%;left:50%;transform:translateX(-50%) translateY(calc((1 - var(--world-connect))*12px));white-space:nowrap;background:#fff;border:1px solid #d8c7ec;border-radius:100px;padding:10px 17px;color:#624282;box-shadow:0 8px 22px #5737810d;font-size:12px;opacity:var(--world-connect)}
.world-cards{position:absolute;inset:0;z-index:3}
.world-card{
 --card-progress:1;position:absolute;width:264px;border:1px solid #e1d6ef;border-radius:15px;padding:0;text-align:left;
 color:#544266;background:#ffffffed;box-shadow:0 10px 34px -14px #68498b25;cursor:pointer;
 opacity:calc(.07 + var(--card-progress)*.93);
 transform:translate(calc(var(--side)*(1 - var(--card-progress))*var(--shift)),calc((1 - var(--card-progress))*38px)) scale(calc(.72 + var(--card-progress)*.28)) rotate(calc(var(--side)*(1 - var(--card-progress))*7deg));
 transform-origin:center;transition:border-color .2s,box-shadow .2s;
}
.world-card:hover{border-color:#a78bcf;box-shadow:0 14px 38px -12px #68498b40}
.world-card:focus-visible,.world-motion:focus-visible{outline:3px solid #8860d4;outline-offset:5px}
.world-card-0{left:5%;top:12px}
.world-card-1{right:5%;top:12px}
.world-card-2{left:0;top:188px}
.world-card-3{right:0;top:188px}
.world-card-4{left:6%;top:366px}
.world-card-5{right:6%;top:366px}
.world-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #eee8f6;padding:12px 14px;background:#f9f6fe;border-radius:14px 14px 0 0}
.world-card-heading>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}
.world-card-heading .icon{width:16px;height:16px;flex-shrink:0;color:#8a68b7}
.world-card-heading>.icon{width:12px;height:12px;color:#a38eb8}
.world-card-body{display:block;padding:14px}
.world-green{border-color:#d6e9df}
.world-green .world-card-heading{background:#f4fbf7;border-color:#e5f0eb}
.world-green .world-card-heading .icon{color:#41896a}
.world-account{display:flex;gap:10px;align-items:center}
.world-avatar{width:32px;height:32px;border-radius:10px;background:#eee6fb;display:grid;place-items:center;color:#7c589f;font-size:11px;font-weight:600}
.world-account b{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.world-account small{display:block;font-size:9px;color:#92809d}
.world-mini-tags{display:flex;gap:5px;margin-top:14px}
.world-mini-tags>span{background:#f6f2fb;font-size:8px;padding:5px 7px;border-radius:5px;color:#8d6fa7}
.world-grid{display:grid;grid-template-columns:1fr 40px 40px;gap:5px 9px;align-items:center;font-size:9px}
.world-grid>span{color:#8b8095;font-size:8px;padding-bottom:2px}
.world-grid>span:not(:first-child){text-align:center}
.world-grid>b{font-size:9px;font-weight:500}
.world-grid>i{font-style:normal;text-align:center;background:#edf6f1;border:1px solid #dbeae1;padding:4px;border-radius:4px;color:#438166}
.world-card-note{display:block;margin-top:10px;color:#8f8299;font-size:8px;line-height:1.5}
.world-message{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5}
.world-message>.icon{width:19px;height:19px;flex-shrink:0;color:#579575}
.world-message small{display:block;color:#95879d;font-size:8px;margin-top:4px}
.world-conversation-row{display:flex;gap:5px;align-items:center;padding-top:14px;font-size:8px;color:#887093}
.world-conversation-row .icon{width:13px;height:13px;color:#a28caf}
.world-conversation-row b{font-weight:500;margin-left:auto;color:#417359}
.world-assistant-label{display:flex;gap:5px;align-items:center;font-size:10px;font-weight:600}
.world-assistant-label small{margin-left:auto;color:#65917b;font-size:7px;font-weight:400;background:#edf7f1;padding:3px 5px;border-radius:4px}
.world-answer{display:block;padding:10px 0;font-size:11px;line-height:1.5}
.world-source{display:flex;align-items:center;gap:4px;color:#6c9b81;font-size:8px}
.world-source .icon{width:12px;height:12px}
.world-proposal{display:flex;align-items:center;justify-content:space-between;gap:10px}
.world-proposal small{display:block;letter-spacing:1px;color:#9b87ad;font-size:7px;margin-bottom:5px}
.world-proposal b{font-size:11px;font-weight:500}
.world-proposal strong{font-size:23px;font-weight:550;letter-spacing:-.7px;color:#815ab0}
.world-proposal-status{display:flex;align-items:center;gap:4px;font-size:8px;color:#947fa6;margin-top:16px}
.world-proposal-status>.icon{width:11px;height:11px}
.world-proposal-status>span{margin-left:auto;background:#eee7fa;color:#906bb4;border-radius:4px;padding:4px 6px}
.world-chart{display:flex;align-items:center;justify-content:space-between}
.world-chart small{display:block;font-size:8px;color:#92839e}
.world-chart strong{display:block;color:#5e826e;font-size:28px;letter-spacing:-1px;font-weight:550;margin:5px 0}
.world-chart strong>span{font-size:16px;color:#5f776a}
.world-bars{display:flex;align-items:flex-end;gap:5px;height:54px;padding-top:5px}
.world-bars>i{display:block;width:11px;height:calc(var(--bar,70)*1%);border-radius:3px 3px 1px 1px;background:#c9eedb;transform:scaleY(calc(.15 + var(--world-connect)*.85));transform-origin:bottom}
.world-bars>i:nth-child(2n){background:#aa8fdd;--bar:90}
.world-bars>i:nth-child(3){--bar:52}
.world-bars>i:nth-child(4){--bar:75}
.world-bars>i:nth-child(5){--bar:82}
.world-bars>i:nth-child(6){--bar:100}
.world-bottom{display:flex;justify-content:center;align-items:center;gap:30px;margin:22px 0 10px;position:relative;z-index:4}
.world-chapters{display:flex;gap:20px;color:#c6b9d2;font-size:9px}
.world-chapter{display:flex;align-items:center;gap:6px}
.world-chapter b{font-weight:500;font-size:11px}
.world-chapter.active{color:#815eb0}
.world-chapter::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.world-scroll-hint,.world-static-hint{font-size:10px;color:#756282}
.world-scroll-hint{display:none;align-items:center;gap:6px}
.world-scroll-hint>.icon{height:13px;width:13px;transform:rotate(90deg)}
.world-disclaimer{font-size:10px;color:#756282;text-align:center;line-height:1.7;margin:0}
/* Enhancement only: baseline/reduced-motion layout is fully assembled. */
.world-animated{height:calc(min(830px,100svh - 100px) + 85svh)}
.world-animated .world-stage{position:sticky;top:84px;height:min(830px,100svh - 100px);display:flex;flex-direction:column}
.world-animated .world-composition{flex:1;min-height:0}
.world-animated .world-heading{margin:14px 0 10px}
.world-animated .world-heading h2{font-size:clamp(32px,3vw,46px)}
.world-animated .world-heading p{margin-top:10px;font-size:12px}
.world-animated .world-person{height:92%;width:auto;aspect-ratio:1;top:48%}
.world-animated .world-card-0,.world-animated .world-card-1{top:0}
.world-animated .world-card-2,.world-animated .world-card-3{top:36%}
.world-animated .world-card-4,.world-animated .world-card-5{top:auto;bottom:0}
.world-animated .world-card{width:clamp(220px,21vw,264px)}
.world-animated .world-card:not(.world-card-ready){pointer-events:none;cursor:default}
.world-animated .world-scroll-hint{display:inline-flex}
.world-animated .world-static-hint{display:none}
.world-explored .world-static-hint,.world-complete .world-static-hint{display:inline}
.world-explored .world-scroll-hint,.world-complete .world-scroll-hint{display:none}
@media(min-width:1000px) and (max-height:900px){
 .world-animated .world-stage{padding-top:10px;padding-bottom:12px}
 .world-animated .world-heading h2{font-size:32px}
 .world-animated .world-heading p{font-size:11px;margin-top:6px}
 .world-animated .world-heading{margin:8px 0 10px}
 .world-animated .world-card-heading{padding:8px 12px}
 .world-animated .world-card-body{padding:10px 12px}
 .world-animated .world-card-heading>span{font-size:10px}
 .world-animated .world-card-note{margin-top:6px}
 .world-animated .world-mini-tags{margin-top:9px}
 .world-animated .world-conversation-row{padding-top:8px}
 .world-animated .world-proposal-status{margin-top:10px}
 .world-animated .world-bottom{margin:17px 0 8px}
}
@media(max-width:1150px){
 .world-stage{padding-inline:28px}
 .world-card{width:240px}
 .world-card-0,.world-card-4{left:1%}
 .world-card-1,.world-card-5{right:1%}
 .world-person{width:440px}
}
@media(max-width:999px){
 .connected-world{margin:20px 0 35px}
 .world-stage{padding:24px}
 .world-heading{margin:28px 0 0}
 .world-heading h2{font-size:38px}
 .world-composition{height:auto;display:flex;flex-direction:column}
 .world-person{position:relative;left:auto;top:auto;transform:none;width:min(390px,70vw);align-self:center;margin:10px 0 40px}
 .world-person-badge{bottom:-2%}
 .world-cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:700px;margin:auto;width:100%}
 .world-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;transform:none;opacity:1}
 .world-orbits,.world-wires{display:none}
 .world-halo{top:195px;width:360px;height:360px}
 .world-card-heading>span{font-size:12px}
 .world-card-body{min-height:110px}
 .world-bottom{margin-top:28px}
}
@media(max-width:560px){
 .world-stage{padding:22px 20px}
 .world-topline>span{font-size:8px;letter-spacing:1px}
 .world-topline{gap:8px}
 .world-motion{font-size:9px;padding:7px 8px;white-space:nowrap}
 .world-motion .icon{width:13px;height:13px}
 .world-heading h2{font-size:31px;letter-spacing:-1.3px}
 .world-heading p{font-size:11px;line-height:1.8}
 .world-mobile-break{display:block}
 .world-person{width:300px;max-width:100%;margin-top:18px;margin-bottom:38px}
 .world-cards{grid-template-columns:1fr;max-width:390px;gap:12px}
 .world-card-body{min-height:0;padding:14px 16px}
 .world-card-heading{padding:12px 16px}
 .world-card-heading>span{font-size:12px}
 .world-account b{font-size:14px}
 .world-account small,.world-card-note,.world-message small{font-size:10px}
 .world-mini-tags>span{font-size:10px}
 .world-grid{grid-template-columns:1fr 65px 65px;font-size:11px}
 .world-grid>span,.world-grid>b{font-size:10px}
 .world-message,.world-answer{font-size:12px}
 .world-conversation-row,.world-source,.world-proposal-status{font-size:10px}
 .world-assistant-label{font-size:12px}
 .world-chart small{font-size:10px}
 .world-bottom{flex-direction:column;gap:10px;margin-bottom:14px}
 .world-disclaimer{font-size:9px}
}
/* Tiny product annotations still need normal-text contrast when assembled. */
.world-account small,.world-card-note,.world-message small,.world-grid>span,
.world-conversation-row,.world-source,.world-proposal small,.world-proposal-status,
.world-chart small{color:#756282}
.world-mini-tags>span{color:#795b95}
.world-proposal-status>span{color:#795b95}
.world-assistant-label small{color:#417359}
.world-source{color:#417359}
.world-grid>i{color:#376b53}
.world-card-heading>.icon{color:#806594}
html[data-motion=off] .connected-world{--world-color:1!important;--world-connect:1!important;--world-settle:1!important}
html[data-motion=off] .world-card{--card-progress:1!important}
@media(prefers-reduced-motion:reduce){
 .world-card,.world-motion{transition:none}
}