/* THE SPARK MEP — focused hospitality launch, separate from frozen corporate pages */
:root{color-scheme:light}*{box-sizing:border-box}
body{margin:0;background:#eef5f8;color:#12303e;font:15px/1.6 Inter,system-ui,Arial,sans-serif}
.launch-main{max-width:1200px;margin:auto;padding:0 24px}
.launch-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:30px;align-items:center;padding:76px 0 64px;min-height:560px}
.launch-eyebrow{color:#117e9d;font-size:12px;font-weight:850;letter-spacing:.1em}
.launch-hero h1{font-size:clamp(34px,4.1vw,62px);line-height:1.18;letter-spacing:-.03em;color:#082a3a;margin:16px 0 22px;text-wrap:balance}
.launch-hero p{color:#465f6c;max-width:595px;font-size:clamp(16px,1.3vw,19px);line-height:1.75}
.launch-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}
.launch-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:850;border-radius:8px;padding:13px 18px;line-height:1.3;min-height:47px;border:1px solid #146c88}
.launch-btn.primary{background:#086d90;color:white;box-shadow:0 12px 28px rgba(7,93,121,.22)}
.launch-btn.secondary{background:transparent;color:#0c5c78}
.launch-btn:focus-visible,.launch-links a:focus-visible,.launch-lang-links a:focus-visible{outline:3px solid #f9b747;outline-offset:3px}
.launch-visual{position:relative;min-height:400px;border-radius:16px;overflow:hidden;background:#061e2a;box-shadow:0 23px 50px rgba(15,45,61,.2)}
.launch-visual img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(1.17) saturate(1.12)}
.launch-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(2,18,29,.87) 100%)}
.launch-visual-label{position:absolute;z-index:2;inset:auto 20px 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;color:#edfbff;font-size:12px;font-weight:850}
.launch-kicker{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c8dce4;border-bottom:1px solid #c8dce4;padding:15px 0;font-size:12px;font-weight:750;color:#4b6e7b}
.launch-section{padding:54px 0}.launch-section h2{font-size:clamp(29px,3vw,40px);line-height:1.25;margin:0 0 12px;color:#082a3a}
.launch-section>p{max-width:780px;color:#536c78;margin:0 0 27px}
.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.launch-card{background:#fff;border:1px solid #d0e2e8;border-top:4px solid #19a1c4;box-shadow:0 10px 25px rgba(21,57,69,.065);border-radius:10px;padding:25px}
.launch-card:nth-child(2){border-top-color:#e4a047}.launch-card:nth-child(3){border-top-color:#50b5a8}
.launch-number{color:#087fa2;font-weight:950;font-size:12px}.launch-card h3{font-size:19px;line-height:1.33;margin:12px 0 12px;color:#173c4d}
.launch-card p{font-size:14px;line-height:1.7;color:#546e79;margin:0}
.launch-dark{border-radius:14px;background:#073143;color:#edfaff;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:center}
.launch-dark h2{color:#fff}.launch-dark p{color:#cae5ec;margin:8px 0;font-size:15px}
.launch-dark ol{margin:8px 0;padding-inline-start:23px;line-height:2;color:#d9f2f7}
.launch-links{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px;font-weight:700;margin:18px 0}
.launch-links a{color:#086d90}
.launch-lang-links{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:0 0 30px}
.launch-lang-links a{text-decoration:none;border:1px solid #bad5de;background:#fff;color:#275c6e;border-radius:6px;padding:7px 12px}
.launch-lang-links a[aria-current=page]{background:#0b7697;color:#fff;border-color:#0b7697}
.launch-close{border-radius:12px;padding:36px 40px;background:linear-gradient(110deg,#09445e,#0a627e);color:#fff;margin-bottom:30px}
.launch-close h2{color:#fff;margin:0 0 13px;font-size:clamp(26px,2.5vw,35px)}
.launch-close p{color:#d8f5f9;max-width:740px}
html[lang=ar] .launch-main{direction:rtl;text-align:right}
html[lang=ar] .launch-hero h1{letter-spacing:0;line-height:1.42}
html[lang=ar] .launch-eyebrow{letter-spacing:0}
html[lang=ar] .launch-dark{direction:rtl}
@media(max-width:860px){.launch-hero,.launch-dark{grid-template-columns:minmax(0,1fr)}.launch-hero{gap:20px;padding:36px 0 34px}.launch-visual{min-height:330px}.launch-grid{grid-template-columns:minmax(0,1fr)}.launch-section{padding:35px 0}.launch-dark{padding:27px}.launch-hero h1{font-size:clamp(33px,6.8vw,49px)}}
@media(max-width:430px){.launch-main{padding:0 16px}.launch-visual{min-height:270px}.launch-card{padding:20px}.launch-dark,.launch-close{padding:24px}.launch-kicker{flex-wrap:wrap}.launch-hero h1{font-size:clamp(30px,8.1vw,37px)}.launch-actions .launch-btn{width:100%}}
