@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Poppins:wght@500;700&display=swap');
:root{
  --brand-blue: #007bff;
  --brand-blue-dark: #0056b3;
  --brand-orange: #ff7a00;
  --muted: #6b7280;
  --bg: #f7fbff;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto; background:var(--bg); color:#0b1220; margin:0; line-height:1.6;}
a{color:var(--brand-blue);}
.header{background:linear-gradient(135deg, rgba(0,123,255,0.95), rgba(0,86,179,0.95)); color:white; padding:100px 0; text-align:left;}
.header .container{max-width:1180px;}
.header h1{font-family:Poppins, sans-serif; font-size:48px; margin-bottom:8px; letter-spacing:-0.5px;}
.header p{color:rgba(255,255,255,0.9); font-size:18px;}
.btn-primary-custom{background:linear-gradient(90deg,var(--brand-blue),var(--brand-orange)); border:none; color:#fff; padding:12px 22px; border-radius:10px; box-shadow:0 12px 30px rgba(0,86,179,0.12);}
.btn-primary-custom:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(0,86,179,0.18);}
.navbar{background:#fff; box-shadow:0 6px 18px rgba(2,6,23,0.04);}
.navbar-brand img{height:44px;}
.section{padding:60px 0;}
.card-pro{background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(2,6,23,0.06); padding:24px;}
.card-pro h5{color:var(--brand-blue-dark); font-family:Poppins, sans-serif; margin-bottom:8px;}
.features .icon{width:84px; height:84px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:linear-gradient(180deg, rgba(0,123,255,0.08), rgba(255,122,0,0.06));}
.section-title{color:var(--brand-blue-dark); font-family:Poppins, sans-serif; margin-bottom:12px;}
.footer{background:linear-gradient(90deg,var(--brand-blue-dark),var(--brand-blue)); color:#fff; padding:36px 0; margin-top:40px;}
.footer a{color:rgba(255,255,255,0.9); text-decoration:none;}
.footer .muted{color:rgba(255,255,255,0.8);}
@media (max-width:768px){ .header h1{font-size:32px; text-align:center;} .header p{text-align:center;} .header .hero-ctas{text-align:center;} }