:root{--brand-primary: #CA3604;--brand-primary-hover: #b52f03;--brand-primary-active: #9e2902;--brand-accent: #CA3604;--brand-subtle: rgba(202, 54, 4, .08);--brand-glow: rgba(202, 54, 4, .25);--bg-canvas: #F5F6FB;--bg-surface: #F5F6FB;--bg-subdued: #eef0f6;--bg-dark: #191312;--bg-dark-surface: #191312;--bg-dark-subtle: #241d1b;--text-primary: #0e1116;--text-secondary: #475467;--text-muted: #667085;--text-inverse: #ffffff;--text-inverse-muted: rgba(255, 255, 255, .85);--border-subtle: #e4e7ec;--border-strong: #d0d5dd;--border-dark: #2d2321;--border-dark-subtle: rgba(255, 255, 255, .12);--sj-flame: #CA3604;--sj-frost: #F5F6FB;--sj-carbon: #191312;--sj-sky: #2a929d;--sj-thunder: #082b31;--live-green: #10b981;--live-green-glow: rgba(16, 185, 129, .3);--flow-blue: #2a929d;--flow-amber: #fb923c;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--weight-title: 800;--nav-height: 76px;--container-max: 1320px;--step-display: clamp(1.85rem, 1.25rem + 2.5vw, 3.75rem);--step-article-title: clamp(1.65rem, 1.2rem + 1.8vw, 2.75rem);--step-h2: clamp(1.6rem, 1.15rem + 2vw, 2.75rem);--step-h3: clamp(1.25rem, 1.05rem + .8vw, 1.75rem);--step-h4: clamp(1.05rem, .98rem + .35vw, 1.25rem);--step-lead: clamp(15px, .95rem + .35vw, 20px);--step-body-lg: clamp(15px, .95rem + .35vw, 20px);--step-body: 18px;--step-body-sm: 15px;--section-y: clamp(3rem, 1.5rem + 6vw, 6rem);--block-gap: clamp(1.5rem, 1rem + 2.2vw, 3rem);--ease-swiss: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--text-primary);font-size:var(--step-body);line-height:1.6;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);font-weight:var(--weight-title);letter-spacing:-.025em;line-height:1.15;color:var(--text-primary)}p,span,li,a,label,input,textarea,button{font-family:var(--font-body)}a{color:inherit;text-decoration:none}button{border:none;background:none;font-family:inherit;cursor:pointer}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:3rem}@media(max-width:1024px){.container{padding-left:2rem;padding-right:2rem}}@media(max-width:640px){.container{padding-left:1.25rem;padding-right:1.25rem}}.section{padding-top:var(--section-y);padding-bottom:var(--section-y);position:relative}.pill-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:500;letter-spacing:.01em;transition:all .2s var(--ease-swiss)}.pill-badge-outline-white{background:#0000001f;border:1px solid rgba(255,255,255,.28);color:#fff}.pill-badge-outline-white:hover{background:#ffffff26;border-color:#ffffff80}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--brand-primary);color:#fff;padding:.65rem 1.4rem;border-radius:9999px;border:none;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:all .2s var(--ease-swiss);box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow)}.btn-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;background-color:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;padding:.8rem 1.6rem;border-radius:9999px;font-size:1rem;font-weight:600;letter-spacing:-.01em;transition:all .25s var(--ease-swiss);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-hero-cta:hover{background-color:#ffffff47;border-color:#fff9;transform:translateY(-2px)}.btn-hero-cta svg{transition:transform .2s var(--ease-swiss)}.btn-hero-cta:hover svg{transform:translate(4px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);padding:.65rem 1.4rem;border-radius:9999px;font-size:.9375rem;font-weight:600;transition:all .2s var(--ease-swiss)}.btn-secondary:hover{background-color:var(--bg-subdued);border-color:var(--border-strong);transform:translateY(-1px)}.telemetry-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-green 2s infinite cubic-bezier(.66,0,0,1);display:inline-block}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes dash-flow{to{stroke-dashoffset:-40}}.pipe-flow-animated{stroke-dasharray:6,6;animation:dash-flow 1.8s linear infinite}@keyframes fan-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fan-spinning{transform-origin:center;animation:fan-rotate 4s linear infinite}.card-swiss{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:2rem;transition:all .25s var(--ease-swiss)}.card-swiss:hover{border-color:var(--border-strong);box-shadow:0 12px 28px -8px #00000014;transform:translateY(-3px)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.section-eyebrow{font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.section-title{font-family:var(--font-heading);font-size:var(--step-h2);font-weight:var(--weight-title);color:var(--text-primary);line-height:1.2;margin-bottom:20px}.section-subtitle{font-family:var(--font-heading);font-size:var(--step-h3);font-weight:var(--weight-title);color:var(--text-primary);line-height:1.25;margin-bottom:12px}.section-body{color:var(--text-secondary);line-height:1.65;margin-bottom:16px;font-size:var(--step-body)}.section-rule{width:42px;height:2px;background-color:var(--brand-primary);border-radius:1px;margin-bottom:1.25rem}.grid-2,.grid-3,.grid-4,.grid-split,.grid-split-wide{display:grid;gap:var(--block-gap)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid-split-wide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.grid-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-split-wide{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-split{grid-template-columns:minmax(0,1fr)}}@media(max-width:680px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}@media(max-width:460px){.grid-pair{grid-template-columns:minmax(0,1fr)}}html,body{max-width:100%;overflow-x:clip}h1,h2,h3,h4,p,li,a,span{overflow-wrap:break-word}h1{letter-spacing:-.035em}h2{letter-spacing:-.025em}h3,h4{letter-spacing:-.02em}@media(max-width:640px){h1{letter-spacing:-.02em}h2{letter-spacing:-.015em}}@media(pointer:coarse){button,a.btn-primary,a.btn-secondary,a.btn-hero-cta,.touch-target{min-height:44px}a.btn-primary,a.btn-secondary,a.btn-hero-cta,a.touch-target{display:inline-flex;align-items:center}button.icon-only,a.icon-only{min-width:44px}.case-card-cta,.csd-breadcrumb,.csd-nav-link,.nav-tablet a.nav-link{display:inline-flex;align-items:center;min-height:44px}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.decor-layer{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}
