.buyer-hero .hero-audience{font-size:12px;line-height:1.5;letter-spacing:.055em;color:#F7F5EF;display:inline-block;border:1px solid #f7f5ef38;border-radius:6px;padding:8px 12px;margin:0 0 25px;max-width:100%}
.connected-system{background:#19201C;color:#F7F5EF}
.connected-intro{max-width:780px;margin-bottom:60px}
.connected-intro h2{font-size:clamp(36px,4.3vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.connected-intro>p{max-width:610px;color:#c4c8c4;line-height:1.65;font-size:17px;margin-top:24px}
.connected-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:50px;align-items:start}
.connected-nav{position:sticky;top:125px;display:flex;flex-direction:column;gap:8px}
.connected-stage-link{display:flex;align-items:flex-start;gap:14px;padding:19px 15px;border-left:2px solid #ffffff20;border-radius:0 8px 8px 0;color:#a9b0aa;transition:background .25s,color .25s,border-color .25s}
.connected-stage-link[aria-current]{color:#F7F5EF;border-color:#F7F5EF;background:#ffffff09}
.connected-stage-link:hover{background:#ffffff0d;color:#fff}
.connected-stage-link:focus-visible{outline:2px solid #F7F5EF;outline-offset:4px}
.connected-stage-link>.icon{width:21px;height:21px;flex:none;margin-top:2px}
.connected-stage-link strong{font-size:17px;font-weight:500;line-height:1.3;display:block}
.connected-stage-link small{font-size:12px;display:block;margin-top:7px;line-height:1.5}
.connected-example{font-size:11px;line-height:1.6;color:#a9b0aa;margin:23px 17px;max-width:205px}
.connected-panels{display:grid;gap:28px;min-width:0}
.connected-panel{scroll-margin-top:125px;background:#F7F5EF;color:#19201C;padding:35px;border-radius:19px;overflow:hidden;border:1px solid #ffffff25}
.connected-panel .stage-context{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#687068;margin-bottom:13px}
.connected-panel h3{font-size:clamp(26px,2.7vw,37px);font-weight:500;line-height:1.13;letter-spacing:-.035em;margin:0 0 15px}
.connected-panel .stage-description{font-size:15px;line-height:1.6;color:#4c554e;max-width:550px;margin:0 0 28px}
.stage-artifact{background:#fff;border:1px solid #19201c22;border-radius:12px;box-shadow:0 18px 40px #19201c0b;overflow:hidden}
.stage-artifact-top{padding:18px 20px;border-bottom:1px solid #19201c15;display:flex;gap:11px;align-items:center;background:#faf9f6}
.stage-artifact-top>.icon{width:20px;height:20px;flex:none}
.stage-artifact-top strong{font-size:13px;line-height:1.4;font-weight:500}
.stage-artifact-top>span{margin-left:auto;font-size:10px;white-space:nowrap;padding:4px 7px;border:1px solid #19201c25;border-radius:4px;color:#616960}
.stage-facts{padding:6px 22px}
.stage-fact{padding:17px 0;display:grid;grid-template-columns:95px minmax(0,1fr);gap:14px;border-bottom:1px solid #19201c12}
.stage-fact:last-child{border-bottom:0}
.stage-fact>span{font-size:11px;color:#6a716b;line-height:1.6}
.stage-fact>p{margin:0;font-size:14px;line-height:1.55;color:#19201C}
.stage-output{display:flex;align-items:flex-start;gap:11px;padding:19px 22px;background:#19201C;color:#F7F5EF}
.stage-output>.icon{width:18px;height:18px;flex:none;margin-top:2px}
.stage-output>p{font-size:13px;line-height:1.55;margin:0}
.connected-panel>footer{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;color:#687068;margin-top:23px}
.connected-panel>footer>.icon{width:19px;height:19px;flex:none}
.connected-panel>footer .stage-clay{width:42px;height:22px;object-fit:contain}
.stage-artifact-outreach .stage-fact{grid-template-columns:75px minmax(0,1fr)}
.connected-system .tools-row{border-color:#ffffff20;color:#c4c8c4}
.connected-system .tools-row .tool-logo,.connected-system .tools-row .codex-lockup{filter:grayscale(1) brightness(0) invert(1)}
.connected-system .booking-prompt{color:inherit}
@keyframes stage-arrive{from{opacity:.18;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.connected-panel.is-playing .stage-fact{animation:stage-arrive .6s both;animation-delay:calc(.35s + var(--beat)*.5s)}
.connected-panel.is-playing .stage-output{animation:stage-arrive .7s 2.2s both}
@media(max-width:1000px){.connected-layout{grid-template-columns:205px minmax(0,1fr);gap:25px}.connected-panel{padding:26px}.connected-stage-link{padding:16px 10px;gap:10px}.connected-stage-link strong{font-size:15px}}
@media(max-width:760px){.connected-layout{display:block}.connected-nav{position:static;margin-bottom:24px}.connected-stage-link{display:none}.connected-example{max-width:none;margin:0;font-size:12px}.connected-intro{margin-bottom:25px}.connected-panel{padding:24px;scroll-margin-top:100px}.connected-panels{gap:22px}.connected-panel .stage-description{font-size:14px}.stage-fact{grid-template-columns:75px minmax(0,1fr);gap:12px}.stage-artifact-top{padding:16px}.stage-facts{padding:4px 16px}.stage-output{padding:17px 16px}.stage-artifact-top strong{font-size:12px}.buyer-hero .hero-audience{font-size:10px;margin-bottom:22px;letter-spacing:.025em}}
@media(max-width:400px){.connected-panel{padding:19px}.stage-fact,.stage-artifact-outreach .stage-fact{display:block}.stage-fact>span{display:block;margin-bottom:5px}.stage-artifact-top{gap:7px}.stage-artifact-top>.icon{width:16px}}
@media(prefers-reduced-motion:reduce){.connected-panel.is-playing .stage-fact,.connected-panel.is-playing .stage-output{animation:none}.connected-stage-link{transition:none}}
/* Distinct artifacts: account record, message composition, reply-to-handoff timeline. */
.stage-artifact-outreach .stage-facts{padding:18px 25px 23px}
.stage-artifact-outreach .stage-fact{border:0;padding:11px 0;grid-template-columns:72px minmax(0,1fr)}
.stage-artifact-outreach .stage-fact>p{font-size:16px;line-height:1.65}
.stage-artifact-handoff{background:transparent;border:0;box-shadow:none;overflow:visible}
.stage-artifact-handoff .stage-artifact-top{border:1px solid #19201c20;border-radius:10px;background:#fff}
.stage-artifact-handoff .stage-facts{margin:0 0 0 15px;padding:15px 0 15px 25px;border-left:1px solid #19201c30}
.stage-artifact-handoff .stage-fact{position:relative;margin:0 0 10px;padding:16px;background:#fff;border:1px solid #19201c18;border-radius:9px}
.stage-artifact-handoff .stage-fact:last-child{margin-bottom:0}
.stage-artifact-handoff .stage-fact:before{content:'';position:absolute;width:25px;left:-26px;top:25px;border-top:1px solid #19201c30}
.stage-artifact-handoff .stage-output{border-radius:9px;box-shadow:0 10px 24px #19201c12}
@keyframes handoff-route{from{opacity:.1;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
.connected-panel.is-playing .stage-artifact-handoff .stage-fact{animation-name:handoff-route}
@media(max-width:600px){.stage-artifact-outreach .stage-facts{padding:12px 16px}.stage-artifact-outreach .stage-fact{display:block}.stage-artifact-outreach .stage-fact>span{display:block;margin-bottom:4px}.stage-artifact-outreach .stage-fact>p{font-size:14px}.stage-artifact-handoff .stage-fact{display:block}.stage-artifact-handoff .stage-fact>span{display:block;margin-bottom:5px}}