.bp-diagram{container-type:inline-size;position:relative;width:100%;max-width:560px;aspect-ratio:560 / 340;margin:0 auto;font-family:var(--font-sans)}.bp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3.2cqw;background:radial-gradient(rgba(26,92,226,.1) .2cqw,transparent .28cqw) 0 0 / 4cqw 4cqw,var(--color-bg-alt);border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff80}[data-theme=dark] .bp-canvas{box-shadow:inset 0 1px #ffffff0a}.bp-wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bp-line-trace{stroke-dasharray:18 82;animation:bp-trace 3s linear infinite}@keyframes bp-trace{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.bp-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);white-space:nowrap}.bp-source{flex-direction:column;gap:.3cqw;width:16.4cqw;height:16.4cqw;border-radius:50%;background:linear-gradient(135deg,#1a5ce22e,#1a5ce20f);border:1.5px solid rgba(26,92,226,.5);box-shadow:0 0 0 3.6cqw #1a5ce20f,0 4cqw 10cqw -4cqw #1a5ce266;animation:bp-source-pulse 3s ease-in-out infinite}@keyframes bp-source-pulse{0%,to{box-shadow:0 0 0 3.6cqw #1a5ce20f,0 4cqw 10cqw -4cqw #1a5ce24d}50%{box-shadow:0 0 0 5cqw #1a5ce21a,0 4.4cqw 14cqw -3cqw #1a5ce280}}.bp-source-label{font-size:3.2cqw;font-weight:700;letter-spacing:-.01em;color:#1a5ce2;line-height:1}.bp-source-sub{font-size:2.4cqw;font-weight:500;color:#1a5ce2b3;line-height:1}.bp-fail{gap:2.2cqw;padding:0 2.8cqw 0 2.4cqw;height:9cqw;border-radius:2.2cqw;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1cqw 3cqw -1.5cqw #081c4433;justify-content:flex-start;width:40cqw;transition:border-color .2s ease}.bp-fail-icon{flex-shrink:0;font-size:3.4cqw;color:var(--fail-color, #f59e0b);line-height:1;display:flex;align-items:center}.bp-fail-text{display:flex;flex-direction:column;gap:.4cqw}.bp-fail-label{font-size:2.6cqw;font-weight:600;color:var(--color-text-strong);line-height:1;letter-spacing:-.01em}.bp-fail-sub{font-size:2cqw;font-weight:400;color:var(--color-text-muted);line-height:1.2}@media (prefers-reduced-motion: reduce){.bp-line-trace{display:none}.bp-source{animation:none}}.st-timeline{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 0 16px}.st-track{display:flex;align-items:flex-start;gap:0;min-width:640px}.st-step{display:flex;align-items:center;flex:1}.st-step-node{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:104px}.st-step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#1a5ce21a;border:1.5px solid rgba(26,92,226,.3);color:#1a5ce2;transition:transform .2s ease,box-shadow .2s ease}.st-step:hover .st-step-icon{transform:translateY(-2px);box-shadow:0 6px 20px -6px #1a5ce280}.st-step--final .st-step-icon{background:linear-gradient(135deg,#1a5ce240,#1a5ce21f);border-color:#1a5ce299;box-shadow:0 0 0 6px #1a5ce212,0 6px 24px -8px #1a5ce280;animation:st-final-pulse 3s ease-in-out infinite}@keyframes st-final-pulse{0%,to{box-shadow:0 0 0 5px #1a5ce212,0 6px 20px -8px #1a5ce266}50%{box-shadow:0 0 0 8px #1a5ce21a,0 8px 28px -6px #1a5ce299}}.st-step-text{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.st-step-label{font-family:var(--font-serif);font-size:.78rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text-strong);line-height:1.2}.st-step-sub{font-family:var(--font-sans);font-size:.7rem;font-weight:400;color:var(--color-text-subtle);line-height:1.3}.st-step--final .st-step-label{color:#1a5ce2}.st-connector{flex:1;position:relative;height:2px;align-self:flex-start;margin-top:24px;transform:translateY(-50%)}.st-connector-line{position:absolute;right:0;bottom:0;left:0;height:1.5px;top:50%;transform:translateY(-50%);background:var(--color-border)}.st-connector-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#1a5ce2;top:50%;transform:translateY(-50%);box-shadow:0 0 6px 2px #1a5ce280;animation:st-dot-travel 2.4s ease-in-out infinite}@keyframes st-dot-travel{0%{left:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@media (prefers-reduced-motion: reduce){.st-connector-dot{display:none}.st-step--final .st-step-icon{animation:none}.st-step:hover .st-step-icon{transform:none}}@media (max-width: 600px){.st-track{min-width:560px}}.work-website-migration{--accent-color: #1a5ce2;--accent-soft: rgba(26, 92, 226, .12);--accent-border: rgba(26, 92, 226, .3)}.work-website-migration .section-eyebrow{color:var(--accent-color)}.work-website-migration-eyebrow{position:relative;margin-bottom:22px;padding-left:44px}.work-website-migration-eyebrow:before{content:"";position:absolute;left:0;top:50%;width:32px;height:2px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-color))}.work-website-migration-intro-section{padding:96px 0;background:var(--color-bg)}.work-website-migration-intro{display:grid;grid-template-columns:1fr;gap:8px;max-width:680px}.work-website-migration-section-heading{font-family:var(--font-serif);font-size:clamp(1.9rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-strong);margin:0 0 24px}[data-theme=dark] .work-website-migration-section-heading{color:var(--color-text-strong)}.work-website-migration-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.work-website-migration-body-col p{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.7;color:var(--color-text-muted);margin:0 0 20px}.work-website-migration-body-col p:last-child{margin-bottom:0}@media (max-width: 768px){.work-website-migration-body-grid{grid-template-columns:1fr;gap:24px}}.work-website-migration-diagram-frame{position:relative;margin:0;padding:32px;border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% -10%,rgba(26,92,226,.14) 0%,transparent 60%),var(--color-surface);border:1px solid var(--accent-border);box-shadow:0 24px 60px -30px #1a5ce273,inset 0 1px #ffffff0a}.work-website-migration-diagram-frame:before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.8}.work-website-migration-diagram-caption{margin:24px auto 0;max-width:460px;text-align:center;font-family:var(--font-sans);font-size:.8125rem;line-height:1.5;color:var(--color-text-subtle);font-style:italic}.work-website-migration-breakage-section{padding:96px 0;background:var(--color-bg-alt)}[data-theme=dark] .work-website-migration-breakage-section{background:var(--color-bg-muted)}.work-website-migration-breakage-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}.work-website-migration-breakage-intro{display:flex;flex-direction:column;gap:20px}.work-website-migration-breakage-heading{font-family:var(--font-serif);font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-strong);margin:0}[data-theme=dark] .work-website-migration-breakage-heading{color:var(--color-text-strong)}.work-website-migration-breakage-body{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.7;color:var(--color-text-muted);margin:0}.work-website-migration-breakage-note{display:flex;gap:12px;padding:16px 20px;border-radius:var(--radius-md);background:var(--accent-soft);border-left:3px solid var(--accent-color);font-family:var(--font-sans);font-size:.9375rem;line-height:1.55;color:var(--color-text-muted)}.work-website-migration-breakage-note strong{color:var(--color-text-strong);font-weight:600}.work-website-migration-breakage-figure{padding:24px 24px 20px}.work-website-migration-breakage-figure .bp-diagram{max-width:100%}@media (max-width: 900px){.work-website-migration-breakage-layout{grid-template-columns:1fr;gap:48px}}.work-website-migration-timeline-section{padding:96px 0;background:var(--color-bg)}.work-website-migration-timeline-intro{display:flex;flex-direction:column;gap:12px;margin-bottom:56px;max-width:640px}.work-website-migration-timeline-heading{font-family:var(--font-serif);font-size:clamp(1.9rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-strong);margin:0}[data-theme=dark] .work-website-migration-timeline-heading{color:var(--color-text-strong)}.work-website-migration-timeline-sub{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--color-text-muted);margin:0}.work-website-migration-timeline-figure{padding:40px 32px 28px}.work-website-migration-timeline-flag{position:absolute;top:-12px;left:32px;display:inline-block;padding:5px 12px;border-radius:999px;background:var(--accent-color);color:#fff;font-family:var(--font-sans);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;box-shadow:0 6px 18px -6px #1a5ce299}.work-website-migration-timeline-goal{position:relative;margin-top:48px;margin-left:auto;margin-right:auto;display:flex;align-items:flex-start;gap:20px;padding:28px 32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a5ce214,#1a5ce20a);border:1px solid var(--accent-border);max-width:640px}.work-website-migration-timeline-goal:before{content:"";position:absolute;top:-32px;left:50%;width:2px;height:32px;transform:translate(-50%);background:linear-gradient(180deg,transparent,var(--accent-color));opacity:.6}.work-website-migration-timeline-goal-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1a5ce226;color:var(--accent-color);font-size:20px}.work-website-migration-timeline-goal-text{display:flex;flex-direction:column;gap:4px}.work-website-migration-timeline-goal-heading{font-family:var(--font-serif);font-size:1.0625rem;font-weight:700;color:var(--accent-color);letter-spacing:-.01em;margin:0}.work-website-migration-timeline-goal-body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-text-muted);margin:0}.work-website-migration-checklist-section{padding:96px 0;background:var(--color-bg-alt)}[data-theme=dark] .work-website-migration-checklist-section{background:var(--color-bg-muted)}.work-website-migration-checklist-intro{display:flex;flex-direction:column;gap:12px;margin-bottom:56px;max-width:600px}.work-website-migration-checklist-heading{font-family:var(--font-serif);font-size:clamp(1.9rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-strong);margin:0}[data-theme=dark] .work-website-migration-checklist-heading{color:var(--color-text-strong)}.work-website-migration-checklist-sub{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--color-text-muted);margin:0}.work-website-migration-checklist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.work-website-migration-check-card{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.work-website-migration-check-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 8px 24px -8px #1a5ce233}.work-website-migration-check-tick{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);border:1.5px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:11px;margin-top:1px}.work-website-migration-check-text{font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--color-text-muted);font-weight:500}@media (prefers-reduced-motion: reduce){.work-website-migration-check-card:hover{transform:none}}@media (max-width: 900px){.work-website-migration-checklist-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.work-website-migration-intro-section,.work-website-migration-breakage-section,.work-website-migration-timeline-section,.work-website-migration-checklist-section{padding:64px 0}.work-website-migration-timeline-goal{flex-direction:column;gap:12px}.work-website-migration-diagram-frame{padding:24px 18px}.work-website-migration-timeline-figure{padding:36px 18px 24px}.work-website-migration-timeline-flag{left:18px}}@media (max-width: 480px){.work-website-migration-checklist-grid{grid-template-columns:1fr}}