:root{--bg:#07131f;--panel:#0e2030;--blue:#2fbaff;--muted:#9caebc;--line:#244050;--white:#f6fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}h1,h2,h3,.brand,.btn,.kicker{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{display:flex;justify-content:space-between;padding:10px max(5%,calc((100vw - 1300px)/2));font-size:11px;letter-spacing:.12em;background:#0d2333;color:#c6d8e3;text-transform:uppercase}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:5;background:#07131f}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:25px;letter-spacing:-.045em;line-height:1}.brand b,.footer-brand span{color:var(--blue)}.brand small{display:block;color:#91a8b8;font-size:9px;letter-spacing:.25em;margin-top:6px}.brand-icon{display:grid;place-items:center;position:relative;width:45px;height:45px;border:2px solid var(--blue);transform:skew(-8deg);font-size:28px}.brand-icon span{font-size:11px;position:absolute;right:2px;top:2px;color:var(--blue)}nav{display:flex;align-items:center;gap:31px}nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}nav a:hover{color:var(--blue)}nav .nav-cta{padding:16px 22px;background:var(--blue);color:#04131d}.menu-toggle{display:none}.hero{min-height:670px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-visual{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,28,.85) 0%,rgba(4,16,28,.4) 70%),url('hero.jpg') center 54%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07131f 0%,transparent 35%),linear-gradient(90deg,#07131f 0%,transparent 85%)}.hero-inner{position:relative;z-index:1;max-width:850px;margin-left:7%;padding:95px 0}.eyebrow,.kicker{font-weight:800;font-size:12px;letter-spacing:.22em;color:var(--blue)}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #2fbaff22;margin-right:12px}.hero h1{font-size:clamp(52px,7.5vw,105px);letter-spacing:-.055em;line-height:.96;margin:30px 0;font-weight:800}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:560px;color:#d1dce6;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:36px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 25px;font-size:12px;font-weight:800;letter-spacing:.09em;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#051522}.btn-outline{border-color:#668395;background:#08172488;color:white}.hero-tags{display:flex;flex-wrap:wrap;gap:25px;color:#d6e5ec;font-size:12px}.hero-side{position:absolute;right:20px;bottom:90px;writing-mode:vertical-rl;letter-spacing:.3em;font-size:10px;color:#9db7c6}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#102838;border-block:1px solid #244152;padding:30px 6%;gap:20px}.trust-strip div{display:flex;align-items:center;gap:17px}.trust-strip strong{color:var(--blue);font:700 24px Outfit}.trust-strip span{font-size:11px;font-weight:700;letter-spacing:.1em}.section{padding:110px 7%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.section h2,.feature h2{font-size:clamp(44px,5.5vw,77px);line-height:1;letter-spacing:-.045em;margin:18px 0 0}.section h2 span,.feature h2 span{color:var(--blue)}.section-head p{max-width:400px;line-height:1.8;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:#0a1b29;padding:38px;min-height:295px;transition:background .2s}.service-card:hover{background:#132d40}.service-number{color:#60849b;font-size:12px}.service-icon{color:var(--blue);font-size:43px;margin:23px 0 15px}.service-card h3{font-size:23px;margin:0 0 12px}.service-card p{font-size:14px;color:#9db0c0;line-height:1.75;margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:#102536}.feature-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#20618a,#0a2133 65%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:35px 35px;transform:perspective(500px) rotateX(35deg) scale(1.4)}.feature-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(120px,18vw,260px) Outfit;letter-spacing:-.14em;text-shadow:0 20px 60px #0006}.feature-symbol span{color:var(--blue);font-size:.6em;align-self:center}.feature-label{position:absolute;top:45px;left:45px;font-size:12px;letter-spacing:.25em;color:#d5e5ef}.feature-content{padding:90px 12%}.feature-content>p{color:#afc2cf;line-height:1.85}.feature-list{margin:30px 0}.feature-list div{padding:17px 0;border-bottom:1px solid #345063;display:grid;grid-template-columns:35px 1fr}.feature-list span{grid-row:span 2;color:var(--blue)}.feature-list small{color:#94afc0;margin-top:5px}.text-link{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}.booking-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:#081925}.booking-intro p{color:#a7bccc;line-height:1.85;font-size:16px}.booking-points{display:grid;gap:18px;color:#cce0ed;font-size:14px;margin-top:30px}.form-shell{background:#112b3b;padding:38px;border:1px solid #315063}.form-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:25px;border-bottom:1px solid #345264;margin-bottom:25px}.form-heading span{font-weight:800;letter-spacing:.12em;font-size:13px}.form-heading small,.form-note{font-size:11px;color:#9bb4c4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;color:#d2e2ed;font-weight:700;margin-bottom:18px}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:14px;background:#071c2b;color:white;border:1px solid #365367;border-radius:0;outline:none;margin-top:9px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--blue)}input::placeholder,textarea::placeholder{color:#7c98a8}select option{background:#071c2b}.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}.consent input{margin-top:3px}.form-submit{width:100%}.hidden{display:none}.about-section{background:#0c2130;max-width:none}.about-section p{max-width:740px;font-size:19px;line-height:1.8;color:#b7c9d4;margin:28px 0 35px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-section>div>p{color:#a9bdca;line-height:1.8}.contact-card{border:1px solid #315064;padding:36px;background:#102638}.contact-card h3{font-size:25px}.contact-card>div:not(.contact-actions){display:grid;gap:8px;border-top:1px solid #355064;padding:20px 0}.contact-card small{font-size:11px;letter-spacing:.18em;color:var(--blue)}.contact-card a:not(.btn){color:#9bcce7;font-size:13px}footer{padding:50px 7%;background:#050e17;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#91a5b4;font-size:12px}footer a{margin-right:20px}.footer-brand{font:800 25px Outfit;color:white}.footer-brand small{font-size:12px}.chat-launch{position:fixed;right:25px;bottom:25px;z-index:10;background:var(--blue);color:#061624;border:0;padding:17px 20px;box-shadow:0 12px 35px #0008;font-weight:800;font-size:12px;letter-spacing:.08em}.chat-panel{position:fixed;right:25px;bottom:85px;width:min(380px,calc(100vw - 30px));height:490px;max-height:calc(100dvh - 115px);background:#0b2232;border:1px solid #3b6c87;z-index:11;box-shadow:0 15px 70px #000b;display:flex;flex-direction:column}.chat-panel[hidden]{display:none}.chat-header{background:#173c53;padding:17px;display:flex;justify-content:space-between}.chat-header strong{font-size:13px}.chat-header small{display:block;color:#b6d1df;font-size:11px;margin-top:5px}.chat-header button{border:0;background:transparent;color:white;font-size:25px}.chat-messages{padding:18px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.bot-bubble,.user-bubble{padding:12px 14px;max-width:90%;font-size:13px;line-height:1.6}.bot-bubble{background:#1b3a4c;align-self:flex-start}.bot-bubble a{color:#6bd2ff;text-decoration:underline}.user-bubble{background:#176a97;align-self:flex-end}.chat-quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px}.chat-quick button{background:#17384a;border:1px solid #38617a;color:#c9e7f7;padding:8px;font-size:11px}.chat-input{display:flex;padding:8px}.chat-input input{margin:0!important}.chat-input button{background:var(--blue);border:0;width:45px}.chat-disclaimer{font-size:10px;padding:5px 12px 12px;color:#a5b8c5}.thankyou{min-height:100vh;display:grid;place-items:center;padding:30px}.thankyou>div{max-width:600px}.thankyou h1{font:800 70px Outfit;margin:20px 0}.thankyou p{line-height:1.8;color:#b4c8d5;margin-bottom:30px}@media(max-width:900px){.header{height:70px}.menu-toggle{display:block;background:transparent;color:white;border:0;font-size:27px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0a1c2b;padding:25px;flex-direction:column;align-items:stretch;gap:22px}nav.open{display:flex}.topbar span:last-child{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.feature,.booking-section,.contact-section{grid-template-columns:1fr}.feature-art{min-height:350px}.feature-content{padding:60px 7%}.booking-section{gap:30px}}@media(max-width:600px){.hero{min-height:660px}.hero-inner{margin:0;padding:80px 6%}.hero h1{font-size:clamp(47px,11vw,70px)}.hero p{font-size:15px}.hero-tags{gap:12px}.hero-side{display:none}.trust-strip{grid-template-columns:repeat(2,1fr);padding:25px 6%}.trust-strip div{align-items:flex-start}.trust-strip span{font-size:10px}.section{padding:75px 6%}.section-head{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.form-shell{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.form-heading{display:block}.form-heading small{display:block;margin-top:8px}.chat-launch{right:12px;bottom:12px}.chat-panel{right:12px;bottom:70px}.contact-card{padding:25px}}

/* Gulf Auto official: unbranded luxury SUV hero */
.hero-visual{background:linear-gradient(90deg,#07131f 0%,rgba(7,19,31,.97) 24%,rgba(7,19,31,.7) 48%,rgba(7,19,31,.1) 100%),url('luxury-suv.jpg') right center/auto 100% no-repeat;background-color:#07131f}
.hero-inner{max-width:780px}.hero h1{font-size:clamp(50px,6.5vw,92px)}
@media(max-width:700px){.hero-visual{background:linear-gradient(0deg,#07131f 0%,rgba(7,19,31,.88) 52%,rgba(7,19,31,.3) 100%),url('luxury-suv.jpg') center top/auto 55% no-repeat;background-color:#07131f}.hero-inner{padding-top:210px}.hero h1{font-size:clamp(44px,10vw,65px)}}