:root{
        --orange:#ff5a00;--orange2:#ff7a18;--black:#070707;--panel:#111;--line:#252525;
        --text:#f5f5f5;--muted:#9a9a9a;  --sb-track-color: #232E33;
  --sb-thumb-color: #ff5a00;
  --sb-size: 7px;
      }
      *{box-sizing:border-box}
      html{scroll-behavior:smooth}
      body{margin:0;background:var(--black);color:var(--text);font-family:Inter,Arial,sans-serif}
			body::-webkit-scrollbar {
  width: var(--sb-size);
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1px;
}

@supports not selector(::-webkit-scrollbar) {
  body {
      scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}
      a{color:inherit;text-decoration:none}
      .container{max-width:1200px;margin:auto;padding:0 28px}
      .hero{height:760px;min-height:680px;position:relative;background:#080808 url("https://www.motoringresearch.com/wp-content/uploads/2020/12/mclaren-gt-4.jpg") center/cover no-repeat;overflow:hidden}
      .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.42) 50%,rgba(0,0,0,.1)),linear-gradient(0deg,#070707,transparent 35%)}
      .nav{position:absolute;z-index:10;left:0;right:0;top:38px;max-width:1200px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}
      .logo{font-weight:900;letter-spacing:3px}.logo span{color:var(--orange)}
      .nav-btn{border:1px solid rgba(255,255,255,.2);padding:10px 18px;border-radius:8px;font-size:13px}
      .nav-btn:hover{background: var(--orange);}
      .hero-content{position:relative;z-index:2;max-width:1200px;margin:auto;padding:210px 28px 0}
      .eyebrow{color:#ff8650;font-size:12px;letter-spacing:3px;font-weight:800}
      h1{font-size:clamp(70px,10vw,130px);line-height:.82;letter-spacing:-6px;margin:25px 0}
      h1 span{color:var(--orange)}
      .hero p{max-width:500px;font-size:18px;color:#d0d0d0;line-height:1.7;margin-bottom:30px}
      .btn{display:inline-flex;border:0;cursor:pointer;align-items:center;justify-content:center;padding:15px 24px;border-radius:9px;font-weight:900}
      .btn-orange{background:var(--orange);color:#fff;box-shadow:0 10px 35px rgba(255,90,0,.18)}
      .full{width:100%}
      .spec-section{padding:95px 0;background:#0a0a0a;border-bottom:1px solid var(--line)}
      .section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}
      h2{font-size:48px;line-height:1;margin:15px 0}
      .section-heading p{max-width:430px;color:var(--muted);line-height:1.7}
      .specs{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}
      .specs>div{border:1px solid var(--line);background:#101010;border-radius:15px;padding:28px}
      .specs strong{display:block;font-size:38px}.specs span{color:var(--muted);font-size:13px}
      .booking-section{padding:100px 0}
      .booking-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:start}
      .booking-info h2{font-size:58px;max-width:600px}
      .booking-info>p{color:var(--muted);line-height:1.8;max-width:590px}
      .info-card{display:flex;gap:50px;margin:40px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
      .info-card span,.price-panel span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
      .included h3{font-size:16px}.included ul{list-style:none;padding:0;color:#bbb;line-height:2}
      .booking-card{background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.3)}
      .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
      .field{margin-bottom:17px}
      label{display:block;font-size:12px;color:#bbb;margin-bottom:7px}
      input,textarea{width:100%;border:1px solid #2b2b2b;background:#080808;color:#fff;border-radius:9px;padding:13px;outline:none}
      input:focus,textarea:focus{border-color:var(--orange)}
      .price-panel{display:flex;justify-content:space-between;background:#090909;border:1px solid var(--line);padding:18px;border-radius:12px;margin:10px 0 17px}
      .price-panel strong{font-size:21px}
      .form-message{display:none;margin-top:15px;padding:13px;border-radius:9px;background:#0b0b0b;color:#ddd;font-size:13px;line-height:1.5}
      .form-message.show{display:block}
      footer{border-top:1px solid var(--line);padding:30px 28px;display:flex;justify-content:space-between;color:#777;font-size:12px}

      /* Hamburger menu */
      .hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1000}
      .hamburger-line{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}
      .nav-menu{display:flex;gap:12px}
      .nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}
      .nav-overlay.active{opacity:1;visibility:visible}

      @media(max-width:850px){
    input,
    textarea {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #2b2b2b;
        background: #080808;
        color: #fff;
        border-radius: 9px;
        padding: 13px;
        outline: none;
        text-align: left;
        font-size: 16px;
    }
		   input[type="date"] {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;

        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;

        padding: 13px !important;

        border: 1px solid #2b2b2b !important;
        border-radius: 9px !important;

        background: #080808 !important;
        color: #fff !important;

        font-size: 16px !important;
        font-family: inherit !important;

        -webkit-appearance: none !important;
        appearance: none !important;
    }

    input[type="date"]::-webkit-date-and-time-value {
        min-height: 22px;
        text-align: left;
    }    
		input[type="time"]::-webkit-date-and-time-value {
        min-height: 22px;
        text-align: left;
    }

        .hero{height:680px;background-position:62% center}
        .section-heading,.booking-grid{grid-template-columns:1fr;display:grid}
        .specs{grid-template-columns:1fr 1fr}.booking-grid{gap:40px}
        .booking-info h2{font-size:45px}

        .hamburger{display:flex}
        .nav-menu{position:fixed;top:0;right:-100%;width:100%;max-width:300px;height:100vh;background:rgba(7,7,7,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;z-index:999;padding:0}
        .nav-menu.active{right:0}
        .nav-menu .nav-btn{border-radius:0;border:none;font-size:1.1rem;padding:12px 24px;width:100%;text-align:center}
        .hamburger.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}
        .hamburger.active .hamburger-line:nth-child(2){opacity:0}
        .hamburger.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
        .nav{padding:20px 28px}
      }
          @media(min-width:850px){
				.nav-overlay.active {
				display: none; 
   
}	
      }
      @media(max-width:560px){
        .container{padding:0 18px}.hero-content{padding:190px 20px 0}
        h1{font-size:72px;letter-spacing:-4px}.hero p{font-size:16px}
        .specs,.form-row{grid-template-columns:1fr}.spec-section,.booking-section{padding:70px 0}
        h2{font-size:38px}.info-card{gap:25px;flex-direction:column}
        footer{padding:25px 18px}
        .nav-menu{max-width:100%}
      }