/* P11: cohesive controls and richer Concept C sections. Existing tokens remain authoritative. */
:root{--c-wa:#25d366;--c-wa-dark:#168246;--c-radius-control:12px;--c-radius-panel:16px}
.site-header{background:#111416}
.header-inner{min-height:88px}
.brand{gap:12px}
.brand__plate{display:grid;place-items:center;width:86px;height:86px;flex:none;background:#000;border:1px solid #3d4649;border-radius:14px;overflow:hidden}
.brand__plate img{width:100%;height:100%;object-fit:contain}
.brand__descriptor{display:grid;gap:2px;min-width:0;color:#ecefec;line-height:1.16;white-space:nowrap}
.brand__descriptor [lang=en]{font:600 .75rem CarWayBarlow,Arial,sans-serif;letter-spacing:.07em}
.brand__descriptor [lang=ar]{font:600 .72rem CarWayPlex,Tahoma,sans-serif}
.footer-brand .brand__plate{width:92px;height:92px}
.footer-brand .brand__descriptor [lang=en]{font-size:.9rem}
.footer-brand .brand__descriptor [lang=ar]{font-size:.85rem}
.action-icon{display:block;width:20px;height:20px;flex:none}
.button,.header-call,.header-wa,.mobile-contact a{border-radius:var(--c-radius-control);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.button{gap:10px}
.button--whatsapp,.header-wa,.mobile-contact .mobile-contact__wa{background:var(--c-wa);border:1px solid var(--c-wa);color:#092b18}
.button--whatsapp:hover,.header-wa:hover,.mobile-contact .mobile-contact__wa:hover{background:var(--c-wa-dark);border-color:var(--c-wa-dark);color:#fff}
.button--whatsapp:active,.header-wa:active,.mobile-contact .mobile-contact__wa:active{background:#106837;transform:translateY(1px)}
.button--call,.header-call,.mobile-contact .mobile-contact__call{background:transparent;border:1px solid #889397;color:#f4f6f5}
.button--call:hover,.header-call:hover,.mobile-contact .mobile-contact__call:hover{background:#eef1ef;border-color:#eef1ef;color:#111416}
.button--call:active,.header-call:active,.mobile-contact .mobile-contact__call:active{background:#cdd4d2;transform:translateY(1px)}
.button:focus-visible,.header-wa:focus-visible,.header-call:focus-visible,.mobile-contact a:focus-visible,.language-switcher summary:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
.header-call .action-icon,.header-wa .action-icon{width:18px;height:18px}
.header-wa{gap:7px}
.header-call__icon{display:none}
.language-switcher summary,.mobile-menu summary{border-radius:10px}
.language-switcher ul,.mobile-menu nav{border-radius:12px}
.c-hero__visual,.c-story__visual,.c-page-hero__media,.c-detail-hero__media{overflow:hidden}
.c-hero__visual img,.c-hero__visual:before,.c-hero__visual:after,.c-story__visual,.c-detail-hero__media,.c-page-hero__media{clip-path:none}
.c-hero__visual:before{display:none}
.c-hero__visual:after{background:linear-gradient(0deg,#111416a8,transparent 44%)}
.c-hero__visual img{object-position:45% center}
.c-hero__seam{height:3px;transform:none;background:var(--c-red)}
.c-story__visual{border-radius:var(--c-radius-panel)}
.c-story__visual img{object-position:center}
.c-service-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.c-feature{border:1px solid #394247;border-radius:var(--c-radius-panel)}
.c-feature--lead{grid-column:auto}
.c-feature__media,.c-feature--lead .c-feature__media{height:auto;aspect-ratio:5/4}
.c-feature__body{min-height:106px}
.c-feature a:hover .c-feature__image,.c-feature a:focus-visible .c-feature__image{transform:scale(1.025)}
.c-discovery{padding-block:clamp(68px,7vw,100px);background:#20282b}
.c-discovery__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 42px}
.c-discovery__group{border-block-start:3px solid var(--c-red);padding-block-start:18px}
.c-discovery__group h3{font-size:clamp(1.4rem,2vw,2rem);margin-block-end:10px}
.c-discovery__group ul{list-style:none;margin:0;padding:0}
.c-discovery__group li+li{border-block-start:1px solid #475053}
.c-discovery__group a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:10px;text-decoration:none;font-size:.94rem}
.c-discovery__group a:hover,.c-discovery__group a:focus-visible{color:#ff8492}
.c-discovery__group a span{color:var(--c-red)}
.c-process{background:#ecefed;color:#111416;padding-block:clamp(66px,7vw,96px)}
.c-process .c-eyebrow{color:#4c5456}
.c-process__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0;border-block-start:1px solid #aab3b5}
.c-process__steps li{padding-block-start:18px}
.c-process__steps li>span{display:block;color:#b32135;font:600 1.25rem CarWayBarlow,Arial,sans-serif;margin-block-end:26px}
.c-process__steps h3{font-size:clamp(1.5rem,2.2vw,2.3rem);max-width:17ch}
.c-process__steps p{margin-block-start:10px;color:#374044;max-width:35ch}
.c-why{background:#171c1f;padding-block:clamp(70px,7vw,104px)}
.c-why__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,6vw,90px)}
.c-why h2{font-size:clamp(2.7rem,4vw,4.5rem);max-width:14ch;margin-block:12px 20px}
.c-why p:not(.c-eyebrow){color:#c2c9ca;max-width:48ch}
.c-why .c-text-link{margin-block-start:24px}
.c-why figure{height:clamp(330px,38vw,490px);overflow:hidden;border-radius:var(--c-radius-panel)}
.c-why img{width:100%;height:100%;object-fit:cover}
.c-coverage__regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.c-coverage__regions a{position:relative;display:grid;align-content:start;gap:12px;min-height:180px;padding:25px;border:1px solid #586267;border-radius:var(--c-radius-panel);text-decoration:none;background:#273034;color:#f3f5f4}
.c-coverage__regions a:hover,.c-coverage__regions a:focus-visible{border-color:#e44a5e;background:#30393d}
.c-coverage__regions strong{font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.3}
.c-coverage__regions span:not(.c-coverage__arrow){color:#c6ced0;font-size:.9rem}
.c-coverage__arrow{position:absolute;inset-block-end:18px;inset-inline-end:24px;color:#f26778;font-size:1.5rem}
.c-home-faq{background:#242c2f;padding-block:clamp(65px,7vw,100px)}
.c-home-faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,100px)}
.c-home-faq h2{font-size:clamp(2.5rem,4vw,4.3rem);margin-block:12px 22px}
.c-home-faq details{border-block-start:1px solid #596366;padding-block:16px}
.c-home-faq details:last-child{border-block-end:1px solid #596366}
.c-home-faq summary{cursor:pointer;font-size:1.15rem;font-weight:700;padding-inline-end:16px}
.c-home-faq details p{color:#c6cdd0;padding-block-start:11px;max-width:65ch}
.c-service-group__media{display:none}
.c-service-group__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.c-service-item{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;padding:0;border:1px solid #465154;border-radius:var(--c-radius-panel);overflow:hidden;background:#20282b}
.c-service-item__media{aspect-ratio:16/9;background:#2b3539;overflow:hidden}
.c-service-item__media img{width:100%;height:100%;object-fit:cover}
.c-service-item__body{display:flex;flex:1;flex-direction:column;padding:20px}
.c-service-item h3{font-size:1.45rem;line-height:1.35}
.c-service-item p{font-size:.91rem;line-height:1.7;color:#bac3c6;margin-block:10px 0}
.c-service-item__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-block-start:auto;padding-block-start:18px}
.c-service-item__actions a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:.84rem;font-weight:700;line-height:1.4}
.c-service-item__actions .c-service-item__ask{color:#58e994}
.c-service-item__actions .c-service-item__ask:hover{color:#a5f9c5}
.c-service-item__actions .c-service-item__detail{color:#f6f7f4;border-block-end:1px solid var(--c-red);padding-block-end:3px}
.c-service-item__actions .action-icon{width:17px;height:17px}
.c-page--coverage .entry-content{max-width:none}
.c-page--coverage .entry-content>.wp-block-heading{padding-block-start:25px}
.c-page--coverage .wp-block-list{columns:2;column-gap:35px}
.c-page--coverage .wp-block-list li{break-inside:avoid;margin-block:0 8px}
.c-page--faq .entry-content details{border-block-start:1px solid #5a6569;padding-block:17px}
.c-page--faq .entry-content details:last-child{border-block-end:1px solid #5a6569}
.c-page--faq .entry-content summary{font-weight:700;cursor:pointer;font-size:1.12rem}
.c-page--faq .entry-content details p{color:#bdc6c9;margin-block-start:12px}
.c-content-aside{border-radius:var(--c-radius-panel)}
.c-content-aside .button{width:100%}
.c-page-hero__media,.c-detail-hero__media{border-radius:0 0 var(--c-radius-panel) var(--c-radius-panel)}
.mobile-contact a{display:flex;align-items:center;justify-content:center;gap:8px}
.mobile-contact .action-icon{width:19px;height:19px}
@media(max-width:1150px){.c-service-features{grid-template-columns:repeat(2,minmax(0,1fr))}.c-feature__media,.c-feature--lead .c-feature__media{height:auto}}
@media(max-width:960px){.brand__plate{width:74px;height:74px}.header-inner{min-height:84px}.c-discovery__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{padding-block-end:calc(66px + env(safe-area-inset-bottom))}.brand{gap:7px}.brand__plate{width:64px;height:64px;border-radius:11px}.brand__descriptor [lang=en]{font-size:.63rem}.brand__descriptor [lang=ar]{font-size:.61rem}.header-inner{min-height:76px}.header-call{width:42px;padding:0}.header-call .action-icon{width:18px;height:18px}.c-hero__visual img{clip-path:none}.c-hero__visual:after{clip-path:none}.c-hero__visual{width:100%;margin:0;border-radius:var(--c-radius-panel) var(--c-radius-panel) 0 0}.c-story__visual{clip-path:none}.c-service-features{grid-template-columns:repeat(2,minmax(0,1fr))}.c-feature__media,.c-feature--lead .c-feature__media{height:auto;aspect-ratio:4/3}.c-feature__body{min-height:100px}.c-discovery__groups{grid-template-columns:1fr;gap:28px}.c-process__steps{grid-template-columns:1fr;gap:0}.c-process__steps li{padding-block:18px;border-block-end:1px solid #b5bdbf}.c-process__steps li>span{margin-block-end:8px}.c-process__steps h3{font-size:1.65rem}.c-why__grid,.c-home-faq__grid{grid-template-columns:1fr;gap:25px}.c-why figure{height:290px}.c-coverage__regions{grid-template-columns:1fr}.c-coverage__regions a{min-height:130px}.c-service-group__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.c-service-item__media{aspect-ratio:4/3}.c-service-item__body{padding:13px}.c-service-item h3{font-size:1.13rem}.c-service-item p{font-size:.83rem}.c-service-item__actions{padding-block-start:12px}.c-service-item__actions a{font-size:.8rem}.c-page--coverage .wp-block-list{columns:1}.mobile-contact{gap:8px}.mobile-contact a{min-height:47px}.c-home-faq h2,.c-why h2{font-size:clamp(2.5rem,8vw,3.6rem)}}
@media(max-width:390px){.brand__plate{width:65px;height:65px}.brand__descriptor [lang=en]{font-size:.61rem}.brand__descriptor [lang=ar]{font-size:.59rem}.header-inner{gap:5px}.header-call{width:40px}.c-service-group__items{grid-template-columns:1fr}.c-service-item{display:grid;grid-template-columns:34% 1fr}.c-service-item__media{height:100%;aspect-ratio:auto}.c-service-item__body{min-width:0}.c-service-item h3{font-size:1.06rem}.c-service-item p{display:none}}
@media(max-width:330px){.brand__descriptor{display:none}.brand__plate{width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){.button,.header-call,.header-wa,.mobile-contact a,.c-feature__image{transition:none}.button:hover,.header-call:active,.header-wa:active,.mobile-contact a:active,.c-feature a:hover .c-feature__image{transform:none}}
.c-phone-number,.c-hero__base bdi{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.c-coverage .c-section-head>p{color:#465155}
.c-story .c-text-link:hover,.c-story .c-text-link:focus-visible{color:#fff;border-block-end-color:#111416}
.c-story .c-text-link:active{color:#fff;background:#111416}
.c-why .c-text-link:hover,.c-why .c-text-link:focus-visible,.c-home-faq .c-text-link:hover,.c-home-faq .c-text-link:focus-visible{color:#ff9ba6}
@media(max-width:760px){.site-header .brand__descriptor{display:none}.site-header .brand__plate{width:72px;height:72px}.site-header .header-inner{min-height:80px}}
@media(max-width:330px){.site-header .brand__plate{width:68px;height:68px}}
