:root{--teal:#0c888f;--orange:#ef7e20;--ink:#073c40;--cream:#faf8f2;--line:#d8ded8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.8 'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif}html[lang=en] body{font-family:'IBM Plex Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}p{max-width:65ch}.wrap{width:min(1280px,90%);margin:auto}.header{background:rgba(250,248,242,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;gap:32px;height:96px}.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}.brand img{width:72px;height:72px;object-fit:contain;border-radius:12px}.brand strong{font-size:17px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:2px}.nav{display:flex;gap:28px;font-size:14px}.nav a:hover{color:var(--teal)}.language{background:none;border:1px solid var(--line);border-radius:50px;padding:9px 16px;font-size:14px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;font-weight:600}.eyebrow:before{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%}.hero{padding-top:64px}.hero-top{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:7%;padding-bottom:40px}.hero h1{font-size:clamp(42px,5.9vw,82px);font-weight:500;letter-spacing:-2px;margin-top:22px}.hero h1 span{color:var(--teal)}.hero-intro{padding-bottom:10px}.hero-intro p{font-size:18px;color:#486165;margin-bottom:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:13px 26px;border-radius:50px;border:1px solid transparent;background:var(--ink);color:white;font-weight:500;font-size:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--teal)}.button.light{background:transparent;color:var(--ink);border-color:#a6b7b5}.button.orange{background:var(--orange);color:var(--ink)}.hero-photo{position:relative;height:540px;border-radius:5px 5px 100px 5px;overflow:hidden;background:var(--teal)}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 49%}.photo-label{position:absolute;bottom:28px;inset-inline-start:30px;background:var(--cream);padding:14px 24px;border-radius:4px;display:flex;gap:30px;align-items:center;font-size:13px}.photo-label b{display:block}.round-badge{position:absolute;inset-inline-end:32px;top:28px;background:var(--orange);border-radius:50%;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);font-size:12px}.round-badge strong{font-size:32px;line-height:1.1}.ticker{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:22px 0;font-size:14px}.ticker span::before{content:'✳';color:var(--orange);margin-inline-end:18px}.section{padding:110px 0}.story{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.section h2{font-size:clamp(30px,3.6vw,50px);font-weight:500;letter-spacing:-.7px;margin:20px 0 28px}.story-copy p{font-size:21px;line-height:2;color:#486165}.facts{display:flex;gap:50px;margin-top:30px}.facts strong{font:500 36px/1.2 'IBM Plex Sans',sans-serif;display:block}.facts span{font-size:13px;color:#5b7170}.departments{background:var(--ink);color:var(--cream);overflow:hidden}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head p{font-size:14px;max-width:310px;color:#b7d3cf}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #446265;min-height:290px;padding:28px;border-radius:4px;transition:background .25s,transform .25s;background:#0b4448;display:flex;flex-direction:column;text-align:start;color:inherit}.card:nth-child(2),.card:nth-child(5){background:#125257}.card:hover{background:#16656a;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:35px}.card-number{font:13px 'IBM Plex Sans';color:#a3c3bf}.icon{width:52px;height:52px;stroke:var(--orange);stroke-width:1.3;fill:none}.card h3{font-size:25px;font-weight:500;margin-bottom:10px}.card p{font-size:14px;color:#c3dad6;flex:1}.card-bottom{display:flex;justify-content:space-between;margin-top:25px;font-size:12px;color:#f6ad6a}.purpose{display:grid;grid-template-columns:1fr 1fr;gap:70px}.purpose-intro{position:relative}.big360{font:500 clamp(100px,15vw,200px)/1 'IBM Plex Sans';letter-spacing:-10px;color:var(--teal);margin-top:28px}.big360 sup{font-size:.4em;color:var(--orange);vertical-align:top;letter-spacing:0}.principle{border-bottom:1px solid var(--line);padding:25px 0}.principle:first-child{padding-top:0}.principle h3{font-size:22px;margin-bottom:12px}.principle p{font-size:16px;color:#486165}.pill-row{display:flex;gap:9px;flex-wrap:wrap}.pill{padding:5px 16px;background:#e4ede7;border-radius:30px;font-size:14px}.offer-banner{background:var(--orange);border-radius:6px 90px 6px 6px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.offer-banner h2{margin:15px 0;font-size:clamp(30px,4vw,54px)}.offer-banner p{font-size:16px}.visit{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.address-card{background:#e4ede7;padding:40px;position:relative;overflow:hidden;border-radius:4px}.address-card:before{content:'';width:260px;height:260px;position:absolute;left:-100px;top:-110px;border:1px solid #a7c7bf;border-radius:50%;box-shadow:0 0 0 45px #d9e6df,0 0 0 46px #bcd3c9}.address-card>*{position:relative}.address-card h3{font-size:32px;margin:48px 0 18px}.address-card p{margin-bottom:30px}.hours{border-top:1px solid var(--line);margin:30px 0}.hours div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:17px 0;font-size:15px}.contact-links{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px}.contact-links a{text-decoration:underline;text-underline-offset:5px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{margin-top:16px;color:#486165;font-size:15px}.footer{background:var(--ink);color:var(--cream);padding:60px 0 130px}.footer-top{display:flex;justify-content:space-between;gap:25px;padding-bottom:40px;border-bottom:1px solid #426064}.footer-brand{font-size:32px;letter-spacing:2px}.footer p{font-size:13px;color:#b7ceca}.socials{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:12px;color:#a5c4bf}.dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;background:var(--cream);box-shadow:0 8px 35px #001e2630;border:1px solid #d8ded8;display:flex;padding:7px;gap:7px;border-radius:60px}.dock .button{white-space:nowrap;min-height:48px;padding:10px 25px}.dock .wa{background:var(--ink);color:white}.skip{position:fixed;top:-90px;z-index:100;background:white;padding:15px}.skip:focus{top:0}dialog{border:0;background:var(--cream);color:var(--ink);border-radius:12px;padding:45px;width:min(550px,90%);max-height:85vh}dialog::backdrop{background:#00272ac9;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:18px 0}dialog p{font-size:17px;color:#486165}dialog ul{padding-inline-start:22px;line-height:2.2}dialog .close{position:absolute;top:12px;inset-inline-end:15px;border:0;background:none;font-size:30px;color:var(--ink);width:44px;height:44px}.reveal{animation:enter .7s ease both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.offers-main{padding:75px 0 100px;min-height:75vh}.offers-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.offers-main h1{font-size:clamp(40px,5vw,68px);margin:22px 0}.offers-main p{color:#486165}.platforms{display:grid;gap:16px}.platform{border:1px solid var(--line);padding:28px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:transform .2s}.platform:hover{transform:translateY(-3px)}.platform.snap{background:#fffc00;border-color:#e5e200}.platform.tiktok{background:var(--ink);color:white}.platform.instagram{background:#f3e5dc}.platform h2{font-size:25px}.platform small{font:13px 'IBM Plex Sans'}.platform .arrow{font-size:28px}.offers-note{font-size:13px;margin-top:24px}.offers-mark{font:500 130px/1 'IBM Plex Sans';color:var(--teal);margin-top:40px;letter-spacing:-9px}.offers-mark span{color:var(--orange)}@media(min-width:1500px){.hero-photo{height:600px}}@media(max-width:900px){.nav{gap:16px}.brand strong{display:none}.hero-top{gap:30px}.hero h1{font-size:55px}.cards{grid-template-columns:repeat(2,1fr)}.story,.purpose,.visit,.faq{gap:35px}.offer-banner{padding:40px}.offers-layout{gap:40px}}@media(max-width:600px){body{font-size:16px}.wrap{width:90%}.header-inner{height:78px;gap:12px}.brand img{width:58px;height:58px}.nav{gap:14px;font-size:12px}.nav a:first-child{display:none}.language{padding:7px 12px;font-size:12px}.hero{padding-top:34px}.hero-top{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.hero h1{font-size:48px;letter-spacing:-1px;margin-top:15px}.hero-intro p{font-size:16px;margin-bottom:20px}.hero-photo{height:370px;border-radius:4px 4px 60px 4px}.hero-photo>img{object-position:60% center}.photo-label{bottom:18px;inset-inline-start:16px;padding:10px 16px;font-size:11px;gap:16px}.round-badge{width:78px;height:78px;inset-inline-end:18px;top:18px;font-size:10px}.round-badge strong{font-size:24px}.ticker{font-size:11px;gap:9px}.ticker span:before{margin-inline-end:6px}.section{padding:64px 0}.story,.purpose,.visit,.faq,.offers-layout{grid-template-columns:1fr;gap:30px}.section h2{margin-top:14px;font-size:34px}.story-copy p{font-size:18px}.facts{gap:42px}.section-head{display:block}.section-head p{margin-top:16px}.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:5px 0 22px}.card{flex:0 0 85%;scroll-snap-align:start;min-height:310px}.card h3{font-size:26px}.big360{font-size:135px;margin-top:0}.purpose-intro h2{max-width:12ch}.offer-banner{padding:35px 28px;display:block;border-radius:5px 55px 5px 5px}.offer-banner .button{margin-top:25px}.address-card{padding:28px}.address-card h3{margin-top:38px}.hours div{font-size:14px}.faq{padding-top:50px}.faq summary{font-size:17px}.footer{padding-top:40px;padding-bottom:135px}.footer-top,.footer-bottom{flex-direction:column}.footer-top{gap:25px}.dock{bottom:max(10px,env(safe-area-inset-bottom));width:90%;max-width:400px;border-radius:18px}.dock .button{flex:1;border-radius:12px;font-size:14px;padding:10px 16px}.offers-main{padding-top:40px}.offers-mark{display:none}.platform{padding:24px}.offers-layout{gap:35px}dialog{padding:35px 25px}.button{font-size:14px;padding:12px 21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
