* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, sans-serif; background: #edf1f6; color: #0d223d; } .container { max-width: 1320px; margin: auto; padding: 60px 20px; } .stats { background: #001d43; color: white; display: grid; grid-template-columns: repeat(4,1fr); } .stats article { text-align: center; padding: 24px 10px; border-right: 1px solid rgba(255,255,255,.15); } .stats strong { display: block; font-size: 2rem; } .stats span { text-transform: uppercase; font-size: .8rem; } .intro-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 30px; } .card, .signup-card { background: white; border-radius: 16px; padding: 32px; box-shadow: 0 10px 30px rgba(0,0,0,.08); } .card h2 { margin-bottom: 20px; } .card p { margin-bottom: 16px; line-height: 1.7; } .price { font-size: 4rem; font-weight: 900; color: #e30613; } .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border-radius: 8px; text-decoration: none; font-weight: 700; } .btn-primary { background: #e30613; color: white; } .btn-secondary { border: 2px solid white; color: white; } .site-footer { background: #001d43; color: white; padding: 40px 20px; display: flex; justify-content: space-around; } @media (max-width: 900px) { .stats { grid-template-columns: 1fr 1fr; } .intro-grid { grid-template-columns: 1fr; } .site-footer { flex-direction: column; gap: 20px; text-align: center; } }