:root { --ink:#09121c; --ink-2:#111e2c; --slate:#5e6a78; --cloud:#eef1f4; --paper:#fafafa; --white:#fff; --gold:#c9a05b; --gold-light:#e8d4aa; --line:rgba(9,18,28,.14); --display:"Changa",sans-serif; --body:"Noto Kufi Arabic",sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden} a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-5rem;right:1rem;z-index:100;background:#fff;color:var(--ink);padding:.8rem;border-radius:.3rem}.skip-link:focus{top:1rem}
.hero{position:relative;min-height:800px;height:100svh;color:#fff;overflow:hidden;background:var(--ink)}.hero-media{position:absolute;inset:0;background:url("assets/car-hero.png") center center/cover no-repeat;animation:hero-in 1.5s both ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,20,.18),rgba(5,12,20,.1) 28%,rgba(5,12,20,.82) 69%,rgba(5,12,20,.94)),linear-gradient(0deg,rgba(5,12,20,.58),transparent 42%)}
.site-header{position:relative;z-index:2;height:104px;padding:0 clamp(1.25rem,5vw,6rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:inline-flex;align-items:center;gap:.65rem;color:#fff;font-family:var(--display);font-size:1.45rem;font-weight:700;letter-spacing:-.07em}.brand-name{font-family:var(--display);letter-spacing:-.02em}.brand-monogram{display:grid;place-items:center;width:2.45rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-family:Georgia,serif;font-size:1.35rem;font-style:italic;color:var(--gold)}.header-actions{display:flex;align-items:center;gap:1.6rem;font-size:.68rem}.uae-mark{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.65)}.uae-mark i{width:.38rem;height:.38rem;background:var(--gold);border-radius:50%}.header-phone{font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:.02em}
.hero-inner{position:relative;z-index:1;min-height:calc(100% - 104px);padding:clamp(4.3rem,9vh,8.2rem) clamp(1.25rem,8vw,9.8rem) 5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;direction:ltr}.hero-copy{direction:rtl;width:min(510px,48vw);text-align:right;margin-top:clamp(0rem,6vh,4rem)}.kicker,.section-label{font-size:.68rem;font-weight:700;letter-spacing:.03em;margin:0 0 1.2rem;color:var(--gold)}.kicker{color:rgba(255,255,255,.75);display:flex;align-items:center;gap:.55rem}.kicker span{width:2rem;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.065em}h1{font-size:clamp(3.25rem,6vw,6.1rem);line-height:1.17;margin:0 0 1.4rem;font-weight:700}h1 strong{color:var(--gold);font-weight:800}.hero-description{max-width:29rem;margin:0;color:rgba(255,255,255,.74);font-size:.83rem;line-height:2.1}.hero-cta,.contact-buttons{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.15rem;border-radius:2px;font-size:.72rem;font-weight:700;transition:.22s transform,.22s background,.22s color}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--gold);color:var(--ink);box-shadow:5px 5px 0 rgba(0,0,0,.45)}.whatsapp{font-size:1.2rem;line-height:1}.btn-ghost{color:#fff;border-bottom:1px solid rgba(255,255,255,.65);border-radius:0;min-height:38px;padding-inline:.1rem}
.quick-card{direction:rtl;width:255px;background:rgba(8,18,28,.67);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);padding:1.2rem 1.2rem .4rem;margin-top:clamp(0rem,12vh,7.5rem)}.quick-card>p{font-size:.67rem;color:var(--gold-light);margin:0 0 .8rem}.quick-row{display:grid;grid-template-columns:2rem 1fr 1rem;gap:.5rem;align-items:center;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.13);font-size:.64rem}.quick-icon{font-family:var(--display);font-size:.72rem;color:var(--gold)}.quick-row i{font-style:normal;color:var(--gold);font-size:.76rem}.scroll-cue{position:absolute;z-index:2;bottom:1.9rem;right:clamp(1.25rem,8vw,9.8rem);display:flex;align-items:center;gap:.55rem;font-size:.57rem;color:rgba(255,255,255,.65);writing-mode:vertical-rl}.scroll-cue span{height:2.4rem;border-right:1px solid var(--gold)}
.ticker{height:74px;background:var(--gold);display:flex;align-items:center;overflow:hidden;white-space:nowrap;direction:ltr}.ticker-track{display:flex;align-items:center;flex:0 0 auto;width:max-content;animation:marquee 35s linear infinite;font-family:var(--display);font-size:1rem;color:var(--ink);direction:ltr;will-change:transform}.ticker-group{display:flex;align-items:center;justify-content:space-around;gap:1.7rem;flex:0 0 auto;min-width:100vw;padding-inline-end:1.7rem;direction:rtl}.ticker-track i{font-style:normal;font-size:.65rem}
.section{padding:clamp(5rem,9vw,10rem) clamp(1.25rem,8vw,9.8rem)}.intro{display:grid;grid-template-columns:1.18fr .82fr;align-items:end;gap:clamp(2rem,10vw,12rem);background:#fff}.section-label{color:#8c6c38}.intro h2,.types-head h2,.how h2,.coverage h2,.faq h2,.contact h2{font-size:clamp(2.7rem,4.8vw,5.4rem);line-height:1.35;margin:0}.intro h2 em,.how h2 em,.contact h2 em{font-style:normal;color:var(--gold)}.intro-body>p{color:var(--slate);font-size:.81rem;line-height:2.2;margin:0 0 2.3rem}.intro-stats{display:flex;gap:2.3rem}.intro-stats div{display:flex;align-items:center;gap:.8rem}.intro-stats strong{font-family:var(--display);font-size:2.45rem;line-height:1;color:var(--gold)}.intro-stats span{font-size:.64rem;line-height:1.75;color:#52606e}
.vehicle-types{background:var(--cloud)}.types-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3.4rem}.type-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1rem}.type-card{position:relative;min-height:330px;background:#f9fafb;padding:2rem;display:flex;flex-direction:column;border:1px solid rgba(9,18,28,.04);overflow:hidden}.type-featured{background:var(--ink-2);color:#fff}.card-index{font-family:var(--display);font-size:.8rem;color:#a6b0b8}.type-featured .card-index{color:var(--gold)}.type-card h3{font-family:var(--display);font-size:1.65rem;line-height:1.55;letter-spacing:-.06em;margin:auto 0 .7rem}.type-card p{position:relative;z-index:1;max-width:22rem;color:#64717d;font-size:.69rem;line-height:2}.type-featured p{color:rgba(255,255,255,.7)}.type-card a{position:relative;z-index:1;align-self:flex-start;border-bottom:1px solid var(--gold);padding-bottom:.35rem;font-size:.65rem;font-weight:700;color:var(--gold)}.type-card a span{margin-right:.25rem;font-size:1rem}.type-symbol{position:absolute;left:1.6rem;bottom:-1.6rem;font-family:Georgia,serif;font-size:11rem;color:rgba(9,18,28,.06);line-height:1}.type-featured:after{content:"";position:absolute;width:17rem;height:17rem;border:1px solid rgba(201,160,91,.38);border-radius:50%;left:-7rem;top:-7rem;box-shadow:0 0 0 25px rgba(201,160,91,.05),0 0 0 50px rgba(201,160,91,.04)}
.how{background:#fff;display:grid;grid-template-columns:.77fr 1.23fr;gap:clamp(3rem,11vw,13rem);align-items:start}.how-aside>p:not(.section-label){max-width:22rem;color:var(--slate);font-size:.76rem;line-height:2.1;margin:1.4rem 0 1.6rem}.simple-link{border-bottom:1px solid var(--ink);padding-bottom:.35rem;font-size:.67rem;font-weight:700}.simple-link span{color:var(--gold);margin-right:.4rem}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:5.4rem 1fr;gap:1.3rem;padding:1.6rem 0;border-bottom:1px solid var(--line);align-items:start}.step-number{font-family:var(--display);font-size:1.65rem;color:var(--gold);line-height:1}.steps h3{font-family:var(--display);font-size:1.35rem;letter-spacing:-.05em;margin:0 0 .55rem}.steps p{max-width:34rem;color:var(--slate);font-size:.71rem;line-height:2;margin:0}
.coverage{position:relative;background:var(--ink);color:#fff;padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,8vw,9.8rem);display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(3rem,11vw,11rem);overflow:hidden}.coverage:before{content:"07";position:absolute;left:-.05em;bottom:-.3em;color:rgba(255,255,255,.035);font-family:var(--display);font-size:22rem;line-height:1}.coverage .section-label{color:var(--gold)}.coverage h2{position:relative;z-index:1;font-size:clamp(2.7rem,4.7vw,5rem)}.emirates-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15)}.emirates-grid span{padding:1.25rem;background:var(--ink);font-family:var(--display);font-size:1rem;color:rgba(255,255,255,.8)}.emirates-grid span:last-child{grid-column:span 3;color:var(--gold)}
.faq{background:#fff;display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(3rem,11vw,12rem)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1.25rem 0}summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;cursor:pointer;font-size:.78rem;font-weight:700;line-height:1.8}summary::-webkit-details-marker{display:none}summary b{font-size:1.2rem;font-weight:400;color:var(--gold);transition:.2s transform}details[open] summary b{transform:rotate(45deg)}details p{max-width:36rem;margin:.8rem 0 0;color:var(--slate);font-size:.7rem;line-height:2}
.contact{position:relative;min-height:560px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:5rem 1.25rem}.contact-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,28,.88),rgba(9,18,28,.57)),url("assets/car-hero.png") center/cover no-repeat;filter:grayscale(1);opacity:.4}.contact-content{position:relative;z-index:1}.contact .section-label{color:var(--gold)}.contact h2{font-size:clamp(3rem,5.2vw,5.8rem);line-height:1.3}.contact-content>p:not(.section-label){margin:1.1rem 0 0;color:rgba(255,255,255,.72);font-size:.76rem}.contact-buttons{justify-content:center}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.site-footer{min-height:115px;background:#060d14;color:rgba(255,255,255,.53);padding:0 clamp(1.25rem,5vw,6rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.58rem}.site-footer .brand{font-size:1.2rem}.site-footer .brand-monogram{width:2rem}.site-footer p{margin:0}.mobile-cta{display:none}
.reveal{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes marquee{to{transform:translateX(-33.333333%)}}
@media(max-width:850px){.hero{height:auto;min-height:760px}.hero-inner{min-height:650px;padding-top:4rem}.hero-copy{width:min(590px,100%)}.quick-card{display:none}.intro,.how,.coverage,.faq{grid-template-columns:1fr;gap:2.5rem}.type-grid{grid-template-columns:1fr 1fr}.type-featured{grid-column:span 2}.types-head{display:block}.types-head h2{margin-top:1rem}.coverage{gap:2.8rem}}
@media(max-width:600px){body{padding-bottom:67px}.hero{min-height:790px}.hero-media{background-position:65% center}.hero-shade{background:linear-gradient(0deg,rgba(5,12,20,.9),rgba(5,12,20,.45) 62%,rgba(5,12,20,.36)),linear-gradient(90deg,rgba(5,12,20,.4),rgba(5,12,20,.12))}.site-header{height:75px;padding:0 1.1rem}.brand{font-size:1.2rem}.brand-monogram{width:2.05rem}.header-actions .uae-mark{display:none}.header-phone{font-size:.86rem}.hero-inner{min-height:715px;padding:4.2rem 1.25rem 5rem;display:block}.hero-copy{margin:0}.kicker{font-size:.58rem;margin-bottom:1rem}.kicker span{width:1.4rem}h1{font-size:clamp(3rem,14.5vw,4.35rem);line-height:1.32;margin-bottom:1rem}.hero-description{font-size:.71rem;line-height:2;max-width:21rem}.hero-cta{margin-top:1.55rem;flex-direction:column;align-items:stretch}.btn{width:100%;font-size:.66rem}.btn-ghost{width:max-content;align-self:center}.scroll-cue{right:auto;left:1rem;bottom:1.6rem}.ticker{height:58px}.ticker-track{font-size:.76rem}.ticker-group{gap:1.15rem;padding-inline-end:1.15rem}.section{padding:4.3rem 1.25rem}.section-label{font-size:.59rem;margin-bottom:.85rem}.intro h2,.types-head h2,.how h2,.coverage h2,.faq h2{font-size:clamp(2.3rem,10.8vw,3.15rem);line-height:1.5}.intro-body>p{font-size:.69rem;margin-bottom:1.65rem}.intro-stats{gap:1.3rem}.intro-stats strong{font-size:2rem}.intro-stats span{font-size:.57rem}.type-grid{grid-template-columns:1fr}.type-featured{grid-column:auto}.type-card{min-height:240px;padding:1.55rem}.type-card h3{font-size:1.45rem}.type-card p{font-size:.63rem}.type-symbol{font-size:8rem}.how{gap:2rem}.how-aside>p:not(.section-label){font-size:.67rem;margin:1rem 0 1.4rem}.steps li{grid-template-columns:3.5rem 1fr;gap:.7rem;padding:1.3rem 0}.step-number{font-size:1.3rem}.steps h3{font-size:1.1rem}.steps p{font-size:.64rem}.coverage{padding:4rem 1.25rem;gap:2rem}.emirates-grid span{font-size:.76rem;padding:1rem}.coverage:before{font-size:14rem}.faq{gap:1.9rem}.faq-list{margin-top:0}summary{font-size:.68rem}details p{font-size:.64rem}.contact{min-height:520px;padding:4.2rem 1.25rem}.contact h2{font-size:clamp(2.7rem,12.2vw,3.7rem);line-height:1.47}.contact-content>p:not(.section-label){font-size:.68rem;line-height:1.9}.contact-buttons{flex-direction:column}.btn-outline{width:100%}.site-footer{min-height:120px;padding:1.8rem 1.25rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.site-footer .brand{grid-column:span 2}.mobile-cta{position:fixed;z-index:20;right:0;bottom:0;left:0;height:67px;display:grid;grid-template-columns:1fr 1.15fr;box-shadow:0 -8px 23px rgba(0,0,0,.25)}.mobile-cta a{display:flex;align-items:center;justify-content:center;gap:.45rem;background:#fff;color:var(--ink);font-size:.69rem;font-weight:700}.mobile-cta a:last-child{background:var(--gold)}.mobile-cta span{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}