*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0e27;color:#e5e7eb;line-height:1.6}.infographic-container{max-width:1600px;margin:0 auto;padding:60px 40px}.header{text-align:center;padding:80px 60px;margin-bottom:60px;background:linear-gradient(135deg,#1e40af,#9333ea);border-radius:20px;box-shadow:0 20px 60px #9333ea4d}.logo{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.logo img{height:80px;width:auto;max-width:100%}.title{font-size:64px;font-weight:700;margin-bottom:24px;color:#fff;letter-spacing:-.02em;line-height:1.1}.subtitle{font-size:32px;color:#bef264;font-weight:300;letter-spacing:.01em}.hero{background:linear-gradient(135deg,#7e22ce,#9333ea);color:#fff;padding:80px 60px;border-radius:20px;margin-bottom:80px;box-shadow:0 20px 60px #9333ea66;text-align:center}.hero h2{font-size:48px;margin-bottom:24px;font-weight:600;letter-spacing:-.01em}.hero p{font-size:24px;margin-bottom:48px;opacity:.95;font-weight:300}.hero-metric{font-size:80px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.section{background:#1a1e3d;padding:60px 50px;margin-bottom:60px;border-radius:20px;border:1px solid #2D3353;box-shadow:0 8px 24px #0006}.section-title{font-size:42px;font-weight:700;margin-bottom:48px;color:#fff;border-bottom:3px solid #9333ea;padding-bottom:16px;letter-spacing:-.01em}.phase-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px}.phase-card{text-align:center;padding:40px 30px;border-radius:16px;background:linear-gradient(135deg,#2d3353,#1a1e3d);border:3px solid;transition:transform .3s,box-shadow .3s}.phase-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #9333ea66}.phase-circle{width:100px;height:100px;border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;box-shadow:0 8px 24px #0000004d}.phase-1{border-color:#9333ea}.phase-2{border-color:#bef264}.phase-3{border-color:#06d6a0}.phase-4{border-color:#a855f7}.phase-circle-1{background:#9333ea}.phase-circle-2{background:#bef264;color:#1a1a1a}.phase-circle-3{background:#06d6a0;color:#1a1a1a}.phase-circle-4{background:#a855f7}.phase-title{font-size:22px;font-weight:700;margin-bottom:16px;color:#fff;line-height:1.3}.phase-description{font-size:15px;color:#9ca3af;margin-bottom:24px;line-height:1.6}.phase-metrics{font-size:32px;font-weight:700;color:#bef264;margin-bottom:8px;letter-spacing:-.01em}.phase-customers{font-size:15px;color:#9ca3af}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-bottom:60px}.chart-container{background:#2d3353;padding:40px;border-radius:16px;box-shadow:0 4px 16px #0006}.chart-title{font-size:24px;font-weight:700;margin-bottom:32px;color:#bef264;letter-spacing:-.01em}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}.metric-card{background:linear-gradient(135deg,#7e22ce,#9333ea);padding:48px 36px;border-radius:16px;box-shadow:0 8px 24px #9333ea4d;text-align:center;transition:transform .3s,box-shadow .3s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #9333ea80}.metric-title{font-size:15px;color:#bef264;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.metric-value{font-size:64px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.metric-description{font-size:16px;color:#e5e7eb;font-weight:300}.footer{text-align:center;padding:40px 0;color:#9ca3af;font-size:14px;border-top:1px solid #2D3353;margin-top:40px}.footer .logo{margin-bottom:15px;opacity:.7}.footer .logo img{height:40px;filter:brightness(.8)}@media (max-width: 1024px){.infographic-container{padding:40px 30px}.phase-timeline{grid-template-columns:repeat(2,1fr);gap:30px}.charts-grid{grid-template-columns:1fr;gap:40px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:30px}.section{padding:40px 30px}.section-title{font-size:36px}}@media (max-width: 768px){.infographic-container{padding:30px 20px}.header,.hero{padding:50px 30px}.section{padding:30px 20px;margin-bottom:40px}.phase-timeline,.metrics-grid{grid-template-columns:1fr;gap:24px}.title{font-size:40px}.subtitle{font-size:24px}.section-title{font-size:32px;margin-bottom:32px}.hero-metric{font-size:56px}.metric-value{font-size:48px}}