.ai-page-wrapper{color:#14121a;background-color:#fbfaff;width:100%;min-height:100vh;position:relative;overflow-x:clip}.ai-hero-section{padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(40px,5vw,68px);position:relative}.ai-ambient-glow{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(#6c5ce714 0%,#8b5cf60a 40%,#0000 70%);border-radius:50%;width:min(1200px,94vw);height:520px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.workflow-viz-card{background:linear-gradient(175deg,#fff 0%,#faf8fe 60%,#f4f1fa 100%);border:1px solid #6c5ce72e;border-radius:24px;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 36px -10px #4632821f,0 1px 3px #4632820d}.workflow-viz-header{border-bottom:1px solid #23193c12;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.workflow-viz-body{flex-direction:column;padding-top:16px;display:flex;position:relative}.workflow-node{background-color:#fff;border:1px solid #23193c14;border-radius:16px;padding:16px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 2px 10px -3px #281e500d}.workflow-node:hover{border-color:#6c5ce74d;transform:translateY(-1.5px);box-shadow:0 8px 24px -6px #6c5ce71f}.workflow-node-engine{background:linear-gradient(#fff 0%,#fbfaff 100%);border-color:#6c5ce740;box-shadow:0 4px 16px -4px #6c5ce71a}.workflow-node-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.workflow-node-step{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.workflow-node-title{color:#14121a;font-size:14.5px;font-weight:600;line-height:1.25}.workflow-chip{font-family:var(--font-mono,monospace);color:#5e586c;white-space:nowrap;background-color:#f7f6fb;border:1px solid #23193c14;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600}.workflow-status-live{font-family:var(--font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;color:#059669;white-space:nowrap;background-color:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.workflow-badge{color:#5e586c;background-color:#f6f5fa;border-radius:6px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.workflow-badge-accent{color:#5946dc;background-color:#6c5ce714}.workflow-connector{justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:relative}.workflow-connector-line{background:linear-gradient(#6c5ce740 0%,#6c5ce799 50%,#10b98166 100%);width:2px;position:absolute;top:0;bottom:0;left:33px;overflow:hidden}.workflow-pulse-dot{background:#6c5ce7;border-radius:9999px;width:4px;height:12px;animation:2.2s cubic-bezier(.4,0,.6,1) infinite pulseDown;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #6c5ce7}@keyframes pulseDown{0%{opacity:0;top:-12px}30%{opacity:1}80%{opacity:1}to{opacity:0;top:100%}}.workflow-connector-label{font-family:var(--font-mono,monospace);color:#5946dc;background-color:#6c5ce712;border-radius:9999px;align-items:center;gap:6px;margin-left:54px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.workflow-viz-footer{border-top:1px solid #23193c0f;margin-top:16px;padding-top:12px}.timeline-desktop-view{display:none!important}.timeline-mobile-view{display:block!important}@media (min-width:768px){.timeline-desktop-view{display:block!important}.timeline-mobile-view{display:none!important}}.process-timeline-container{background:linear-gradient(#fff 0%,#faf8fe 100%);border:1px solid #23193c14;border-radius:24px;padding:32px 36px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px -8px #281e500d}.process-timeline-track{z-index:0;background-color:#23193c14;height:2px;position:absolute;top:48px;left:68px;right:68px;overflow:hidden}.process-timeline-line{background:linear-gradient(90deg,#6c5ce7 0%,#8b5cf6 40%,#3b82f6 75%,#10b981 100%);position:absolute;inset:0}.timeline-stages-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:28px;display:grid;position:relative}.timeline-step-card{cursor:pointer;border-radius:16px;outline:none;flex-direction:column;padding:8px 12px 14px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.timeline-step-card:hover{transform:translateY(-2px)}.timeline-step-selected{background-color:#6c5ce708}.timeline-node-wrapper{z-index:1;align-items:center;height:32px;display:flex;position:relative}.timeline-node-marker{background-color:#fff;border:2px solid #e5e2ed;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex;box-shadow:0 2px 8px -2px #281e501a}.timeline-step-card:hover .timeline-node-marker,.timeline-node-marker-active{border-color:#6c5ce7;transform:scale(1.08);box-shadow:0 0 0 4px #6c5ce726,0 4px 12px -2px #6c5ce740}.timeline-node-dot{border-radius:50%;width:8px;height:8px;transition:all .25s}.timeline-step-num{letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1;transition:color .2s;display:inline-block}.timeline-step-title{transition:color .2s}.timeline-step-card:hover .timeline-step-title,.timeline-step-selected .timeline-step-title{color:#5946dc}.timeline-step-desc{transition:color .2s}.timeline-step-indicator{background:linear-gradient(90deg,#6c5ce7 0%,#8b5cf6 100%);border-radius:9999px;height:2px;transition:opacity .25s;position:absolute;bottom:0;left:12px;right:12px}.mobile-timeline-vertical-line{background-color:#23193c14;width:2px;position:absolute;top:14px;bottom:14px;left:14px;overflow:hidden}.mobile-timeline-vertical-progress{background:linear-gradient(#6c5ce7 0%,#8b5cf6 50%,#10b981 100%);position:absolute;inset:0}.mobile-timeline-item{padding-left:28px;position:relative}.mobile-timeline-node{z-index:1;background-color:#fff;border:2px solid #6c5ce7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:12px;left:4px;box-shadow:0 0 0 3px #6c5ce71f}.mobile-timeline-card{background-color:#fff;border:1px solid #23193c14;border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px -4px #281e500a}.ai-work-card{background-color:#fff;border:1px solid #23193c17;border-radius:24px;flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -8px #281e500f}.ai-work-card:hover{border-color:#6c5ce740;transform:translateY(-3px);box-shadow:0 16px 40px -12px #6c5ce721}.browser-chrome{background-color:#faf9fd;border-bottom:1px solid #23193c0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.browser-dots{align-items:center;gap:5px;display:flex}.browser-dot{background-color:#dcd8e6;border-radius:50%;width:7px;height:7px}.browser-url-pill{font-family:var(--font-mono,monospace);color:#7c7689;background-color:#fff;border:1px solid #23193c0f;border-radius:6px;padding:2px 10px;font-size:10px;font-weight:500}.portfolio-screenshot-viewport{background-color:#faf9fd;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.portfolio-screenshot-viewport img{object-fit:contain;object-position:top center;width:100%;max-width:100%;height:auto;display:block}.status-pill{font-family:var(--font-mono,monospace);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill-deployed{color:#059669;background-color:#10b98117;border:1px solid #10b98140}.status-pill-completed{color:#2563eb;background-color:#3b82f617;border:1px solid #3b82f640}.status-pill-prototype{color:#7c3aed;background-color:#8b5cf617;border:1px solid #8b5cf640}