:root{--paper:#faf8f1;--white:#fffdf7;--ink:#27372f;--brand:#123c31;--accent:#82672f;--line:#d9ddcf;--muted:#66756c;--body:'Cairo',sans-serif;--title:'Noto Naskh Arabic',serif;--latin:'Cormorant Garamond',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/2 var(--body)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--brand);outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}.icon-library{display:none}.container{width:min(1320px,88%);margin-inline:auto}.skip{position:absolute;top:-80px;right:20px;background:var(--brand);color:white;padding:10px;z-index:20}.skip:focus{top:10px}.notice{font-size:9px;color:var(--muted);border-bottom:1px solid var(--line)}.notice .container{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.notice strong{font-weight:400}.notice-en{font:10px/2 var(--latin);letter-spacing:1.3px;direction:ltr}header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font:500 37px/1 var(--latin);letter-spacing:-5px;padding-left:13px;border-left:1px solid #b5aa83;color:var(--brand);height:42px;display:flex;align-items:center}.brand strong{font:500 33px/1.1 var(--title);display:block}.brand small{font-size:8px;color:var(--muted);display:block;margin-top:5px}nav{display:flex;gap:30px;font-size:11px}nav a{padding:10px 0}nav a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:7px}.button{background:var(--brand);color:white;border:1px solid var(--brand);padding:15px 25px;display:inline-flex;justify-content:center;align-items:center;gap:40px;font-size:11px;font-weight:600;transition:background .2s}.button:hover{background:#225b49}.button.small{background:none;color:var(--brand);font-size:10px;padding:10px 18px;gap:25px}.button.small:hover{background:var(--brand);color:#fff}.menu-toggle{display:none;border:0;background:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center;padding:52px 0 65px}.hero-copy{padding:35px 0 15px}.hero-index{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--brand)}.index-line{width:30px;height:1px;background:var(--brand)}.hero-index small{font:11px var(--latin);letter-spacing:2px;margin-inline-start:auto;color:#8c8d73}.hero h1{font:500 clamp(50px,5vw,79px)/1.6 var(--title);letter-spacing:-1.5px;margin:28px 0 22px}.hero h1 em{font-style:normal;color:var(--brand);position:relative}.hero h1 em:after{content:'';position:absolute;bottom:5px;right:0;width:100%;height:1px;background:#ac9153}.hero-description{font:400 23px/1.9 var(--title);margin:0 0 15px}.hero-detail{font-size:12px;color:var(--muted);max-width:450px;line-height:2.3}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:29px}.simple-link{border:0;border-bottom:1px solid #b1b99e;padding:5px 0;background:none;font-size:11px;color:var(--brand);display:inline-flex;gap:22px;align-items:center}.simple-link:hover{border-color:var(--brand)}.hero-signoff{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;gap:20px;align-items:center}.hero-signoff>span{font:400 25px var(--title)}.hero-signoff small{font-size:9px;color:var(--muted)}.hero-art{position:relative;margin:0;align-self:stretch;display:flex;flex-direction:column;min-height:600px}.hero-art>img{width:100%;height:100%;flex:1;object-fit:cover;min-height:0;max-height:660px;background:#123c31}.hero-art figcaption{background:#ececde;padding:13px 18px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.hero-art figcaption>span:last-child{font:9px/2 var(--latin);letter-spacing:1px;color:#757e67;direction:ltr}.image-number{position:absolute;bottom:68px;left:-26px;font:80px/1 var(--latin);color:#a58a4f;text-shadow:1px 1px #faf8f1}.practice-ribbon{background:#edecdf;border-block:1px solid #d6d8c6}.practice-ribbon .container{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:23px;font:20px var(--title)}.practice-ribbon span{font:9px var(--body);color:var(--muted)}.practice-ribbon i{font-style:normal;font-size:12px;color:#9c8144}.practice-ribbon a:hover{color:var(--brand)}.eyebrow{font-size:10px;font-weight:600;color:var(--brand);display:block}.eyebrow b{font:15px var(--latin);margin-left:12px;font-weight:400;color:#98804c}.help-section{padding:105px 0;background:var(--white)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:55px}h2{font:400 clamp(35px,3.6vw,54px)/1.55 var(--title);margin:12px 0 5px;color:var(--ink)}h2 em{color:var(--brand);font-style:normal}.section-title p{font-size:12px;color:var(--muted);max-width:400px;line-height:2.3;margin:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aa925c}.help-item{border:0;border-bottom:1px solid var(--line);background:transparent;padding:30px 0;display:grid;grid-template-columns:42px 1fr;gap:8px 18px;text-align:right;position:relative;transition:background .2s}.help-item:nth-child(odd){padding-left:40px;border-left:1px solid var(--line)}.help-item:nth-child(even){padding-right:40px}.help-item:hover{background:#f1f2e7}.practice-index{font:36px/1.5 var(--latin);color:#a28b52;grid-row:1/4;direction:ltr;text-align:right}.service-label{font:400 27px/1.6 var(--title)}.service-description{font-size:12px;color:var(--muted);max-width:400px;line-height:2.1}.service-link{display:flex;align-items:center;gap:25px;color:var(--brand);font-size:10px;margin-top:12px}.service-link svg{width:18px;height:18px}.topic-status:empty{display:none}.topic-status{font-size:11px;color:var(--brand);margin:20px 0 0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding:80px 70px;margin-block:100px;background:#edede2;border-top:1px solid #d4d7bf}.about-label>.eyebrow{margin-bottom:25px}.nameplate{display:flex;flex-direction:column;position:relative}.quote-mark{font:90px/1 var(--latin)!important;color:#ae945a;position:absolute;top:-10px;right:-22px;transform:translateX(100%)}.nameplate>span:not(.quote-mark){font:400 44px/1.5 var(--title)}.nameplate em{font-style:normal;color:var(--brand)}.nameplate small{font-size:9px;color:var(--muted);margin-top:25px}.about-copy h2{font-size:40px;margin-top:0}.about-copy p{font-size:13px;line-height:2.2;color:var(--muted)}.about-copy bdi{font-size:12px}.about-points{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c6ccad;padding-top:20px;margin-top:25px;font-size:10px}.about-points b{font:15px var(--latin);margin-left:10px;color:#99844e}.digital{background:#123c31;color:#f0eedb;padding:95px 0}.digital-inner{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.digital .eyebrow,.digital .eyebrow b{color:#c2ac72}.digital h2{color:#fffdf2;font-size:48px}.digital h2 em{color:#d2bd86}.digital p{font-size:13px;line-height:2.3;color:#d0dacb}.forensic-label{border-top:1px solid #b3995e55;padding-top:20px;margin-top:25px;display:flex;flex-direction:column;text-align:right;direction:ltr}.forensic-label>span{font:25px var(--latin);color:#f5f1d9}.forensic-label small{font:10px var(--latin);letter-spacing:1px;margin-top:8px;color:#bca878}.digital-topics{display:flex;flex-wrap:wrap;gap:16px;margin:25px 0}.digital-topics span{font-size:10px;border-bottom:1px solid #b69b5e77;padding-bottom:5px}.digital .simple-link{color:#f4efd7;border-color:#b09a63}.guide{padding-block:105px}.guide-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%;margin-top:45px}.guide-tabs{display:flex;flex-direction:column;align-self:start;border-top:1px solid var(--line)}.guide-tabs button{background:none;border:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 14px;text-align:right;font-size:12px;color:var(--muted)}.guide-tabs button[aria-selected=true]{color:var(--brand);border-right:2px solid var(--brand);background:#e9eddf}.guide-tabs button span{margin-right:14px}.guide-content{min-height:285px}.guide-number{font:20px var(--latin);color:#a18a50}.guide-content h3{font:400 28px/1.6 var(--title);margin:8px 0 12px}.guide-content ol{padding-right:22px;color:var(--muted);font-size:13px;line-height:2.3}.guide-note{border-top:1px solid var(--line);font-size:10px;padding-top:15px;color:#6c7d63}.consult{background:#efeee2;border-block:1px solid #d4d9bf;padding:85px 0}.consult-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%}.consult-intro h2{font-size:53px;line-height:1.6}.consult-intro>p{font-size:12px;color:var(--muted);line-height:2.3;max-width:370px}.payment-note{border-top:1px solid #c8cfb3;display:flex;gap:19px;align-items:center;margin-top:35px;padding-top:24px;font-size:10px}.payment-note small{color:#798968;font-size:9px}.super-mark{font:600 21px var(--body);color:var(--brand)}.selected-topic{color:var(--brand)!important}.plans{border-top:1px solid #998149}.plan{padding:25px 0;border-bottom:1px solid #c5cdb0}.plan-top{display:flex;justify-content:space-between;gap:25px;align-items:baseline}.plan h3{margin:0;font:400 25px/1.5 var(--title)}.plan-top>span{font-size:21px;white-space:nowrap;color:var(--brand);font-weight:400}.plan-top small{font-size:10px}.plan p{font-size:11px;color:var(--muted);max-width:420px;margin:11px 0}.plan button{border:0;background:none;color:var(--brand);font-weight:500;font-size:10px;padding:8px 0;display:flex;gap:28px}.plan button:hover{text-decoration:underline;text-underline-offset:6px}.closing{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:70px}.closing h2{font-size:32px}.closing p{color:var(--muted);font-size:11px;line-height:2.2}.docket{border-top:1px solid var(--line);align-self:center}.docket summary{font-size:12px;padding:16px 0;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px;text-align:right}th,td{border-bottom:1px solid var(--line);padding:10px}caption{color:var(--muted);padding:10px}.docket p{font-size:10px}footer{background:#e6eadb;border-top:1px solid #cdd5bf}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:50px}.footer-main>p{font:18px var(--title);color:#63785f}.footer-location{display:flex;align-items:center;gap:10px;font-size:11px}.footer-location svg{width:18px;height:18px}.footer-location small{display:block;font-size:8px;color:var(--muted)}.footer-bottom{border-top:1px solid #c1cdb4;padding-block:22px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:var(--muted)}.mobile-bar{display:none}
dialog{width:min(640px,94vw);max-height:90dvh;padding:0;border:1px solid #c1cdb7;background:var(--white);color:var(--ink);box-shadow:0 25px 80px #12302555}dialog::backdrop{background:#0a251bbb}.modal-header{position:sticky;top:0;z-index:2;background:var(--white);padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:start}.modal-header h2{font-size:29px;margin:4px 0}.modal-header>button{border:0;background:none;font-size:28px;padding:0 5px;line-height:1}.modal-body{padding:24px 28px}.selected-plan{display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--brand);margin-bottom:20px}.selected-plan>span{white-space:nowrap}.transfer{background:#edf0e3;padding:12px 16px}.transfer summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:11px;font-weight:600;list-style:none}.payment{display:flex;justify-content:space-between;gap:15px;padding-top:16px}.payment>div:first-child{display:flex;flex-direction:column;align-items:start;gap:7px}.payment small{font-size:10px}.payment strong{font-size:14px;font-weight:600}.payment button,#remove-receipt{border:0;background:none;font-size:11px;text-decoration:underline;padding:0;color:var(--brand)}.qr{width:72px;height:72px;border:1px dashed #a5b192;display:flex;flex-direction:column;align-items:center;justify-content:center;font:20px var(--latin);color:#85946e}.qr small{font:8px var(--body)}.fine{font-size:10px;line-height:1.8;color:var(--muted)}#copy-status{font-size:11px;color:var(--brand)}#copy-status:empty{display:none}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600}.full{grid-column:1/-1}input,textarea,select{width:100%;background:#fffefa;color:var(--ink);border:1px solid #b9c8ad;padding:11px 12px;font-size:12px;min-width:0}textarea{resize:vertical;min-height:95px}input[type=file]{font-size:10px}.error{color:#a4372d;font-size:11px;margin:0}.error:empty{display:none}#preview{max-height:150px;max-width:220px;object-fit:contain;display:block;margin-bottom:8px}.submit{width:100%}#handoff{background:#e5eee0;padding:12px 15px;font-size:12px;margin-top:15px}#handoff p{margin:0}#handoff a{text-decoration:underline;font-weight:700}[hidden]{display:none!important}
@media(max-width:1050px){.header-inner{gap:20px}nav{gap:16px;font-size:10px}.hero{gap:7%;padding-top:40px}.hero h1{font-size:57px}.hero-description{font-size:21px}.hero-art{min-height:580px}.hero-actions{gap:15px}.hero .button{padding-inline:18px;gap:20px}.hero-index small{display:none}.practice-ribbon .container{font-size:17px;gap:15px}.help-item:nth-child(odd){padding-left:25px}.help-item:nth-child(even){padding-right:25px}.service-label{font-size:23px}.about{padding:65px 45px;gap:9%}.nameplate>span:not(.quote-mark){font-size:36px}.about-copy h2{font-size:35px}.about-points{font-size:9px}.digital h2{font-size:41px}.consult-grid,.digital-inner{gap:8%}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.mobile-shortcuts{display:none}
/* A dedicated compact layout for phones. */
@media(max-width:740px){
 html{scroll-padding-top:88px}.container{width:calc(100% - 36px)}body{font-size:14px}.notice{font-size:9px}.notice strong,.notice-en{display:none}.notice .container{justify-content:center;padding:4px}.header-inner{min-height:72px;gap:15px}.brand{gap:12px}.brand strong{font-size:27px}.brand small{font-size:8px}.brand-mark{font-size:30px;height:34px;padding-left:10px}.header-cta{display:none}header{position:sticky;top:0;z-index:10}.menu-toggle{display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;min-width:62px;font-size:11px;padding:0 8px}#nav{display:none;position:absolute;top:72px;right:0;left:0;background:var(--white);border-bottom:1px solid var(--line);padding:12px 18px;box-shadow:0 12px 25px #1230250d;font-size:13px}#nav.open{display:flex;flex-direction:column;gap:0}#nav a{min-height:48px;padding:10px 0;border-bottom:1px solid #e0e6d7}#nav a:last-child{border-bottom:0}
 .hero{display:grid;grid-template-columns:minmax(0,1fr) 108px;column-gap:18px;row-gap:17px;padding:25px 0 28px;align-items:center}.hero-copy{display:contents}.hero-index{grid-column:1/-1;grid-row:1;font-size:10px;gap:10px}.hero-index small{display:block;font-size:9px;letter-spacing:1.3px}.index-line{width:19px}.hero h1{grid-column:1;grid-row:2;font-size:clamp(32px,9.6vw,42px);line-height:1.65;letter-spacing:-1.3px;margin:4px 0;align-self:center}.hero h1 em:after{bottom:3px}.hero-art{grid-column:2;grid-row:2;height:180px;min-height:0;margin:0;align-self:center;border-bottom:3px solid #a68c4c}.hero-art>img{height:100%;width:100%;min-height:0;object-position:40% 20%;max-height:none}.image-number,.hero-detail,.hero-signoff{display:none}.hero-description{grid-column:1/-1;grid-row:3;font-size:20px;line-height:1.8;margin:0;color:#3e5246}.hero-description br{display:none}.hero-actions{grid-column:1/-1;grid-row:4;margin:0;display:block}.hero-actions .button{width:100%;min-height:51px;padding:12px 18px;justify-content:space-between;font-size:12px}.hero-actions .simple-link{display:none}.mobile-shortcuts{grid-column:1/-1;grid-row:5;display:grid!important;grid-template-columns:repeat(3,1fr);position:static!important;background:none!important;padding:0!important;gap:0!important;border:1px solid var(--line);font-size:11px;box-shadow:none!important}.mobile-shortcuts a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:8px;border-left:1px solid var(--line)}.mobile-shortcuts a:last-child{border:0}.practice-ribbon{display:none}
 .section-title{display:block;margin-bottom:24px}.section-title h2{font-size:32px;line-height:1.5;margin:9px 0}.section-title p{margin-top:12px;font-size:12px;line-height:2}.eyebrow{font-size:10px}.help-section{padding:35px 0 40px}.help-grid{grid-template-columns:1fr}.help-item,.help-item:nth-child(odd),.help-item:nth-child(even){grid-template-columns:27px minmax(0,1fr) 20px;align-items:center;border-left:0;padding:20px 4px;gap:8px 12px;min-height:82px}.practice-index{font-size:23px;grid-column:1;grid-row:1;line-height:1}.service-label{grid-column:2;grid-row:1;font-size:23px;line-height:1.5}.service-description{display:none}.service-link{grid-column:3;grid-row:1;gap:0;font-size:0;margin:0}.service-link svg{width:20px;height:20px}.topic-status{font-size:12px}
 .about{grid-template-columns:1fr;gap:15px;padding:27px 23px;margin-block:38px;width:calc(100% - 36px)}.about-label>.eyebrow{margin:0}.nameplate{display:none}.about-copy h2{font-size:30px;line-height:1.55;margin:0 0 14px}.about-copy p{font-size:12px;line-height:2.15;margin:12px 0}.about-copy bdi{font-size:11px}.about-points{gap:8px;font-size:10px;margin-top:20px;padding-top:16px;flex-wrap:wrap}.about-points b{font-size:13px;margin-left:5px}.digital{padding:38px 0}.digital-inner{grid-template-columns:1fr;gap:15px}.digital h2{font-size:32px;line-height:1.55}.digital p{font-size:12px;line-height:2.15;margin:0}.forensic-label{margin-top:15px;padding-top:13px}.forensic-label>span{font-size:23px}.forensic-label small{font-size:9px;letter-spacing:.5px}.digital-topics{gap:12px;margin:18px 0 10px}.digital-topics span{font-size:10px}.digital .simple-link{min-height:44px;font-size:12px}
 .guide{padding-block:40px}.guide-layout{grid-template-columns:1fr;gap:22px;margin-top:22px}.guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.guide-tabs button{min-height:68px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1.7;padding:10px 6px;border:0;border-left:1px solid var(--line)}.guide-tabs button:last-child{border-left:0}.guide-tabs button[aria-selected=true]{border-right:0;border-bottom:2px solid var(--brand)}.guide-tabs button span{display:none}.guide-content{min-height:245px}.guide-number{font-size:18px}.guide-content h3{font-size:25px;line-height:1.5;margin:7px 0}.guide-content ol{font-size:12px;line-height:2.2;padding-right:20px}.guide-note{font-size:11px;line-height:1.9}
 .consult{padding:40px 0}.consult-grid{grid-template-columns:1fr;gap:26px}.consult-intro h2{font-size:35px;line-height:1.45;margin-top:12px}.consult-intro>p{font-size:12px;margin-bottom:10px}.payment-note{margin-top:18px;padding-top:16px;gap:15px;font-size:11px}.payment-note small{font-size:9px}.super-mark{font-size:20px}.plan{padding:20px 0}.plan-top{gap:10px;align-items:start}.plan-top>span{font-size:19px;line-height:1.6}.plan-top small{font-size:11px}.plan h3{font-size:24px;line-height:1.5}.plan p{font-size:12px;line-height:2;margin:10px 0}.plan button{min-height:46px;width:100%;justify-content:space-between;padding:9px 12px;border:1px solid #97aa85;font-size:12px;margin-top:14px;background:#faf8f15c}.closing{grid-template-columns:1fr;gap:20px;padding-block:35px}.closing h2{font-size:29px}.closing p{font-size:11px}.docket summary{min-height:48px;font-size:12px}.footer-main{flex-wrap:wrap;gap:20px;padding-block:30px}.footer-main>p{font-size:17px;margin:0}.footer-location{width:100%;font-size:12px}.footer-location small{font-size:9px}.footer-bottom{flex-wrap:wrap;gap:10px;padding-top:18px;padding-bottom:calc(94px + env(safe-area-inset-bottom));font-size:9px}.footer-bottom>span:nth-child(2){width:100%;order:3}.footer-bottom>a{min-height:44px;display:flex;align-items:center}
 .mobile-bar{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:stretch;gap:12px;position:fixed;bottom:0;right:0;left:0;z-index:9;background:var(--white);border-top:1px solid #c4d2bc;padding:10px 18px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #12302508}.mobile-bar a{min-height:48px;display:flex;justify-content:center;align-items:center;font-size:12px}.mobile-services{gap:7px;color:var(--brand);border:1px solid #c4d0b7}.mobile-services svg{width:19px;height:19px}.mobile-consult{gap:15px;background:var(--brand);color:white;padding:8px 15px}.mobile-consult svg{width:20px;height:20px}
 dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;overflow-y:auto;overscroll-behavior:contain}.modal-header{padding:18px 20px;padding-top:max(18px,env(safe-area-inset-top));align-items:center}.modal-header h2{font-size:26px;line-height:1.4;margin:2px 0}.modal-header>button{width:44px;height:44px;min-width:44px;font-size:30px;display:flex;align-items:center;justify-content:center;border:1px solid #c9d6c1}.modal-body{padding:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.selected-plan{font-size:12px;gap:14px;align-items:center}.transfer{padding:12px 14px}.transfer summary{min-height:44px;align-items:center;font-size:12px}.payment{padding-top:12px}.payment strong{font-size:13px}.payment button,#remove-receipt{min-height:44px;font-size:12px;display:inline-flex;align-items:center}.fields{grid-template-columns:1fr;gap:19px;margin-top:24px}.fields label{grid-column:1;font-size:13px;gap:8px}input,textarea,select{font-size:16px;padding:12px;min-height:49px}textarea{min-height:110px}input[type=file]{font-size:12px}.fine{font-size:11px;line-height:1.9}.submit{min-height:52px;font-size:13px;gap:15px}.qr{width:65px;height:65px}.error{font-size:12px}#handoff a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:350px){.hero{grid-template-columns:minmax(0,1fr) 86px;column-gap:12px}.hero h1{font-size:32px;letter-spacing:-1px}.hero-art{height:166px}.hero-index small{font-size:8px}.hero-description{font-size:19px}.service-label{font-size:21px}.plan h3{font-size:21px}.plan-top>span{font-size:17px}.mobile-bar{grid-template-columns:76px minmax(0,1fr);gap:9px}.mobile-bar a{font-size:11px}.guide-tabs button{font-size:10px}}

/* Antique-gold details drawn from the Iraqi Bar emblem palette. */
.brand-mark{color:var(--accent)}.index-line{background:var(--accent)}.practice-index,.eyebrow b{color:var(--accent)}.hero h1 em:after{background:var(--accent)}

/* Official bar emblem appears before the office header. */
.bar-masthead{display:flex;justify-content:center;text-align:center;padding:23px 20px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
.bar-masthead a{display:flex;flex-direction:column;align-items:center;gap:10px}
.bar-masthead img{display:block;width:175px;height:auto;object-fit:contain}
.bar-masthead span{font:400 17px/1.5 var(--title);color:var(--brand)}
@media(max-width:740px){
 .bar-masthead{padding:20px 18px 17px}
 .bar-masthead img{width:185px;height:auto}
 .bar-masthead span{font-size:16px}
 .hero{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:20px;padding-top:25px}
 .hero-index{grid-column:1;grid-row:1}
 .hero h1{grid-column:1;grid-row:2;font-size:clamp(38px,11vw,49px);line-height:1.5;letter-spacing:-1.2px;margin:0 0 4px}
 .hero-art{grid-column:1;grid-row:3;width:100vw;height:clamp(340px,110vw,470px);max-width:none;margin:0 calc((100% - 100vw)/2);border-bottom:0;align-self:stretch}
 .hero-art>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 20%}
 .hero-description{grid-column:1;grid-row:4}
 .hero-actions{grid-column:1;grid-row:5}
 .mobile-shortcuts{grid-column:1;grid-row:6}
}

.qr img{width:100%;height:100%;object-fit:contain;display:block;}
.qr:has(img){border-style:solid;border-color:#a5b192;padding:3px;background:#fff;}


/* Blueprint Enhancements */
.hero-motto{margin:18px 0 24px;padding:12px 18px;border-right:3px solid var(--accent);background:#f2ede0;border-radius:2px;font-size:13px;line-height:1.9;color:var(--brand);font-style:italic;}

/* Comparator Tool */
.comparator-section{padding:75px 0;background:#f3efe6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.comparator-card{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:28px;box-shadow:0 12px 30px #1230250d;margin-top:25px;}
.comparator-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;}
.comparator-inputs label span{display:block;font-size:12px;font-weight:700;color:var(--brand);margin-bottom:8px;}
.comparator-inputs select{padding:12px;border:1px solid #b9c8ad;background:#fff;font-size:13px;border-radius:2px;color:var(--ink);width:100%;}
.comparator-result{border-top:1px solid var(--line);padding-top:22px;}
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.comp-col{background:var(--paper);padding:18px;border-radius:2px;border-right:3px solid var(--brand);}
.comp-col.jaafari{border-right-color:var(--accent);}
.comp-col h4{margin:0 0 10px;font-size:13px;color:var(--brand);display:flex;align-items:center;gap:8px;}
.comp-col p{margin:0;font-size:12px;line-height:2;color:var(--ink);}
.comp-alert{background:#fcf4e6;border:1px solid #e5d3a5;border-right:4px solid #b87a1e;padding:14px 18px;border-radius:2px;margin-bottom:18px;font-size:12px;color:#5a3e0b;line-height:1.9;}
.comp-cta{display:flex;justify-content:flex-end;}

/* Insights / Procedural Bank */
.insights-section{padding:75px 0;}
.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px;margin-top:30px;}
.insight-card{background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px;transition:transform .2s,box-shadow .2s;}
.insight-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #12302512;}
.insight-card .kicker{font-size:10px;color:var(--accent);letter-spacing:1px;font-family:var(--latin);margin-bottom:8px;font-weight:600;}
.insight-card h3{font-size:15px;margin:0 0 12px;line-height:1.6;color:var(--brand);font-family:var(--title);}
.insight-card p{font-size:12px;color:var(--muted);line-height:2.1;margin:0 0 18px;}
.insight-action{background:none;border:0;color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;padding:0;display:flex;align-items:center;gap:8px;font-family:var(--body);}
.insight-action:hover{color:var(--accent);}

@media(max-width:740px){
  .comparator-inputs, .comp-grid{grid-template-columns:1fr;}
  .insights-grid{grid-template-columns:1fr;}
}


/* Under Image Caption - Lawyer & Bar ID */
.hero-art figcaption{background:#ececde;padding:12px 18px;display:flex !important;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:700;color:var(--brand);border-top:1px solid #c9cebe;}
.hero-art figcaption .bar-id{font-family:var(--body);color:var(--accent);font-weight:800;letter-spacing:0.5px;}

@media(max-width:740px){
  .hero-art{height:auto !important;}
  .hero-art>img{height:clamp(300px,95vw,420px) !important;}
  .hero-art figcaption{display:flex !important;width:100vw;margin:0 calc((100% - 100vw)/2);padding:11px 18px;font-size:12px;box-sizing:border-box;}
}


/* Robust Hero Art & Figcaption Styling */
.hero-art figcaption {
  background: #ececde !important;
  padding: 12px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #123c31 !important;
  border-top: 1px solid #c9cebe !important;
}
.hero-art figcaption .bar-id {
  color: #82672f !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  direction: rtl !important;
}

@media (max-width: 740px) {
  .hero-art {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 15px calc((100% - 100vw)/2) 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
  }
  .hero-art > img {
    width: 100vw !important;
    height: clamp(280px, 85vw, 400px) !important;
    object-fit: cover !important;
    object-position: 50% 20% !important;
    flex: none !important;
    display: block !important;
  }
  .hero-art figcaption {
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    padding: 11px 18px !important;
    font-size: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #ececde !important;
  }
}


/* 75k Featured Plan & Custom Plan Styles */
.featured-plan{background:#faf8f1;border:1px solid #b8caa9 !important;border-radius:4px;padding:26px 22px !important;box-shadow:0 10px 30px #1230250d;position:relative;}
.plan-badge{display:inline-block;background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:2px;margin-bottom:12px;letter-spacing:0.5px;}
.plan-promise{margin:16px 0;background:#fff;border:1px solid var(--line);border-radius:3px;padding:16px 18px;}
.plan-promise h4{margin:0 0 10px;font-size:13px;color:var(--brand);font-weight:700;}
.plan-promise ul{margin:0;padding-right:18px;font-size:12px;line-height:2.1;color:var(--ink);}
.plan-promise li{margin-bottom:6px;}
.plan-promise li strong{color:var(--brand);}
.primary-plan-btn{width:100% !important;justify-content:space-between !important;min-height:48px !important;margin-top:14px !important;background:var(--brand) !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;display:flex !important;align-items:center !important;}
.custom-plan{margin-top:20px;padding:20px 22px !important;background:#faf8f155;border:1px dashed #b8caa9 !important;border-radius:3px;}
.custom-plan button{min-height:44px;width:100%;justify-content:space-between;padding:9px 12px;border:1px solid #97aa85;font-size:12px;margin-top:10px;background:#faf8f15c;}
.consult-direct-call{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;background:#fdfcf9;border:1px solid var(--line);border-radius:3px;font-size:12px;color:var(--brand);}

/* Real Qi & Super App QR Payment Enhancements */
.payment-qr-thumb {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #c9d5be;
  background: #fff;
  padding: 3px;
  box-shadow: 0 2px 6px rgba(18, 60, 49, 0.08);
  flex-shrink: 0;
  transition: transform 0.2s, box-shadow 0.2s;
}
.payment-qr-thumb:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(18, 60, 49, 0.15);
}
.payment-qr-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.payee-badge {
  display: inline-block;
  background: #e2ebdf;
  color: var(--brand);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 3px;
  border: 1px solid #c5d4bf;
  margin-bottom: 4px;
}
.payee-badge strong {
  color: var(--brand);
}

.pay-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.pay-actions button {
  background: var(--brand) !important;
  color: #fff !important;
  border: 1px solid var(--brand) !important;
  padding: 5px 12px !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
}
.pay-actions button:hover {
  background: #225b49 !important;
}
.full-card-link {
  font-size: 11px;
  color: var(--accent);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.full-card-link:hover {
  color: var(--brand);
}

.transfer .qr {
  width: 110px !important;
  height: 110px !important;
  border: 1px solid #c8d3bc !important;
  border-radius: 8px !important;
  padding: 5px !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07) !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s;
}
.transfer .qr:hover {
  transform: scale(1.03);
}
.transfer .qr img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 600px) {
  .transfer .payment {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    gap: 15px;
  }
  .payment > div:first-child {
    align-items: center !important;
  }
  .pay-actions {
    justify-content: center;
  }
  .transfer .qr {
    width: 130px !important;
    height: 130px !important;
  }
}

/* Direct App Pay Button & Divider */
.direct-app-box {
  margin-bottom: 16px;
}
.app-pay-btn {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: linear-gradient(135deg, #123c31 0%, #1e5244 100%) !important;
  color: #fff !important;
  padding: 13px 18px !important;
  border-radius: 6px !important;
  border: 1px solid #0d2b23 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(18, 60, 49, 0.18) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}
.app-pay-btn:hover {
  background: linear-gradient(135deg, #184c3e 0%, #266b58 100%) !important;
  box-shadow: 0 6px 20px rgba(18, 60, 49, 0.28) !important;
  transform: translateY(-1px);
}
.app-pay-icon {
  font-size: 26px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.app-pay-text {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  text-align: right !important;
}
.app-pay-text strong {
  font-size: 13px !important;
  color: #f7eed7 !important;
  font-weight: 700 !important;
}
.app-pay-text small {
  font-size: 10px !important;
  color: #c5d6c8 !important;
  margin-top: 2px !important;
  line-height: 1.4 !important;
}
.app-pay-arrow {
  font-size: 18px !important;
  color: #c5a358 !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}

.direct-app-divider {
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  margin: 14px 0 10px !important;
  color: var(--muted) !important;
  font-size: 11px !important;
}
.direct-app-divider::before,
.direct-app-divider::after {
  content: '' !important;
  flex: 1 !important;
  border-bottom: 1px dashed #c8d3bc !important;
}
.direct-app-divider span {
  padding: 0 12px !important;
  font-weight: 600 !important;
}

.quick-app-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 9px 16px !important;
  background: #f1ebd9 !important;
  color: var(--brand) !important;
  border: 1px solid #d2c49e !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
.quick-app-btn:hover {
  background: #e6ddc3 !important;
  color: #0d2b23 !important;
  border-color: #bfae7e !important;
}

/* Psychological Intake Stepper Bar */
.stepper-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 20px;
  background: #f4efe2;
  border-bottom: 1px solid #dcd3be;
}
.step-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
  font-weight: 600;
  transition: all 0.25s ease;
}
.step-circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e3dac4;
  color: var(--ink);
  font-size: 11px;
  font-weight: 700;
}
.step-badge.active {
  color: var(--brand);
}
.step-badge.active .step-circle {
  background: var(--brand);
  color: #fff;
  box-shadow: 0 0 0 3px #123c3122;
}
.step-badge.completed {
  color: #276749;
}
.step-badge.completed .step-circle {
  background: #276749;
  color: #fff;
}
.step-line {
  flex: 0 0 40px;
  height: 2px;
  background: #d8cdb4;
  transition: background 0.25s ease;
}
.step-line.active {
  background: var(--brand);
}

.step-intro {
  margin-bottom: 16px;
  padding: 10px 14px;
  background: #fbf9f4;
  border-right: 3px solid var(--accent);
  border-radius: 2px;
}
.step-intro p {
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  color: var(--ink);
}

.field-hint {
  display: block;
  font-size: 10px;
  color: #728163;
  margin-top: 4px;
}

.error-msg {
  color: #a72828;
  background: #fde8e8;
  padding: 10px 14px;
  border-radius: 4px;
  border: 1px solid #f8b4b4;
  font-size: 12px;
  margin: 12px 0 6px;
}

.step-next-btn {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 14px 22px !important;
  margin-top: 22px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: var(--brand) !important;
  color: #fff !important;
  border: 1px solid var(--brand) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(18, 60, 49, 0.15) !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s !important;
}
.step-next-btn:hover {
  background: #1c5545 !important;
  transform: translateY(-1px) !important;
}

/* Dossier Lock-in Card (Step 2) */
.dossier-card {
  background: #f6f2e6;
  border: 1px solid #d4c8ab;
  border-right: 4px solid var(--accent);
  border-radius: 4px;
  padding: 16px 18px;
  margin-bottom: 18px;
}
.dossier-status {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--brand);
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #dcd1b6;
}
.dossier-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #276749;
  display: inline-block;
  box-shadow: 0 0 0 3px #27674933;
}
.dossier-meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  font-size: 12px;
  margin-bottom: 10px;
}
.dossier-meta small {
  color: var(--muted);
  margin-left: 6px;
}
.dossier-note {
  font-size: 11px;
  line-height: 1.8;
  color: #556258;
  margin: 8px 0 0;
}

.payment-box {
  background: #edf0e3;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #d5dec6;
}

.step-2-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.final-whatsapp-btn {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 15px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #1b633b 0%, #123c31 100%) !important;
  color: #fff !important;
  border: 1px solid #14492b !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 15px rgba(27, 99, 59, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.final-whatsapp-btn:hover {
  background: linear-gradient(135deg, #227948 0%, #195243 100%) !important;
  transform: translateY(-1px) !important;
}
.back-link {
  background: none;
  border: 0;
  color: var(--muted);
  font-size: 11px;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
  padding: 8px;
  text-align: center;
  transition: color 0.2s;
}
.back-link:hover {
  color: var(--brand);
}

/* Consult Section - 3 Step Flow on Page */
.plan-steps-flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 18px 0;
  padding: 14px 16px;
  background: #f7f3e8;
  border-radius: 4px;
  border: 1px solid #ded3ba;
}
.plan-step-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.plan-step-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}
.plan-step-item strong {
  display: block;
  font-size: 12px;
  color: var(--brand);
}
.plan-step-item small {
  display: block;
  font-size: 11px;
  color: #5d6d62;
  line-height: 1.6;
  margin-top: 1px;
}

@media (max-width: 600px) {
  .stepper-bar {
    padding: 10px 14px;
    gap: 8px;
  }
  .step-badge {
    font-size: 10px;
  }
  .step-line {
    flex: 0 0 25px;
  }
}

/* Trust Banner */
.trust-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #f7f3e8;
  border: 1px solid #dcd1b6;
  border-right: 4px solid var(--accent);
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 18px;
}
.trust-icon {
  font-size: 24px;
  line-height: 1;
  flex-shrink: 0;
}
.trust-text strong {
  display: block;
  font-size: 12px;
  color: var(--brand);
  margin-bottom: 2px;
}
.trust-text p {
  margin: 0;
  font-size: 11px;
  line-height: 1.7;
  color: #556258;
}

/* Title Selector (السيد / السيدة) */
.title-selector {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  font-size: 12px;
}
.selector-label {
  font-weight: 700;
  color: var(--brand);
}
.radio-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fdfcf9;
  border: 1px solid #c9cebe;
  padding: 5px 12px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  transition: all 0.2s;
}
.radio-chip:has(input:checked) {
  background: #e4edd8;
  border-color: var(--brand);
  color: var(--brand);
}

/* Opponent Box */
.opponent-box {
  background: #f8f6ee;
  border: 1px solid #d8cfba;
  padding: 14px;
  border-radius: 4px;
  margin: 6px 0 10px;
}
.opponent-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.badge-opt {
  background: #ded6c2;
  color: var(--ink);
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
}
.opponent-header strong {
  font-size: 12px;
  color: var(--brand);
}
.opponent-header small {
  display: block;
  width: 100%;
  font-size: 10px;
  color: var(--muted);
  margin-top: 2px;
}
.opponent-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 600px) {
  .opponent-grid {
    grid-template-columns: 1fr;
  }
}

/* ========================================================== */
/* OFFICIAL LEGAL LETTERHEAD PAPER (الكتاب الرسمي) */
/* ========================================================== */
.official-letterhead-paper {
  background: #fffdf9;
  border: 2px solid #37473e;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 24px 22px;
  border-radius: 4px;
  position: relative;
  margin-bottom: 20px;
}
.official-letterhead-paper::before {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid #c8baa0;
  pointer-events: none;
}

/* Letterhead Top */
.letter-top {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
}
.letter-right {
  text-align: right;
}
.letter-country {
  font-size: 12px;
  font-weight: 700;
  color: var(--ink);
}
.letter-bar-name {
  font-size: 11px;
  color: var(--accent);
  font-weight: 600;
}
.letter-office {
  font-size: 13px;
  font-weight: 800;
  color: var(--brand);
  margin-top: 2px;
}
.letter-credentials {
  font-size: 9px;
  color: var(--muted);
}

.letter-center-logo {
  text-align: center;
}
.letter-center-logo img {
  display: block;
  margin: 0 auto;
}
.letter-confidential-stamp {
  display: inline-block;
  border: 1px solid #b54a4a;
  color: #b54a4a;
  font-size: 9px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 2px;
  margin-top: 4px;
  letter-spacing: 0.5px;
}

.letter-left {
  text-align: left;
  font-size: 11px;
  line-height: 1.7;
}
.letter-left small {
  color: var(--muted);
  margin-right: 4px;
}
.letter-left strong {
  color: var(--brand);
}

.letter-gold-line {
  height: 2px;
  background: linear-gradient(90deg, #ac9153 0%, #123c31 50%, #ac9153 100%);
  margin: 14px 0 16px;
}

/* Letter Title Block */
.letter-title-block {
  text-align: center;
  margin-bottom: 16px;
}
.letter-title-block h3 {
  font-size: 16px;
  font-weight: 800;
  color: var(--brand);
  margin: 0 0 4px;
  letter-spacing: -0.5px;
}
.letter-title-block p {
  font-size: 10px;
  color: var(--muted);
  margin: 0;
}

/* Parties Table */
.letter-parties-table {
  border: 1px solid #d4c8ab;
  background: #fbf9f2;
  border-radius: 2px;
  margin-bottom: 14px;
}
.party-row {
  display: flex;
  padding: 8px 12px;
  border-bottom: 1px solid #e7dfcb;
  font-size: 11px;
}
.party-row:last-child {
  border-bottom: 0;
}
.party-label {
  width: 140px;
  flex-shrink: 0;
  font-weight: 700;
  color: var(--brand);
}
.party-val {
  flex: 1;
  color: var(--ink);
  font-weight: 600;
}

/* Facts Section */
.letter-facts-section {
  border: 1px solid #ded6c2;
  background: #fff;
  padding: 12px 14px;
  border-radius: 2px;
  margin-bottom: 16px;
}
.facts-header {
  font-size: 11px;
  font-weight: 700;
  color: var(--brand);
  margin-bottom: 6px;
  border-bottom: 1px dashed #dcd4be;
  padding-bottom: 4px;
}
.facts-content {
  font-size: 11px;
  line-height: 1.9;
  color: #27372f;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 180px;
  overflow-y: auto;
}

/* Letter Footer & Circular Stamp */
.letter-footer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #ded6c2;
}
.circular-stamp {
  width: 96px;
  height: 96px;
  border: 2px dashed #82672f;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px;
  color: #82672f;
  box-shadow: inset 0 0 0 2px rgba(130, 103, 47, 0.15);
  transform: rotate(-4deg);
}
.stamp-top {
  font-size: 7px;
  letter-spacing: 0.5px;
}
.stamp-mid {
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  margin: 2px 0;
  color: #123c31;
}
.stamp-id {
  font-size: 8px;
  font-family: var(--body);
}
.stamp-bot {
  font-size: 7px;
  color: #82672f;
  margin-top: 1px;
}

.letter-status-box {
  background: #fbf8f0;
  border: 1px solid #dcd1b6;
  border-right: 3px solid #ac9153;
  padding: 10px 12px;
  border-radius: 2px;
}
.status-headline {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--brand);
  margin-bottom: 4px;
}
.status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c5a358;
  display: inline-block;
  box-shadow: 0 0 0 2px #c5a35833;
}
.status-desc {
  font-size: 10px;
  line-height: 1.7;
  color: #556258;
  margin: 0;
}

@media (max-width: 600px) {
  .official-letterhead-paper {
    padding: 16px 12px;
  }
  .letter-top {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 8px;
  }
  .letter-right, .letter-left {
    text-align: center;
  }
  .party-row {
    flex-direction: column;
    gap: 2px;
  }
  .party-label {
    width: auto;
  }
  .letter-footer {
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;
  }
}

/* Letter Action Card */
.letter-action-card {
  background: #edf0e3;
  border: 1px solid #c9d5be;
  border-radius: 4px;
  padding: 16px;
}
.payment-callout {
  margin-bottom: 12px;
}
.payment-callout h4 {
  font-size: 13px;
  color: var(--brand);
  margin: 0 0 3px;
  font-weight: 700;
}
.payment-callout p {
  font-size: 11px;
  color: #49574d;
  margin: 0;
  line-height: 1.6;
}

/* Mandatory Receipt Badge & Alert */
.badge-required {
  background: #fde8e8;
  color: #c81e1e;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-right: 8px;
  border: 1px solid #f8b4b4;
}
.receipt-success-badge {
  background: #def7ec;
  color: #03543f;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 8px;
  border: 1px solid #bcf0da;
}

/* Submit Button Locked vs Unlocked */
.final-whatsapp-btn.locked {
  background: #8e9a93 !important;
  border-color: #7b8881 !important;
  color: #e5ece8 !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  box-shadow: none !important;
  transform: none !important;
}
.final-whatsapp-btn.unlocked {
  background: linear-gradient(135deg, #1b633b 0%, #123c31 100%) !important;
  border-color: #14492b !important;
  color: #fff !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(27, 99, 59, 0.35) !important;
  animation: pulse-green 2s infinite;
}
@keyframes pulse-green {
  0% { box-shadow: 0 0 0 0 rgba(27, 99, 59, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(27, 99, 59, 0); }
  100% { box-shadow: 0 0 0 0 rgba(27, 99, 59, 0); }
}

/* Urgency Notice inside Docket */
.urgency-notice {
  margin-top: 8px;
  padding: 6px 10px;
  background: #fdf5e2;
  border: 1px dashed #d4b46a;
  border-radius: 3px;
  font-size: 10px;
  color: #7c5e10;
  line-height: 1.6;
}

/* Docket Print Toolbar */
.docket-toolbar {
  display: flex;
  justify-content: flex-end;
  margin: -10px 0 16px;
}
.print-doc-btn {
  background: #fdfcf9;
  border: 1px solid #c8bda3;
  color: var(--brand);
  font-size: 11px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.print-doc-btn:hover {
  background: #f4eee1;
  border-color: var(--accent);
}

/* ========================================================== */
/* LAWYER'S PRIVATE INBOX MODAL */
/* ========================================================== */
.inbox-modal {
  max-width: 800px !important;
  width: 92% !important;
  border-radius: 6px !important;
  border: 2px solid var(--brand) !important;
}
.inbox-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #dcd4be;
  margin-bottom: 16px;
  font-size: 12px;
}
.inbox-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 70vh;
  overflow-y: auto;
}
.inbox-card {
  background: #fbf9f2;
  border: 1px solid #dcd1b6;
  border-right: 4px solid var(--brand);
  border-radius: 4px;
  padding: 14px 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.inbox-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ded4be;
  margin-bottom: 10px;
}
.docket-badge {
  font-weight: 800;
  color: var(--brand);
  font-family: var(--body);
  font-size: 12px;
}
.inbox-date {
  font-size: 11px;
  color: var(--muted);
}
.inbox-paid-badge {
  background: #def7ec;
  color: #03543f;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid #bcf0da;
}
.inbox-card-body {
  font-size: 12px;
  line-height: 1.8;
}
.inbox-row {
  margin-bottom: 4px;
}
.inbox-row strong {
  color: var(--brand);
}
.inbox-facts {
  margin-top: 8px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e2dac6;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.7;
}
.inbox-facts p {
  margin: 4px 0 0;
  white-space: pre-wrap;
}
.inbox-receipt-thumb {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed #e2dac6;
}
.inbox-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #e7decb;
}
.inbox-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none !important;
}
.call-btn {
  background: var(--brand);
  color: #fff !important;
}
.wa-btn {
  background: #25D366;
  color: #fff !important;
}

/* Print Styles: Isolate Official Letterhead */
@media print {
  body * {
    visibility: hidden;
  }
  #official-doc, #official-doc * {
    visibility: visible;
  }
  #official-doc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 20px;
    box-shadow: none;
    border: 2px solid #000;
  }
  .docket-toolbar, .letter-action-card, .modal-header {
    display: none !important;
  }
}


/* ==========================================================
   CONSULTATION PORTAL (PRICE-FREE PRESTIGE INTAKE)
   ========================================================== */
.consult {
  padding: 65px 0 !important;
  background: #fbf9f4 !important;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.consult-portal {
  max-width: 960px;
  margin: 0 auto;
}
.consult-portal-header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 35px;
}
.consult-portal-header h2 {
  font: 500 clamp(28px, 4vw, 42px)/1.4 var(--title) !important;
  color: var(--ink) !important;
  margin: 14px 0 16px !important;
}
.consult-portal-header h2 em {
  font-style: normal;
  color: var(--brand);
}
.consult-portal-lead {
  font-size: 13px !important;
  color: var(--muted) !important;
  line-height: 2.2 !important;
  margin: 0 !important;
}
.consult-portal-card {
  background: #ffffff;
  border: 1px solid #dcdfd5;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(18, 60, 49, 0.05);
  overflow: hidden;
}
.portal-badge-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  background: #edf2ea;
  padding: 12px 22px;
  border-bottom: 1px solid #d5ded0;
  font-size: 11px;
}
.portal-trust-badge {
  font-weight: 700;
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.portal-badge-sub {
  color: #617366;
  font-size: 11px;
}
.portal-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 28px 24px 24px;
  border-bottom: 1px solid #edf0e8;
  background: #fdfcf9;
}
.portal-step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.portal-step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--brand);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}
.portal-step strong {
  display: block;
  font-size: 13px;
  color: var(--brand);
  margin-bottom: 4px;
}
.portal-step small {
  display: block;
  font-size: 11px;
  color: #5f6e65;
  line-height: 1.8;
}
.portal-guarantees {
  padding: 24px 24px 20px;
  background: #ffffff;
}
.portal-guarantees h4 {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--brand);
}
.guarantees-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.guarantee-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: #f9faf7;
  border: 1px solid #e5ebe1;
  border-radius: 4px;
}
.guarantee-item svg {
  width: 20px;
  height: 20px;
  stroke: var(--accent);
  flex-shrink: 0;
  margin-top: 2px;
}
.guarantee-item strong {
  display: block;
  font-size: 12px;
  color: var(--brand);
  margin-bottom: 2px;
}
.guarantee-item small {
  display: block;
  font-size: 11px;
  color: #67756e;
  line-height: 1.7;
}
.portal-cta-wrap {
  padding: 24px 24px 28px;
  background: #f5f7f2;
  border-top: 1px solid #e1e7dc;
  text-align: center;
}
.portal-cta-btn {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  min-height: 54px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background: var(--brand) !important;
  color: #ffffff !important;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #0d2d24;
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(18, 60, 49, 0.2);
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  cursor: pointer;
}
.portal-cta-btn:hover {
  background: #1c5545 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(18, 60, 49, 0.28);
}
.portal-sub-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 14px;
  font-size: 11px;
  color: var(--muted);
}
.direct-phone-note strong a {
  color: var(--brand);
  text-decoration: none;
  font-size: 12px;
}
.direct-phone-note strong a:hover {
  text-decoration: underline;
}
.portal-lock-note {
  color: #556c5a;
  font-weight: 600;
}

@media (max-width: 740px) {
  .consult {
    padding: 35px 0 !important;
  }
  .consult-portal-header h2 {
    font-size: 26px !important;
    line-height: 1.4 !important;
  }
  .consult-portal-lead {
    font-size: 12px !important;
    line-height: 2 !important;
  }
  .portal-badge-bar {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 16px;
    gap: 6px;
  }
  .portal-steps {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px 16px;
  }
  .guarantees-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .portal-cta-wrap {
    padding: 18px 14px 22px;
  }
  .portal-cta-btn {
    font-size: 12px;
    padding: 12px 16px;
    min-height: 48px;
  }
  .portal-sub-actions {
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
  }
}


/* Psychological Call-To-Action buttons across sections */
.digital-cta-btn, .guide-cta-btn {
  background: var(--brand) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 11px 20px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid #0d2d24 !important;
  box-shadow: 0 2px 8px rgba(18, 60, 49, 0.15);
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
  cursor: pointer;
}
.digital-cta-btn:hover, .guide-cta-btn:hover {
  background: #1c5545 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(18, 60, 49, 0.25);
}

/* FAQ Accordion Section */
.faq-section {
  padding: 80px 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
}
.faq-accordion-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 960px;
  margin: 35px auto 0;
}
.faq-item {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.faq-item[open] {
  border-color: var(--brand);
  box-shadow: 0 4px 15px rgba(18, 60, 49, 0.06);
}
.faq-item summary {
  padding: 18px 22px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
  color: var(--brand);
  list-style: none;
  user-select: none;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-icon {
  font-size: 20px;
  color: var(--accent);
  font-weight: 400;
  transition: transform 0.2s;
}
.faq-item[open] .faq-icon {
  transform: rotate(45deg);
}
.faq-answer {
  padding: 0 22px 22px;
  border-top: 1px dashed #e3e7db;
  color: var(--ink);
  font-size: 13px;
  line-height: 2;
}
.faq-answer p {
  margin: 14px 0 16px;
}
.faq-answer button {
  font-size: 11px;
}
@media (max-width: 740px) {
  .faq-section {
    padding: 50px 0;
  }
  .faq-item summary {
    font-size: 13.5px;
    padding: 14px 16px;
  }
  .faq-answer {
    padding: 0 16px 18px;
    font-size: 12px;
  }
}

/* Ensure sections have generous scroll clearance on mobile */
section[id] {
  scroll-margin-top: 85px;
}
@media (max-width: 740px) {
  section[id] {
    scroll-margin-top: 70px;
  }
  .faq-section .section-title {
    margin-bottom: 25px;
  }
}


/* ===================================================
   Judicial Directory (120 Lawsuits) Responsive Styling
   =================================================== */
.judicial-directory-section {
  padding: 85px 0 95px;
  background: var(--white);
  border-top: 1px solid var(--line);
}
.dir-controls-box {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 24px 28px;
  margin: 35px 0 45px;
  box-shadow: 0 4px 18px rgba(18, 60, 49, 0.04);
}
.dir-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.dir-search-wrap .search-icon {
  position: absolute;
  right: 16px;
  width: 20px;
  height: 20px;
  stroke: var(--accent);
  pointer-events: none;
}
.dir-search-wrap input[type="search"] {
  width: 100%;
  padding: 14px 48px 14px 130px;
  font-size: 14px;
  background: var(--white);
  border: 1.5px solid #c7d2bd;
  border-radius: 4px;
  color: var(--ink);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  font-family: inherit;
}
.dir-search-wrap input[type="search"]:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(18, 60, 49, 0.12);
}
.dir-search-count {
  position: absolute;
  left: 14px;
  font-size: 11px;
  color: var(--muted);
  background: #ececde;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
  pointer-events: none;
}
.dir-pills-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 6px;
}
.dir-filter-pill {
  background: var(--white);
  border: 1px solid #cdd4c3;
  color: var(--ink);
  padding: 7px 14px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.dir-filter-pill:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: #f4f6ee;
}
.dir-filter-pill.active {
  background: var(--brand);
  color: #ffffff;
  border-color: var(--brand);
  box-shadow: 0 2px 8px rgba(18, 60, 49, 0.2);
}
.dir-blocks-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.dir-category-block {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 30px;
  transition: border-color 0.2s;
}
.dir-category-block:hover {
  border-color: #b5c2a9;
}
.dir-cat-header {
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
  margin-bottom: 22px;
}
.dir-cat-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 6px;
}
.dir-cat-title h3 {
  font-family: var(--title);
  font-size: 22px;
  color: var(--brand);
  margin: 0;
}
.dir-badge {
  background: #e4dfc9;
  color: var(--accent);
  border: 1px solid #cfc5a3;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
}
.dir-cat-desc {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
  line-height: 1.8;
}
.dir-items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
}
.lawsuit-chip {
  background: var(--white);
  border: 1px solid #d9dec9;
  border-radius: 4px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: right;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--ink);
  width: 100%;
}
.lawsuit-chip:hover {
  border-color: var(--accent);
  background: #fbfaf4;
  transform: translateY(-1.5px);
  box-shadow: 0 4px 12px rgba(130, 103, 47, 0.08);
}
.chip-dot {
  color: var(--accent);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  flex-shrink: 0;
}
.chip-name {
  font-size: 12.5px;
  line-height: 1.6;
  font-weight: 600;
  flex: 1;
}
.chip-action {
  font-size: 10px;
  color: var(--brand);
  font-weight: 700;
  white-space: nowrap;
  opacity: 0.85;
  transition: opacity 0.2s, transform 0.2s;
  flex-shrink: 0;
}
.lawsuit-chip:hover .chip-action {
  opacity: 1;
  transform: translateX(-3px);
}
.dir-empty-state {
  text-align: center;
  padding: 50px 20px;
  background: var(--paper);
  border: 1px dashed #b5c2a9;
  border-radius: 6px;
  margin-top: 30px;
}
.dir-empty-state p {
  font-size: 14px;
  color: var(--muted);
  max-width: 600px;
  margin: 0 auto 20px;
  line-height: 2;
}

@media (max-width: 740px) {
  .judicial-directory-section {
    padding: 50px 0 65px;
  }
  .dir-controls-box {
    padding: 16px 14px;
    margin: 22px 0 30px;
  }
  .dir-search-wrap input[type="search"] {
    padding: 12px 42px 12px 105px;
    font-size: 12px;
  }
  .dir-search-count {
    font-size: 9.5px;
    padding: 3px 8px;
    left: 8px;
  }
  .dir-pills-bar {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
  .dir-pills-bar::-webkit-scrollbar {
    display: none;
  }
  .dir-category-block {
    padding: 18px 14px;
  }
  .dir-cat-title h3 {
    font-size: 18px;
  }
  .dir-items-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .lawsuit-chip {
    padding: 10px 12px;
  }
  .chip-name {
    font-size: 11.5px;
  }
  .chip-action {
    display: none;
  }
}


/* ===================================================
   Iraqi Diaspora & Expatriate Desk (US & EU Clients)
   =================================================== */
.diaspora-section {
  padding: 85px 0 95px;
  background: var(--paper);
  border-top: 1px solid var(--line);
}
.diaspora-card {
  background: var(--white);
  border: 1.5px solid #d4c49f;
  border-radius: 6px;
  padding: 45px 50px;
  box-shadow: 0 10px 35px rgba(18, 60, 49, 0.06);
  position: relative;
}
.diaspora-badge-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.diaspora-badge {
  background: #f4efe1;
  color: var(--brand);
  border: 1px solid #d4c59e;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.us-bank-pill {
  background: #0d2d24;
  color: #dfbe6f;
  padding: 7px 16px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #bda056;
  box-shadow: 0 2px 10px rgba(13, 45, 36, 0.2);
}
.us-bank-pill .bank-icon {
  width: 16px;
  height: 16px;
  stroke: #dfbe6f;
}
.diaspora-header h2 {
  font-family: var(--title);
  font-size: 32px;
  line-height: 1.5;
  color: var(--brand);
  margin: 0 0 16px;
}
.diaspora-header h2 em {
  font-style: normal;
  color: var(--accent);
}
.diaspora-lead {
  font-size: 14px;
  line-height: 2.1;
  color: var(--muted);
  max-width: 950px;
  margin: 0 0 30px;
}
.diaspora-trust-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  background: #f7f5ed;
  border: 1px solid #ded9c7;
  border-radius: 4px;
  padding: 22px 26px;
  margin-bottom: 35px;
}
.trust-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.trust-icon {
  font-size: 26px;
  line-height: 1;
  flex-shrink: 0;
  padding-top: 2px;
}
.trust-item strong {
  display: block;
  font-size: 14px;
  color: var(--brand);
  margin-bottom: 6px;
}
.trust-item p {
  font-size: 12px;
  line-height: 1.9;
  color: var(--ink);
  margin: 0;
}
.diaspora-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-bottom: 35px;
}
.diaspora-box {
  background: var(--paper);
  border: 1px solid #dedac7;
  border-top: 3px solid var(--accent);
  border-radius: 4px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
}
.diaspora-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(18, 60, 49, 0.08);
}
.diaspora-num {
  font-family: var(--latin);
  font-size: 28px;
  font-weight: 600;
  color: var(--accent);
  line-height: 1;
  margin-bottom: 12px;
}
.diaspora-box h3 {
  font-family: var(--title);
  font-size: 17px;
  color: var(--brand);
  line-height: 1.5;
  margin: 0 0 10px;
}
.diaspora-box p {
  font-size: 12px;
  line-height: 1.9;
  color: var(--ink);
  margin: 0 0 14px;
  flex: 1;
}
.diaspora-checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
  border-top: 1px dashed #d9d4be;
  padding-top: 10px;
}
.diaspora-checklist li {
  position: relative;
  padding-right: 14px;
  margin-bottom: 4px;
}
.diaspora-checklist li:before {
  content: '✓';
  position: absolute;
  right: 0;
  color: var(--accent);
  font-weight: 700;
}
.diaspora-btn {
  width: 100%;
  justify-content: center;
  font-size: 10.5px !important;
}
.diaspora-action-bar {
  background: var(--brand);
  color: #ffffff;
  border-radius: 4px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  flex-wrap: wrap;
}
.action-text strong {
  display: block;
  font-size: 16px;
  color: #dfbe6f;
  margin-bottom: 4px;
}
.action-text p {
  font-size: 12px;
  color: #e0e9e4;
  margin: 0;
  line-height: 1.8;
}
.diaspora-primary-btn {
  background: #c5a046 !important;
  color: #0d2d24 !important;
  border: 1px solid #ebd38a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 13px 22px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 15px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s !important;
}
.diaspora-primary-btn:hover {
  background: #dbb351 !important;
  transform: translateY(-1px);
}

@media (max-width: 860px) {
  .diaspora-card {
    padding: 28px 20px;
  }
  .diaspora-header h2 {
    font-size: 24px;
  }
  .diaspora-lead {
    font-size: 12.5px;
  }
  .diaspora-trust-banner {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }
  .diaspora-grid {
    grid-template-columns: 1fr;
  }
  .diaspora-action-bar {
    flex-direction: column;
    align-items: stretch;
    padding: 18px 16px;
    gap: 16px;
  }
  .diaspora-primary-btn {
    justify-content: center;
    width: 100%;
  }
}


/* Payment Tabs in Step 2 Letterhead */
.payment-tabs-bar {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #d9d4c1;
  padding-bottom: 10px;
}
.pay-tab {
  font-size: 11px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  background: #ece8da;
  color: var(--muted);
  border: 1px solid #d4cfbe;
  transition: all 0.2s;
}
.pay-tab:hover {
  color: var(--brand);
  border-color: var(--brand);
}
.pay-tab.active {
  background: var(--brand);
  color: #ffffff;
  border-color: var(--brand);
}
.intl-pay-details {
  background: #fdfcf7;
  border: 1.5px solid #d4c49f;
  border-radius: 6px;
  padding: 18px 20px;
  margin-bottom: 18px;
}
.intl-badge-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.us-flag-pill {
  background: #0d2d24;
  color: #dfbe6f;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 12px;
  border: 1px solid #bfa15f;
}
.intl-note {
  font-size: 12px;
  line-height: 1.9;
  color: var(--ink);
  margin-bottom: 14px;
}
.intl-methods-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.intl-method {
  background: var(--paper);
  border: 1px solid #ded9c7;
  border-radius: 4px;
  padding: 10px 12px;
}
.intl-method strong {
  display: block;
  font-size: 12px;
  color: var(--brand);
}
.intl-method small {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-top: 3px;
}
.intl-contact-hint {
  font-size: 11px;
  line-height: 1.8;
  color: var(--brand);
  background: #f4efe1;
  padding: 8px 12px;
  border-radius: 4px;
  margin: 0;
  border: 1px dashed #cfc5a7;
}