/* Alawael Clean — Saudi visual identity */
:root{--navy:#07203e;--navy2:#092c55;--mint:#083c78;--lime:#d5b45f;--cream:#faf8f2;--text:#28394d;--muted:#66707b;--line:#e6e6da}
body{background:var(--cream)}.site-header{background:#fffdf7f6;border-bottom:1px solid #dce7df;box-shadow:0 8px 35px #122e4f12}.header-inner{height:94px}.brand-logo{display:flex;align-items:center;width:225px;height:82px;overflow:hidden;flex-shrink:0}.brand-logo img{display:block;width:225px;height:auto;max-width:none}.header-call{background:var(--navy);color:#fff;box-shadow:0 7px 17px #06254926}.header-call:hover{background:#0c3361}.site-nav .nav-list a{color:#24374e}.site-nav .nav-list a:hover{color:#ad8735}
.hero{background:radial-gradient(circle at 67% 12%,#f3ead5 0,transparent 38%),linear-gradient(120deg,#fffef9 20%,#f7f3e8 100%);color:var(--navy);border-bottom:1px solid #e8e7d9}.hero:after{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#062a54,#d5b45f,#062a54);opacity:.9}.hero-glow{left:auto;right:-200px;top:-230px;background:#e2c87539;filter:blur(35px)}.hero-grid{min-height:620px;grid-template-columns:49% 51%;gap:20px;padding-top:52px;padding-bottom:55px}.hero-copy{position:relative;z-index:2;padding-left:15px}.eyebrow{background:#e8efe8;border:1px solid #cbdcd0;color:#0c386b;font-size:13px}.dot{background:#c69b45}.hero h1{font-size:clamp(2.9rem,5vw,4.75rem);line-height:1.34;margin:21px 0 17px;color:#06203e}.hero-copy>p{color:#586471;max-width:590px;line-height:2.05}.button-primary{background:var(--navy);color:#fff;box-shadow:0 12px 24px #0b2e5731}.button-primary:hover{background:#0b3b73}.button-light{border:1px solid #b9c4d1;color:var(--navy);background:#fff}.hero-meta{color:#38495d}.hero-meta i{color:#b08832}.hero-visual{height:495px;transform:none;overflow:hidden;border-radius:34px 12px 34px 12px;box-shadow:0 28px 55px #0c28492b;background:#e9e0ce}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center}.visual-card{font-size:13px}.card-one{right:25px;left:auto;bottom:25px;top:auto;transform:none}.visual-card b{background:#dbe5f1;color:#0c386b}
.intro-strip{background:#08284d;color:#fff;border-bottom:4px solid #c39d48}.intro-inner em{color:#e7c980}.intro-inner a{color:#f7e0a1}.section-label{color:#a77e2f}.services-section{background:#faf8f2}.service-card{border-color:#e5e9e0;box-shadow:0 9px 24px #0c284909;border-radius:19px}.service-card:hover{box-shadow:0 23px 44px #0c284920;border-color:#c5d6c6}.service-symbol{background:#e6f2e9;color:#083366}.service-number{color:#ba984e}.service-card a{color:#0b3b74}.process-section{background:radial-gradient(circle at 10% 0%,#1b4372 0,transparent 30%),#061f3d}.process-steps>div>span{color:#e8c578}.light-label{color:#e8c578}.process-grid h2 span,.contact-grid h2 span{color:#e8c578}.why-illustration{background:#e8f0e9}.why-circle{background:#082950;color:#d8b95e}.why-mini{box-shadow:0 9px 23px #0c284918}.articles-section{background:#fff}.article-placeholder{background:#e6efe7}.contact-section{background:#0e3e76}.site-footer{background:#06192f}.footer-logo{display:flex;align-items:center;justify-content:center;background:#fffef6;border-radius:16px;width:238px;height:88px;overflow:hidden;margin-bottom:15px}.footer-logo img{display:block;width:220px;height:auto;max-width:none}.mobile-actions a{background:#072549}.mobile-actions a.whatsapp-action{background:#0a4d9c}
@media(max-width:980px){.site-nav{top:94px}.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{height:420px;transform:none}.hero h1{font-size:clamp(2.5rem,4.8vw,4rem)}}
@media(max-width:700px){.header-inner{height:76px}.brand-logo{width:178px;height:69px}.brand-logo img{width:178px}.site-nav{top:76px}.hero-grid{display:flex;flex-direction:column;padding-top:40px;padding-bottom:34px;gap:26px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.55rem,10vw,3.8rem)}.hero-visual{width:100%;height:315px;transform:none;border-radius:20px}.hero-photo{object-position:68% center}.hero-meta{margin-top:22px}.intro-inner strong{font-size:18px}}
.vision-section{background:#f2eee1;border-bottom:1px solid #e4dcc9;padding:38px 0}.vision-inner{display:grid;grid-template-columns:320px 1fr;align-items:center;gap:45px}.vision-heading{border-left:1px solid #d7c9aa;padding-left:28px;display:flex;flex-direction:column;line-height:1.25}.vision-kicker{font-size:11px;font-weight:800;letter-spacing:.07em;color:#797b66}.vision-number{font-size:clamp(3.5rem,6vw,5.2rem);line-height:1.08;font-weight:900;letter-spacing:-.08em;color:#0b3970;direction:ltr;text-align:right}.vision-title{font-size:19px;color:#17304e;font-weight:900}.vision-copy p{max-width:660px;font-weight:700;color:#344354;margin:0 0 7px}.vision-copy a{color:#986e26;font-size:13px;font-weight:900;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.vision-section{padding:31px 0}.vision-inner{grid-template-columns:1fr;gap:18px}.vision-heading{border-left:0;border-bottom:1px solid #d7c9aa;padding:0 0 14px}.vision-number{font-size:3.6rem}}
body,button,input{font-family:Tajawal,Tahoma,Arial,sans-serif}body{line-height:1.8}h1,h2,h3{letter-spacing:-.018em}.hero h1{letter-spacing:-.035em;line-height:1.28}.hero-copy>p{font-size:18px;line-height:1.9}.section-heading h2,.why-copy h2,.contact-grid h2{letter-spacing:-.025em}.nav-list a{font-size:15px}.service-card h3{font-size:22px}.service-card p,.process-steps p{font-size:15px}.button{font-size:15px}.eyebrow,.section-label{letter-spacing:0}@media(max-width:700px){.hero-copy>p{font-size:16px}.hero h1{line-height:1.28}}
.contact-rail{position:fixed;z-index:55;left:22px;bottom:28px;display:flex;flex-direction:column;gap:10px}.contact-rail a{display:flex;align-items:center;gap:10px;min-width:135px;padding:12px 16px;border-radius:15px;color:#fff;font-size:15px;font-weight:900;box-shadow:0 10px 28px #111d2c40;transition:transform .18s,box-shadow .18s}.contact-rail a:hover{transform:translateY(-3px);box-shadow:0 15px 33px #111d2c50}.contact-rail svg{flex:none}.rail-call{background:#0a2b51}.rail-whatsapp{background:#124a8c}.contact-rail a:focus-visible{outline:3px solid #d4b15b;outline-offset:2px}@media(max-width:700px){.contact-rail{left:12px;bottom:12px;gap:8px}.contact-rail a{min-width:113px;padding:9px 11px;border-radius:13px;font-size:14px}.contact-rail svg{width:21px;height:21px}.site-footer{padding-bottom:125px}.mobile-actions{display:none}}
.why-photo-wrap{background:#e8efe8;box-shadow:0 22px 50px #0b25431b}.why-photo-wrap:before,.why-photo-wrap:after{display:none}.why-photo-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.why-photo-wrap .why-mini{bottom:23px;left:23px;transform:none;border:1px solid #e1e9de}.rail-whatsapp{position:relative}.rail-online-dot{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:#81b8f8;border:3px solid #0c3462;box-shadow:0 0 0 0 #80b2ec99;animation:raya-contact-pulse 2.3s ease-out infinite}@keyframes raya-contact-pulse{0%{box-shadow:0 0 0 0 #80b2eca6}65%{box-shadow:0 0 0 11px #80b2ec00}100%{box-shadow:0 0 0 0 #80b2ec00}}@media(prefers-reduced-motion:reduce){.rail-online-dot{animation:none}}
.pest-section{background:#eef4eb}.pest-section .service-card{background:#fffefa}.category-summary-link{display:inline-flex;margin-top:27px;color:#0b3668;font-weight:900;border-bottom:2px solid #c7a653;padding-bottom:5px}.category-summary-link:hover,.article-categories a:hover{color:#a77e2f}.article-categories{display:flex;flex-wrap:wrap;gap:9px}.article-categories a{display:inline-flex;padding:9px 16px;border:1px solid #d7e4d9;border-radius:50px;background:#f3f8f2;color:#0b3668;font-size:14px;font-weight:800}.no-articles{background:#f3f8f2;border:1px solid #d7e4d9;border-radius:17px;padding:22px;color:#394a5e}#cleaning-services,#pest-services,#articles,#contact{scroll-margin-top:100px}@media(max-width:700px){.article-categories{margin-top:20px}#cleaning-services,#pest-services,#articles,#contact{scroll-margin-top:78px}}
.services-section .service-card>a,.pest-section .service-card>a{align-items:center;gap:18px;padding:12px 17px;border:1px solid #d7bd75;border-radius:7px;background:#efdb9d;color:#06274d;font-weight:900;transition:background .2s,color .2s}.services-section .service-card>a:hover,.pest-section .service-card>a:hover{background:#0b3465;color:#fff}.services-section .service-card>a:focus-visible,.pest-section .service-card>a:focus-visible{outline:3px solid #b18a37;outline-offset:3px}

.brand-logo img{animation:raya-logo-arrive .75s ease-out both;transition:transform .3s ease,filter .3s ease;transform-origin:center}.brand-logo:hover img{transform:scale(1.045) rotate(-1deg);filter:drop-shadow(0 5px 7px #062a5432)}@keyframes raya-logo-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.brand-logo img{animation:none;transition:none}.brand-logo:hover img{transform:none;filter:none}}

.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.social-link{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;border:1px solid #8d9aa9;background:#ffffff14;color:#fff;transition:background .2s,transform .2s,border-color .2s}.social-link:hover{background:#d5b45f;color:#06203e;border-color:#d5b45f;transform:translateY(-3px)}.social-link:focus-visible{outline:3px solid #d5b45f;outline-offset:3px}

.footer-utility{display:flex;flex-wrap:wrap;align-items:center;gap:10px 25px;padding-top:26px;margin-top:35px;border-top:1px solid #ffffff22}.footer-utility a{font-size:14px;color:#d2dbe6;font-weight:700;text-decoration:underline;text-decoration-color:#d5b45f;text-underline-offset:5px}.footer-utility a:hover{color:#e7c980}.footer-utility+.footer-bottom{margin-top:26px}@media(max-width:700px){.footer-utility{gap:11px 20px}.footer-utility a{font-size:13px}}

/* Service cards with photographic previews. */
.service-card{position:relative;overflow:hidden;padding:0;min-height:0;display:flex;flex-direction:column}
.service-card .service-photo{display:block;width:100%;height:205px;object-fit:cover;aspect-ratio:13/7;background:#e8eee6}
.service-card .service-top{position:absolute;top:16px;right:16px;margin:0;z-index:1}
.service-card .service-symbol{display:none}
.service-card .service-number{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:11px;background:#fff5d8;color:#80610e;font-size:13px;box-shadow:0 2px 10px #102b3822}
.service-card h3{margin:20px 22px 8px;font-size:21px}
.service-card p{margin:0 22px 19px;line-height:1.85;flex:1}
.service-card a{margin:0 22px 22px;padding:13px 17px;min-height:48px;align-items:center;border-radius:11px;background:#f1dc97;color:#07203d;border:1px solid #e4c36e}
.service-card a:hover,.service-card a:focus-visible{background:#e9ce7b;color:#07203d}
@media(max-width:700px){.service-card .service-photo{height:210px}.service-card h3{font-size:20px}}

/* Make the complete service card open its article collection. */
.service-card{position:relative}.service-card>a::after{content:"";position:absolute;inset:0;border-radius:inherit}.service-card:focus-within{outline:3px solid #1768b5;outline-offset:3px}

.contact-grid h2{letter-spacing:normal;word-spacing:normal;line-height:1.5}.contact-grid h2>span{margin-inline-start:.18em}

/* Separate Arabic words across colored heading spans. */
.section-heading h2,.why-copy h2,.process-grid h2{letter-spacing:normal;word-spacing:normal}.section-heading h2>span,.why-copy h2>span{margin-inline-start:.15em}