/* Arkan corporate system. Visual layer only; contact and measurement contracts stay independent. */
:root{--navy:#102633;--ink:#192c36;--blue:#234d61;--cream:#f5f3ed;--muted:#53636a;--line:#d5d9d5;--gold:#c2a578;--green:#17624c;--radius:2px;--space-section:clamp(64px,8vw,120px);--container:1280px;--ease:240ms ease;--z-header:30;--z-contact:25}
body{background:var(--cream);font-size:17px}h1{font-size:clamp(38px,4.8vw,68px);font-weight:650;line-height:1.25;letter-spacing:-1.5px}h2{font-size:clamp(30px,3.3vw,46px);font-weight:600;line-height:1.4;letter-spacing:-.7px}h3{font-weight:600}.container,.wrap{width:min(var(--container),calc(100% - 80px))}.section{padding-block:var(--space-section)}.eyebrow{color:#705a36;font-size:12px;letter-spacing:.5px;margin-bottom:24px}.btn,.button{border-radius:2px;min-height:54px;padding:14px 25px;background:var(--navy);transition:background var(--ease),transform var(--ease)}.btn:hover,.button:hover{filter:none;background:#315364;color:white;transform:translateY(-2px)}.btn.wa,.button.green{background:var(--green)}.btn.outline,.button.outline{color:var(--navy);border-color:#71838d}.actions{gap:14px;margin-top:32px}.site-header{z-index:var(--z-header);background:#f5f3edf5;backdrop-filter:blur(14px);transition:background var(--ease),box-shadow var(--ease)}.header-inner{min-height:96px;gap:24px}.brand{gap:10px;flex-shrink:0}.brand img{width:51px;height:51px;background:#fff;border-radius:2px}.brand strong{font-size:19px}.brand small{font-size:10px}.site-nav{gap:22px}.site-nav a{font-size:13px}.site-nav a:hover{text-decoration:underline;text-underline-offset:8px}.header-call{font-size:12px;padding:10px 17px;min-height:44px}.corporate-home .site-header{position:absolute;inset:0 0 auto;background:transparent;border-color:#ffffff2b;backdrop-filter:none;color:white}.corporate-home .site-header .brand,.corporate-home .site-header .brand small,.corporate-home .site-header .site-nav a{color:white}.corporate-home .site-header .header-call{background:#f5f3ed;color:var(--navy)}.corporate-home .site-header.is-scrolled{position:fixed;background:#102633f5;box-shadow:0 4px 25px #0002}.corporate-hero{position:relative;isolation:isolate;min-height: min(900px,100svh);background:var(--navy);color:white;display:flex;align-items:center;padding:170px 0 130px;overflow:hidden}.corporate-hero>.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.corporate-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#0b1f2bef 0%,#0d2531bb 34%,#10263312 80%),linear-gradient(0deg,#0b1f2bdd,transparent 30%);z-index:-1}.corporate-hero .hero-copy{max-width:740px}.corporate-hero h1{font-size:clamp(42px,5.2vw,74px);line-height:1.27;max-width:720px}.corporate-hero h1 span{display:block;color:#d9c6a4}.corporate-hero p{color:#e5e9e9;max-width:580px;font-size:18px;margin-top:28px}.corporate-hero .eyebrow{color:#d9c6a4}.corporate-hero .btn{background:#f5f3ed;color:var(--navy)}.corporate-hero .btn.outline{background:transparent;color:white;border-color:#b0bdc3}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;gap:24px;align-items:end;color:#dce2e2;font-size:11px}.hero-bottom a{color:white;font-size:12px}.hero-bottom span{max-width:390px}.editorial-intro{display:grid;grid-template-columns:1fr 2fr;gap:80px;border-bottom:1px solid var(--line)}.editorial-intro h2{max-width:830px}.editorial-intro p{max-width:680px;margin-top:24px}.text-link{display:inline-block;margin-top:24px;border-bottom:1px solid #809199;padding-bottom:6px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.capability{position:relative;min-height:460px;background:var(--navy);overflow:hidden;color:white;display:flex;flex-direction:column;justify-content:end;padding:30px;isolation:isolate}.capability img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 450ms ease}.capability:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a202bf5,#0a202b15 90%);z-index:-1}.capability:hover img{transform:scale(1.035)}.capability .number{position:absolute;top:26px;right:28px;font:18px Georgia,serif;border-bottom:1px solid #fff6;padding-bottom:12px}.capability h3{font-size:28px;margin-bottom:12px}.capability p{color:#e0e7e9;font-size:14px;max-width:280px}.capability .more{display:block;color:#dbc8a9;font-size:12px;margin-top:22px}.section-caption{font-size:12px;margin-top:20px}.service-directory{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-top:26px;margin-top:36px}.service-directory a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.process-band{background:#e9eae4}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #aebbb9;gap:24px;margin-top:45px}.process-grid details{padding-top:26px}.process-grid summary{list-style:none;min-height:105px;font-size:19px}.process-grid summary::-webkit-details-marker{display:none}.process-grid .number{display:block;font:15px Georgia,serif;color:#705a36;margin-bottom:18px}.process-grid summary:after{content:'+';display:block;color:#705a36;font-size:22px;margin-top:12px}.process-grid details[open] summary:after{content:'−'}.process-grid p{font-size:14px;margin-top:12px}.b2b-band{background:var(--navy);color:white;position:relative;overflow:hidden}.b2b-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.b2b-band h2{font-size:clamp(36px,4.2vw,60px)}.b2b-band p{color:#ced9dc;margin-top:24px}.b2b-band .eyebrow{color:#d9c6a4}.b2b-band .btn{background:var(--cream);color:var(--navy)}.b2b-band .btn.outline{background:transparent;color:white;border-color:#a3b5bf}.b2b-list{border-top:1px solid #ffffff45}.b2b-list a{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid #ffffff45;color:white;font-size:21px}.sectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:42px}.sector{border-top:1px solid #a9b8bd;padding-top:28px}.sector h3{font-size:25px;margin-bottom:16px}.sector p{font-size:15px}.corporate-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line)}.corporate-cta p{margin-top:18px}.site-footer{background:#0b202c;color:white;padding:64px 0 35px;border:0}.footer-grid{grid-template-columns:1.5fr repeat(4,1fr);gap:32px}.site-footer h3{font-size:14px;color:#d4bf9b;margin:0 0 20px}.site-footer a{color:#edf1f2;font-size:13px}.site-footer p{color:#bac9ce;font-size:12px}.site-footer .brand,.site-footer .brand small{color:white}.footer-wordmark{font-size:clamp(54px,12vw,172px);font-weight:600;line-height:1.4;letter-spacing:-4px;color:#ffffff18;margin-top:52px;border-bottom:1px solid #ffffff20}.bottom-note{color:#aebfc7;border:0;margin-top:12px}.service-card,.feature,.contact-panel,.request-form,.aside-card,.service-support{border-radius:2px;box-shadow:none}.service-card{border:0}.service-card img{height:260px;object-fit:cover}.service-card .card-copy{padding:28px 0;background:var(--cream);border-bottom:1px solid var(--line)}.service-card:hover{box-shadow:none}.service-main>.service-hero{margin-block:0 64px;padding-block:44px 60px}.service-hero{gap:64px;grid-template-columns:1.15fr .85fr}.service-hero h1{font-size:clamp(36px,4vw,58px)}.service-main em{color:inherit}.service-hero figure{background:#e4e8e4;padding:0 0 12px}.service-hero img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:0;max-height:460px}.service-hero figcaption{padding:10px 14px 0}.service-main p{line-height:1.95}.breadcrumbs{padding-block:20px;font-size:12px}.service-main .article-layout{max-width:1280px;display:grid;grid-template-columns:minmax(0,850px) 290px;gap:70px;align-items:start}.service-main article{max-width:100%;min-width:0}.service-main article section,.landing-content>section{padding:44px 0;margin:0;border-bottom:1px solid var(--line)}.service-main article h2,.landing-content h2{font-size:clamp(27px,2.4vw,36px)}.article-aside{position:sticky;top:120px}.article-aside nav a,.landing-nav a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.article-aside figure{margin-top:30px}.article-aside figcaption{font-size:11px}.article-steps{list-style:none;padding:0}.article-steps li{display:flex;gap:24px;border-top:1px solid var(--line);padding:24px 0}.article-steps>li>span{font:28px Georgia,serif;color:#8a7148}.landing-hero{position:relative;background:var(--navy);color:white;padding:62px 0;isolation:isolate;overflow:hidden}.landing-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#102633 28%,#102633cc 67%,#10263355),url('/images/corporate-hero-1280.webp') center/cover}.landing-hero h1{max-width:890px;font-size:clamp(36px,4.6vw,64px);color:white}.landing-hero p{color:#e0e7e9;max-width:790px;font-size:17px;margin-top:24px}.landing-hero .eyebrow{color:#d9c6a4}.landing-hero .btn{background:var(--cream);color:var(--navy)}.landing-hero .btn.wa{background:#276b56;color:white}.landing-hero .btn.outline{background:transparent;color:white;border-color:#a7bac4}.landing-trust{display:flex;flex-wrap:wrap;gap:14px 35px;list-style:none;padding:26px 0 0;margin-top:32px;border-top:1px solid #fff4;color:#d9e1e4;font-size:12px}.landing-layout{display:grid;grid-template-columns:minmax(0,870px) 290px;gap:70px;padding-block:32px 90px}.landing-content{min-width:0}.landing-nav{position:sticky;top:120px;align-self:start;background:transparent;padding:25px 0}.landing-nav h2{font-size:20px}.corporate-commercial .landing-hero{padding-block:85px}.corporate-commercial .landing-layout{grid-template-columns:minmax(0,1fr)}.corporate-commercial .landing-nav{position:static;display:flex;flex-wrap:wrap;gap:20px}.corporate-commercial .landing-nav h2{width:100%}.corporate-commercial .landing-content{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.corporate-commercial #rfq{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;gap:0 65px;background:#e8eae3;padding:50px;margin-top:50px}.corporate-commercial #rfq>h2{grid-column:1;grid-row:1}.corporate-commercial #rfq>p{grid-column:1;grid-row:2;align-self:start}.corporate-commercial #rfq>form{grid-column:2;grid-row:1/4;max-width:none;width:100%;padding:32px;border:0}.request-form input,.request-form select,.request-form textarea{border-radius:0;min-height:48px}.request-form input[type=checkbox]{min-height:auto;width:20px;height:20px}.form-grid{gap:8px 20px}.form-grid .full{grid-column:1/-1}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.consent{display:flex!important;align-items:start;gap:10px}.consent input{flex-shrink:0}.mobile-contact{z-index:var(--z-contact)}.faq details,.service-faq details{padding:24px 0}.faq summary,.service-faq summary{font-size:18px}.service-main .secondary-service img{aspect-ratio:1;object-fit:cover}.service-main .related{margin-top:25px}#main.section>h1{max-width:950px}#main.section>section>p{max-width:850px;margin-block:18px}.request-form{max-width:900px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b88732;outline-offset:5px}.site-footer a:focus-visible,.corporate-hero a:focus-visible{outline-color:#f2d6a4}
@media(max-width:1150px){.header-inner{gap:16px}.site-nav{gap:14px}.site-nav a{font-size:12px}.brand strong{font-size:16px}.brand small{display:none}.header-call{padding:10px}.b2b-grid{gap:55px}.capability{min-height:390px;padding:23px}.service-main .article-layout,.landing-layout{grid-template-columns:minmax(0,1fr) 240px;gap:35px}.corporate-commercial #rfq{gap:35px;padding:32px}}
@media(max-width:1024px){.container,.wrap{width:calc(100% - 48px)}.menu-button{display:block;margin-inline-start:auto;background:transparent;border:1px solid #84959d;border-radius:2px;min-height:44px;padding:8px 14px;color:inherit;z-index:32}.corporate-home .menu-button{color:white}.site-nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--cream);padding:24px;max-height:calc(100dvh - 160px);overflow:auto;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a,.corporate-home .site-header .site-nav a{color:var(--navy);padding:18px 10px;font-size:20px;border-bottom:1px solid var(--line)}.header-call{display:none}.process-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.editorial-intro{gap:35px;grid-template-columns:1fr 2.2fr}.capability-grid{gap:16px}.capability h3{font-size:24px}.corporate-commercial #rfq{display:block}.corporate-commercial #rfq>p{margin-block:20px}.corporate-commercial #rfq>form{margin-top:30px}}
@media(max-width:768px){body{padding-bottom:88px}.container,.wrap{width:calc(100% - 36px)}.header-inner{min-height:80px}.brand img{width:44px;height:44px}.brand strong{font-size:17px}.corporate-hero{min-height:760px;min-height:100svh;padding:140px 0 140px;align-items:center}.corporate-hero>.hero-image{object-position:35% center}.corporate-hero:after{background:linear-gradient(270deg,#0b1f2be8,#0d25319a),linear-gradient(0deg,#0b1f2be6,transparent)}.corporate-hero h1{font-size:clamp(40px,8.8vw,60px);letter-spacing:-.7px}.corporate-hero p{font-size:16px;max-width:520px}.corporate-hero .hero-copy{max-width:560px}.hero-bottom{bottom:24px;font-size:10px;align-items:start}.hero-bottom span{max-width:240px}.hero-bottom a{white-space:nowrap}.editorial-intro,.b2b-grid{grid-template-columns:1fr;gap:30px}.editorial-intro .eyebrow{margin:0}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability{min-height:370px;padding:22px}.capability h3{font-size:25px}.section-head p{margin-top:22px}.process-grid{grid-template-columns:1fr 1fr;gap:20px}.sectors-grid{grid-template-columns:1fr;gap:30px}.corporate-cta{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-wordmark{letter-spacing:-2px}.mobile-contact{display:flex;padding:10px 18px calc(10px + env(safe-area-inset-bottom));gap:10px;background:#f5f3edf5}.mobile-contact .btn,.mobile-contact .button{min-height:48px;padding:10px}.site-footer{padding-bottom:35px}.service-hero{grid-template-columns:1fr;gap:30px}.service-main>.service-hero{padding-top:15px;margin-bottom:10px}.service-hero figure{max-width:580px;width:100%}.service-hero img{max-height:360px;aspect-ratio:1.5}.service-main .article-layout,.landing-layout{grid-template-columns:1fr;gap:24px}.article-aside,.landing-nav{position:static}.article-aside .secondary-service{max-width:420px}.landing-hero{padding:42px 0}.landing-hero:after{background:linear-gradient(270deg,#102633ed,#102633bf),url('/images/corporate-hero-768.webp') center/cover}.landing-hero h1{font-size:38px}.landing-trust{gap:10px 20px}.corporate-commercial .landing-hero{padding-block:48px}.corporate-commercial .landing-content{display:block}.corporate-commercial #rfq{padding:25px 18px;margin-inline:-18px}.corporate-commercial #rfq>form{padding:22px 16px}.corporate-commercial .form-grid{grid-template-columns:1fr}.corporate-commercial #rfq>h2{font-size:32px}.service-card img{height:210px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card .card-copy{padding:20px 6px}.service-main article section,.landing-content>section{padding:32px 0}.landing-content h2{font-size:29px}.service-main h1{font-size:38px}.request-form{padding:22px}.corporate-cta .actions{margin-top:30px}.contact-panel{border-radius:0}.site-header .site-nav{max-height:calc(100dvh - 168px)}}
@media(max-width:430px){.capability-grid{grid-template-columns:1fr}.capability{min-height:390px}.capability h3{font-size:31px}.capability p{font-size:15px}.corporate-hero .actions{gap:10px}.corporate-hero .btn{padding:12px 16px;font-size:14px}.corporate-hero h1{font-size:42px}.hero-bottom{gap:15px}.hero-bottom span{max-width:210px}.service-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid details{border-bottom:1px solid #b9c4c1;padding-bottom:18px}.process-grid summary{min-height:0;display:flex;gap:18px;align-items:center}.process-grid .number{margin:0}.process-grid summary:after{margin:0;margin-inline-start:auto}.process-grid p{padding-inline-start:38px}.landing-hero h1,.service-main h1{font-size:35px}.actions>.btn,.actions>.button{font-size:14px}.footer-grid{gap:30px 20px}.footer-wordmark{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.capability:hover img,.btn:hover,.button:hover{transform:none}}
.trap{position:fixed!important;left:0!important;top:0!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.corporate-commercial .landing-content{max-width:none;width:100%}.corporate-commercial .landing-nav{border-radius:0}.landing-hero:before{content:"تصوّر معماري توضيحي";position:absolute;bottom:12px;left:24px;font-size:10px;color:#d9e1e4}.corporate-commercial .landing-content>section{min-width:0}
.header-phone{font-size:13px;white-space:nowrap;color:var(--navy)}.corporate-home .header-phone{color:white}.capability:nth-child(3) img{object-position:80% center}.capability:nth-child(5) img{object-position:15% center}@media(max-width:1024px){.header-phone{display:none}}
body[data-service="roof_waterproofing"] .landing-hero:after,body[data-service="complete_roof_insulation"] .landing-hero:after{background-image:linear-gradient(270deg,#102633 28%,#102633cc 67%,#10263355),url("/images/corporate-roof-1280.webp")}.project-proof-card{padding:35px 0;border-top:1px solid var(--line)}.project-proof-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:24px}.project-proof-pair img{width:100%;height:auto}.project-proof-pair:has(figure:only-child){grid-template-columns:1fr}.project-proof-pair figcaption{font-size:13px;padding-top:10px}@media(max-width:768px){.project-proof-pair{grid-template-columns:1fr}body[data-service="roof_waterproofing"] .landing-hero:after,body[data-service="complete_roof_insulation"] .landing-hero:after{background-image:linear-gradient(270deg,#102633ed,#102633bf),url("/images/corporate-roof-768.webp")}}
.corporate-home .site-header{background:#10263366}