/* MRP One - Custom styles (Tailwind CDN handles layout, this file handles overrides and custom components) */ :root { --teal-600: #0d9488; --teal-700: #0f766e; --dark: #0f172a; --radius: 12px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: Inter, 'Segoe UI', system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--dark); } /* Navigation */ nav .logo-img { max-height: 40px; width: auto; } /* Smooth transitions on interactive elements */ a, button { transition: all 0.15s ease; } /* Feature card images - consistent height */ .feature-img { width: 100%; height: 160px; object-fit: cover; border-radius: 10px; margin-bottom: 16px; } /* Icon boxes */ .icon-box { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; flex-shrink: 0; } /* Step numbers */ .step-number { width: 64px; height: 64px; background: #0d9488; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; margin: 0 auto 20px; } /* Prose styles for legal pages */ .prose p { margin-bottom: 12px; line-height: 1.7; } .prose ul { margin-bottom: 12px; } .prose li { margin-bottom: 4px; line-height: 1.6; } /* Pricing card highlight */ .pricing-popular { transform: scale(1.02); box-shadow: 0 20px 60px rgba(13, 148, 136, 0.25); } /* Table alternating rows */ table tbody tr:nth-child(even) { background-color: #f9fafb; } /* Cookie banner */ #cookie-banner { border-top: 1px solid #374151; } /* Footer links */ footer a { transition: color 0.15s; } /* Responsive adjustments */ @media (max-width: 768px) { .pricing-popular { transform: none; } h1 { font-size: 2.25rem !important; line-height: 1.2 !important; } h2 { font-size: 1.75rem !important; } section { padding-top: 48px !important; padding-bottom: 48px !important; } } /* Print styles */ @media print { nav, #cookie-banner, footer { display: none; } section { padding-top: 0 !important; } }