/* Masar public identity. Shared by Arabic, English and campaign landing pages. */
:root{--ink:#1c2928;--paper:#f6f3eb;--cream:#fffdf7;--line:#d5d6cd;--orange:#a93719;--amber:#efb08c;--muted:#53605d;--green:#406b4b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.7}
html[lang=en] body{font-family:"Segoe UI",Arial,sans-serif}
a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
h1,h2,h3,p{margin-top:0}img{max-width:100%}
.wrap{width:min(100% - 64px,1200px);margin-inline:auto}
.skip-link{position:absolute;top:8px;inset-inline-start:16px;z-index:100;background:var(--cream);color:var(--ink);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
html[lang=ar] .eyebrow{letter-spacing:0}
.topline{background:var(--ink);color:#f6f3eb;font-size:.75rem}
.topline .wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topline span:first-child{display:flex;align-items:center;gap:10px}
.pin{width:6px;height:6px;background:var(--amber);display:inline-block;flex:none}
.main-nav{border-bottom:1px solid var(--line)}
.main-nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:92px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;line-height:1.2;flex:none}
.brand-mark{width:46px;height:46px;display:block;flex:none}
.brand-mark img{display:block;width:100%;height:100%}
.brand strong{display:block;font-size:1.6rem;font-weight:800}
.brand small{display:block;margin-top:5px;font:700 .6rem Arial,sans-serif;letter-spacing:.16em;color:var(--muted)}
html[lang=en] .brand strong{font-size:1.35rem;letter-spacing:.03em}
.nav-links{display:flex;align-items:center;gap:23px;font-size:.86rem;font-weight:600}
.nav-links a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}
.nav-links .lang-badge{border:1px solid var(--line);padding:6px 12px;font:700 .8rem Arial,sans-serif}
.nav-call{background:var(--ink);color:var(--cream);padding:10px 16px;direction:ltr;white-space:nowrap;font-family:Arial,sans-serif}
.hero{border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:660px;gap:54px;align-items:center;padding-block:48px}
.hero-copy{min-width:0;padding-block:22px}
.kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:25px;font-size:.78rem;color:var(--muted);font-weight:600}
.kicker b{color:var(--orange);border-inline-start:3px solid var(--orange);padding-inline-start:10px;font-weight:800}
.hero h1{font-size:clamp(2.7rem,4.5vw,4.6rem);font-weight:800;line-height:1.28;margin-bottom:24px;max-width:650px}
.hero h1 em{font-style:normal;color:var(--orange)}
html[lang=en] .hero h1{font-size:clamp(2.8rem,4.7vw,4.7rem);line-height:1.06;letter-spacing:-.05em}
.hero-lead{font-size:1.08rem;font-weight:400;color:var(--muted);max-width:530px;margin-bottom:25px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:28px}
.hero-badges span{font-size:.8rem;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:6px}
.hero-actions,.mobile-dock{display:flex;gap:10px}
.action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 21px;font-size:.94rem;font-weight:700;text-decoration:none;text-align:center;border-radius:3px;transition:background-color .15s ease,transform .15s ease}
.action:hover{transform:translateY(-2px)}
.action svg{width:20px;height:20px;flex:none}
.action-call{background:var(--orange);color:#fff;border:1px solid var(--orange)}
.action-wa{background:var(--cream);color:var(--ink);border:1px solid var(--ink)}
.hero-actions .action{flex:1;max-width:260px}
.number-line{font-size:.8rem;color:var(--muted);margin:17px 0 0;max-width:520px}
.number-line a{display:inline-block;direction:ltr;font:700 .9rem Arial,sans-serif;color:var(--ink);text-underline-offset:4px}
.availability{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;font-size:.82rem;max-width:540px}
.availability-dot{width:18px;height:18px;margin-top:4px;flex:none;background:var(--orange);clip-path:polygon(0 35%,65% 35%,65% 0,100% 50%,65% 100%,65% 65%,0 65%)}
html[lang=ar] .availability-dot{transform:scaleX(-1)}
.availability strong{display:block;font-weight:600}
.availability small{display:block;font-size:.76rem;color:var(--muted);margin-top:5px}
.hero-art{position:relative;height:560px;min-width:0;overflow:hidden;background:#d9ddd6;border-radius:3px}
.hero-art picture,.hero-photo{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.art-label{position:absolute;top:20px;inset-inline-start:20px;padding:8px 12px;background:var(--cream);color:var(--ink);font:700 .65rem Arial,sans-serif;letter-spacing:.12em}
.art-stamp{position:absolute;inset-inline-end:0;bottom:0;background:var(--ink);color:var(--cream);padding:20px 25px;font-size:.8rem;font-weight:700;line-height:1.5;text-align:start;border-inline-start:4px solid var(--orange)}
.service-strip{background:var(--ink);color:var(--paper)}
.service-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.service-strip span{font-size:.78rem;padding:18px 14px;text-align:center;border-inline-end:1px solid #465451}
.service-strip span:last-child{border:0}
.section{padding:84px 0}
.section-heading{display:grid;grid-template-columns:190px 1fr;gap:32px;border-top:1px solid var(--ink);padding-top:24px;margin-bottom:40px;align-items:start}
.section-heading .eyebrow{padding-top:8px}
.section-heading h2{font-size:clamp(1.9rem,3vw,3rem);font-weight:700;line-height:1.4;max-width:760px;margin:0}
html[lang=en] h2{letter-spacing:-.035em;line-height:1.15}
.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:44px}
.service-item{display:grid;grid-template-columns:36px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:25px 0;min-width:0}
.service-item .num{font:600 .8rem Arial,sans-serif;color:var(--orange);padding-top:8px}
.service-item h3{font-size:1.13rem;font-weight:650;margin-bottom:10px;line-height:1.5}
.service-item p{font-size:.88rem;color:var(--muted);margin:0;max-width:460px}
.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work-card{margin:0;min-width:0;background:var(--cream);border-bottom:1px solid var(--line)}
.work-card picture{display:block;aspect-ratio:4/5;overflow:hidden}
.work-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.work-card figcaption{padding:14px 0;font-size:.83rem;color:var(--muted)}
.business-card-section{padding:20px 0 84px}
.business-card{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;align-items:center;background:var(--ink);color:var(--cream);padding:44px}
.business-card-brand{display:flex;flex-direction:column;gap:14px;align-items:flex-start;border-inline-end:1px solid #465451;min-height:190px;justify-content:center;padding-inline-end:25px}
.business-card-brand img{width:64px;height:64px}
.business-card-brand strong{font-size:1.8rem;font-weight:700}
.business-card-brand span{font:600 .65rem Arial,sans-serif;letter-spacing:.14em;color:#c9d2cf}
.business-card-info .eyebrow{display:block;color:var(--amber);margin-bottom:13px}
.business-card-info h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.5;margin-bottom:16px}
.business-card-info p{font-size:.88rem;color:#c9d2cf}
.business-card-phone{display:inline-block;direction:ltr;font:700 1.9rem Arial,sans-serif;text-decoration:none;letter-spacing:.04em}
.business-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.business-card-actions .action-wa{background:transparent;color:var(--cream);border-color:#c9d2cf}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.step{padding-top:24px;border-top:1px solid var(--line)}
.step .big-num{font:500 2.7rem Arial,sans-serif;color:var(--orange);display:block;margin-bottom:18px}
.step h3{font-size:1.13rem;font-weight:650;line-height:1.5;margin-bottom:12px}
.step p{font-size:.88rem;color:var(--muted);max-width:330px}
.coverage{background:#e7e9e1;border-block:1px solid var(--line)}
.coverage-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.coverage h2{font-size:clamp(2rem,3.6vw,3.3rem);font-weight:700;line-height:1.4;margin:18px 0}
.coverage p{color:var(--muted);font-size:.94rem;max-width:410px}
.areas{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);column-gap:22px}
.areas span{border-bottom:1px solid #b9c0b5;padding:13px 0;font-size:.9rem;display:flex;align-items:center;gap:10px}
.areas span:before{content:"↗";font:700 .9rem Arial,sans-serif;color:var(--orange)}
.english{background:var(--ink);color:var(--paper);padding:62px 0}
.english-grid{display:grid;grid-template-columns:150px 1fr auto;gap:30px;align-items:start;direction:ltr}
.english .eyebrow{color:var(--amber)}
.english h2{font:650 clamp(1.8rem,2.7vw,2.7rem)/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.03em;margin-bottom:18px}
.english p{font:400 .92rem/1.7 "Segoe UI",Arial,sans-serif;color:#c9d2cf}
.english .action{background:var(--cream);color:var(--ink);white-space:nowrap}
.faq{padding:84px 0}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.faq h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.4;font-weight:700;margin:18px 0}
.faq p{color:var(--muted);font-size:.9rem}
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;gap:18px;list-style:none;min-height:30px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--orange);font:500 1.5rem Arial,sans-serif;flex:none}
.faq details[open] summary:after{content:"−"}
.faq details p{margin:16px 0 0}
.final-call{background:var(--orange);color:white;padding:58px 0}
.final-call .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.final-call h2{font-size:clamp(2rem,3.3vw,3.2rem);font-weight:650;line-height:1.4;margin:0}
.final-call .action{background:var(--cream);color:var(--ink);border-color:var(--cream);min-width:210px}
footer{background:var(--ink);color:#c9d2cf;padding:32px 0;font-size:.78rem}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
footer p{margin:0}footer a{text-underline-offset:5px;display:inline-block;padding-block:8px}
.mobile-dock{display:none}
@media(max-width:1050px){.nav-links{gap:15px}.nav-links a[href="#work"],.nav-links a[href="#how"]{display:none}.hero-grid{gap:30px}.hero h1{font-size:3.1rem}.hero-actions .action{font-size:.84rem;padding-inline:12px}.english-grid{grid-template-columns:1fr 2fr}.english .action{grid-column:2;width:max-content}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.main-nav .wrap{min-height:80px}.nav-links a:not(.lang-badge):not(.nav-call){display:none}.hero-grid{grid-template-columns:1fr;gap:12px;padding-block:32px}.hero-copy{padding:10px 0 28px}.hero h1{font-size:3rem;max-width:620px}.hero-lead{max-width:580px}.hero-art{height:430px}.section-heading{grid-template-columns:130px 1fr;gap:20px}.coverage-grid,.faq-grid{gap:35px}.business-card{gap:28px;padding:30px}.work-gallery{gap:15px}}
@media(max-width:600px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.topline{font-size:.67rem}.topline .wrap{min-height:30px}.topline span:last-child{display:none}.wrap{width:calc(100% - 36px)}.main-nav .wrap{min-height:76px;gap:15px}.brand-mark{width:40px;height:40px}.brand strong{font-size:1.4rem}.brand small{font-size:.5rem;letter-spacing:.1em}html[lang=en] .brand strong{font-size:1.1rem}.nav-links .nav-call{display:none}.nav-links .lang-badge{font-size:.73rem;min-height:44px;padding:5px 9px}.hero-grid{padding-block:28px;gap:4px}.hero-copy{padding-bottom:22px}.kicker{font-size:.71rem;margin-bottom:18px}.hero h1{font-size:2.45rem;line-height:1.35;margin-bottom:18px}html[lang=en] .hero h1{font-size:2.8rem}.hero-lead{font-size:.94rem;margin-bottom:18px}.hero-badges{gap:8px 13px;margin-bottom:22px}.hero-badges span{font-size:.73rem}.hero-actions .action{font-size:.81rem;min-height:52px;padding:9px 10px}.hero-actions .action svg{width:17px;height:17px}.number-line{font-size:.75rem}.availability{margin-top:21px;padding-top:16px}.hero-art{height:370px}.art-label{top:14px;inset-inline-start:14px;font-size:.57rem}.art-stamp{font-size:.73rem;padding:14px 20px}.service-strip .wrap{grid-template-columns:1fr 1fr}.service-strip span{font-size:.69rem;padding:13px 7px;border-bottom:1px solid #465451}.section{padding:56px 0}.section-heading{display:block;margin-bottom:26px;padding-top:20px}.section-heading .eyebrow{display:block;padding-top:0;margin-bottom:14px}.section-heading h2{font-size:1.95rem;line-height:1.5}.service-list{grid-template-columns:1fr}.service-item{padding-block:21px;gap:8px;grid-template-columns:30px 1fr}.service-item h3{font-size:1.04rem}.service-item p{font-size:.84rem}.work-gallery{grid-template-columns:1fr 1fr;gap:15px 12px}.work-card figcaption{font-size:.74rem;padding:10px 0}.business-card-section{padding:8px 0 56px}.business-card{grid-template-columns:1fr;padding:26px 22px;gap:23px}.business-card-brand{display:grid;grid-template-columns:48px 1fr;column-gap:12px;min-height:0;border-inline-end:0;border-bottom:1px solid #465451;padding:0 0 22px;gap:5px 12px}.business-card-brand img{width:48px;height:48px;grid-row:span 2}.business-card-brand strong{font-size:1.4rem}.business-card-brand span{font-size:.58rem}.business-card-info h2{font-size:1.85rem}.business-card-actions .action{flex:1}.steps-grid{grid-template-columns:1fr;gap:12px}.step{display:grid;grid-template-columns:46px 1fr;gap:6px 18px;padding-top:20px}.step .big-num{grid-row:span 2;font-size:2rem;margin:0}.step h3{margin:0}.step p{max-width:none;margin-bottom:8px}.coverage-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.coverage h2{font-size:2.1rem}.coverage p{max-width:none}.areas{gap:0 15px}.areas span{font-size:.78rem}.english{padding:45px 0}.english-grid{display:block}.english .eyebrow{display:block;margin-bottom:18px}.english h2{font-size:1.9rem}.english .action{width:100%}.faq{padding:56px 0}.faq-grid{gap:12px}.faq h2{font-size:2rem}.faq summary{font-size:.9rem}.final-call{padding:42px 0}.final-call .wrap{display:block}.final-call h2{font-size:2rem;margin-bottom:22px}.final-call .action{width:100%;margin-top:0!important}footer .wrap{display:block}footer p{margin-bottom:10px}.mobile-dock{display:flex;position:fixed;z-index:50;bottom:0;inset-inline:0;background:var(--paper);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px #1c292810}.mobile-dock .action{flex:1;min-height:52px;padding:9px 8px;font-size:.85rem}}
@media(max-width:360px){.brand{gap:8px}.brand-mark{width:34px;height:34px}.hero h1{font-size:2.15rem}html[lang=en] .hero h1{font-size:2.5rem}.hero-actions .action{font-size:.72rem}.action svg{width:16px;height:16px}.areas span{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action{transition:none}.action:hover{transform:none}}

.request-note{border-inline-start:3px solid var(--orange);padding:18px 22px;background:#eeeee6;margin-top:35px}.request-note p{font-size:.9rem;color:var(--muted);margin-top:7px;max-width:850px}.install-section{background:#eceee7}.install-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.install-grid h2{margin:15px 0}.install-grid p{max-width:620px;margin-bottom:18px}.install-small{font-size:.84rem;color:var(--muted)}.install-card{border:1px solid var(--line);padding:38px;background:var(--cream);display:grid;gap:16px;justify-items:start}.install-card strong{font-size:1.5rem}.install-card span{font-size:.9rem;color:var(--muted)}.install-card a{color:var(--orange);font-weight:650}.install-status{font-size:.85rem;color:var(--muted);margin-top:12px}@media(min-width:601px) and (max-width:1000px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.install-grid{grid-template-columns:1fr;gap:25px}.install-card{padding:25px}.install-grid h2{font-size:1.8rem}}

.driver-join{background:#e7eae2;padding:32px 0}.driver-join>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.driver-join strong{font-size:1.15rem}.driver-join p{color:var(--muted);font-size:.86rem;margin:8px 0 0}.driver-join .action{min-height:44px;font-size:.86rem}@media(max-width:700px){.driver-join>.wrap{flex-direction:column;align-items:start}}