:root{--navy:#103c52;--deep:#0c3042;--teal:#3d9a9b;--mint:#b5dcce;--pale:#eaf4f0;--paper:#f9fbf9;--ink:#173747;--muted:#58717a;--line:#d8e5e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(100% - 64px,1280px);margin-inline:auto}.skip-link{position:absolute;top:-60px;right:20px;background:#fff;color:var(--deep);padding:8px 16px;z-index:20}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #e6bb62;outline-offset:4px}.site-header{background:#fff;position:relative;z-index:10}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:49px;height:49px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:15px}.brand-mark svg{width:35px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.brand-name{display:grid;line-height:1.3}.brand-name strong{font:800 23px/1.2 Tajawal,sans-serif}.brand-name small{font-size:12px;color:var(--muted);letter-spacing:.04em}.nav{display:flex;align-items:center;gap:39px;font-size:14px;font-weight:600}.nav>a:not(.nav-contact):hover,.underlined-link:hover{color:var(--teal)}.nav-contact{border:1px solid var(--line);padding:11px 18px;border-radius:5px}.nav-contact span,.button span{margin-inline-start:12px}.nav-contact:hover{background:var(--pale)}.menu-toggle{display:none}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff16;border-radius:50%;left:-220px;top:-220px;pointer-events:none}.hero-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff08 calc(25% - 1px),#ffffff08 25%);pointer-events:none}.hero-grid{min-height:665px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative;z-index:1}.hero-copy{padding-block:80px}.kicker{display:flex;align-items:center;gap:12px;color:var(--mint);font-size:14px;margin:0 0 26px}.kicker-line{width:34px;height:1px;background:var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Tajawal,sans-serif}h1{font-size:clamp(56px,6.5vw,106px);line-height:1.07;letter-spacing:-.05em;margin-bottom:27px;font-weight:800}.hero-lead{font-size:19px;line-height:2;color:#d9e8e6;max-width:500px;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 23px;min-height:58px;border-radius:4px;font-weight:700;font-size:14px}.button-light{background:var(--mint);color:var(--deep)}.button-light:hover{background:#d2eee1}.text-link{font-weight:600;font-size:14px}.text-link span{margin-inline-start:10px}.hero-art{height:520px;position:relative;display:grid;place-items:center}.art-halo{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#76b9ad 0,#3f8b8d 47%,#286d78 72%,#195269 100%);box-shadow:0 0 0 28px #ffffff09,0 0 0 56px #ffffff06}.art-building{position:absolute;width:300px;height:340px;bottom:40px;left:50%;transform:translateX(-50%);filter:drop-shadow(25px 25px 18px #12334188)}.building-top{height:55px;background:#e9f0e8;clip-path:polygon(12% 100%,12% 35%,50% 0,88% 35%,88% 100%);position:relative}.building-body{height:247px;background:linear-gradient(90deg,#c6ded4,#fff 48%,#d7e5db);border-radius:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:34px 29px;padding:45px 43px 33px;box-shadow:inset 0 -18px #aecbc3}.building-body i{display:block;background:#245667;border:8px solid #d2e1d9;box-shadow:inset 0 0 0 2px #7eadae}.building-entry{height:43px;background:#e6eee6;position:relative}.building-entry b{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:65px;height:80px;background:#285c6a;border:7px solid #d5e4dc;border-bottom:0;border-radius:32px 32px 0 0}.art-emblem{position:absolute;top:50px;right:54px;width:92px;height:92px;border-radius:50%;background:#e2f2e8;color:var(--teal);display:grid;place-items:center;font-size:60px;line-height:1;box-shadow:0 16px 35px #103c5255}.art-caption{position:absolute;bottom:5px;left:4px;font-size:13px;color:#d1e3df}.hero-bottom{height:68px;border-top:1px solid #ffffff2c;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;color:#c0dbd7;font-size:12px}.hero-bottom a span{margin-inline-start:12px}.section{padding-block:125px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.eyebrow{font-size:13px;font-weight:700;color:var(--teal);margin-bottom:24px}.section h2,.care-section h2{font-size:clamp(43px,4vw,66px);line-height:1.2;letter-spacing:-.035em;margin-bottom:0;font-weight:800}.intro-text{padding-top:50px;font-size:17px;line-height:2.05;color:var(--muted)}.intro-text p{margin-bottom:20px}.underlined-link{display:inline-block;margin-top:15px;color:var(--deep);border-bottom:1px solid var(--teal);padding-bottom:4px;font-size:15px;font-weight:700}.underlined-link span{margin-inline-start:20px}.care-section{background:var(--pale);padding-block:110px}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.care-heading>p:last-child{color:var(--muted);max-width:470px;line-height:2;margin-top:25px}.feature-card{background:#fff;min-height:390px;padding:45px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 24px 0 #d5e9e2}.feature-icon{width:72px;height:72px;border-radius:50%;background:var(--pale);display:grid;place-items:center;color:var(--teal);margin-bottom:40px}.feature-icon svg{width:46px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.feature-tag{color:var(--teal);font-size:12px;font-weight:700}.feature-card h3{font-size:34px;line-height:1.2;margin:8px 0 12px}.feature-card p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:16px}.feature-card a{font-size:13px;font-weight:700;color:var(--deep);border-bottom:1px solid var(--teal);padding-bottom:3px}.feature-card a span{margin-inline-start:8px}.quote-band{background:#d1e9df;padding:48px 0}.quote-band .wrap{display:flex;align-items:center;gap:30px}.quote-symbol{font-size:55px;color:var(--teal);line-height:1}.quote-band p{font:700 clamp(23px,2.5vw,36px)/1.5 Tajawal,sans-serif;margin:0;max-width:830px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.visit-copy>p:not(.eyebrow){font-size:17px;line-height:2;color:var(--muted);margin:28px 0}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#1d586d}.map-panel{height:430px;position:relative;overflow:hidden;background:#e3eee9;border:1px solid #d6e6df}.map-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(33deg,transparent 42%,#cce2d7 42% 45%,transparent 45%),linear-gradient(123deg,transparent 60%,#cce2d7 60% 63%,transparent 63%);opacity:.9}.map-street{position:absolute;background:#fff;box-shadow:0 0 0 5px #d9e9df}.street-one{width:130%;height:16px;top:45%;left:-20%;transform:rotate(-28deg)}.street-two{height:130%;width:15px;top:-15%;left:30%;transform:rotate(28deg)}.street-three{height:120%;width:12px;top:-10%;right:20%;transform:rotate(-18deg)}.street-four{width:120%;height:12px;bottom:20%;left:-10%;transform:rotate(16deg)}.map-pin{position:absolute;top:44%;left:52%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50% 50% 50% 4px;rotate:-45deg;background:var(--navy);display:grid;place-items:center;box-shadow:0 12px 25px #123b4a44}.map-pin span{rotate:45deg;color:var(--mint);font-size:43px;line-height:1}.map-label{position:absolute;right:30px;bottom:25px;background:#fff;padding:5px 16px;font-size:14px;font-weight:700}.footer{background:var(--deep);color:#fff}.footer-main{padding:70px 0;display:flex;justify-content:space-between;gap:40px}.brand-footer .brand-mark{background:#c9e5d9;color:var(--deep)}.brand-footer .brand-name small{color:#bdd6d4}.footer-main p{color:#a9c8c8;margin:20px 0 0}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-contact span{color:#a9c8c8;font-size:13px}.footer-contact a{font-size:19px;direction:ltr}.footer-contact a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff28;padding:21px 0;display:flex;justify-content:space-between;gap:20px;color:#a9c8c8;font-size:12px}@media(max-width:900px){.wrap{width:min(100% - 40px,1280px)}.nav{gap:18px}.hero-grid{gap:0}.hero-art{transform:scale(.8);transform-origin:center}.intro,.care-grid,.visit{gap:7%}}@media(max-width:700px){.header-inner{height:74px}.brand-mark{width:42px;height:42px}.brand-name strong{font-size:20px}.menu-toggle{display:grid;gap:5px;border:0;background:transparent;padding:12px;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:var(--navy)}.nav{display:none;position:absolute;top:74px;right:0;left:0;background:#fff;padding:22px 20px 30px;box-shadow:0 18px 28px #103c5222;align-items:stretch;flex-direction:column;gap:16px}.nav.is-open{display:flex}.nav-contact{align-self:flex-start}.hero-grid{display:block;min-height:auto}.hero-copy{padding:72px 0 15px}.hero-lead{font-size:17px}.hero-art{height:365px;transform:scale(.68);transform-origin:center top;margin-bottom:-110px}.art-caption{display:none}.hero-bottom{height:62px}.section{padding-block:80px}.intro,.care-grid,.visit{grid-template-columns:1fr;gap:30px}.intro-text{padding-top:0}.care-section{padding-block:80px}.feature-card{min-height:340px;padding:30px;box-shadow:12px 14px 0 #d5e9e2}.quote-band .wrap{gap:18px}.quote-symbol{font-size:40px}.map-panel{height:300px}.footer-main{padding:55px 0;display:block}.footer-contact{margin-top:35px}.footer-bottom{flex-wrap:wrap}}@media(max-width:380px){.wrap{width:min(100% - 30px,1280px)}h1{font-size:52px}.hero-actions{gap:19px}.button{padding:12px 16px}.hero-art{margin-inline:-30px}.feature-card{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
