.process-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-bottom:64px;transition:border-color .25s ease}.process-item{display:grid;grid-template-columns:64px 1fr auto;gap:32px;padding:36px 32px;border-bottom:1px solid var(--color-border);align-items:start;transition:background .15s ease,border-color .25s ease}.process-item:last-child{border-bottom:none}.process-item:hover{background:#7f7f7f08}.process-num{font-size:.75rem;font-weight:700;color:var(--color-text-muted);padding-top:2px}.process-content h3{font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.process-content p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.process-meta{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;padding-top:2px}.deep-section{padding:96px 24px;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.deep-section.visible{opacity:1;transform:translateY(0)}.deep-rule{width:100%;height:1px;background:var(--color-border);position:relative;overflow:hidden}.deep-rule:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:left 1s cubic-bezier(.16,1,.3,1)}.deep-rule.animate:after{left:0}.deep-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:20px}.deep-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.deep-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.08;margin:0 0 18px}.deep-desc{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.75;max-width:480px;margin:0}.webdev-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:56px;align-items:start}.stage-tabs{display:flex;gap:2px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;padding:4px;margin-bottom:32px}.stage-tab{flex:1;padding:8px 4px;font-size:.75rem;font-weight:600;letter-spacing:.01em;text-align:center;background:transparent;border:none;border-radius:100px;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.stage-tab.active{background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:0 1px 4px #0000004d}.stage-tab:hover:not(.active){color:var(--color-text-secondary)}.stage-panel{display:none;animation:panelIn .3s cubic-bezier(.16,1,.3,1)}.stage-panel.active{display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage-deliverables{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:8px}.stage-deliverables li{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.stage-deliverables li:before{content:"";width:5px;height:5px;border-radius:50%;background:#3292d0;margin-top:7px;flex-shrink:0}.stage-tech-tags{display:flex;flex-wrap:wrap;gap:6px}.stage-tag{padding:4px 10px;background:#3292d014;border:1px solid rgba(50,146,208,.18);border-radius:100px;font-size:.6875rem;font-weight:600;color:#3292d0;letter-spacing:.03em}.terminal-mock{background:#0a0c0e;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #00000080}.terminal-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-title{flex:1;text-align:center;font-size:.6875rem;color:#fff3}.terminal-body{padding:20px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;line-height:1.8;min-height:340px}.t-dim{color:#fff3}.t-green{color:#60bb46}.t-blue{color:#3292d0}.t-pink{color:#e13894}.t-orange{color:#f7941e}.t-white{color:#fffc}.t-cursor{display:inline-block;width:7px;height:13px;background:#3292d0;vertical-align:middle;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.funnel-wrap{margin:56px 0}.funnel-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:2px}.funnel-stage{position:relative;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.funnel-bar{height:6px;border-radius:3px 3px 0 0;width:100%;transition:height .3s cubic-bezier(.16,1,.3,1)}.funnel-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-top:none;border-radius:0 0 10px 10px;padding:20px;transition:border-color .2s ease,background .2s ease}.funnel-stage.active .funnel-card{border-color:#ffffff1f;background:var(--color-bg-card)}.funnel-stage-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.funnel-stage.active .funnel-stage-label{color:var(--color-text-primary)}.funnel-metric{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;margin-bottom:4px}.funnel-metric-label{font-size:.75rem;color:var(--color-text-muted)}.funnel-detail{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:32px;min-height:180px;transition:all .3s ease}.funnel-detail-panel{display:none;animation:panelIn .3s ease}.funnel-detail-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.funnel-detail-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.funnel-detail-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7;margin:0 0 20px}.funnel-tactics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.funnel-tactics li{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--color-text-secondary)}.funnel-tactics li span{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.channel-bars{display:flex;flex-direction:column;gap:10px}.channel-bar-row{display:flex;align-items:center;gap:12px}.channel-bar-label{font-size:.75rem;color:var(--color-text-muted);width:80px;flex-shrink:0}.channel-bar-track{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.channel-bar-fill{height:100%;border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.16,1,.3,1)}.funnel-detail-panel.active .channel-bar-fill{transform:scaleX(1)}.channel-bar-val{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);width:36px;text-align:right;flex-shrink:0}.design-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}.design-stage{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.design-stage:hover{border-color:var(--color-border-hover);transform:translateY(-3px)}.design-stage.active{border-color:#e1389459;box-shadow:0 0 0 1px #e1389426,0 16px 40px #e1389414}.design-stage-preview{aspect-ratio:4/3;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.design-stage-num{position:absolute;top:12px;left:14px;font-size:.625rem;font-weight:700;letter-spacing:.1em;color:var(--color-text-muted)}.design-stage-body{padding:20px;flex:1;display:flex;flex-direction:column}.design-stage-name{font-size:.9375rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.design-stage-summary{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.55;margin:0 0 16px;flex:1}.design-stage-deliverables{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:12px;margin:0}.design-detail{margin-top:24px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:40px;display:none;animation:panelIn .35s cubic-bezier(.16,1,.3,1)}.design-detail.active{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.design-detail-title{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 12px}.design-detail-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;margin:0 0 24px}.design-detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.design-detail-list li{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.design-check{width:18px;height:18px;border-radius:50%;background:#e138941f;border:1px solid rgba(225,56,148,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.design-check svg{color:#e13894}.preview-sketch{opacity:.25;transition:opacity .4s ease}.design-stage.active .preview-sketch,.design-stage:hover .preview-sketch{opacity:1}@media(max-width:860px){.webdev-layout{grid-template-columns:1fr;gap:40px}.funnel-stages{grid-template-columns:repeat(2,1fr)}.funnel-detail-panel.active{grid-template-columns:1fr;gap:24px}.design-stages{grid-template-columns:repeat(2,1fr)}.design-detail.active{grid-template-columns:1fr;gap:24px}}@media(max-width:540px){.funnel-stages,.design-stages{grid-template-columns:1fr}}