.process{background:var(--color-bg-alt)}.process-header{text-align:center;margin-bottom:var(--space-16)}.process-header .section-subtitle{margin:0 auto}.process-layout{gap:var(--space-16);grid-template-columns:.85fr 1.35fr;align-items:stretch;display:grid}.process-layout>*{min-width:0}.process-timeline{position:relative}.process-timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:28px}.step-progress-line{background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-light) 100%);transform-origin:top;z-index:1;will-change:transform, opacity;width:2px;position:absolute;top:28px;bottom:-28px;left:28px}.process-step:last-child .step-progress-line{bottom:0}.process-step{gap:var(--space-6);padding-bottom:var(--space-8);cursor:pointer;border-radius:var(--radius-md);padding-right:var(--space-4);transition:var(--transition-base);display:flex;position:relative}.process-step:last-child{padding-bottom:0}.process-step--active .step-marker{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 0 0 6px var(--color-bg-alt), 0 0 20px #6366f14d;transition:none}.process-step--active .step-title{color:var(--color-accent)}.process-step--done .step-marker{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 0 0 6px var(--color-bg-alt)}.process-step--done .step-title{color:var(--color-accent);opacity:.7}.step-marker{background:var(--color-bg-alt);border:2px solid var(--color-border-hover);width:56px;height:56px;font-family:var(--font-heading);font-weight:800;font-size:var(--text-lg);color:var(--color-text-muted);z-index:2;box-shadow:0 0 0 6px var(--color-bg-alt);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.step-content{padding-top:var(--space-3)}.step-title{font-size:var(--text-xl);margin-bottom:var(--space-2);transition:color var(--transition-base);font-weight:700}.step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.process-screen{width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.process-screen-frame{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 24px #6366f10f,0 1px 4px #0000000a}.process-screen-header{height:44px;padding:0 var(--space-5);background:#f8fafc;border-bottom:1px solid #e8ecf2;align-items:center;display:flex;position:relative}.process-screen-dots{gap:6px;display:flex}.process-screen-dots span{border-radius:50%;width:10px;height:10px;display:block}.process-screen-dots span:first-child{background:#ff5f56}.process-screen-dots span:nth-child(2){background:#ffbd2e}.process-screen-dots span:nth-child(3){background:#27c93f}.process-screen-title{font-size:var(--text-sm);color:#94a3b8;letter-spacing:.02em;font-family:monospace;position:absolute;left:50%;transform:translate(-50%)}.process-screen-body{padding:var(--space-6) var(--space-8);flex:1;justify-content:stretch;align-items:stretch;min-width:0;display:flex;overflow:hidden}.process-screen-content{align-items:stretch;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.process-screen-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#6366f114,#0000 70%);width:200px;height:200px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.screen-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);flex-direction:column;flex:1;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.screen-card-header{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.screen-checklist{gap:var(--space-3);flex-direction:column;flex:1;justify-content:center;display:flex}.screen-check-item{align-items:center;gap:var(--space-4);font-size:var(--text-base);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);transition:background .2s;display:flex}.screen-check-item--done{color:var(--color-text-primary);background:var(--color-accent-bg);border-color:#6366f11f}.screen-check-icon{font-size:var(--text-base);color:var(--color-text-muted);font-weight:700}.screen-check-item--done .screen-check-icon{color:var(--color-accent)}.screen-design-grid{gap:var(--space-4);flex:1;grid-template-columns:minmax(0,100px) minmax(0,1fr);min-width:0;display:grid}.screen-design-box--sidebar{border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);background:#f8fafc;border:1px solid #f1f5f9;flex-direction:column;display:flex}.screen-design-dot{width:28px;height:28px;margin-bottom:var(--space-2);background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%}.screen-design-line{background:#e2e8f0;border-radius:4px;height:8px}.screen-design-main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.screen-design-kpi{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.screen-kpi-card{border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);background:#fff;border:1px solid #e8ecf2;flex-direction:column;min-width:0;display:flex}.screen-kpi-label{font-size:var(--text-sm);color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.screen-kpi-value{font-family:var(--font-heading);font-weight:800;font-size:var(--text-2xl);background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.screen-design-chart{border-radius:var(--radius-sm);background:linear-gradient(#6366f114 0%,#6366f100 100%);border:1px solid #6366f11a;flex:1;min-height:80px;position:relative;overflow:hidden}.screen-design-chart:after{content:"";clip-path:polygon(0% 80%,10% 60%,25% 70%,40% 30%,55% 50%,70% 20%,85% 40%,100% 10%,100% 100%,0% 100%);background:linear-gradient(90deg,#0000 0%,#6366f126 20%,#a855f733 40%,#6366f126 60%,#ec48991a 80%,#0000 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.screen-code-header{margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.screen-code-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--color-text-primary)}.screen-code-lang{font-size:var(--text-sm);color:var(--color-accent);background:var(--color-accent-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-family:monospace;font-weight:700}.screen-code-block{color:var(--color-text-primary);background:var(--color-bg);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);flex:1;margin:0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.9;overflow-x:auto}.screen-deploy-status{text-align:center;margin-bottom:var(--space-8)}.screen-deploy-icon{margin-bottom:0;font-size:3rem}.screen-deploy-text{font-family:var(--font-heading);font-weight:700;font-size:var(--text-3xl);color:var(--color-text-primary);margin-top:50px}.screen-deploy-checks{gap:var(--space-3);flex-direction:column;flex:1;justify-content:center;display:flex}.screen-deploy-check{align-items:center;gap:var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);background:var(--color-accent-bg);border-radius:var(--radius-md);border:1px solid #6366f11f;transition:background .2s;display:flex}.screen-deploy-ok{color:var(--color-accent);font-weight:700;font-size:var(--text-lg)}@media (width<=1200px){.process-screen{width:100%}.process-layout{grid-template-columns:1fr 1fr}}@media (width<=1024px){.process-layout{gap:var(--space-12);grid-template-columns:1fr}.process-screen{order:-1;width:100%}.process-screen-body{min-height:280px;padding:var(--space-6)}}@media (width<=768px){.process-layout{grid-template-columns:1fr}.process-screen{order:-1;width:100%;position:static}.process-screen-body{min-height:260px;padding:var(--space-3)}.screen-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.screen-card-header{font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.screen-design-grid{gap:var(--space-3);grid-template-columns:minmax(0,72px) minmax(0,1fr)}.screen-design-box--sidebar{padding:var(--space-3)}.screen-design-dot{width:22px;height:22px}.screen-kpi-card{padding:var(--space-3)}.screen-kpi-value{font-size:var(--text-xl)}.screen-check-item{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);gap:var(--space-3)}.screen-deploy-text{font-size:var(--text-2xl);margin-top:20px}.screen-deploy-check{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.screen-code-block{padding:var(--space-3);white-space:pre-wrap;word-break:break-word;font-size:.75rem;line-height:1.7}}