:root{--bg:#060809;--panel:#0b0e0f;--gold:#e5b52d;--gold2:#ffd75c;--text:#f7f7f4;--muted:#b8b8b3;--line:rgba(229,181,45,.28);--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{height:74px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:100;background:rgba(4,7,8,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand b,.footer-brand b{font-size:29px;letter-spacing:6px;color:var(--gold2)}.brand span,.footer-brand span{font-size:7px;letter-spacing:3px;margin-top:6px}.site-header nav{margin-left:auto;display:flex;gap:27px}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900}.site-header nav a:hover{color:var(--gold2)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:linear-gradient(135deg,#f7d464,#dca321);border:1px solid #efc856;color:#080808;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:12px}.outline{background:rgba(0,0,0,.28);color:#fff;border-color:var(--gold)}.header-cta{min-height:42px;padding:0 20px}.menu{display:none}.hero{height:560px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;background:url('assets/jalla-hero.jpg') center 46%/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,5,.98) 0%,rgba(2,4,5,.88) 31%,rgba(2,4,5,.25) 56%,rgba(2,4,5,.02) 100%)}.hero-copy{position:relative;z-index:2}.kicker{margin:0 0 12px;color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:3px}.hero h1{font-size:clamp(43px,4.1vw,64px);line-height:1.01;letter-spacing:-2px;max-width:650px;margin:0 0 18px}.hero em,.miles em,.how em{font-style:normal;color:var(--gold2)}.lead{max-width:560px;font-size:17px;margin:0 0 10px}.sublead{max-width:550px;color:#d2d2cf;font-size:15px;margin:0}.actions{display:flex;gap:12px;margin-top:25px}.benefits{display:grid;grid-template-columns:repeat(5,1fr);background:#090c0d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits article{padding:24px 20px;min-height:138px;display:flex;gap:14px;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits article>span{font-size:28px;color:var(--gold2);font-weight:900}.benefits b{display:block;text-transform:uppercase;font-size:12px;line-height:1.25}.benefits p{font-size:11px;color:var(--muted);margin:8px 0 0}.miles{padding:72px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.miles h2,.how h2,.faq h2,.reserve h2{font-size:clamp(34px,3.6vw,50px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 20px}.miles>div>p:not(.kicker){color:#d0d0cc;font-size:16px;max-width:680px}.miles aside{min-height:230px;padding:38px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(229,181,45,.18),transparent 42%),#0a0d0e}.miles aside small{letter-spacing:3px}.miles aside strong{font-size:29px;color:var(--gold2);padding:8px 0 12px;border-bottom:2px solid var(--gold)}.miles aside i{margin-top:14px;letter-spacing:4px}.how{padding:72px 0;background:#f3f1ec;color:#0b0c0d}.center{text-align:center}.how .kicker{color:#9b7412}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.steps article{background:#fff;border:1px solid #ddd7ca;padding:30px}.steps article>b{font-size:38px;color:#c79417}.steps h3{margin:10px 0 7px;font-size:21px}.steps p{margin:0;color:#555}.faq{padding:72px 0;max-width:900px}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px;font-weight:800;list-style:none}.faq summary:after{content:'+';float:right;color:var(--gold2);font-size:24px}.faq details[open] summary:after{content:'–'}.faq details p{color:var(--muted)}.reserve{padding:70px 0;border-top:1px solid var(--line);background:linear-gradient(100deg,#171106,#090b0c 65%)}.reserve-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.reserve-grid>div>p:not(.kicker){color:var(--muted);font-size:16px}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.phone{font-size:25px;color:var(--gold2);font-weight:900;text-decoration:none}.contact span{color:var(--muted)}footer{border-top:1px solid #202326;padding:36px 0 105px;color:#999}footer .shell{display:grid;grid-template-columns:auto 1fr;gap:12px 50px;align-items:center}.footer-brand{display:flex;flex-direction:column}.footer-brand b{font-size:24px}footer p{text-align:right}footer small{grid-column:1/-1;border-top:1px solid #202326;padding-top:16px}.mobile-reserve{display:none}
@media(max-width:1000px){.site-header nav{gap:16px}.benefits{grid-template-columns:repeat(3,1fr)}.benefits article:nth-child(3){border-right:0}.benefits article:nth-child(-n+3){border-bottom:1px solid var(--line)}.hero-art{background-position:57% 46%}}
@media(max-width:760px){html{scroll-padding-top:72px}.shell{width:calc(100% - 36px)}.site-header{height:72px;padding:0 18px}.brand b{font-size:27px}.header-cta{display:none}.menu{display:flex;margin-left:auto;width:46px;height:46px;border:0;background:transparent;padding:8px;flex-direction:column;justify-content:center;gap:6px}.menu i{height:3px;background:var(--gold2);width:100%}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#070a0b;padding:10px 20px 18px;border-bottom:1px solid var(--line);flex-direction:column;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:14px 4px;border-bottom:1px solid #1f2324;font-size:13px}.hero{height:auto;min-height:680px;align-items:flex-end;padding-top:265px}.hero-art{height:310px;bottom:auto;background-size:cover;background-position:61% 52%;transform:none}.hero-overlay{background:linear-gradient(0deg,#060809 0%,#060809 52%,rgba(6,8,9,.45) 74%,rgba(6,8,9,.04) 100%)}.hero-copy{padding-bottom:34px}.hero h1{font-size:clamp(38px,11vw,51px);letter-spacing:-1.5px;max-width:none}.lead{font-size:17px}.sublead{display:none}.actions{flex-direction:column}.actions .button{width:100%}.benefits{grid-template-columns:repeat(2,1fr)}.benefits article,.benefits article:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px}.benefits article:nth-child(even){border-right:0}.benefits article:last-child{grid-column:1/-1;border-right:0}.miles,.reserve-grid{grid-template-columns:1fr;gap:28px}.miles{padding:56px 0}.miles aside{min-height:190px;padding:28px}.how,.faq,.reserve{padding:56px 0}.steps{grid-template-columns:1fr}.steps article{padding:26px}footer .shell{grid-template-columns:1fr}footer p{text-align:left;margin:4px 0}.mobile-reserve{display:flex;position:fixed;z-index:95;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));height:54px;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7d464,#dca321);color:#080808;text-decoration:none;font-weight:900;font-size:13px;border:1px solid #f0cc65;box-shadow:0 8px 30px rgba(0,0,0,.55)}}
@media(max-width:430px){.hero{padding-top:245px;min-height:650px}.hero-art{height:285px;background-position:63% 52%}.hero h1{font-size:40px}.kicker{font-size:11px}.benefits article{padding:20px 16px}.benefits b{font-size:11px}.benefits p{font-size:10px}.miles h2,.how h2,.faq h2,.reserve h2{font-size:35px}.miles aside strong{font-size:25px}.contact{align-items:stretch}.contact .button{width:100%}.phone,.contact span{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final desktop + mobile polish */
@media(min-width:1001px){
  :root{--max:1320px}
  .site-header{height:78px}
  .brand b{font-size:32px}
  .brand span{font-size:7.5px}
  .hero{height:620px}
  .hero-art{background-size:100% auto;background-position:center 50%;background-color:#07090a;transform:none}
  .hero-overlay{background:linear-gradient(90deg,rgba(2,4,5,.97) 0%,rgba(2,4,5,.82) 28%,rgba(2,4,5,.20) 55%,rgba(2,4,5,.02) 100%)}
  .hero h1{font-size:66px;max-width:690px}
  .lead{font-size:18px;max-width:590px}
  .benefits article{padding:28px 24px;min-height:145px}
  .benefits article>span{font-size:31px}
  .benefits b{font-size:13px}
  .benefits p{font-size:12px;line-height:1.45}
  .miles{padding:82px 0}
  .miles>div>p:not(.kicker){font-size:17px}
}

@media(max-width:760px){
  body{padding-bottom:78px}
  .hero{min-height:0;padding-top:300px}
  .hero-art{height:300px;background-size:cover;background-position:center 50%}
  .hero-overlay{background:linear-gradient(0deg,#060809 0%,#060809 50%,rgba(6,8,9,.20) 72%,rgba(6,8,9,0) 100%)}
  .hero-copy{padding-top:24px;padding-bottom:30px}
  .hero h1{font-size:clamp(36px,9.7vw,46px);line-height:1.04;margin-bottom:18px}
  .lead{font-size:17px;line-height:1.48}
  .actions{margin-top:24px;gap:12px}
  .actions .button{min-height:56px}
  .benefits{padding-bottom:4px}
  .benefits article,.benefits article:nth-child(3){min-height:166px;padding:24px 18px;gap:12px}
  .benefits article>span{font-size:27px}
  .benefits b{font-size:12px;line-height:1.35}
  .benefits p{font-size:11px;line-height:1.5;margin-top:9px}
  .mobile-reserve{left:14px;right:14px;bottom:max(10px,env(safe-area-inset-bottom));height:58px}
  footer{padding-bottom:40px}
}

@media(max-width:430px){
  .hero{padding-top:285px}
  .hero-art{height:285px;background-position:center 50%}
  .hero h1{font-size:38px;letter-spacing:-1px}
  .hero-copy{padding-top:22px}
  .benefits article{padding:22px 15px}
}

/* FINAL: separate desktop/mobile hero art + smart sticky CTA */
.hero-art{background-image:url('assets/jalla-hero-desktop.jpg')}
@media(min-width:1001px){
  .hero{height:590px}
  .hero-art{background-size:cover;background-position:center center}
  .hero-overlay{background:linear-gradient(90deg,rgba(2,4,5,.90) 0%,rgba(2,4,5,.68) 29%,rgba(2,4,5,.12) 53%,rgba(2,4,5,0) 100%)}
  .hero-copy{padding-right:52%}
  .hero h1{font-size:62px;max-width:700px}
}
@media(max-width:760px){
  body{padding-bottom:0}
  .hero-art{background-image:url('assets/jalla-hero-mobile.jpg');background-position:center 50%}
  .mobile-reserve{display:flex;opacity:0;visibility:hidden;transform:translateY(90px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s}
  .mobile-reserve.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  body:has(.mobile-reserve.show){padding-bottom:78px}
}
@media(prefers-reduced-motion:reduce){.mobile-reserve{transition:none}}