:root{--cs-bg: #0a0b0d;--cs-bg-elevated: #111318;--cs-bg-card: #16181e;--cs-border: #222630;--cs-border-accent: #2a3040;--cs-text-primary: #e8eaf0;--cs-text-secondary: #a0a6b6;--cs-text-muted: #667085;--cs-accent: #4ae88a;--cs-accent-dim: #2a8a52;--cs-danger: #e84a5f;--cs-danger-dim: #8a2a38;--cs-warn: #e8b44a;--cs-highlight: #4a8ae8;--cs-serif: "Instrument Serif", Georgia, serif;--cs-sans: "DM Sans", system-ui, sans-serif;--cs-mono: "DM Mono", "Courier New", monospace;--cs-shadow: 0 12px 40px rgba(0, 0, 0, .18)}.cs-body{background:var(--cs-bg)!important;color:var(--cs-text-primary);font-family:var(--cs-sans);font-size:17px;line-height:1.7}.cs-body:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.cs-body ::selection{background:var(--cs-accent);color:var(--cs-bg)}.cs-body a{color:var(--cs-accent);text-decoration:none}.cs-body a:hover{text-decoration:underline}.cs-hero{min-height:calc(100vh - 68px);display:flex;flex-direction:column;justify-content:center;padding:96px 40px 80px;position:relative;overflow:hidden}.cs-hero:after{content:"";position:absolute;top:-220px;right:-220px;width:700px;height:700px;background:radial-gradient(circle,rgba(74,232,138,.08) 0%,transparent 68%);pointer-events:none}.cs-hero-inner{max-width:1200px;margin:0 auto;width:100%}.cs-hero-label{font-family:var(--cs-mono);font-size:12px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--cs-accent);margin-bottom:28px;opacity:0;animation:csFadeUp .8s ease forwards .15s}.cs-hero h1{font-family:var(--cs-serif);font-size:clamp(42px,6vw,86px);line-height:1.03;font-weight:400;max-width:980px;opacity:0;animation:csFadeUp .8s ease forwards .3s}.cs-hero h1 em{font-style:italic;color:var(--cs-accent)}.cs-hero-sub{font-size:19px;font-weight:300;color:var(--cs-text-secondary);max-width:700px;margin-top:28px;opacity:0;animation:csFadeUp .8s ease forwards .45s}.cs-hero-note{max-width:760px;margin-top:22px;color:var(--cs-text-muted);font-size:14px;opacity:0;animation:csFadeUp .8s ease forwards .6s}.cs-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px;opacity:0;animation:csFadeUp .8s ease forwards .75s}.cs-hero-stat{background:#16181eb8;border:1px solid var(--cs-border);border-radius:14px;padding:24px;box-shadow:var(--cs-shadow)}.cs-hero-stat-value{font-family:var(--cs-mono);font-size:clamp(28px,4vw,54px);font-weight:300;color:var(--cs-accent);line-height:1.05}.cs-hero-stat-value.danger{color:var(--cs-danger)}.cs-hero-stat-label{font-family:var(--cs-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cs-text-muted);margin-top:10px}.cs-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;opacity:0;animation:csFadeUp .8s ease forwards .9s}.cs-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:0 18px;border:1px solid var(--cs-border-accent);font-family:var(--cs-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,background .2s ease}.cs-button:hover{text-decoration:none;transform:translateY(-1px)}.cs-body a.cs-button-primary{background:var(--cs-accent);color:#08110b;border-color:var(--cs-accent)}.cs-button-secondary{background:transparent;color:var(--cs-text-primary)}.cs-scroll-line{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:csFadeUp .8s ease forwards 1.05s}.cs-scroll-line span{font-family:var(--cs-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--cs-text-muted)}.cs-scroll-line:after{content:"";width:1px;height:40px;background:linear-gradient(to bottom,var(--cs-text-muted),transparent);animation:csPulse 2s ease infinite}.cs-section{max-width:1040px;margin:0 auto;padding:100px 40px}.cs-section-number{font-family:var(--cs-mono);font-size:12px;letter-spacing:3px;color:var(--cs-accent-dim);margin-bottom:16px;display:block}.cs-section h2{font-family:var(--cs-serif);font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.1;margin-bottom:32px}.cs-section h2 em{color:var(--cs-accent);font-style:italic}.cs-section p{color:var(--cs-text-secondary);margin-bottom:20px;font-weight:300;max-width:760px}.cs-section p strong{color:var(--cs-text-primary);font-weight:500}.cs-divider{max-width:1040px;margin:0 auto;padding:0 40px;height:1px}.cs-divider:after{content:"";display:block;height:1px;background:linear-gradient(to right,transparent,var(--cs-border),transparent)}.cs-summary-strip{max-width:1040px;margin:0 auto;padding:0 40px 20px}.cs-summary-card{background:linear-gradient(135deg,#4ae88a0f,#4a8ae808);border:1px solid rgba(74,232,138,.16);border-radius:18px;padding:26px 28px}.cs-summary-card h2{font-family:var(--cs-mono);text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--cs-accent);margin-bottom:10px}.cs-summary-card p{max-width:none;margin-bottom:0}.cs-problem-grid,.cs-results-grid{display:grid;gap:20px;margin-top:42px}.cs-problem-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cs-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-problem-card,.cs-result-card,.cs-comparison-col,.cs-quote-card{background:var(--cs-bg-card);border:1px solid var(--cs-border);border-radius:16px;padding:30px;transition:border-color .25s ease,transform .25s ease}.cs-problem-card:hover,.cs-result-card:hover,.cs-comparison-col:hover,.cs-quote-card:hover{border-color:var(--cs-border-accent);transform:translateY(-2px)}.cs-problem-card-icon{font-family:var(--cs-mono);font-size:24px;color:var(--cs-danger);margin-bottom:14px;display:block}.cs-problem-card h3,.cs-result-card h3{font-size:16px;font-weight:600;color:var(--cs-text-primary);margin-bottom:10px}.cs-problem-card p,.cs-result-card p{font-size:14px;line-height:1.65;color:var(--cs-text-muted);margin-bottom:0}.cs-arch-block{background:var(--cs-bg-elevated);border:1px solid var(--cs-border);border-left:3px solid var(--cs-accent);border-radius:0 16px 16px 0;padding:32px 34px;margin:28px 0}.cs-arch-block h3{font-family:var(--cs-mono);font-size:13px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--cs-accent);margin-bottom:14px}.cs-arch-block p{font-size:15px;margin-bottom:12px}.cs-arch-block p:last-child{margin-bottom:0}.cs-diagram-scroll{overflow-x:auto;margin-top:20px;-webkit-overflow-scrolling:touch}.cs-diagram-scroll svg{min-width:700px}.cs-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:42px 0}.cs-comparison-col.before{border-top:3px solid var(--cs-danger)}.cs-comparison-col.after{border-top:3px solid var(--cs-accent)}.cs-comparison-col h3{font-family:var(--cs-mono);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}.cs-comparison-col.before h3{color:var(--cs-danger)}.cs-comparison-col.after h3{color:var(--cs-accent)}.cs-comparison-col ul{padding-left:0}.cs-comparison-col li{list-style:none;font-size:14px;color:var(--cs-text-secondary);padding:10px 0;border-bottom:1px solid var(--cs-border)}.cs-comparison-col li:last-child{border-bottom:none}.cs-metric-wrap{margin:42px 0}.cs-metric-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--cs-border)}.cs-metric-row:last-child{border-bottom:none}.cs-metric-label{font-family:var(--cs-mono);font-size:13px;color:var(--cs-text-muted);min-width:200px}.cs-metric-bar-track{flex:1;height:8px;background:var(--cs-bg-card);border-radius:999px;overflow:hidden}.cs-metric-bar-fill{height:100%;border-radius:inherit;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.cs-metric-bar-fill.green{background:linear-gradient(90deg,var(--cs-accent-dim),var(--cs-accent))}.cs-metric-bar-fill.red{background:linear-gradient(90deg,var(--cs-danger-dim),var(--cs-danger))}.cs-metric-value{font-family:var(--cs-mono);font-size:16px;font-weight:500;min-width:82px;text-align:right}.cs-metric-value.green{color:var(--cs-accent)}.cs-metric-value.red{color:var(--cs-danger)}.cs-pipeline{display:flex;align-items:center;gap:0;margin:42px 0;overflow-x:auto;padding:10px 2px 14px;-webkit-overflow-scrolling:touch}.cs-pipeline-stage{background:var(--cs-bg-card);border:1px solid var(--cs-border);border-radius:12px;padding:18px 20px;min-width:150px;text-align:center;flex-shrink:0}.cs-pipeline-stage:hover{border-color:var(--cs-accent)}.cs-pipeline-stage-name{font-family:var(--cs-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cs-accent);margin-bottom:6px}.cs-pipeline-stage-detail{font-size:12px;color:var(--cs-text-muted);line-height:1.5}.cs-pipeline-arrow{font-family:var(--cs-mono);font-size:18px;color:var(--cs-text-muted);padding:0 8px;flex-shrink:0}.cs-callout{background:linear-gradient(135deg,#4ae88a0f,#4a8ae808);border:1px solid rgba(74,232,138,.16);border-radius:20px;padding:40px;margin:42px 0;text-align:center}.cs-callout-value{font-family:var(--cs-mono);font-size:clamp(48px,6vw,72px);font-weight:300;color:var(--cs-accent);line-height:1}.cs-callout-label{font-size:18px;font-weight:300;color:var(--cs-text-secondary);margin-top:16px}.cs-scale-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cs-border);border-radius:16px;overflow:hidden;margin:42px 0}.cs-scale-cell{background:var(--cs-bg-card);padding:28px 20px;text-align:center}.cs-scale-cell-value{font-family:var(--cs-mono);font-size:28px;font-weight:300;color:var(--cs-text-primary);line-height:1}.cs-scale-cell-label{font-family:var(--cs-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--cs-text-muted);margin-top:10px}.cs-reliability-table{width:100%;border-collapse:collapse;margin:28px 0;font-family:var(--cs-mono);font-size:14px}.cs-reliability-table th{text-align:left;font-weight:500;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cs-text-muted);padding:12px 18px;border-bottom:1px solid var(--cs-border)}.cs-reliability-table td{padding:14px 18px;border-bottom:1px solid var(--cs-border);color:var(--cs-text-secondary);font-weight:300}.cs-reliability-table tr:last-child td{border-bottom:none}.cs-highlight-cell{color:var(--cs-warn);font-weight:500}.cs-danger-cell{color:var(--cs-danger);font-weight:500}.cs-result-card{position:relative;overflow:hidden;text-align:center}.cs-result-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cs-accent),var(--cs-highlight))}.cs-result-card-value{font-family:var(--cs-mono);font-size:36px;font-weight:300;color:var(--cs-accent);line-height:1}.cs-result-card-label{font-size:14px;color:var(--cs-text-secondary);margin-top:12px}.cs-quote-card{margin-top:32px;background:#ffffff05}.cs-quote-card blockquote{font-family:var(--cs-serif);font-size:28px;line-height:1.25;color:var(--cs-text-primary)}.cs-quote-card p{margin-top:12px;color:var(--cs-text-muted);font-size:14px}.cs-cta{max-width:1040px;margin:0 auto;padding:24px 40px 100px}.cs-cta-card{background:var(--cs-bg-card);border:1px solid var(--cs-border);border-radius:20px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-cta-copy h2{font-family:var(--cs-serif);font-size:clamp(28px,4vw,40px);font-weight:400;margin-bottom:10px}.cs-cta-copy p{color:var(--cs-text-secondary);max-width:700px}.cs-footer{padding:60px 40px 80px;text-align:center;border-top:1px solid var(--cs-border)}.cs-footer p{font-family:var(--cs-mono);font-size:12px;color:var(--cs-text-muted);letter-spacing:1px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes csFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes csPulse{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:900px){.cs-hero-stats,.cs-results-grid,.cs-scale-grid,.cs-comparison{grid-template-columns:1fr 1fr}.cs-cta-card{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.cs-hero,.cs-section,.cs-divider,.cs-summary-strip,.cs-cta,.cs-footer{padding-left:24px;padding-right:24px}.cs-hero{min-height:auto;padding-top:64px}.cs-hero-stats,.cs-results-grid,.cs-scale-grid,.cs-comparison,.cs-problem-grid{grid-template-columns:1fr}.cs-pipeline{flex-wrap:wrap;gap:12px}.cs-pipeline-arrow{display:none}.cs-metric-row{flex-wrap:wrap;gap:10px}.cs-metric-label{min-width:100%}.cs-callout,.cs-arch-block,.cs-summary-card,.cs-cta-card{padding:24px}.cs-quote-card blockquote{font-size:22px}}@media(prefers-reduced-motion:reduce){.cs-body *,.cs-body *:before,.cs-body *:after{animation:none!important;transition:none!important}.fade-in{opacity:1;transform:none}}