/* الإتمام الذاتي identity on top of the Arkan layout (site.css stays untouched).
   Palette from the company profile: charcoal #231F20, graphite #393536, grey #888C92, gold #D7B130. */
:root{--navy:#231F20;--navy2:#393536;--cyan:#D7B130;--blue:#8A6A10;--ink:#231F20;--muted:#5f5c5d;--line:#e4e2e2;--ice:#f4f4f4}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b8931c}
.skip{background:#D7B130;color:#231F20}
.header{border-bottom-color:rgba(35,31,32,.08)}
.brand{flex:0 0 auto}.brand img,.brand-logo{width:auto;height:74px}
.hero-shade{background:linear-gradient(270deg,rgba(35,31,32,.98) 9%,rgba(35,31,32,.9) 45%,rgba(35,31,32,.62) 100%)}
.hero:after{border-color:rgba(215,177,48,.18);box-shadow:0 0 0 85px rgba(215,177,48,.03),0 0 0 170px rgba(215,177,48,.025)}
.eyebrow{color:#e6c967}.eyebrow.dark{color:var(--blue)}
.cyan{background:#D7B130;color:#231F20}
.hero-intro{color:#e9e6e6}.hero-chips{color:#e3dfdf}.service-note{color:#c4bfbf}.hero-bottom{color:#d8d4d4}
.field input:focus,.field select:focus{border-color:#b8931c;box-shadow:0 0 0 3px rgba(215,177,48,.18)}
.consent input{accent-color:#231F20}
.services,.footer{background:#f6f5f5}
.service-card{border-color:#e6e3e3}.service-card:hover,.service-card.current{border-color:#d7b130;box-shadow:0 17px 35px rgba(35,31,32,.06)}
.service-icon{background:#f6efd8;color:var(--blue)}.card-num{color:#a19c9c}
.service-card:last-child p{color:#d9d5d5}.service-card:last-child .service-icon{background:#3d3839;color:#D7B130}
.assessment-image:after{background:linear-gradient(transparent,rgba(35,31,32,.94))}
.process{background:#f1f0f0}.steps article{border-right-color:#d9d5d5}.steps article>span{color:var(--blue)}
.contact-band:after{border-color:#45403f}
.footer-grid a,.footer-grid span{color:#5f5c5d}.footer-bottom{color:#7b7676}
.footer-logo{height:96px;width:auto;margin-bottom:10px;mix-blend-mode:normal}
.thank-logo{height:110px;width:auto;margin:0 auto 22px}
.floating-contact .float-assess{background:#D7B130;color:#231F20}
.mobile-nav>nav a:last-child{color:var(--blue)}
.income-field{border:0;padding:0;margin:0 0 13px;min-width:0}
.income-field legend{font-size:15px;font-weight:700;padding:0;margin-bottom:6px}
.income-field legend small{font-weight:600;color:var(--muted);font-size:13px}
.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.income-option{position:relative;display:block;cursor:pointer}
.income-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.income-option span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border:1px solid #dedada;border-radius:9px;background:#faf9f9;font-size:15px;font-weight:700;text-align:center;line-height:1.3;transition:border-color .15s,background .15s,color .15s}
.income-option:hover span{border-color:#d7b130}
.income-option input:checked+span{border-color:var(--navy);background:var(--navy);color:#fff}
.income-option input:focus-visible+span{outline:3px solid #b8931c;outline-offset:2px}
.income-field[aria-invalid=true] .income-option span{border-color:#9b341d}
@media(max-width:1180px){.brand img,.brand-logo{height:60px}}
@media(max-width:740px){.brand img,.brand-logo{height:54px}.footer-logo{height:84px}}
@media(max-width:380px){.income-option span{font-size:14px;min-height:44px}}
/* Footer */
.sb-footer{background:#f6f5f5;border-top:3px solid #D7B130;padding-top:56px;font-size:16px;color:var(--ink)}
.sb-foot-grid{display:grid;grid-template-columns:1.2fr .85fr 1.15fr 1fr;gap:48px;padding-bottom:44px}
.sb-foot-brand .footer-logo{height:104px;margin-bottom:14px}
.sb-foot-brand p{color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 20px}
.sb-social{display:flex;gap:10px}
.sb-social a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--ink);transition:background .18s,color .18s,border-color .18s,transform .18s}
.sb-social a svg{width:21px;height:21px}
.sb-social a:hover{transform:translateY(-2px);background:var(--ink);border-color:var(--ink);color:#fff}
.sb-social .s-wa:hover{background:#166c45;border-color:#166c45}
.sb-social .s-snap:hover{background:#FFFC00;border-color:#e8e400;color:#231F20}
.sb-foot-col h3{position:relative;font-size:18px;font-weight:800;margin:4px 0 20px;padding-bottom:10px}
.sb-foot-col h3:after{content:'';position:absolute;bottom:0;right:0;width:28px;height:3px;border-radius:2px;background:#D7B130}
.sb-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sb-foot-col a,.sb-foot-col span{color:#5f5c5d;transition:color .15s}
.sb-foot-col a:hover{color:var(--ink)}
.sb-contact li{display:flex;align-items:center;gap:10px}
.sb-contact svg{width:18px;height:18px;color:var(--blue)}
.sb-contact bdi{direction:ltr;unicode-bidi:isolate;font-size:15px;letter-spacing:.2px}
.sb-cities{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
.sb-cities li{padding:5px 13px;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:14px;color:#5f5c5d}
.sb-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:18px 0;font-size:14px;color:#7b7676}
@media(min-width:741px){.sb-footer{padding-bottom:96px}.sb-foot-bottom{padding-inline-end:190px}}
@media(max-width:1000px){.sb-foot-grid{grid-template-columns:1fr 1fr;gap:36px 28px}}
@media(max-width:560px){.sb-footer{padding-top:44px}.sb-foot-grid{grid-template-columns:1fr;gap:32px}.sb-foot-brand .footer-logo{height:92px}.sb-foot-bottom{flex-direction:column;align-items:flex-start;gap:4px}}