/* Automobile Landing Page */

/* ---- use cases: horizontal accordion ---- */
.auto-landing /* ---------- USE CASES (horizontal accordion) ---------- */
  .uc-head{padding:60px 0 26px;text-align:center;}.auto-landing .uc-head h2{font-size:33px;font-weight:800;color:#5b6166;max-width:820px;margin:0 auto;}.auto-landing .uc-acc{padding:6px 0 60px;}.auto-landing .uc-caps{position:relative;display:flex;gap:22px;overflow-x:auto;width:100vw;margin-left:calc(50% - 50vw);
           padding:12px max(24px,calc((100% - var(--maxw))/2 + 24px)) 14px;
           scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--teal) #e3ebed;}.auto-landing .uc-caps::-webkit-scrollbar{height:8px;}.auto-landing .uc-caps::-webkit-scrollbar-track{background:#e3ebed;border-radius:20px;}.auto-landing .uc-caps::-webkit-scrollbar-thumb{background:var(--teal);border-radius:20px;}.auto-landing .uc-caps::-webkit-scrollbar-thumb:hover{background:var(--teal-dark);}.auto-landing .uc-cap{flex:0 0 auto;white-space:nowrap;background:#fff;border:none;border-radius:14px;
          box-shadow:0 10px 26px rgba(0,0,0,.10);padding:20px 44px;font-family:inherit;
          font-weight:700;color:var(--teal);font-size:15.5px;line-height:1.2;cursor:pointer;transition:.22s;}.auto-landing .uc-cap:hover{transform:translateY(-2px);}.auto-landing .uc-cap.active{background:var(--teal);color:#fff;box-shadow:0 14px 32px rgba(35,185,199,.35);}.auto-landing .uc-panel{position:relative;max-height:0;overflow:hidden;opacity:0;margin-top:0;
            transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .28s ease,margin-top .28s ease;}.auto-landing .uc-panel.open{opacity:1;margin-top:16px;}.auto-landing .uc-pointer{position:absolute;top:0;width:0;height:0;transform:translateX(-50%);
              border-left:13px solid transparent;border-right:13px solid transparent;
              border-bottom:13px solid var(--charcoal);transition:left .35s ease;}.auto-landing .uc-panel-inner{background:var(--charcoal);color:#e8e8e8;border-radius:18px;margin-top:12px;
                  padding:44px 48px;display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:center;}.auto-landing .uc-panel-text p{font-size:17px;line-height:1.7;color:#e4e4e4;margin:0;}.auto-landing .uc-panel-media{display:flex;justify-content:center;}.auto-landing .uc-panel-media img{height:340px;width:auto;max-width:100%;object-fit:contain;
                      border-radius:14px;filter:drop-shadow(0 16px 34px rgba(0,0,0,.45));}



.auto-landing{width:100%;overflow-x:hidden;}
.auto-landing,.auto-landing *{font-family:'Mulish',system-ui,-apple-system,Arial,sans-serif;}
.auto-landing h1,.auto-landing h2,.auto-landing h3,.auto-landing h4{color:inherit;margin:0;padding:0;letter-spacing:normal;text-transform:none;}
.auto-landing p{margin:0;padding:0;}
.auto-landing ul,.auto-landing ol{margin:0;padding:0;list-style:none;}
.auto-landing li{margin:0;padding:0;}
.auto-landing a{text-decoration:none;box-shadow:none;}
.auto-landing img{max-width:100%;height:auto;display:block;border:0;border-radius:0;box-shadow:none;}
.auto-landing button{font-family:inherit;border:0;background:none;cursor:pointer;}
.auto-landing section{margin:0;}

.auto-landing{
    --teal:#23b9c7;
    --teal-dark:#1aa2af;
    --charcoal:#3d3d3f;
    --grey-band:#8f9193;
    --footer:#0b1622;
    --ink:#4a4a4a;
    --muted:#777777;
    --light:#f7f9fa;
    --maxw:1180px;
  }.auto-landing,.auto-landing *{box-sizing:border-box;margin:0;padding:0;}.auto-landing{scroll-behavior:smooth;}.auto-landing{font-family:'Mulish',system-ui,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;}.auto-landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}.auto-landing img{max-width:100%;display:block;}.auto-landing h1, .auto-landing h2, .auto-landing h3{line-height:1.2;}.auto-landing a{color:inherit;text-decoration:none;}.auto-landing /* ---------- HEADER ---------- */
  header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);}.auto-landing .nav{display:flex;align-items:center;justify-content:space-between;height:137px;}.auto-landing .logo{font-family:'Baloo 2',cursive;font-weight:800;font-size:32px;letter-spacing:-.5px;color:var(--teal);}.auto-landing .logo b{font-weight:800;}.auto-landing .logo span{color:var(--teal);}.auto-landing nav ul{display:flex;gap:30px;list-style:none;align-items:center;}.auto-landing nav a{font-size:16px;font-weight:500;color:#333;}.auto-landing nav a.active, .auto-landing nav a:hover{color:var(--teal);}.auto-landing .phone{font-size:23px;font-weight:800;color:var(--teal);border-left:2px solid #e2e6e9;padding-left:20px;white-space:nowrap;}.auto-landing .menu-toggle{display:none;font-size:26px;background:none;border:none;cursor:pointer;color:#333;}.auto-landing /* ---------- HERO BANNER ---------- */
  .hero-band{background:var(--charcoal);color:#fff;padding:74px 0;}.auto-landing .hero-band .wrap{max-width:1340px;}.auto-landing .hero-band h1{font-size:clamp(24px,2.65vw,37px);font-weight:800;text-align:center;}.auto-landing /* ---------- INTRO ---------- */
  .intro{position:relative;overflow:hidden;background:#eef1f2;}.auto-landing .intro-bg{position:absolute;inset:0;background:url(images/intro-bg.png) center center/cover no-repeat;}.auto-landing .intro-inner{position:relative;display:grid;grid-template-columns:1fr 350px;gap:40px;align-items:center;padding:44px 0;}.auto-landing .intro-inner img{max-width:350px;}.auto-landing .intro h2{font-size:34px;font-weight:800;color:#5b6166;max-width:640px;line-height:1.3;}.auto-landing .intro-inner img{margin:0 auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));}.auto-landing /* ---------- DARK CHALLENGE ---------- */
  .dark-sec{background:var(--charcoal);color:#e9e9ea;padding:56px 0;position:relative;width:80%;margin:34px 0 46px 0;border-radius:0 44px 120px 0;overflow:visible;}.auto-landing .dark-sec .wrap{max-width:none;padding-left:134px;padding-right:24px;}.auto-landing .dark-inner{display:block;}.auto-landing .dark-inner>div:first-child{max-width:821px;}.auto-landing .dark-inner>div:last-child{position:absolute;right:-171px;top:50%;transform:translateY(-50%);width:290px;}.auto-landing .dark-sec p{font-size:19.5px;line-height:1.62;margin-bottom:22px;color:#e2e2e3;}.auto-landing .dark-sec p:last-child{margin-bottom:0;}.auto-landing .dark-inner img{width:100%;max-width:none;margin:0;filter:drop-shadow(0 18px 38px rgba(0,0,0,.35));}.auto-landing /* ---------- TEAL FEATURES ---------- */
  .teal-sec{background:var(--teal);color:#fff;padding:56px 0;}.auto-landing .teal-sec h2{font-size:31px;font-weight:700;text-align:center;margin-bottom:34px;}.auto-landing .teal-sec ul{max-width:none;margin:0;list-style:none;display:grid;grid-template-columns:1fr;gap:9px;}.auto-landing .teal-sec li{font-size:18px;font-weight:500;position:relative;padding-left:26px;}.auto-landing .teal-sec li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:#fff;}.auto-landing /* ---------- GREY BANNER + SERVICES ---------- */
  .grey-band{background:var(--grey-band);color:#fff;padding:40px 0;}.auto-landing .grey-band h2{font-size:32px;font-weight:800;}.auto-landing .services{padding:60px 0;background:#fafbfb;}.auto-landing .services{overflow:hidden;background:#f4f4f4;}.auto-landing .services .inner{display:grid;grid-template-columns:340px 1fr;gap:34px;align-items:center;}.auto-landing .services .inner img{max-width:none;width:420px;margin-left:-92px;}.auto-landing .services p{font-size:16px;color:var(--muted);margin-bottom:16px;}.auto-landing .services p:last-child{margin-bottom:0;}.auto-landing /* ---------- HUMAN + AI ---------- */
  .human-band{background:var(--charcoal);color:#fff;padding:50px 0;}.auto-landing .human-band h2{font-size:30px;font-weight:800;}.auto-landing .human{padding:56px 0;background:#fafbfb;}.auto-landing .human{overflow:hidden;background:#fbfbfb;}.auto-landing .human .inner{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;}.auto-landing .human .inner img{max-width:none;width:470px;transform:translateX(105px);
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%),linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect;
    mask-image:linear-gradient(to right,transparent 0,#000 20%),linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);}.auto-landing .human p{font-size:16px;color:var(--muted);}.auto-landing /* ---------- CTA / FORM ---------- */
  .cta{color:#fff;position:relative;overflow:hidden;padding:76px 0;background-image:url(images/form-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#69c1cf;}.auto-landing .cta .inner{position:relative;display:grid;grid-template-columns:1fr 500px;gap:50px;align-items:center;}.auto-landing .cta h2{font-size:36px;font-weight:800;max-width:520px;line-height:1.18;}.auto-landing .cta .sub{margin-top:18px;font-size:18px;opacity:.92;}.auto-landing .form-card{background:#fff;border-radius:26px;padding:40px;color:#333;}.auto-landing .form-card h3{color:var(--teal);font-size:31px;font-weight:800;margin-bottom:24px;}.auto-landing .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.auto-landing .form-card input, .auto-landing .form-card textarea{width:100%;border:1px solid #d7dde1;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px;margin-bottom:16px;color:#333;}.auto-landing .form-card input::placeholder, .auto-landing .form-card textarea::placeholder{color:var(--teal);opacity:.85;}.auto-landing .form-card textarea{min-height:92px;resize:vertical;}.auto-landing .submit{background:var(--teal);color:#fff;border:none;border-radius:12px;padding:15px 44px;font-size:17px;font-weight:700;cursor:pointer;display:block;margin:6px auto 0;}.auto-landing .submit:hover{background:var(--teal-dark);}.auto-landing /* ---------- FOOTER ---------- */
  footer{background:var(--footer);color:#c7ccd1;padding:60px 0 38px;}.auto-landing .foot-grid{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:44px;}.auto-landing footer h4{color:#fff;font-size:18px;margin-bottom:20px;font-weight:600;}.auto-landing .foot-links{list-style:none;display:grid;gap:12px;}.auto-landing .foot-links li{border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:10px;display:flex;justify-content:space-between;font-size:15px;cursor:pointer;}.auto-landing .foot-links li:hover{color:#fff;}.auto-landing .blogs{list-style:none;display:grid;gap:16px;}.auto-landing .blogs li{border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:14px;font-size:14px;display:flex;gap:12px;justify-content:space-between;}.auto-landing .about-logo{font-size:29px;font-weight:800;margin-bottom:14px;}.auto-landing .about-logo span{color:var(--teal);}.auto-landing .contact-line{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:15px;}.auto-landing .social{display:flex;gap:12px;margin-top:20px;}.auto-landing .social a{width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px;}.auto-landing .fb{background:#3b5998;}.auto-landing .li{background:#0a66c2;}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:900px){.auto-landing .nav{height:70px;}.auto-landing nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:18px 24px;gap:16px;box-shadow:0 12px 24px rgba(0,0,0,.12);}.auto-landing nav ul.open{display:flex;}.auto-landing .phone{display:none;}.auto-landing .menu-toggle{display:block;}.auto-landing .hero-band h1{font-size:26px;white-space:normal;}.auto-landing .dark-inner>div:first-child{max-width:none !important;}.auto-landing .human .inner img, .auto-landing .services .inner img{width:100% !important;max-width:340px !important;margin:0 auto !important;transform:none !important;-webkit-mask-image:none !important;mask-image:none !important;}.auto-landing .intro-inner img{max-width:82%;}.auto-landing .teal-sec ul{grid-template-columns:1fr;}.auto-landing .intro h2{font-size:25px;}.auto-landing .dark-sec p{font-size:16px;}.auto-landing .grey-band h2, .auto-landing .human-band h2{font-size:23px;}.auto-landing .cta h2{font-size:27px;}.auto-landing .uc-text h3{font-size:22px;}.auto-landing .foot-grid{grid-template-columns:1fr;gap:30px;}.auto-landing .form-card{padding:26px;}.auto-landing .form-row{grid-template-columns:1fr;}
  }


/* --- JotForm embed inside the CTA card --- */
.auto-landing .form-card{padding:18px;}
.auto-landing .form-card iframe{border:0 !important;width:100%;display:block;border-radius:14px;}
@media(max-width:900px){
  .auto-landing .form-card{padding:12px;}
}