body{background:linear-gradient(135deg,#fff,#fff2e8);margin:0;font-family:Inter,sans-serif}.page{justify-content:center;padding:50px 20px;display:flex}.card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:20px;padding:26px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.header{color:#fff;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.header h1{margin:10px 0;font-size:28px;line-height:1.3}.header .subtitle{color:#ccc;font-size:14px}.tag{text-transform:uppercase;letter-spacing:1.5px;color:#ff6a00;font-size:12px;font-weight:600}.highlight{border-left:4px solid #ff6a00;font-weight:500}h2{color:#0f0f0f;margin-bottom:12px;padding-left:12px;font-size:18px;position:relative}h2:before{content:"";background:#ff6a00;border-radius:2px;width:4px;height:18px;position:absolute;top:3px;left:0}p{color:#666;line-height:1.7}.bold{font-weight:600}ul{padding-left:20px}ul li{color:#666;margin-bottom:10px;line-height:1.6}ul li::marker{color:#ff6a00}.danger{border-left:4px solid #ff3b3b}.success{border-left:4px solid #00a86b}@media (max-width:768px){.header h1{font-size:22px}.card{padding:18px}}.stack-strip{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.stack-chip{color:#05537d;background:#eaf7ff;border:1px solid #bfe6f7;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600}.requirements-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:8px;display:grid}.requirement-card{background:#f4fbff;border:1px solid #cfeaf9;border-radius:10px;gap:14px;padding:18px;transition:all .25s;display:flex}.requirement-card:hover{border-color:#00a8e8;transform:translateY(-3px);box-shadow:0 4px 16px #00a8e81f}.requirement-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.requirement-card p{color:#444;margin:0;font-size:14px;line-height:1.65}.problem-intro{border-bottom:1px solid #ffe5e5;margin-bottom:30px;padding-bottom:20px}.problem-intro p{color:#444;font-size:15px;line-height:1.75}.problem-cards{flex-direction:column;gap:24px;display:flex}.problem-card{background:#fff8f8;border:1px solid #ffd5d5;border-radius:10px;gap:20px;padding:22px;transition:all .25s;display:flex}.problem-card:hover{border-color:#ff3b3b;transform:translateY(-3px);box-shadow:0 4px 16px #ff3b3b1a}.problem-number{color:#fff;background:linear-gradient(135deg,#ff3b3b,#ff6b6b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:42px;height:42px;font-family:monospace;font-size:14px;font-weight:800;display:flex}.problem-body{flex:1}.problem-body h4{color:#1a1a1a;margin-bottom:10px;font-size:15px;font-weight:700}.problem-body p{color:#555;margin-bottom:0;font-size:14px;line-height:1.7}.solution-intro{color:#444;border-bottom:1px solid #d5f5e8;margin-bottom:28px;padding-bottom:20px;font-size:15px;line-height:1.75}.solution-items{flex-direction:column;gap:22px;display:flex}.solution-item{background:#f4fdf9;border:1px solid #c8edd9;border-radius:10px;gap:18px;padding:20px;transition:all .25s;display:flex}.solution-item:hover{border-color:#00a86b;transform:translateY(-3px);box-shadow:0 4px 16px #00a86b1a}.solution-icon{flex-shrink:0;padding-top:3px;font-size:1.8rem;line-height:1}.solution-body{flex:1}.solution-body h4{color:#0a4a2a;margin-bottom:10px;font-size:15px;font-weight:700}.solution-body p{color:#444;margin-bottom:0;font-size:14px;line-height:1.7}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:20px;display:grid}.metric-item{text-align:center;background:#ffffff0d;border:1px solid #00d4ff33;border-radius:12px;padding:24px 16px;transition:all .25s}.metric-item:hover{background:#00d4ff14;border-color:#00d4ff80;transform:translateY(-4px)}.metric-number{margin-bottom:10px;font-family:Faustina,monospace;font-size:2.4rem;font-weight:900;line-height:1}.metric-label{color:#8ab0cc;font-size:12px;line-height:1.5}.conclusion-quote{background:linear-gradient(135deg,#f5f7fa,#eaf7ff);border-left:4px solid #06f;border-radius:0 10px 10px 0;margin-top:28px;padding:24px 28px}.conclusion-quote p{color:#1a1a2e;margin-bottom:10px;font-size:15px;font-style:italic;font-weight:500;line-height:1.8}.conclusion-quote span{color:#06f;letter-spacing:.3px;font-size:13px;font-weight:700}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary,.btn-outline{border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover,.btn-outline:hover{transform:translateY(-2px)}@media (max-width:768px){.problem-card{flex-direction:column}.problem-number{align-self:flex-start}.solution-item{flex-direction:column}.metrics-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-outline{text-align:center;width:100%}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}}