.foundation-journey{position:relative;border:1px solid #dce6e5;border-radius:22px;background:linear-gradient(120deg,#f5fbf8,#faf8ff);overflow:hidden;box-shadow:0 16px 55px #183f4908}.illustration-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;font-size:11px;color:#50716f;letter-spacing:.08em}.illustration-top>span{display:flex;align-items:center;gap:8px}.illustration-top i{width:6px;height:6px;border-radius:50%;background:#17aa8c}.foundation-motion{border:0;background:transparent;color:#5b6679;font:inherit;font-size:12px;letter-spacing:0;cursor:pointer;padding:6px}.foundation-illustration{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;min-height:390px;padding:10px 36px 40px}.foundation-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fabric-packets{stroke-dasharray:9 360;animation:fabric-stream 7s linear infinite}.fabric-packets path:nth-child(2n){stroke-dashoffset:100}.fabric-packets path:nth-child(3n){stroke-dashoffset:200}.fabric-sources,.fabric-agents{position:relative;z-index:1;transition:filter .3s,transform .3s}.fabric-sources{max-width:275px}.source-pair{display:flex;gap:12px}.format-tile{background:#fff;border:1px solid #d6e6e1;border-radius:11px;box-shadow:0 7px 18px #1e454407}.source-pair .format-tile{width:50%;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:7px}.format-tile svg{width:40px;height:38px}.format-tile span{font-size:12px;color:#3e5864;font-weight:500}.document-tile{transform:rotate(-5deg)}.image-tile{transform:rotate(5deg) translateY(-10px)}.chat-tile{transform:rotate(3deg)}.signal-tile{transform:rotate(-4deg) translateY(8px)}.data-tile{display:flex;align-items:center;gap:13px;margin:16px -10px 16px 5px;padding:16px;position:relative;z-index:1}.data-tile strong{font-size:14px;color:#244a55}.data-tile small{display:block;font-size:11px;color:#697d86;margin-top:4px}.format-tile .data-table{width:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex-shrink:0}.data-table i{height:7px;background:#b3dcd2;border-radius:1px}.data-table i:nth-child(3n){background:#d5cbea}.illustration-caption{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;color:#577576;margin-top:28px;text-align:center}.fabric-core{position:relative;text-align:center;align-self:center;z-index:1;padding-top:5px}.core-halo{position:absolute;inset-inline-start:50%;top:10%;transform:translateX(calc(-50% * var(--nudge, 1)));width:100%;aspect-ratio:1;background:radial-gradient(ellipse,#52d3b623,transparent 70%);border-radius:50%}.context-sculpture{position:relative;width:230px;max-width:100%;margin:auto;filter:drop-shadow(0 22px 16px #385b7916)}.context-sculpture svg{display:block;width:100%}.sculpture-top{animation:fabric-float 6s ease-in-out infinite}.sculpture-middle{animation:fabric-float 6s ease-in-out infinite;animation-delay:-2s}.fabric-core h3{font-size:25px;letter-spacing:-.035em;margin:0;color:#173c47;line-height:1.2}.fabric-core p{font-size:14px;color:#536c77;margin:9px 0 14px;line-height:1.5}.context-core-label{display:inline-block;border:1px solid #cce1db;border-radius:20px;background:#fff9;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#39746c}.fabric-agents{justify-self:end;width:100%;max-width:275px;display:grid;gap:22px}.fabric-agent{display:flex;align-items:center;gap:12px;border:1px solid #dfd7ed;background:#fff;border-radius:12px;padding:18px 14px;box-shadow:0 8px 24px #32245107}.agent-glyph{width:37px;height:37px;display:grid;place-items:center;border:1px solid #e2d9f0;background:#f4eefb;color:#8b65bc;border-radius:10px;font-size:24px;flex-shrink:0}.fabric-agent strong{font-size:14px;color:#3a2b58;display:block;line-height:1.3}.fabric-agent small{font-size:12px;color:#6c617d;display:block;margin-top:6px;line-height:1.5}.fabric-agents .illustration-caption{margin-top:0}.foundation-controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dae5e3;background:#ffffff80}.foundation-controls button{display:flex;gap:13px;align-items:center;text-align:start;border:0;border-inline-end:1px solid #dae5e3;border-bottom:3px solid transparent;background:transparent;padding:22px 25px;font:inherit;color:#6f7683;cursor:pointer}.foundation-controls button:last-child{border-inline-end:0}.foundation-controls span{font-size:12px}.foundation-controls strong{font-size:17px;font-weight:600}.foundation-controls b{font-size:20px;font-weight:400;margin-inline-start:auto}.foundation-controls button[aria-selected=true]{background:#fff;border-bottom-color:#17a891;color:#007d6c}.foundation-explanation{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#fff;padding:28px 30px;min-height:160px}.foundation-explanation h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;color:#1e3a49;margin:0}.foundation-explanation p{font-size:16px;line-height:1.75;color:#556375;max-width:760px;margin:12px 0 0}.foundation-explanation>span{max-width:220px;font-size:12px;line-height:1.8;color:#447a73;border-inline-start:1px solid #d8e7e2;padding-inline-start:24px}.foundation-journey[data-foundation-stage="0"] .fabric-sources{filter:drop-shadow(0 0 14px #3abda925)}.foundation-journey[data-foundation-stage="1"] .context-sculpture{filter:drop-shadow(0 12px 22px #20bc9b55)}.foundation-journey[data-foundation-stage="2"] .fabric-agents{filter:drop-shadow(0 0 14px #9973c830)}.foundation-paused *,.agent-page.motion-paused .foundation-journey *{animation-play-state:paused!important}.foundation-journey [hidden]{display:none!important}.foundation-journey button:focus-visible{outline:3px solid #8a66b9;outline-offset:-4px}@keyframes fabric-stream{to{stroke-dashoffset:-738}}@keyframes fabric-float{50%{transform:translateY(-8px)}}
@media(max-width:1000px){.foundation-illustration{padding-inline:24px;gap:15px}.fabric-agent{padding:14px 10px;gap:8px}.agent-glyph{width:30px;height:30px;font-size:20px}.fabric-agent strong{font-size:13px}.fabric-agent small{font-size:11px}.fabric-core h3{font-size:22px}.format-tile span{font-size:11px}.context-sculpture{width:200px}.data-tile{padding:12px;gap:8px}.data-tile strong{font-size:12px}.foundation-explanation>span{display:none}}
@media(max-width:700px){.illustration-top{padding:20px;align-items:start;font-size:9px;letter-spacing:.04em}.foundation-motion{font-size:11px;white-space:nowrap}.foundation-illustration{grid-template-columns:1fr;padding:10px 24px 30px;gap:24px}.foundation-wires{display:none}.fabric-sources{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.source-pair{gap:10px}.source-pair .format-tile{padding:12px 5px;transform:none}.data-tile{grid-column:1/-1;grid-row:2;margin:0;justify-content:center}.fabric-sources .illustration-caption{grid-column:1/-1;margin:0}.format-tile span{font-size:11px}.fabric-core{padding-top:20px}.fabric-core:before{content:'';position:absolute;inset-inline-start:50%;top:-10px;height:35px;width:1px;background:#52bea8}.context-sculpture{width:210px}.fabric-core h3{font-size:26px}.fabric-core p{font-size:15px}.fabric-agents{max-width:none;grid-template-columns:1fr;gap:12px;width:100%}.fabric-agent{padding:15px 18px}.agent-glyph{width:38px;height:38px;font-size:24px}.fabric-agent strong{font-size:16px}.fabric-agent small{font-size:13px}.fabric-agents .illustration-caption{margin-top:7px}.foundation-controls button{padding:17px 10px;gap:7px;flex-wrap:wrap}.foundation-controls b{display:none}.foundation-controls strong{font-size:14px}.foundation-controls span{font-size:10px}.foundation-explanation{padding:24px 20px;min-height:220px}.foundation-explanation h3{font-size:21px}.foundation-explanation p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.foundation-motion{display:none}}