.data-layer-diagram-pro{margin:12rem 0;padding:10rem 0}.data-layer-heading{margin-bottom:5rem;width:65%}.data-layer-heading h2{color:#0f172a}.data-layer-heading p{color:rgba(15,23,42,.76)}.pipeline-aura{background:none;border-radius:30px;inset:-2px;opacity:0;pointer-events:none;position:absolute;z-index:0}.stages-pro{display:grid;gap:36px;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.stage-pro{animation:stageIn .7s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;position:relative;transform:translateY(18px)}.stage-pro:first-child{animation-delay:.08s}.stage-pro:nth-child(2){animation-delay:.2s}.stage-pro:nth-child(3){animation-delay:.32s}@keyframes stageIn{to{opacity:1;transform:translateY(0)}}.stage-header-pro{gap:10px;margin-bottom:18px}.stage-header-pro,.stage-number-pro{align-items:center;display:flex;justify-content:center}.stage-number-pro{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:999px;box-shadow:0 6px 18px rgba(2,6,23,.06);font-size:13px;font-weight:650;height:28px;width:28px}.stage-title-pro{font-family:ibm-plex-sans-medium,"sans-serif"!important;font-size:12px;letter-spacing:.4px;text-transform:uppercase}.stage.data .stage-title-pro{color:#1d4ed8}.stage.context .stage-title-pro{color:#166534}.stage.action .stage-title-pro{color:#3730a3}.stage.data .stage-number-pro{color:#1d4ed8}.stage.context .stage-number-pro{color:#166534}.stage.action .stage-number-pro{color:#3730a3}.stage-card-pro{background:#fff;border:1.5px solid rgba(15,23,42,.14);border-radius:18px;box-shadow:0 10px 30px rgba(2,6,23,.06);display:flex;flex-direction:column;min-height:440px;overflow:hidden;padding:26px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stage-card-pro:hover{border-color:rgba(15,23,42,.18);box-shadow:0 16px 44px rgba(2,6,23,.08);transform:translateY(-2px)}.stage.data .stage-card-pro{border-color:rgba(59,130,246,.38)}.stage.context .stage-card-pro{border-color:rgba(34,197,94,.4)}.stage.action .stage-card-pro{border-color:rgba(99,102,241,.4)}.card-title{color:rgba(15,23,42,.86);font-size:14px;font-weight:650;margin-bottom:16px;text-align:center}.card-title:after{background:rgba(15,23,42,.1);border-radius:999px;content:"";display:block;height:2px;margin:10px auto 0;width:34px}.stage.data .data-flow-lines{display:none!important}#first-card{flex-direction:row;justify-content:space-between;position:relative}.stage-card-body{display:flex;flex:1;gap:18px}.data-sources{align-items:center;gap:10px;margin-bottom:20px;width:42%}.data-sources,.merge-card{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.merge-card{width:52%}.data-item{background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.1);border-radius:12px;box-shadow:none;color:rgba(15,23,42,.78);font-size:12px;font-weight:600;padding:12px 16px;text-align:center;transition:all .18s ease;width:100%}.data-item:hover{transform:translateX(4px)}.stage.data .data-item{background:rgba(239,246,255,.7);border-color:rgba(59,130,246,.28);color:rgba(30,58,138,.88)}.stage.data .data-item:hover{background:rgba(239,246,255,.92);border-color:rgba(29,78,216,.45);color:rgba(30,58,138,.95)}.stage.context .data-item{background:rgba(240,253,244,.7);border-color:rgba(34,197,94,.28);color:rgba(22,101,52,.92)}.stage.context .data-item:hover{background:rgba(240,253,244,.92);border-color:rgba(22,163,74,.42)}.stage.action .data-item{background:rgba(238,242,255,.72);border-color:rgba(99,102,241,.3);color:rgba(55,48,163,.92)}.stage.action .data-item:hover{background:rgba(238,242,255,.92);border-color:rgba(79,70,229,.42)}.unified-substrate{background:rgba(248,250,252,.86);border:1px solid rgba(15,23,42,.1);border-radius:14px;box-shadow:none;padding:16px}.stage.data .unified-substrate{background:rgba(239,246,255,.6);border-color:rgba(59,130,246,.18)}.stage.context .unified-substrate{background:rgba(240,253,244,.65);border-color:rgba(34,197,94,.2)}.stage.action .unified-substrate{background:rgba(238,242,255,.7);border-color:rgba(99,102,241,.2)}.substrate-title{color:rgba(15,23,42,.8);font-size:12.5px;font-weight:700;margin-bottom:12px;text-align:center}.substrate-tags{display:grid;gap:8px;grid-template-columns:1fr 1fr}.substrate-tag{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:999px;color:rgba(15,23,42,.72);font-size:10.5px;font-weight:600;padding:8px 10px;text-align:center}.stage.data .substrate-tag{border-color:rgba(59,130,246,.18);color:rgba(30,58,138,.76)}.stage.context .substrate-tag{border-color:rgba(34,197,94,.18);color:rgba(22,101,52,.8)}.stage.action .substrate-tag{border-color:rgba(99,102,241,.18);color:rgba(55,48,163,.8)}.guardrails{background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.1);border-radius:12px;margin-top:12px;padding:14px}.stage.action .guardrails{background:rgba(238,242,255,.65);border-color:rgba(99,102,241,.2)}.guardrails-title{color:rgba(15,23,42,.8);font-size:12px;font-weight:650;margin-bottom:4px;text-align:center}.guardrails-subtitle{color:rgba(15,23,42,.62);font-size:10.5px;text-align:center}.outcome{align-items:center;background:rgba(248,250,252,.95);border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:none;color:rgba(15,23,42,.74);display:flex;font-size:11.5px;gap:6px;justify-content:center;margin-top:14px;padding:12px 16px;text-align:center}.outcome:before{content:"★";font-size:14px}.stage.data .outcome{background:rgba(239,246,255,.55);border-color:rgba(59,130,246,.22)}.stage.context .outcome{background:rgba(240,253,244,.65);border-color:rgba(34,197,94,.22)}.stage.action .outcome{background:rgba(238,242,255,.65);border-color:rgba(99,102,241,.22)}.context-features{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.context-feature{background:rgba(240,253,244,.7);border:1px solid rgba(34,197,94,.25);border-radius:999px;color:rgba(22,101,52,.92);font-size:10.5px;padding:10px 8px;text-align:center}.connection-arrow{background:rgba(148,163,184,.7);border-radius:999px;height:2px;overflow:visible;position:absolute;right:-32px;top:50%;width:32px}.connection-arrow:after{border-bottom:5px solid transparent;border-left:7px solid rgba(148,163,184,.85);border-top:5px solid transparent;content:"";height:0;right:-1px;width:0}.arrow-flow-dot,.connection-arrow:after{position:absolute;top:50%;transform:translateY(-50%)}.arrow-flow-dot{animation:betweenDot 1.6s ease-in-out infinite;border-radius:999px;box-shadow:0 0 0 4px #fff;height:10px;left:-10px;opacity:1;width:10px}@keyframes betweenDot{0%{left:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 2px);opacity:0}}.stage.data .arrow-flow-dot{background:#22c55e}.stage.context .arrow-flow-dot{background:#6366f1}.arrow-glow{background:radial-gradient(circle at 40% 50%,rgba(99,102,241,.35),transparent 55%);filter:blur(10px);inset:-18px;opacity:.1;pointer-events:none;position:absolute}@media (max-width:1024px){.stages-pro{gap:48px;grid-template-columns:1fr}.connection-arrow{display:none}}@media(max-width:767px){#first-card{flex-direction:column}.data-layer-heading,.data-sources,.merge-card{width:100%}.stage-card-body{flex-direction:column}}