.uc-board{max-width:460px}.uc-title{font-size:14px;font-weight:600;letter-spacing:-.02em;text-align:center;margin-bottom:23px;color:var(--ink)}
.uc-stage{position:relative}.uc-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.uc-pair>.sn-note{height:100%;transform:rotate(-3deg)}.uc-pair>.sn-note:last-child{transform:rotate(3deg)}
.uc-stage+.uc-stage{margin-top:12px}.uc-stage:has(>.sn-join),.uc-stage:has(>.sn-down){margin-top:2px}.uc-stage .sn-join{height:40px}.uc-stage>.sn-down{height:30px}
.uc-one{max-width:175px;margin-inline:auto}.uc-one>.sn-down{height:30px;margin-bottom:7px}
.uc-board .sn-note{min-height:120px;padding:28px 17px 22px}.uc-board .sn-note strong{font-size:18px;line-height:1.25}.uc-board .sn-label{font-size:8px;margin-bottom:12px}
.uc-focus{max-width:88%;margin-inline:auto}.uc-focus>.sn-note{min-height:135px;transform:rotate(-2deg);padding-inline:24px}.uc-focus>.sn-note strong{font-size:23px}
.uc-outcome{font-size:12px;color:var(--ink);line-height:1.55;text-align:center;margin:23px auto 0;max-width:370px}.uc-board .co-read-note{margin-top:10px;font-size:9px}
.uc-replay{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px auto 0;background:transparent;border:0;border-bottom:1px solid #94aaa0;border-radius:0;padding:7px 2px;min-height:38px;font-size:10px;color:var(--teal)}.uc-replay>span{font-size:18px;line-height:1}.uc-replay:hover{color:var(--ink);border-color:var(--ink)}
.uc-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0 15px}.uc-library .sn-note{min-height:125px;padding:25px 10px 19px;transform:rotate(-4deg)}.uc-library .sn-note:nth-child(2){transform:rotate(2deg);margin-top:10px}.uc-library .sn-note:last-child{transform:rotate(-1deg);outline:2px solid var(--teal);outline-offset:3px}.uc-library .sn-note strong{font-size:14px}.uc-library .sn-label{margin-bottom:8px}
.uc-found{width:76%;margin:auto}.uc-found .sn-note{min-height:100px;transform:rotate(1deg)}
.uc-revision{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:7px;margin-block:20px}.uc-revision>.sn-note{min-height:145px;padding-inline:15px}.uc-revision>.sn-note:first-child{transform:rotate(-4deg);background:#e6e3d6;color:#53635f;box-shadow:none}.uc-revision>.sn-note:last-child{transform:rotate(3deg)}.uc-revision .sn-note strong{font-size:18px}.uc-change-arrow{font-size:25px;color:var(--teal);text-align:center}
.uc-comment{max-width:80%;margin:5px auto 15px;background:#fffdf8;border-left:2px solid var(--teal);font-size:12px;line-height:1.5;padding:12px 15px;color:var(--ink)}
.uc-path{display:grid;grid-template-columns:1fr 30px;gap:0 10px;padding-inline:12px}.uc-path>.sn-note{width:90%;min-height:85px;padding:24px 17px 17px}.uc-path>.sn-note:nth-of-type(2){justify-self:end;transform:rotate(2deg)}.uc-path>.sn-note:nth-of-type(3){transform:rotate(-1deg)}.uc-path>.sn-down{height:28px;grid-column:1/-1}.uc-path>.sn-note{grid-column:1/-1}.uc-path .sn-label{margin-bottom:6px}.uc-path .sn-note strong{font-size:19px}
.uc-persona{padding-inline:22px}.uc-persona .p-poster-top{padding-bottom:18px}.uc-scenario{font-size:15px;line-height:1.55;color:var(--ink);padding:0 3px 22px;margin-bottom:15px;border-bottom:1px solid #b9c9c0}.uc-persona .sn-case-caption{margin-top:18px}.p-explorer-art:has(.uc-board){min-height:680px}.p-desk-panel:has(.uc-board){min-height:730px}.p-solution-visual:has(.uc-board){padding-inline:20px}
/* A finite story, replayable on demand. Static content remains visible without JS. */
@keyframes uc-arrive{from{opacity:.12;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes uc-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes uc-read{0%,100%{box-shadow:0 0 0 0 #15d6cf00}50%{box-shadow:0 0 0 5px #15d6cf30}}
.uc-playing .uc-stage{animation:uc-arrive .65s both ease-out}.uc-playing .uc-stage-0{animation-delay:0s}.uc-playing .uc-stage-1{animation-delay:.55s}.uc-playing .uc-stage-2{animation-delay:1.1s}.uc-playing .uc-stage-3{animation-delay:1.7s}.uc-playing .uc-stage-4{animation-delay:2.35s}
.uc-playing .sn-join path,.uc-playing .sn-down path{stroke-dasharray:1;animation:uc-line .75s both ease;animation-delay:1.2s}.uc-playing .uc-stage-4 .co-agent{animation:uc-read 1s 2.8s both}
@media(max-width:1100px){.uc-pair{gap:18px}.uc-board .sn-note strong{font-size:17px}.uc-focus>.sn-note strong{font-size:21px}.uc-library .sn-note strong{font-size:13px}.uc-revision .sn-note strong{font-size:16px}}
@media(max-width:800px){.p-desk-panel:has(.uc-board){min-height:0}.uc-persona{max-width:530px}.uc-board{max-width:430px}}
@media(max-width:540px){.uc-title{font-size:13px}.uc-pair{gap:17px}.uc-board .sn-note{padding:26px 13px 20px;min-height:115px}.uc-board .sn-note strong{font-size:16px}.uc-focus{max-width:90%}.uc-focus>.sn-note strong{font-size:21px}.uc-library{grid-template-columns:1fr 1fr;gap:15px}.uc-library>.sn-note:last-child{grid-column:1/-1;width:68%;justify-self:center;min-height:85px}.uc-library .sn-note strong{font-size:15px}.uc-found{width:85%}.uc-revision{grid-template-columns:1fr;gap:5px}.uc-revision>.sn-note{min-height:95px;width:85%;padding-inline:20px}.uc-revision>.sn-note:last-child{justify-self:end}.uc-change-arrow{transform:rotate(90deg);font-size:24px;line-height:30px}.uc-comment{max-width:95%;font-size:11px}.uc-path{padding-inline:5px}.uc-path>.sn-note{min-height:85px}.uc-path>.sn-note strong{font-size:18px}.uc-outcome{font-size:11px}.uc-persona{padding-inline:18px}.uc-persona .uc-scenario{font-size:14px}.p-explorer-art:has(.uc-board){min-height:640px}.uc-replay{min-height:44px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.uc-board *{animation:none!important;transition:none!important}.uc-replay{display:none}}
.s-intro .eyebrow:before{display:none}
.collective .co-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:45px;padding-bottom:70px;text-align:left}
.co-hero-copy{min-width:0}.collective .co-hero-copy h1{font-size:61px;line-height:1.04;margin:25px 0;letter-spacing:-.055em}.collective .co-hero-copy .p-hero-lead{font-size:18px;margin:0;max-width:580px}.co-hero-copy .p-label{justify-content:flex-start}.co-hero-copy .p-hero-actions{justify-content:flex-start;gap:14px;margin-top:28px;flex-wrap:wrap}.co-hero-copy .p-hero-note{justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:25px}
.co-hero-diagram{min-width:0;width:100%}.co-hero-diagram .p-desk{border-radius:8px}.co-hero-diagram .p-desk-rail{padding:15px;flex-wrap:wrap;gap:12px}.co-hero-diagram .p-desk-logo{font-size:13px}.co-hero-diagram .p-desk-caption{font-size:7px;max-width:130px;margin-left:auto}.co-hero-diagram .p-desk-tabs{order:2;width:100%;justify-content:space-between;margin:0;gap:5px}.co-hero-diagram .p-desk-tabs button{font-size:11px;padding:9px 13px;min-height:40px}.co-hero-diagram .p-desk-panel{display:block;min-height:0;padding:25px 22px}.co-hero-diagram .p-desk-text{display:none}.co-hero-diagram .uc-board{max-width:410px}.co-hero-diagram .uc-title{font-size:13px;margin-bottom:18px}.co-hero-diagram .co-human .co-avatar{width:35px;height:39px}.co-hero-diagram .co-human strong{font-size:14px}.co-hero-diagram .co-agent{min-height:39px;padding:7px 9px}.co-hero-diagram .uc-board .sn-note{min-height:100px}.co-hero-diagram .uc-focus>.sn-note{min-height:110px}.co-hero-diagram .uc-outcome{margin-top:18px}
@media(max-width:1100px){.collective .co-hero-split{gap:35px}.collective .co-hero-copy h1{font-size:50px}.collective .co-hero-copy .p-hero-lead{font-size:17px}.co-hero-copy .p-hero-actions>.button{font-size:13px}.co-hero-diagram .p-desk-panel{padding:20px 17px}.co-hero-diagram .uc-board .sn-note strong{font-size:16px}.co-hero-diagram .uc-focus>.sn-note strong{font-size:21px}}
@media(max-width:800px){.collective .co-hero-split{grid-template-columns:1fr;gap:40px;padding-top:45px}.collective .co-hero-copy h1{font-size:60px;max-width:680px}.co-hero-diagram{max-width:580px;justify-self:center}.co-hero-copy .p-hero-lead{max-width:640px}.co-hero-copy .p-hero-actions{flex-direction:row;align-items:center}.co-hero-diagram .p-desk-panel{padding:25px}}
@media(max-width:540px){.collective .co-hero-split{padding-top:35px;padding-bottom:45px;gap:30px}.collective .co-hero-copy h1{font-size:43px;margin:22px 0}.collective .co-hero-copy .p-hero-lead{font-size:16px}.co-hero-copy .p-hero-actions{align-items:stretch;flex-direction:column}.co-hero-copy .p-hero-actions>.button{width:100%;max-width:none;justify-content:space-between}.co-hero-copy .p-hero-actions>.p-link{justify-content:flex-start}.co-hero-copy .p-hero-note{font-size:9px;gap:10px}.co-hero-diagram .p-desk-panel{padding:20px 15px}.co-hero-diagram .p-desk-tabs button{padding-inline:9px}.co-hero-diagram .p-desk-caption{max-width:130px;flex-basis:auto}.co-hero-diagram .uc-board .sn-note strong{font-size:15px}.co-hero-diagram .uc-focus>.sn-note strong{font-size:20px}}
