*{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,#38a3a5);border-radius:20px;box-shadow:0 20px 60px #38a3a54d}.logo{margin-bottom:32px;display:flex;justify-content:center;align-items:center}.logo img{height:80px;width:auto;max-width:100%;filter:brightness(1.2)}.title{font-size:64px;font-weight:700;margin-bottom:24px;color:#fff;letter-spacing:-.02em;line-height:1.1}.subtitle{font-size:32px;color:#95e1d3;font-weight:300;letter-spacing:.01em}.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 #38A3A5;padding-bottom:16px;letter-spacing:-.01em}.architecture-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px}.layer-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}.layer-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #38a3a566}.layer-1{border-color:#38a3a5}.layer-2{border-color:#95e1d3}.layer-3{border-color:#4ecdc4}.layer-4{border-color:#ff6b6b}.layer-icon{font-size:64px;margin-bottom:24px}.layer-title{font-size:22px;font-weight:700;margin-bottom:16px;color:#fff;line-height:1.3}.layer-description{font-size:15px;color:#9ca3af;line-height:1.6}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.tech-card{background:#2d3353;padding:40px;border-radius:16px;border-left:5px solid #38A3A5;transition:transform .3s,box-shadow .3s}.tech-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #38a3a54d}.tech-card h3{font-size:24px;margin-bottom:20px;color:#95e1d3;font-weight:700;letter-spacing:-.01em}.tech-list{list-style:none;padding:0}.tech-list li{padding:12px 0;color:#e5e7eb;font-size:15px;line-height:1.6;border-bottom:1px solid #1A1E3D}.tech-list li:last-child{border-bottom:none}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.metric-card{background:linear-gradient(135deg,#1e40af,#38a3a5);padding:48px 36px;border-radius:16px;text-align:center;box-shadow:0 8px 24px #38a3a54d;transition:transform .3s,box-shadow .3s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #38a3a580}.metric-label{font-size:15px;color:#95e1d3;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}.chart-container{background:#2d3353;padding:40px;border-radius:16px;margin-top:48px;box-shadow:0 4px 16px #0006}.chart-title{font-size:24px;font-weight:700;margin-bottom:32px;color:#95e1d3;letter-spacing:-.01em}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.spec-item{background:#2d3353;padding:28px 24px;border-radius:12px;border-left:4px solid #38A3A5;transition:transform .3s}.spec-item:hover{transform:translate(4px);border-left-color:#95e1d3}.spec-label{font-size:15px;color:#9ca3af;margin-bottom:12px;font-weight:500}.spec-value{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.01em}.footer{text-align:center;padding:60px 0;color:#9ca3af;font-size:16px;border-top:2px solid #2D3353;margin-top:80px}.footer .logo{margin-bottom:24px;opacity:.7}.footer .logo img{height:50px;filter:brightness(.8)}@media (max-width: 1024px){.infographic-container{padding:40px 30px}.architecture-diagram,.tech-grid,.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{padding:50px 30px}.section{padding:30px 20px;margin-bottom:40px}.architecture-diagram,.tech-grid,.metrics-grid,.specs-grid{grid-template-columns:1fr;gap:24px}.title{font-size:40px}.subtitle{font-size:24px}.section-title{font-size:32px;margin-bottom:32px}.metric-value,.layer-icon{font-size:48px}}