:root{--brand-primary: #1E293B;--brand-accent: #00A6D6;--brand-light: #E0F4FA;--brand-warm: #00A6D6;--brand-green: #10B981;--brand-red: #EF4444;--brand-purple: #7C3AED;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--surface: #ffffff;--surface-alt: #F8FAFC;--gradient-hero: linear-gradient(135deg, #1E293B 0%, #0B3D6B 50%, #00A6D6 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 40px rgba(0,0,0,.1)}.cs-hero{background:var(--gradient-hero);color:#fff;padding:80px 24px 90px;position:relative;overflow:hidden}.cs-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);border-radius:50%}.cs-hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:60px;background:var(--surface);clip-path:ellipse(55% 100% at 50% 100%)}.cs-hero-inner{max-width:900px;margin:auto;position:relative;z-index:2}.cs-hero .badge{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px}.cs-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.25;font-weight:800;margin-bottom:16px}.cs-hero .subtitle{font-size:1.15rem;opacity:.9;max-width:700px;line-height:1.7}.cs-hero .client-trust{margin-top:24px;font-size:.85rem;opacity:.7;font-style:italic}.stats-banner{background:var(--surface);max-width:1000px;margin:-50px auto 0;padding:0 24px;position:relative;z-index:3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.stat-card{text-align:center;padding:28px 16px;border-right:1px solid var(--border);position:relative}.stat-card:last-child{border-right:none}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-accent)}.stat-number{font-size:2rem;font-weight:800;color:var(--brand-primary);line-height:1.1}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:6px;font-weight:600}.content{max-width:800px;margin:0 auto;padding:60px 24px 40px}.content h2{font-size:1.6rem;font-weight:700;color:var(--brand-primary);margin:48px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--brand-light)}.content h2:first-of-type{margin-top:20px}.content h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:28px 0 10px}.content p{color:var(--text-secondary);margin-bottom:18px;font-size:1.02rem}.content strong{color:var(--text-primary)}.exec-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius);padding:28px 28px 24px;margin:0 0 36px}.exec-summary h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--brand-accent);margin-bottom:12px;font-weight:700}.exec-summary ul{list-style:none;padding:0}.exec-summary li{font-size:15px;color:var(--text-secondary);padding:6px 0 6px 24px;position:relative;line-height:1.5}.exec-summary li:before{content:"";position:absolute;left:0;top:14px;width:10px;height:10px;border-radius:50%;background:var(--brand-accent);opacity:.6}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0 32px}.challenge-card{background:var(--surface-alt);border-radius:var(--radius);padding:24px;border-left:4px solid var(--brand-red);transition:box-shadow .2s}.challenge-card:hover{box-shadow:var(--shadow-md)}.challenge-card .icon{font-size:1.6rem;margin-bottom:10px;display:block}.challenge-card h4{font-size:.95rem;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.challenge-card p{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.55}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin:24px 0;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.module-card:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-md)}.module-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-accent)}.module-card .module-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.module-card .module-icon{flex-shrink:0;width:48px;height:48px;background:var(--brand-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.module-card .module-header h4{font-size:1.1rem;font-weight:700;color:var(--brand-primary)}.module-card p{font-size:.95rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.module-card .feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.module-card .feature-tag{background:var(--surface-alt);border:1px solid var(--border);padding:4px 12px;border-radius:16px;font-size:.78rem;font-weight:600;color:var(--text-muted)}.module-card .result-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:8px;padding:14px 18px;margin-top:16px}.module-card .result-box p{font-size:.9rem;color:#065f46;font-weight:500;margin:0}.module-card .result-box .result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--brand-green);font-weight:700;margin-bottom:4px}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 32px}.tech-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);padding:8px 16px;border-radius:24px;font-size:.85rem;font-weight:600;color:var(--text-primary);transition:all .2s}.tech-badge:hover{background:var(--brand-light);border-color:var(--brand-accent);transform:translateY(-1px)}.tech-badge .dot{width:8px;height:8px;border-radius:50%}.tech-badge .dot.backend{background:#ef4444}.tech-badge .dot.frontend{background:#8b5cf6}.tech-badge .dot.search{background:#f59e0b}.tech-badge .dot.data{background:#10b981}.tech-badge .dot.ai{background:#ec4899}.tech-badge .dot.infra{background:#3b82f6}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:24px 0 32px}.team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center;transition:all .2s}.team-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand-accent)}.team-card .team-count{font-size:1.8rem;font-weight:800;color:var(--brand-primary);line-height:1}.team-card .team-role{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-weight:600}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0}.pillar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:all .25s}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-accent)}.pillar-card .icon{font-size:2rem;margin-bottom:12px;display:block}.pillar-card h4{font-size:.95rem;font-weight:700;color:var(--brand-primary);margin-bottom:6px}.pillar-card p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.55}.creative-block{margin:40px -24px;padding:36px 24px;background:var(--surface-alt);border-radius:var(--radius);border:1px solid var(--border)}.creative-block h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:20px;text-align:center}.highlight-box{background:linear-gradient(135deg,#0b3d6b,#1a8fe3);color:#fff;border-radius:var(--radius);padding:40px;margin:40px 0;text-align:center}.highlight-box h3{font-size:1.3rem;margin-bottom:12px;color:#fff}.highlight-box p{color:#ffffffe6;font-size:1rem;max-width:600px;margin:0 auto}.callout{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-left:4px solid var(--brand-accent);border-radius:0 var(--radius) var(--radius) 0;padding:22px 24px;margin:36px 0}.callout p{font-size:15px;color:var(--brand-primary);font-weight:500;margin:0;line-height:1.6}.cs-client-quote{background:linear-gradient(135deg,#f0f7ff,#fef9ef);border-left:4px solid var(--brand-warm);border-radius:0 16px 16px 0;padding:36px 40px;margin:48px 0;position:relative}.cs-client-quote:before{content:"“";position:absolute;top:8px;left:32px;font-size:5rem;font-family:Georgia,Times New Roman,serif;line-height:1;color:var(--brand-primary);opacity:.08;pointer-events:none}.cs-client-quote blockquote{font-size:1.1rem;line-height:1.8;color:var(--brand-primary);font-style:italic;margin-bottom:16px;position:relative;z-index:1}.cs-q-source{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.cs-q-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--brand-accent),var(--brand-primary))}.cs-q-avatar-img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}.cs-q-name{font-size:.88rem;font-weight:600;color:var(--brand-primary)}.cs-q-role{font-size:.78rem;color:var(--text-secondary)}.cs-q-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:4px 12px;background:#0b3d6b0f;border-radius:20px;font-size:.72rem;font-weight:600;color:var(--brand-primary);letter-spacing:.04em;text-transform:uppercase}.cs-cta{background:var(--gradient-hero);color:#fff;text-align:center;padding:52px 24px;border-radius:var(--radius);margin:44px 0 0}.cs-cta h2,.cs-cta h3,.content .cs-cta h2,.article-wrap .cs-cta h2{font-size:26px;font-weight:700;margin:0 0 12px;border:none;border-bottom:none;color:#fff;padding:0}.cs-cta p,.content .cs-cta p,.article-wrap .cs-cta p{font-size:15px;opacity:.9;max-width:520px;margin:0 auto 24px;color:#fff}.cta-btn{display:inline-block;background:#fff;color:var(--brand-primary);font-weight:700;font-size:14px;padding:12px 32px;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-md);margin:0 6px}.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:none}.cta-btn.secondary:hover{border-color:#fff}.arch-diagram{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:32px 20px;margin:32px 0;overflow-x:auto}.arch-caption{font-size:.85rem;color:var(--text-muted);margin-top:12px;font-style:italic;text-align:center}@media(max-width:640px){.cs-hero{padding:60px 20px 70px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{border-bottom:1px solid var(--border)}.content{padding:40px 20px 20px}.challenge-grid,.pillars-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(3,1fr)}.module-card .module-header{flex-direction:column;align-items:flex-start}}.hero-illustration{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:300px;height:300px;opacity:.12;z-index:1}.article-wrap{max-width:780px;margin:0 auto;padding:52px 24px 72px}.article-wrap p{font-size:16px;color:var(--text-secondary);margin-bottom:22px}.article-wrap h2{font-size:24px;font-weight:700;color:var(--brand-primary);margin:44px 0 16px;padding-bottom:8px;border-bottom:3px solid var(--brand-light)}.article-wrap strong{color:var(--text-primary)}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.sol-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s;text-align:center}.sol-card:hover{transform:translateY(-3px);border-color:var(--brand-accent)}.sol-card svg{width:36px;height:36px;margin-bottom:8px}.sol-card h4{font-size:14px;color:var(--brand-primary);margin-bottom:5px}.sol-card p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.components-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:28px 0}.component-card{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);transition:border-color .2s}.component-card:hover{border-color:var(--brand-accent)}.component-card .cc-icon{flex-shrink:0;width:50px;height:50px;background:var(--brand-light);border-radius:10px;display:flex;align-items:center;justify-content:center}.component-card .cc-icon svg{width:26px;height:26px}.component-card h4{font-size:16px;color:var(--brand-primary);margin-bottom:4px}.component-card p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0}.qr-illustration{margin:36px auto;text-align:center}.qr-illustration svg{max-width:400px;width:100%}.qr-illustration .caption{font-size:12px;color:var(--text-muted);margin-top:10px;font-style:italic}@media(max-width:640px){.article-wrap{padding:36px 20px 52px}.stats-row{grid-template-columns:1fr}.solution-grid{grid-template-columns:repeat(2,1fr)}.component-card{flex-direction:column}.hero-illustration{display:none}}.hero-pulse{position:absolute;right:50px;top:50%;transform:translateY(-50%);z-index:1;opacity:.12}.arch-block{margin:40px 0}.arch-block .caption{text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px}.vvv-section{margin:40px -24px;padding:36px 24px;background:var(--surface-alt);border-radius:var(--radius);border:1px solid var(--border)}.vvv-section h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:24px;text-align:center}.vvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px;margin:0 auto}.vvv-card{text-align:center;padding:24px 14px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.vvv-card svg{width:44px;height:44px;margin-bottom:10px}.vvv-card h4{font-size:17px;color:var(--brand-primary);margin-bottom:4px}.vvv-card p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.perf-bars{display:flex;flex-direction:column;gap:18px;margin:32px 0 40px}.perf-row{display:flex;align-items:center;gap:14px}.perf-label{flex-shrink:0;width:150px;text-align:right;font-size:13px;font-weight:600;color:var(--text-primary)}.perf-bar-wrap{flex:1;height:32px;background:#f1f5f9;border-radius:8px;position:relative;overflow:hidden}.perf-bar{height:100%;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;font-size:12px;font-weight:700;color:#fff}.perf-bar.before{background:#94a3b8}.perf-bar.after-green{background:linear-gradient(90deg,#059669,#10b981)}.perf-bar.after-blue{background:linear-gradient(90deg,#0b3d6b,#1a8fe3)}.perf-bar.after-amber{background:linear-gradient(90deg,#d97706,#f59e0b)}.perf-sub{font-size:11px;color:var(--text-muted);margin-top:3px;padding-left:164px}.alert-timeline{margin:36px 0;padding:0;list-style:none;position:relative}.alert-timeline:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:var(--border)}.alert-timeline li{position:relative;padding:0 0 24px 56px}.alert-timeline li:last-child{padding-bottom:0}.alert-timeline .tl-dot{position:absolute;left:12px;top:4px;width:22px;height:22px;border-radius:50%;border:3px solid;background:#fff}.alert-timeline .tl-dot.green{border-color:var(--brand-green)}.alert-timeline .tl-dot.amber{border-color:#d97706}.alert-timeline .tl-dot.red{border-color:var(--brand-red)}.alert-timeline .tl-time{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.alert-timeline .tl-event{font-size:14px;color:var(--text-primary);margin-top:2px}.alert-timeline .tl-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.epcis-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}.ef-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow-sm);transition:transform .2s}.ef-card:hover{transform:translateY(-3px)}.ef-card svg{width:36px;height:36px;margin-bottom:8px}.ef-card h4{font-size:15px;color:var(--brand-primary);margin-bottom:4px}.ef-card p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.4}.hero-net{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:1;opacity:.1}.chaos-block{margin:40px -24px;padding:36px 24px;background:var(--surface-alt);border-radius:var(--radius);border:1px solid var(--border);text-align:center}.chaos-block h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:20px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-3px);border-color:var(--brand-purple)}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.tool-card.tc-purple:before{background:var(--brand-purple)}.tool-card.tc-orange:before{background:#ea580c}.tool-card.tc-teal:before{background:#0d9488}.tool-card.tc-blue:before{background:var(--brand-accent)}.tool-card .tc-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.tool-card .tc-icon svg{width:24px;height:24px}.tool-card h4{font-size:16px;margin-bottom:6px}.tool-card.tc-purple h4{color:var(--brand-purple)}.tool-card.tc-orange h4{color:#ea580c}.tool-card.tc-teal h4{color:#0d9488}.tool-card.tc-blue h4{color:var(--brand-accent)}.tool-card p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.matrix-block{margin:40px -24px;padding:36px 24px;background:var(--surface-alt);border-radius:var(--radius);border:1px solid var(--border)}.matrix-block h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;text-align:center}.matrix-table{width:100%;border-collapse:collapse;font-size:13px;max-width:560px;margin:0 auto}.matrix-table th{background:#4c1d95;color:#fff;padding:9px 14px;font-weight:600;text-align:center}.matrix-table th:first-child{text-align:left;border-radius:8px 0 0}.matrix-table th:last-child{border-radius:0 8px 0 0}.matrix-table td{padding:9px 14px;border-bottom:1px solid var(--border);text-align:center}.matrix-table td:first-child{text-align:left;font-weight:600;color:var(--text-primary)}.matrix-table tr:last-child td{border-bottom:none}.check{color:#059669;font-size:17px}.middleware-visual{margin:40px 0;text-align:center}.middleware-visual svg{max-width:680px;width:100%}.middleware-visual .caption{font-size:12px;color:var(--text-muted);margin-top:10px;font-style:italic}.migration-block{margin:36px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mig-step{text-align:center;padding:24px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative}.mig-step .step-num{width:36px;height:36px;border-radius:50%;background:var(--brand-purple);color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.mig-step h4{font-size:14px;color:var(--brand-primary);margin-bottom:4px}.mig-step p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4}.oss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.oss-card{text-align:center;padding:22px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.oss-card .oss-num{font-size:32px;font-weight:800;color:var(--brand-purple);line-height:1;margin-bottom:6px}.oss-card h4{font-size:14px;color:var(--text-primary);margin-bottom:3px}.oss-card p{font-size:12px;color:var(--text-muted);margin:0}@media(max-width:640px){.vvv-grid,.epcis-features{grid-template-columns:1fr}.perf-label{width:100px;font-size:11px}.perf-sub{padding-left:114px}.hero-pulse,.hero-net{display:none}.tool-grid,.oss-grid,.migration-block{grid-template-columns:1fr}}