.proc-hero{padding:calc(var(--header-height) + var(--space-16))0 var(--space-20);z-index:1;text-align:center;position:relative;overflow:hidden}.proc-hero-title{letter-spacing:-.03em;margin-top:var(--space-4);line-height:1.05}.proc-hero-title .line{display:block}.proc-hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:640px;margin:var(--space-5)auto 0}.proc-hero-hook{font-size:var(--text-base);color:var(--color-text-primary);border-left:2px solid var(--color-cyan-400);padding-left:var(--space-4);max-width:540px;margin:var(--space-6)auto 0;text-align:left;font-weight:500;line-height:1.6}.proc-hero-cta{gap:var(--space-4);padding-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.proc-phase{padding:var(--space-20)0;z-index:1;position:relative}.proc-phase+.proc-phase{border-top:1px solid var(--color-border)}.proc-phase-layout{position:relative}.proc-layout-split{gap:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.proc-layout-reverse{grid-template-columns:1fr 1.2fr}.proc-layout-reverse .proc-phase-visual{grid-area:1/1}.proc-layout-reverse .proc-phase-content{grid-area:1/2}.proc-phase-content{gap:var(--space-2);flex-direction:column;display:flex}.proc-content-center{text-align:center;align-items:center;max-width:680px;margin:0 auto}.proc-phase-num{color:var(--color-cyan-400);letter-spacing:-.04em;opacity:.15;font-size:6rem;font-weight:800;line-height:.85}.proc-phase-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:var(--space-3);font-weight:700}.proc-phase-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;margin-top:var(--space-2);line-height:1.1}.proc-phase-body{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:540px;margin-top:var(--space-3)}.proc-content-center .proc-phase-body{max-width:600px}.proc-phase-quote{font-size:var(--text-base);color:var(--color-text-primary);border-left:2px solid var(--color-cyan-400);padding-left:var(--space-4);margin-top:var(--space-5);font-style:italic;font-weight:500;line-height:1.6}.proc-content-center .proc-phase-quote{text-align:left}.proc-phase-tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.proc-tags-center{margin-top:var(--space-10);justify-content:center}.proc-tag{font-size:var(--text-xs);padding:var(--space-1)var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary)}.proc-phase-visual{justify-content:center;align-items:center;display:flex}.proc-terminal,.proc-code-terminal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#111c;width:100%;max-width:400px;overflow:hidden}.proc-terminal-bar{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);background:#ffffff05;display:flex}.proc-terminal-dot{border-radius:50%;width:10px;height:10px}.proc-dot-red{background:#ff5f57}.proc-dot-yellow{background:#febc2e}.proc-dot-green{background:#28c840}.proc-terminal-bar-title{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;font-family:var(--font-mono);flex:1}.proc-terminal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.proc-scan-item{align-items:center;gap:var(--space-3);grid-template-columns:1fr 1fr auto;display:grid}.proc-scan-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.proc-scan-bar{background:var(--color-border);border-radius:var(--radius-full);height:4px;overflow:hidden}.proc-scan-fill{background:var(--color-cyan-400);border-radius:var(--radius-full);transform-origin:0;height:100%;animation:2s ease-out forwards procFillIn}@keyframes procFillIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.proc-scan-value{font-size:var(--text-xs);color:var(--color-cyan-400);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-weight:600}.proc-scan-footer{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.proc-scan-pulse{background:var(--color-cyan-400);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite procPulse;box-shadow:0 0 8px #00e5ff99}@keyframes procPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.proc-iteration-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);width:100%;margin-top:var(--space-10);padding:var(--space-8)0}.proc-iteration-track{justify-content:center;align-items:center;gap:var(--space-10);max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto;display:flex}.proc-iteration-item{text-align:center;gap:var(--space-1);flex-direction:column;display:flex}.proc-iteration-value{color:var(--color-cyan-400);letter-spacing:-.03em;font-size:3.5rem;font-weight:800;line-height:1}.proc-iteration-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.proc-iteration-divider{background:linear-gradient(180deg,transparent,var(--color-border),transparent);flex-shrink:0;width:1px;height:48px}.proc-code-body{padding:var(--space-4)var(--space-5);font-family:var(--font-mono);font-size:13px;line-height:1.8}.proc-code-line{white-space:nowrap}.proc-code-ln{width:28px;color:var(--color-text-faint);-webkit-user-select:none;user-select:none;font-size:11px;display:inline-block}.proc-code-indent{width:20px;display:inline-block}.proc-code-kw{color:#c792ea}.proc-code-fn{color:#82aaff}.proc-code-br{color:var(--color-text-muted)}.proc-code-prop{color:#f78c6c}.proc-code-op{color:var(--color-text-faint);margin:0 2px}.proc-code-str{color:#c3e88d}.proc-code-num{color:var(--color-cyan-400)}.proc-code-cursor{background:var(--color-cyan-400);vertical-align:middle;width:8px;height:15px;margin-left:4px;animation:1s step-end infinite procCursorBlink;display:inline-block}@keyframes procCursorBlink{0%,to{opacity:1}50%{opacity:0}}.proc-iphone-wrapper{margin-top:var(--space-10);justify-content:center;display:flex;position:relative}.proc-phase-4 .iphone-frame{flex-shrink:0;width:280px;position:relative}.proc-phase-4 .iphone-body{aspect-ratio:393/852;background:#1a1a1a;border-radius:54px;width:100%;padding:12px;position:relative;box-shadow:inset 0 1px #ffffff14,0 0 0 2px #2a2a2a,0 0 0 4px #1a1a1a,0 0 0 5px #ffffff0f,0 30px 80px #0009,0 8px 24px #0006}.proc-phase-4 .iphone-island{z-index:3;background:#000;border-radius:20px;width:120px;height:34px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #ffffff0a}.proc-phase-4 .iphone-btn{background:#2a2a2a;border-radius:2px;position:absolute}.proc-phase-4 .iphone-btn-power{border-radius:0 2px 2px 0;width:3px;height:72px;top:170px;right:-3px;box-shadow:1px 0 #ffffff0d}.proc-phase-4 .iphone-btn-vol-up{border-radius:2px 0 0 2px;width:3px;height:44px;top:140px;left:-3px;box-shadow:-1px 0 #ffffff0d}.proc-phase-4 .iphone-btn-vol-down{border-radius:2px 0 0 2px;width:3px;height:44px;top:196px;left:-3px;box-shadow:-1px 0 #ffffff0d}.proc-phase-4 .iphone-screen{background:#000;border-radius:44px;position:absolute;inset:12px;overflow:hidden}.proc-iphone-glow{pointer-events:none;z-index:-1;background:radial-gradient(#00e5ff0f 0%,#0000 55%);position:absolute;inset:-50%}.proc-qa-screen{background:var(--color-bg-elevated);flex-direction:column;height:100%;padding:56px 16px 16px;display:flex}.proc-qa-header{align-items:center;gap:6px;margin-bottom:12px;display:flex}.proc-qa-pulse{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite procPulse;box-shadow:0 0 6px #22c55e99}.proc-qa-title{color:var(--color-text-primary);font-size:11px;font-weight:600}.proc-qa-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.proc-qa-metric{text-align:center;background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;padding:8px 4px}.proc-qa-metric-val{color:var(--color-cyan-400);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;display:block}.proc-qa-metric-lbl{color:var(--color-text-muted);margin-top:2px;font-size:8px;display:block}.proc-qa-tests{flex-direction:column;flex:1;gap:6px;display:flex}.proc-qa-test{color:var(--color-text-secondary);align-items:center;gap:6px;padding:4px 0;font-size:9px;display:flex}.proc-qa-check{background:#22c55e;border-radius:50%;flex-shrink:0;width:14px;height:14px;position:relative}.proc-qa-check:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:6px;position:absolute;top:3px;left:5px;transform:rotate(45deg)}.proc-qa-bar{background:var(--color-border);border-radius:4px;height:4px;margin-top:auto;overflow:hidden}.proc-qa-bar-fill{background:#22c55e;border-radius:4px;width:99.7%;height:100%}.proc-qa-bar-label{color:#22c55e;text-align:center;margin-top:4px;font-size:8px;display:block}.proc-status-board{margin-top:var(--space-10);max-width:700px;margin-left:auto;margin-right:auto}.proc-status-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.proc-status-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-2);text-align:center;background:#111c;flex-direction:column;display:flex}.proc-status-indicator{border-radius:50%;width:8px;height:8px}.proc-status-green{background:#22c55e;animation:2s ease-in-out infinite procPulse;box-shadow:0 0 8px #22c55e99}.proc-status-name{font-size:var(--text-xs);color:var(--color-text-muted)}.proc-status-val{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-cyan-400);font-variant-numeric:tabular-nums}.proc-comparison{padding:var(--space-20)0;border-top:1px solid var(--color-border);z-index:1;position:relative}.proc-comparison-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-bottom:var(--space-12)}.proc-comparison-grid{max-width:800px;margin:0 auto}.proc-comparison-header{padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-2);grid-template-columns:1.5fr 1fr 40px 1fr;display:grid}.proc-comparison-col-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.proc-col-trad{color:var(--color-text-muted)}.proc-col-beirux{color:var(--color-cyan-400)}.proc-comparison-row{padding:var(--space-4)0;border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr 1fr 40px 1fr;align-items:center;display:grid}.proc-comparison-metric{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.proc-comparison-trad{font-size:var(--text-sm);color:var(--color-text-muted)}.proc-comparison-arrow{justify-content:center;align-items:center;display:flex}.proc-comparison-arrow:after{content:"→";color:var(--color-text-faint);font-size:var(--text-sm)}.proc-comparison-beirux{font-size:var(--text-sm);color:var(--color-cyan-400);font-weight:600}.proc-stats{padding:var(--space-20)0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);z-index:1;position:relative}.proc-stats-grid{justify-content:center;gap:var(--space-16);display:flex}.proc-stat{text-align:center;gap:var(--space-2);flex-direction:column;display:flex}.proc-stat-value{font-size:4rem;font-weight:var(--font-extrabold);color:var(--color-cyan-400);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.proc-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.proc-stat-context{font-size:var(--text-xs);color:var(--color-text-muted)}.proc-cta-section{z-index:1;position:relative;overflow:hidden}.proc-cta-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);position:relative}.proc-cta-glow{pointer-events:none;background:radial-gradient(#00e5ff26 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.proc-cta-content{padding:var(--space-16)var(--space-8);align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex;position:relative}.proc-cta-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;max-width:600px;line-height:1.1}.proc-cta-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;line-height:var(--leading-relaxed)}.proc-cta-checklist{gap:var(--space-3);text-align:left;margin:var(--space-2)0;flex-direction:column;display:flex}.proc-cta-check-item{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);display:flex}.proc-cta-check-icon{color:var(--color-cyan-400);flex-shrink:0}.proc-cta-btn{margin-top:var(--space-2);padding:var(--space-4)var(--space-10)!important;font-size:var(--text-lg)!important;height:auto!important}.proc-cta-note{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}@media (max-width:1024px){.proc-layout-split{gap:var(--space-10);grid-template-columns:1fr}.proc-layout-reverse .proc-phase-visual,.proc-layout-reverse .proc-phase-content{grid-area:auto/1}.proc-phase-visual{justify-content:center}.proc-iteration-track{gap:var(--space-6)}.proc-iteration-value{font-size:2.5rem}.proc-stats-grid{gap:var(--space-10)}.proc-stat-value{font-size:3rem}.proc-comparison-header,.proc-comparison-row{grid-template-columns:1.2fr 1fr 30px 1fr}.proc-status-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.proc-phase-num{font-size:4rem}.proc-phase-title{font-size:var(--text-2xl)}.proc-iteration-track{gap:var(--space-6);flex-wrap:wrap}.proc-iteration-divider{display:none}.proc-iteration-item{min-width:120px}.proc-phase-4 .iphone-frame{width:240px}.proc-phase-4 .iphone-body{border-radius:46px}.proc-phase-4 .iphone-screen{border-radius:38px;inset:10px}.proc-phase-4 .iphone-island{border-radius:16px;width:100px;height:28px;top:14px}}@media (max-width:640px){.proc-phase{padding:var(--space-12)0}.proc-phase-num{font-size:3rem}.proc-phase-title{font-size:var(--text-xl)}.proc-phase-body{font-size:var(--text-base)}.proc-iteration-value{font-size:2rem}.proc-stats-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.proc-stat-value{font-size:2.5rem}.proc-comparison-header{display:none}.proc-comparison-row{gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-3);grid-template-columns:1fr}.proc-comparison-arrow{display:none}.proc-comparison-trad:before{content:"Traditional: ";color:var(--color-text-faint)}.proc-comparison-beirux:before{content:"BEIRUX: "}.proc-status-row{gap:var(--space-3);grid-template-columns:1fr 1fr}.proc-cta-title{font-size:var(--text-2xl)}.proc-cta-content{padding:var(--space-10)var(--space-6)}.proc-cta-subtitle{font-size:var(--text-base)}.proc-cta-check-item{font-size:var(--text-sm)}.proc-cta-btn{padding:var(--space-3)var(--space-6)!important;font-size:var(--text-base)!important}}