:root{
    --bs-primary:#27A9E1;
    --bs-primary-rgb:39,169,225;
    --blue:#27A9E1;
    --blue-dark:#1487B8;
    --green:#3F8F3E;
    --green-dark:#347634;
    --olive:#C7D97C;
    --lightblue:#BEE4EF;
    --cream:#F7F4EC;
    --ink:#141414;
    --gray:#5B5B5B;
    --line:#E7E2D4;
  }
  body{font-family:'Inter',sans-serif; color:var(--ink); background:#fff;}
  h1,h2,h3,h4,.navbar-brand{font-family:'Poppins',sans-serif; font-weight:700; color:var(--ink);}
  .hl{color:var(--blue);}
  a{text-decoration:none;}
  .eyebrow{font-weight:700;letter-spacing:.08em;color:var(--green);display:inline-flex;align-items:center;gap:8px;background-color: white;padding: 6px 20px 6px 20px;border-radius: 100px;border: 1px solid #cccc;font-size: 16px;position: relative;text-transform: uppercase;margin-bottom: 15px;}
  .eyebrow::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--green); display:inline-block;}

  /* Buttons */
  .btn{font-weight:600;padding:.7rem 1.6rem;}
  .btn-outline-dark{border-width:2px;box-shadow: 0px 0px 20px 0px #7eae13 !important;}
  .btn-primary{background:var(--blue);border-color:var(--blue);box-shadow: 0px 0px 20px 0px #12a4e2;}
  .btn-primary:hover{background:var(--blue-dark); border-color:var(--blue-dark);}
  .btn-success{background:var(--green);border-color:var(--green);width: 100%;background: #7eae13;border: 2px solid black;color: black;font-weight: 600;opacity: 1;box-shadow: 0px 0px 20px 0px #7eae13;}
  .btn-success:hover{background:var(--green-dark); border-color:var(--green-dark);}

  /* Navbar */
  .navbar{background:#fff; border-bottom:1px solid var(--line);}
  .logo-mark{width:34px; height:34px; border-radius:50%; background:var(--blue); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:16px; transition:transform .4s ease;}
  .navbar-brand:hover .logo-mark{transform:rotate(360deg);}
  .phone-icon{width:34px; height:34px; border-radius:50%; background:var(--cream); display:inline-flex; align-items:center; justify-content:center; color:var(--blue);}

  /* Hero */
  .hero-section{background:var(--cream);}
  .hero-section h1{font-size: 60px;line-height:1.16;}
  .quote-card{background:#fff;border: 1px solid var(--blue);border-radius:14px;box-shadow:0 30px 50px -30px rgba(20,20,20,.25);box-shadow: 0px -6px 0px #37a8d5;}
  .form-label small{color:var(--gray); font-weight:400;}
  .form-control, .form-select{background:var(--cream); border-color:var(--line); padding:.7rem .9rem;}
  .form-control:focus, .form-select:focus{border-color:var(--blue); box-shadow:0 0 0 3px rgba(39,169,225,.18);}


.mobilebtn {
    display: none;
}
  /* Ticker */
  .ticker-wrap{background:var(--blue-dark); overflow:hidden;}
  .ticker{display:flex; width:max-content; animation:scroll 26s linear infinite;}
  .ticker span{padding:16px 30px;font-size: 21px;font-weight:600;color:#fff;white-space:nowrap;position:relative;}
  .ticker span::after{content:"•"; position:absolute; right:0; color:rgba(255,255,255,.5);}
  @keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}

  section, .py-section{padding-top: 50px;padding-bottom: 30px;}

  /* Who we are */
  .bars{background:var(--cream); border-radius:14px; height:320px;}
  .bars .bar{width:44px; border-radius:6px 6px 0 0; transform-origin:bottom;}
  .bars .b1{height:55%; background:var(--blue);}
  .bars .b2{height:80%; background:var(--olive);}
  .bars .b3{height:38%; background:var(--ink);}
  .bars .b4{height:65%; background:#E0574F;}
  .checklist li{font-weight:600; font-size:15px;}
  .checklist li::marker{content:"";}
  .checklist .check-ic{width:22px; height:22px; border-radius:50%; background:var(--green); color:#fff; font-size:12px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}

  /* Offer / Why cards */
  .bg-cream{background:var(--cream);}
  .bg-lightblue{background:var(--lightblue);}
  .bg-olive{background: #c9dd9c;}
  .offer-card, .why-card{border:none; border-radius:14px; transition:transform .3s ease, box-shadow .3s ease;}
  .offer-card{box-shadow:0 20px 40px -30px rgba(20,20,20,.2);}
  .offer-card:hover, .why-card:hover{transform:translateY(-6px); box-shadow:0 24px 44px -24px rgba(20,20,20,.28);}
  .offer-icon, .why-icon{width:40px; height:40px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:700;}
  .icon-a{background:#E0A83F;} .icon-b{background:var(--blue);} .icon-c{background:var(--green);} .icon-d{background:#D9548C;}
  .why-icon{background:var(--olive); color:var(--ink);}

  /* Steps */
  .step-num{width:38px; height:38px; border-radius:50%; background:var(--blue); color:#fff; font-weight:700; font-family:'Poppins',sans-serif; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;}

  /* FAQ accordion */
  .accordion-item{border:none; border-radius:10px !important; overflow:hidden; margin-bottom:14px;}
  .accordion-item:nth-of-type(odd){background:var(--lightblue);}
  .accordion-item:nth-of-type(even){background: #acdff5;}
  .accordion-button{background:transparent !important; font-family:'Poppins',sans-serif; font-weight:600; box-shadow:none !important;}
  .accordion-button:not(.collapsed){color:var(--ink);}
  .accordion-button::after{width:26px;height:26px;background-color:#fff;border-radius:50%;background-size:14px;}
  .accordion-body{color:#3A3A3A; font-size:14px;}

  /* Footer */
  footer{background:var(--ink); color:#B9B9B9;}
  footer a{color:#B9B9B9;}
  footer a:hover{color:var(--blue);}
  footer h4{color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.06em;}

  /* Animations */
  @media (prefers-reduced-motion: no-preference){
    .reveal{opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease;}
    .reveal.in{opacity:1; transform:translateY(0);}
    .reveal-stagger > *{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
    .reveal-stagger.in > *{opacity:1; transform:translateY(0);}
    .reveal-stagger.in > *:nth-child(1){transition-delay:.05s;}
    .reveal-stagger.in > *:nth-child(2){transition-delay:.15s;}
    .reveal-stagger.in > *:nth-child(3){transition-delay:.25s;}
    .reveal-stagger.in > *:nth-child(4){transition-delay:.35s;}
    .reveal-stagger.in > *:nth-child(5){transition-delay:.45s;}
    .reveal-stagger.in > *:nth-child(6){transition-delay:.55s;}

    .hero-anim-left{opacity:0; transform:translateX(-24px); animation:heroIn .8s ease forwards;}
    .hero-anim-right{opacity:0; transform:translateX(24px); animation:heroIn .8s ease .15s forwards;}
    @keyframes heroIn{to{opacity:1; transform:translateX(0);}}

    .bars .bar{transform:scaleY(0); animation:growBar .7s ease forwards;}
    .bars .b1{animation-delay:.1s;} .bars .b2{animation-delay:.22s;} .bars .b3{animation-delay:.34s;} .bars .b4{animation-delay:.46s;}
    @keyframes growBar{to{transform:scaleY(1);}}

    .step-item{opacity:0; transform:translateX(-16px); transition:opacity .6s ease, transform .6s ease;}
    .step-item.in{opacity:1; transform:translateX(0);}
    .step-item:nth-of-type(1).in{transition-delay:0s;}
    .step-item:nth-of-type(2).in{transition-delay:.08s;}
    .step-item:nth-of-type(3).in{transition-delay:.16s;}
    .step-item:nth-of-type(4).in{transition-delay:.24s;}

    html{scroll-padding-top:90px; scroll-behavior:smooth;}
    .btn:active{transform:scale(.96);}
  }

  @media (max-width:767px){
    .hero-section h1 {
    font-size: 30px;
    line-height: 1.16;
}

.desktopbtn{display: none;}
.mobilebtn {
    display: block;
}
.midcta h2 {
    font-size: 30px!important;
}
    a.navbar-brand.d-flex.align-items-center.gap-2.fs-5 img {
    height: 60px;
}
    section, .py-section{padding-top: 20px;padding-bottom: 20px;}
  }
/* Legal pages */
.legal-hero{background:var(--cream); padding:70px 32px 50px; text-align:center;}
.legal-hero .eyebrow{justify-content:center;}
.legal-hero h1{margin-top:12px;}
.legal-hero p{color:var(--gray); margin-top:10px;}
.legal-content{max-width:820px; margin:0 auto; padding:70px 32px;}
.legal-content h2{font-size:22px; margin-top:36px; margin-bottom:14px;}
.legal-content h2:first-child{margin-top:0;}
.legal-content p{color:#3A3A3A; margin-bottom:14px; line-height:1.75;}
.legal-content ul{margin-bottom:14px; padding-left:22px;}
.legal-content ul li{color:#3A3A3A; margin-bottom:8px; line-height:1.7; list-style:disc;}
.legal-content .effective-date{display:inline-block; background:var(--lightblue); color:var(--ink); font-size:13px; font-weight:600; padding:6px 14px; border-radius:20px; margin-bottom:20px;}
.midcta h2 {
    font-size: 50px;
}