.cs-detail{--cs-bg:#f3f5fb;--cs-surface:#fff;--cs-surface-soft:#f9fafb;--cs-border-subtle:#e5e7eb;--cs-text-main:#020617;--cs-text-muted:#4b5563;--cs-chip-bg:#dbeafe;--cs-chip-text:#1d4ed8;--cs-shadow-soft:0 20px 45px #0f172a14;--cs-radius-xl:22px;--cs-radius-lg:16px;--cs-primary:#0f766e;--cs-diagram-bg:#ecfeff;max-width:1120px;color:var(--cs-text-main);margin:0 auto;padding:0 1.5rem;display:block}.cs-detail .hero-card{background:radial-gradient(circle at top right, #3b82f617, transparent 55%), radial-gradient(circle at bottom left, #2dd4bf1f, transparent 60%), var(--cs-surface);border-radius:var(--cs-radius-xl);box-shadow:var(--cs-shadow-soft);border:1px solid #e2e8f0e6;padding:1.9rem}.cs-detail .hero-pill{text-transform:uppercase;letter-spacing:.14em;color:#64748b;margin-bottom:.4rem;font-size:.72rem}.cs-detail .hero-title{color:var(--cs-text-main);margin:0 0 .4rem;font-size:1.7rem;font-weight:700}.cs-detail .hero-sub{color:var(--cs-text-muted);max-width:720px;margin:0;font-size:.98rem}.cs-detail .hero-meta{color:#6b7280;margin-top:.6rem;font-size:.8rem}.cs-detail .chip-row{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.cs-detail .chip{background:var(--cs-chip-bg);color:var(--cs-chip-text);border-radius:999px;padding:.25rem .7rem;font-size:.78rem}.cs-detail .offer-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem;display:grid}.cs-detail .offer-card{color:#e5e7eb;border-radius:var(--cs-radius-lg);background:#020617;padding:1.2rem;box-shadow:0 22px 45px #0f172a80}.cs-detail .offer-label{text-transform:uppercase;color:#a1a1aa;letter-spacing:.18em;margin-bottom:4px;font-size:.65rem}.cs-detail .offer-title{color:#f3f4f6;margin:0 0 4px;font-size:1rem;font-weight:600}.cs-detail .offer-text{color:#d1d5db;margin-bottom:6px;font-size:.82rem}.cs-detail .offer-link{color:#bfdbfe;font-size:.82rem;text-decoration:none}.cs-detail .offer-link:hover{text-decoration:underline}.cs-detail .section-grid{grid-template-columns:2.1fr 1.7fr;gap:1.4rem;margin-top:2.2rem;display:grid}.cs-detail .section-card{background:var(--cs-surface);border-radius:var(--cs-radius-xl);border:1px solid #e2e8f0e6;padding:1.4rem;box-shadow:0 16px 38px #0f172a0f}.cs-detail .section-title{color:var(--cs-text-main);margin:0 0 .7rem;font-size:1.05rem;font-weight:650}.cs-detail .section-body{color:var(--cs-text-muted);font-size:.92rem;line-height:1.55}.cs-detail .section-body p{margin:0 0 .7rem}.cs-detail .section-body ul{margin:.4rem 0 .7rem;padding-left:1.1rem}.cs-detail .section-body li{margin-bottom:.25rem}.cs-detail .section-body strong{color:var(--cs-text-main)}.cs-detail .diagram-board{background:linear-gradient(to bottom, var(--cs-diagram-bg), #f1f5f9);border:1px solid #22c55e99;border-radius:22px;margin-top:1rem;padding:1.4rem 1.6rem 1.5rem;box-shadow:0 18px 40px #0f172a24}.cs-detail .diagram-header{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#0f766e;margin-bottom:.9rem;font-size:.8rem;font-weight:600}.cs-detail .diagram-stack{flex-direction:column;gap:.6rem;max-width:560px;margin:0 auto;display:flex}.cs-detail .diagram-lane{align-items:stretch;gap:.6rem;display:flex}.cs-detail .diagram-node{background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex-direction:column;flex:1;justify-content:center;padding:.55rem .95rem;display:flex;box-shadow:0 10px 22px #0f172a1f}.cs-detail .diagram-node h4{color:#0f172a;margin:0 0 2px;font-size:.82rem;font-weight:600}.cs-detail .diagram-node p{color:#4b5563;margin:0;font-size:.76rem}.cs-detail .diagram-arrow{justify-content:center;align-items:center;width:32px;min-width:32px;display:flex}.cs-detail .diagram-arrow span{color:#0f766e;background:#f0fdfaf2;border:1px solid #0f766e8c;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.cs-detail .diagram-lane.last .diagram-arrow span{color:#64748b;background:#e5e7eb;border-color:#94a3b8b3}.cs-detail .arch-stack{gap:.55rem;display:grid}.cs-detail .arch-layer{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.55rem .7rem;font-size:.85rem}.cs-detail .arch-layer strong{color:#111827;margin-bottom:.15rem;font-size:.82rem;display:block}.cs-detail .kpi-table{border-collapse:collapse;width:100%}.cs-detail .kpi-table th{text-align:left;color:#444;background:#f5f5f5;padding:.45rem;font-size:.78rem}.cs-detail .kpi-table td{color:#111827;border-bottom:1px solid #e5e7eb;padding:.5rem;font-size:.88rem}@media (width<=900px){.cs-detail .offer-row,.cs-detail .section-grid{grid-template-columns:1fr}.cs-detail{padding:0 1rem}}@media (width<=640px){.cs-detail .diagram-lane{flex-direction:column;align-items:stretch}.cs-detail .diagram-arrow{justify-content:flex-start}}.cs-detail .hero-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#64748b;margin-bottom:.4rem;font-size:.72rem;font-weight:600}.cs-detail .pill-row{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.cs-detail .pill{background:var(--cs-chip-bg);color:var(--cs-chip-text);border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:500}.cs-detail .pill-label{text-transform:uppercase;letter-spacing:.12em;color:var(--cs-primary);margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:inline-block}.cs-detail .offer-strip{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem;display:grid}.cs-detail .offer-strip .offer-card{color:#e5e7eb;border-radius:var(--cs-radius-lg);background:#020617;padding:1.2rem;box-shadow:0 22px 45px #0f172a80}.cs-detail .offer-tag{text-transform:uppercase;color:#a1a1aa;letter-spacing:.18em;margin-bottom:4px;font-size:.65rem;font-weight:700}.cs-detail .offer-strip .offer-title{color:#f3f4f6;margin:0 0 4px;font-size:1rem;font-weight:600}.cs-detail .offer-body{color:#d1d5db;margin-bottom:6px;font-size:.82rem}.cs-detail .content-grid{grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.2rem;display:grid}.cs-detail .card-section{background:var(--cs-surface);border-radius:var(--cs-radius-xl);border:1px solid #e2e8f0e6;padding:1.4rem;box-shadow:0 16px 38px #0f172a0f}.cs-detail .card-section h2{color:var(--cs-text-main);margin:0 0 .7rem;font-size:1.05rem;font-weight:650}.cs-detail .card-section p,.cs-detail .card-section li{color:var(--cs-text-muted);font-size:.92rem;line-height:1.55}.cs-detail .card-section p.muted,.cs-detail .muted{color:var(--cs-text-muted)}.cs-detail .card-section strong{color:var(--cs-text-main)}.cs-detail .bullet-list{margin:.4rem 0 .7rem;padding-left:1.1rem}.cs-detail .bullet-list li{margin-bottom:.3rem}.cs-detail .two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cs-detail .arch-block{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.cs-detail .arch-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.cs-detail .arch-chip{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #0f172a0d}.cs-detail .arch-arrow{width:22px;height:22px;color:var(--cs-primary);background:#f0fdfaf2;border:1px solid #0f766e8c;border-radius:999px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.cs-detail .kpi-list{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.6rem;display:grid}.cs-detail .kpi-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:.8rem .9rem}.cs-detail .kpi-label{text-transform:uppercase;letter-spacing:.12em;color:#64748b;font-size:.68rem;font-weight:700}.cs-detail .kpi-value{color:var(--cs-primary);margin:.2rem 0 .25rem;font-size:1.1rem;font-weight:700}.cs-detail .kpi-card>div:last-child{color:var(--cs-text-muted);font-size:.8rem}.cs-detail .callout-box{border-left:3px solid var(--cs-primary);color:#0f172a;background:#ecfeff;border-radius:10px;margin:.6rem 0;padding:.8rem 1rem;font-size:.9rem}.cs-detail .before-grid,.cs-detail .before-snapshot-grid,.cs-detail .pattern-grid,.cs-detail .diff-grid,.cs-detail .arch-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.6rem;display:grid}.cs-detail .before-card,.cs-detail .pattern-card,.cs-detail .diff-card,.cs-detail .arch-card,.cs-detail .before-panel,.cs-detail .problem-node,.cs-detail .before-snapshot,.cs-detail .before-voice,.cs-detail .stat-pill,.cs-detail .before-metrics,.cs-detail .before-layout,.cs-detail .arch-pattern-board,.cs-detail .problem-board,.cs-detail .snapshot-band{color:var(--cs-text-main);background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:.8rem .9rem;font-size:.88rem}.cs-detail .pattern-pill,.cs-detail .pattern-chip,.cs-detail .before-chip,.cs-detail .arch-pill{background:var(--cs-chip-bg);color:var(--cs-chip-text);border-radius:999px;margin:.15rem .2rem .15rem 0;padding:.25rem .65rem;font-size:.74rem;font-weight:600;display:inline-block}.cs-detail .arch-pill-list{flex-wrap:wrap;gap:.3rem;display:flex}@media (width<=900px){.cs-detail .content-grid,.cs-detail .offer-strip,.cs-detail .two-col,.cs-detail .kpi-list,.cs-detail .before-grid,.cs-detail .before-snapshot-grid,.cs-detail .pattern-grid,.cs-detail .diff-grid,.cs-detail .arch-grid{grid-template-columns:1fr}}