/* Signature navy/silver brand. Retain underlying page structure and form contracts.
   Layers: header 20, WhatsApp 40, native dialog top-layer. */
:root{color-scheme:dark;--signature-bg:#080e20;--signature-surface:#101a30;--signature-raised:#162139;--signature-text:#f3f5fa;--signature-muted:#b3bed0;--signature-line:#2c3850;--signature-silver:#cbd5e3;--navy:#080e20;--ink:#f3f5fa;--muted:#b3bed0;--soft:#101a30;--line:#2c3850;--paper:#080e20;--civic-ink:#f3f5fa;--civic-muted:#b3bed0;--civic-line:#2c3850;--civic-surface:#101a30}
html{background:var(--signature-bg)}
body{background:var(--signature-bg);color:var(--signature-text);font-size:18px;line-height:1.85}
p{color:var(--signature-muted)}
h1,h2,h3{color:var(--signature-text)}
.shell{width:min(1320px,calc(100% - 112px))}
a,button,input,select,textarea{outline-offset:5px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d8e7ff}
.civic-header{background:var(--signature-bg);border-bottom:1px solid var(--signature-line)}
.civic-utility{display:none}
.civic-header .ba-navigation{min-height:80px;gap:28px}
.civic-header .civic-logo{width:310px}
.civic-header .ba-desktop{font-size:15px;gap:30px}
.civic-header .ba-desktop a{min-height:64px}
.civic-header .ba-header-cta{border:0;border-radius:4px;background:var(--signature-silver);color:#080e20;min-height:48px;padding:10px 22px}
.civic-header .ba-header-cta:hover{background:#edf2f9;color:#080e20}
.civic-header .ba-menu-button{border-color:#536079;border-radius:4px}
.signature-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:40px 48px}
.signature-firm{font-size:17px;line-height:1.9;color:var(--signature-muted);margin-bottom:28px}
.signature-hero h1{font-size:clamp(72px,7.8vw,112px);line-height:1.25;letter-spacing:normal;margin:0 0 24px;text-wrap:nowrap}
.signature-hero h1 span{display:block;color:var(--signature-silver);margin-inline-start:64px}
.signature-hero-description{font-size:19px;line-height:1.9;max-width:400px}
.signature-hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:32px}
.signature-hero-media{height:520px;overflow:hidden;border-start-start-radius:160px;position:relative}
.signature-hero-media img{width:100%;height:100%;object-fit:cover;object-position:48% center}
.signature-text-link{display:inline-flex;align-items:center;gap:24px;min-height:48px;font-size:16px;font-weight:700;color:var(--signature-text);border-bottom:1px solid #758198}
.signature-text-link:hover{color:#fff;border-color:#fff}
.ba-text-link.dark{color:var(--signature-silver);border-color:#536079}
.ba-button,.ba-button-dark{background:var(--signature-silver);color:#080e20;border:1px solid var(--signature-silver);border-radius:4px;padding:14px 24px;min-height:56px;box-shadow:none}
.ba-button:hover,.ba-button-dark:hover{background:#edf2f9;border-color:#edf2f9;color:#080e20;box-shadow:none}
.signature-statement{display:grid;grid-template-columns:1.1fr 1fr;gap:96px;align-items:start;border-block:1px solid var(--signature-line);padding-block:80px}
.signature-statement h2{font-size:clamp(36px,4vw,56px);line-height:1.55}
.signature-statement h2 span,.signature-heading h2 span,.signature-process h2 span{color:var(--signature-muted)}
.signature-statement p{font-size:19px;line-height:2}
.signature-statement .signature-text-link{margin-top:24px}
.signature-practice{padding-block:104px}
.signature-heading{margin-bottom:48px}
.signature-heading h2{font-size:clamp(38px,4.6vw,66px);line-height:1.4;max-width:720px}
.signature-heading p{max-width:620px;margin-top:20px;font-size:18px}
.signature-explorer.is-enhanced{display:grid;grid-template-columns:1fr 1.55fr;gap:48px;align-items:stretch}
.signature-practice-tabs{display:flex;flex-direction:column;border-top:1px solid var(--signature-line)}
.signature-practice-tabs[hidden]{display:none}
.signature-practice-tabs button{flex:1;display:flex;align-items:center;gap:18px;text-align:start;border:0;border-bottom:1px solid var(--signature-line);background:transparent;color:var(--signature-muted);padding:20px 16px;font:700 19px/1.7 Tajawal,Arial,sans-serif;min-height:80px;transition:background-color 180ms ease,color 180ms ease}
.signature-practice-tabs button>img{flex-shrink:0;filter:brightness(0) invert(1);opacity:.65}
.signature-practice-tabs button .ba-arrow-icon{margin-inline-start:auto;opacity:0}
.signature-practice-tabs button[aria-selected=true]{background:var(--signature-surface);color:var(--signature-text);box-shadow:inset -3px 0 var(--signature-silver)}
.signature-practice-tabs button[aria-selected=true] .ba-arrow-icon{opacity:1}
.signature-practice-tabs button:hover{background:#121e35;color:#f3f5fa}
.signature-practice-panel{background:var(--signature-surface);min-height:100%;display:grid;grid-template-columns:1fr;overflow:hidden}
.signature-practice-panel[hidden]{display:none}
.signature-practice-panel:not([role]){margin-bottom:32px}
.signature-panel-content{padding:36px 40px}
.signature-panel-content h3{font-size:29px;line-height:1.55;margin-bottom:14px}
.signature-panel-content p{font-size:18px;line-height:1.8}
.signature-panel-content ul{padding-inline-start:18px;margin:20px 0 28px;color:var(--signature-muted);font-size:16px;line-height:1.8}
.signature-panel-content li+li{margin-top:8px}
.signature-panel-image{width:100%;height:180px;object-fit:cover;object-position:center}
.signature-practice-select{display:none}
.signature-audiences{padding-block:80px 96px;border-top:1px solid var(--signature-line);display:grid;grid-template-columns:1fr 1.2fr;gap:100px}
.signature-audiences .signature-heading{margin:0}
.signature-audience-list details{border-bottom:1px solid var(--signature-line);padding:22px 0}
.signature-audience-list details:first-child{padding-top:0}
.signature-audience-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:24px;line-height:1.7;font-weight:700;cursor:pointer;min-height:48px}
.signature-audience-list summary::-webkit-details-marker{display:none}
.signature-audience-list summary .ba-arrow-icon{transform:rotate(-90deg);color:var(--signature-muted)}
.signature-audience-list details[open] summary .ba-arrow-icon{transform:rotate(90deg)}
.signature-audience-list p{margin-top:18px;max-width:540px;font-size:18px}
.ba-team-section{background:var(--signature-bg);border-block:1px solid var(--signature-line);padding-block:88px}
.ba-team-section .ba-section-heading{display:block;max-width:750px;margin-bottom:48px}
.ba-team-section .ba-section-heading>p{max-width:660px;font-size:18px;margin-top:20px}
.ba-team-section h2{font-size:clamp(36px,4vw,56px)}
.ba-team-grid{gap:64px}
.ba-person{background:transparent;border:0;border-top:1px solid #536079;border-radius:0;padding:36px 0;align-items:start;gap:24px}
.ba-person-mark{background:transparent;padding:0;width:64px;height:auto}
.ba-person-mark img{filter:none}
.ba-person h3{font-size:36px;line-height:1.5;margin-bottom:8px}
.ba-person span{color:var(--signature-silver);font-size:17px}
.ba-person p{font-size:17px;margin-top:18px}
.signature-process{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-block:96px}
.signature-process h2{font-size:clamp(36px,4vw,56px);line-height:1.5}
.signature-process ol{list-style:none;margin:0;padding:0}
.signature-process li{display:flex;align-items:start;gap:24px;padding:26px 0;border-bottom:1px solid var(--signature-line)}
.signature-process li:first-child{padding-top:0}
.signature-step-index{display:grid;place-items:center;border:1px solid #536079;width:40px;height:40px;border-radius:50%;flex:0 0 40px;color:var(--signature-muted);font-size:16px}
.signature-process h3{font-size:24px;margin-bottom:10px}
.signature-process p{font-size:18px;line-height:1.8}
.ba-contact-band{background:var(--signature-surface);padding:64px 0;border-block:1px solid var(--signature-line);margin:0;border-radius:0}
.ba-contact-band .ba-eyebrow{color:var(--signature-muted);font-size:17px}
.ba-contact-band h2{font-size:clamp(40px,5.2vw,72px);line-height:1.4}
.ba-contact-band .ba-button{background:var(--signature-silver);color:#080e20}
.ba-footer{background:var(--signature-bg);border:0;padding-top:64px}
.ba-footer p,.ba-footer h2,.ba-footer-bottom{color:var(--signature-muted)}
.ba-footer-grid>div>a{color:var(--signature-text)}
.ba-footer-logo{width:360px}
.ba-footer-bottom{border-color:var(--signature-line)}
.ba-footer-bottom a{color:var(--signature-text)}
.ba-soft,.ba-page-hero{background:var(--signature-surface);color:var(--signature-text)}
.ba-section{padding-block:88px}
.modern-service-hero{padding-block:64px 72px;gap:80px}
.modern-service-hero h1{font-size:clamp(38px,4.6vw,66px);line-height:1.45}
.modern-service-hero p,.ba-page-hero p{color:var(--signature-muted);font-size:19px}
.modern-profile-image{border-radius:0}
.ba-eyebrow,.ba-page-hero .ba-eyebrow,.ba-number{color:var(--signature-muted)}
.modern-service-icon{background:var(--signature-raised);border-radius:4px}
.modern-service-icon img,.modern-needs img,.modern-call img,.modern-related a>img{filter:brightness(0) invert(1);opacity:.82}
.ba-service-whatsapp{color:#a6d3bc}
.ba-practice-nav{border-color:var(--signature-line)}
.ba-practice-nav a{color:var(--signature-silver);border-color:#536079}
.modern-profile-body h2{color:var(--signature-text)}
.modern-profile-aside{background:var(--signature-bg);border:1px solid var(--signature-line);border-radius:4px}
.modern-profile-aside p,.modern-profile-aside li{color:var(--signature-muted)}
.modern-profile-aside hr,.modern-needs>div,.ba-detail-list li{border-color:var(--signature-line)}
.modern-faq details,.modern-faq details:last-child{border-color:var(--signature-line)}
.modern-faq details[open] summary{color:var(--signature-text)}
.modern-related a{background:var(--signature-bg);border-color:var(--signature-line);border-radius:4px}
.ba-practice-step{border-color:var(--signature-line)}
.ba-practice-step>span,.ba-practice-step p{color:var(--signature-muted)}
.ba-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.ba-service{background:transparent;border:0;border-top:1px solid var(--signature-line);border-radius:0;padding:36px 0}
.ba-service:hover{background:#ffffff04}
.ba-service .modern-service-icon{background:var(--signature-raised)}
.ba-service h3{font-size:27px}
.ba-service-link{color:var(--signature-silver);border-color:var(--signature-line);font-size:16px}
.ba-values article{border-color:#536079}
.ba-values p{color:var(--signature-muted)}
.ba-two h2{font-size:36px}
.ba-form{background:var(--signature-surface);border:1px solid var(--signature-line);border-radius:4px}
.ba-form input,.ba-form select,.ba-form textarea{background:var(--signature-bg);color:var(--signature-text);border-color:#58667f;border-radius:4px}
.ba-form input::placeholder,.ba-form textarea::placeholder{color:#9eacc1;opacity:1}
.ba-contact-item p{color:var(--signature-text)}
.ba-contact-item h3{color:var(--signature-muted)}
.ba-contact-item a{font-size:30px}
.ba-form-note,.ba-form-note a{color:var(--signature-muted)}
.ba-field-error{color:#ffb8b8}
.ba-form [data-ba-feedback]:not(:empty){color:var(--signature-silver)}
.ba-error{background:#3b1a25;color:#ffcbd0}
.ba-success{background:#153d34;color:#c1eedc}
.ba-request-dialog{background:var(--signature-surface);color:var(--signature-text);border-color:#536079}
.ba-request-dialog p,.ba-request-dialog small,.ba-request-note,.ba-request-disclaimer{color:var(--signature-muted)}
.ba-request-heading>img{filter:brightness(0) invert(1)}
.ba-request-close{background:var(--signature-bg);color:var(--signature-text);border-color:#536079}
.ba-request-dialog select{background:var(--signature-bg);color:var(--signature-text);border-color:#6d7a91}
.ba-request-channels label{border-color:#536079}
.ba-request-channels label:has(input:checked){background:#23334e;border-color:var(--signature-silver)}
.ba-request-channels input{accent-color:#bfd4ef}
.ba-draft-details{border-color:#536079}
#ba-request-message{background:var(--signature-bg);border-color:#71839f;color:var(--signature-text)}
.civic-logo-grid figure{border-color:var(--signature-line);background:var(--signature-surface)}
.civic-logo-grid img{background:#f3f5fa;padding:12px}
.ba-whatsapp-launch{background:#146b50;border-color:#7aa48e55;color:#f5fff9}
.ba-whatsapp-launch:hover{background:#1b8061}
.skip{background:#f3f5fa;color:#080e20}
@media(max-width:1180px){
 .shell{width:calc(100% - 80px)}.civic-header .civic-logo{width:270px}.civic-header .ba-desktop{gap:20px}.civic-header .ba-navigation{gap:20px}
 .signature-hero{gap:48px}.signature-hero-media{height:520px}.signature-hero h1{font-size:88px}
 .signature-statement,.signature-audiences,.signature-process{gap:64px}
 .signature-explorer.is-enhanced{gap:32px;grid-template-columns:1fr 1.4fr}.signature-panel-content{padding:28px}
}
@media(max-width:1024px){
 .civic-header .civic-logo{width:310px}.civic-header .ba-navigation{min-height:80px}
 .signature-hero{gap:32px}.signature-hero h1{font-size:72px}.signature-hero h1 span{margin-inline-start:32px}.signature-hero-media{height:480px}
 .signature-explorer.is-enhanced{grid-template-columns:1fr 1.3fr;gap:24px}.signature-practice-tabs button{font-size:17px;padding-inline:12px;gap:12px}
 .signature-panel-content h3{font-size:25px}.signature-panel-content{padding:24px}
 .signature-audiences,.signature-process{gap:40px}
 .ba-services{gap:0 36px}.modern-service-hero{gap:40px}
}
@media(max-width:767px){
 .shell{width:calc(100% - 40px)}
 .civic-header .ba-navigation{min-height:84px}.civic-header .civic-logo{width:290px;max-width:calc(100% - 64px)}
 .signature-hero{grid-template-columns:1fr;gap:36px;padding-block:36px 48px}
 .signature-firm{font-size:15px;margin-bottom:24px}
 .signature-hero h1{font-size:clamp(66px,18vw,88px);line-height:1.2;margin-bottom:22px}
 .signature-hero h1 span{margin-inline-start:40px}
 .signature-hero-description{font-size:17px;max-width:340px}
 .signature-hero-actions{gap:20px;margin-top:26px}.signature-hero-actions .ba-button{flex:1;justify-content:space-between}
 .signature-hero-media{height:260px;border-start-start-radius:72px}.signature-hero-media img{object-position:center 55%}
 .signature-statement{grid-template-columns:1fr;gap:24px;padding-block:48px}
 .signature-statement h2{font-size:35px}.signature-statement p{font-size:17px;line-height:1.95}
 .signature-practice{padding-block:56px}
 .signature-heading{margin-bottom:28px}.signature-heading h2{font-size:39px;line-height:1.45}.signature-heading p{font-size:17px;margin-top:16px}
 .signature-explorer.is-enhanced{display:block}
 .signature-explorer.is-enhanced .signature-practice-tabs{display:none}
 .signature-explorer.is-enhanced .signature-practice-select{display:block;font-size:15px;margin-bottom:20px;color:var(--signature-muted)}
 .signature-practice-select select{display:block;width:100%;min-height:56px;background:var(--signature-surface);border:1px solid #6d7a91;border-radius:4px;color:var(--signature-text);font:700 17px Tajawal,Arial,sans-serif;padding:12px;margin-top:8px}
 .signature-panel-content{padding:28px 24px}.signature-panel-content h3{font-size:26px}.signature-panel-content p{font-size:17px}.signature-panel-content ul{font-size:16px}
 .signature-panel-content .ba-button{width:100%;justify-content:space-between}.signature-panel-image{height:160px}
 .signature-audiences{grid-template-columns:1fr;gap:28px;padding-block:48px}
 .signature-audience-list summary{font-size:21px;gap:16px}.signature-audience-list p{font-size:17px}
 .ba-team-section{padding-block:56px}.ba-team-section h2{font-size:35px}
 .ba-team-section .ba-section-heading>p{font-size:17px}.ba-team-section .ba-section-heading{margin-bottom:28px}
 .ba-team-grid{grid-template-columns:1fr;gap:8px}.ba-person{padding-block:28px;gap:20px}.ba-person-mark{width:48px}
 .ba-person h3{font-size:30px}.ba-person span{font-size:16px}.ba-person p{font-size:16px;margin-top:12px}
 .signature-process{grid-template-columns:1fr;gap:28px;padding-block:48px}.signature-process h2{font-size:35px}.signature-process h3{font-size:23px}.signature-process p{font-size:17px}
 .ba-contact-band{padding-block:48px}.ba-contact-band h2{font-size:48px}.ba-contact-band .ba-eyebrow{font-size:16px}
 .ba-contact-band .shell{width:calc(100% - 40px)}
 .ba-section{padding-block:48px}.modern-service-hero{padding-block:36px 44px;gap:28px}
 .modern-service-hero h1{font-size:37px}.modern-service-hero p,.ba-page-hero p{font-size:17px}
 .modern-profile-image{aspect-ratio:16/10}
 .ba-services{grid-template-columns:1fr;gap:0}.ba-service{padding-block:28px}.ba-service h3{font-size:25px}
 .ba-two h2{font-size:30px}.ba-two p{font-size:17px}.ba-values p{font-size:17px}
 .ba-footer-grid{gap:32px 24px}.ba-footer-logo{width:320px}.ba-footer p{font-size:15px}
 .ba-contact-item a{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.signature-practice-tabs button{transition:none}}