:root{--legacy-004d4d:#004d4d;--legacy-008080:#008080;--legacy-1a2634:#1a2634;--legacy-b8f2e6:#b8f2e6}
:root { --teal: var(--legacy-008080, #008080); --dark-teal: var(--legacy-004d4d, #004d4d); --navy: var(--legacy-1a2634, #1A2634); --sky: var(--legacy-b8f2e6, #B8F2E6); --bg-gray: var(--color-surface-alt, #f8fafc); }
  html { scroll-behavior: smooth; }
  body { margin:0; font-family:'Segoe UI', Roboto, sans-serif; background:var(--color-background, #ffffff); color: var(--navy); line-height: 1.6; }
  .container { max-width: 1100px; margin: auto; padding: 0 20px; }
  .hero-title { font-size: clamp(32px, 6vw, 56px); margin-bottom: 20px; line-height: 1.1; font-weight: 800; color: var(--color-background, #fff); }
  .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin: 40px 0; }
  .service-card { background: var(--color-background, #ffffff); border-left: 4px solid var(--teal); padding: 30px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-radius:var(--radius-sm, 8px); }
  .btn-main { display: inline-block; background: var(--teal); color: var(--color-background, #fff); padding: 18px 40px; border-radius:var(--radius-md, 12px); text-decoration: none; font-weight: 700; font-size: 18px; transition: 0.3s; border: none; width: 100%; text-align: center; box-sizing: border-box; }
  .btn-main:hover { background: var(--navy); }
  
  /* Mobile Form Priority Styling */
  .form-wrapper { 
    background:var(--color-background, #ffffff); 
    padding:10px; 
    border-radius:30px; 
    box-shadow:0 25px 50px rgba(0,0,0,0.12); 
    border: 1px solid var(--color-primary-subtle, #e2e8f0);
    position: relative;
    z-index: 10;
  }
  
  @media (max-width: 768px) { 
    .hero-section { padding: 40px 0 80px !important; }
    .form-section { margin-top: -60px !important; padding: 0 15px !important; }
    .hero-title { font-size: 28px; }
    .hero-p { font-size: 18px !important; margin-bottom: 20px !important; }
  }