@font-face{font-family:Tajawal;src:url('./assets/tajawal-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Tajawal;src:url('./assets/tajawal-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('./assets/tajawal-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Tajawal;src:url('./assets/tajawal-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{
 --font-body:'Tajawal',sans-serif;--font-display:'Tajawal',sans-serif;
 --text-xs:clamp(.75rem,.73rem + .1vw,.82rem);--text-sm:clamp(.875rem,.84rem + .1vw,.94rem);--text-base:clamp(1rem,.95rem + .2vw,1.1rem);--text-lg:clamp(1.125rem,1.05rem + .25vw,1.3rem);--text-xl:clamp(1.6rem,1.3rem + .55vw,1.85rem);--text-2xl:clamp(2rem,1.8rem + .6vw,2.4rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
 --bg:oklch(97% .006 225);--surface:oklch(100% 0 0);--text:oklch(29% .036 240);--muted:oklch(47% .025 240);--line:oklch(30% .025 240/.13);--navy:oklch(33% .076 239);--green:oklch(43% .104 146);--green-wash:oklch(95% .022 146);--hover:oklch(96% .01 230);--white:#fff;--radius-sm:8px;--radius-md:14px;--radius-lg:24px
}
[data-theme=dark]{--bg:oklch(18% .021 239);--surface:oklch(23% .027 239);--text:oklch(94% .007 230);--muted:oklch(73% .022 230);--line:oklch(80% .01 230/.16);--green:oklch(78% .115 148);--green-wash:oklch(29% .041 148);--hover:oklch(27% .029 235)}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:1.5}
svg.icon{width:21px;height:21px;flex:none;stroke-width:1.65;vertical-align:middle}
.topbar{max-width:1200px;margin:auto;padding:var(--space-6) var(--space-8);display:flex;align-items:center;justify-content:space-between}
.brand-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);letter-spacing:.08em;font-weight:700;min-height:44px}
.brand-label span span{font-weight:400}.brand-dot{width:8px;height:8px;background:var(--green);border-radius:50%}
.tools{display:flex;gap:var(--space-2);align-items:center}
.tool{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;transition:background .2s}
.tool:hover{background:var(--hover)}.language{font-size:var(--text-sm);font-weight:700}
.layout{max-width:1136px;margin:var(--space-4) auto var(--space-12);display:grid;grid-template-columns:420px minmax(0,1fr);gap:var(--space-16);align-items:start}
.identity{position:sticky;top:var(--space-6);border-radius:var(--radius-lg);overflow:hidden;background:var(--navy);color:var(--white);box-shadow:0 16px 48px oklch(25% .055 238/.12)}
.identity-top{padding:var(--space-6) var(--space-8);display:flex;align-items:center;justify-content:space-between;color:#d0dfe7}
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.025em}.edition{font-size:var(--text-xs);letter-spacing:.12em}
.logo-wrap{background:#fcfcfc;padding:var(--space-6) var(--space-10);display:grid;place-items:center}
.company-logo{width:238px;max-width:100%;mix-blend-mode:multiply}
.identity-copy{padding:var(--space-8) var(--space-8) var(--space-6)}
.role{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);color:#d0dfe7;margin-bottom:var(--space-3)}
.role>span:first-child{width:6px;height:6px;border-radius:50%;background:#91bc66}
h1{font-family:var(--font-display);font-size:min(var(--text-2xl),9.4cqi);font-weight:700;line-height:1.3;letter-spacing:-.035em}
.alternate-name{font-size:var(--text-base);text-align:start;direction:ltr;color:#cedfe7;margin-top:var(--space-2);letter-spacing:.015em}
html[dir=rtl] .alternate-name{text-align:right}
h1,.alternate-name,html[dir=rtl] .alternate-name{text-align:center}
#save>span{flex:1;text-align:center}
.company-line{display:flex;justify-content:center;align-items:baseline;flex-wrap:nowrap;gap:var(--space-2);white-space:nowrap}.identity-copy{container-type:inline-size}.company-line{font-size:min(var(--text-base),5cqi)}.c-main{font-size:1em;font-weight:700}.c-alt{font-size:.8em;color:#cedfe7}.c-sep{color:#ffffff66;font-size:.8em}
h1{white-space:nowrap}
.company{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #ffffff24}


.save-button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--white);color:#123e56;border:0;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:700;padding:var(--space-3) var(--space-5);margin-top:var(--space-8);transition:transform .2s,background .2s}
.save-button:hover{background:#e9f1f5;transform:translateY(-2px)}.save-button:active{transform:translateY(1px)}
.end-icon{margin-inline-start:auto}
.save-note{font-size:var(--text-xs);color:#c0d1db;text-align:center;margin-top:var(--space-3)}
.status{font-size:var(--text-sm);margin-top:var(--space-2)}.status:empty{display:none}
.quick-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}
.quick-actions>a,.quick-actions>button{flex:1;background:transparent;border:1px solid #ffffff2d;border-radius:var(--radius-sm);color:var(--white);display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;font-size:var(--text-sm);transition:background .2s}
.quick-actions>a:hover,.quick-actions>button:hover{background:#ffffff12}
.quick-actions svg{width:17px;height:17px}
.identity-footer{border-top:1px solid #ffffff24;padding:var(--space-5) var(--space-8);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#cedfe7}
.identity-footer svg{width:15px;height:15px}.tiny-mark{margin-inline-start:auto;letter-spacing:.12em}
.details{padding-top:var(--space-3);min-width:0}
.section-intro{margin-bottom:var(--space-8)}
.section-intro .eyebrow{color:var(--green);margin-bottom:var(--space-3)}
h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.4}
.section-intro>p:last-child{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-2)}
.contact-section{margin-bottom:var(--space-16)}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}
h3{font-size:var(--text-base);font-weight:700}.section-heading>span{font-size:var(--text-xs);color:var(--muted);letter-spacing:.12em}
.contact-row{display:flex;align-items:center;gap:var(--space-4);min-height:86px;border-bottom:1px solid var(--line)}
.contact-row>svg,.digital-row>svg:first-child{color:var(--muted)}
.number-block{display:flex;flex:1;flex-direction:column;min-height:60px;justify-content:center;align-items:flex-start;gap:var(--space-1)}
.row-label{display:block;color:var(--muted);font-size:var(--text-xs)}
.number{font-size:var(--text-lg);letter-spacing:.02em;line-height:1.3;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.row-action{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--muted);flex:none;transition:background .2s,color .2s}
.row-action:hover{background:var(--navy);color:white}
.wa-link{background:var(--green-wash);color:var(--green);display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:44px}
.wa-link svg{width:17px;height:17px}.wa-link:hover{filter:brightness(.95)}
.office-phones{display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:var(--space-3);row-gap:var(--space-1);padding-top:var(--space-2)}
.office-phones a{display:flex;direction:ltr;align-items:center;white-space:nowrap;gap:var(--space-2);font-size:var(--text-base);min-height:44px;font-variant-numeric:tabular-nums}
.office-phones svg{width:15px;height:15px;color:var(--muted)}
.digital-row{display:flex;align-items:center;gap:var(--space-4);min-height:78px;border-bottom:1px solid var(--line);transition:background .2s}
.digital-row:hover{background:var(--hover)}.digital-row bdi{display:block;font-size:var(--text-base);margin-top:var(--space-1);overflow-wrap:anywhere}
.digital-row .end-icon{color:var(--muted);width:18px}
.socials{display:flex;gap:var(--space-3);margin-top:var(--space-4)}
.socials a{display:flex;flex:1;align-items:center;gap:var(--space-3);border:1px solid var(--line);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);min-height:48px;transition:background .2s}
.socials a:hover{background:var(--hover)}.socials a>svg:last-child{width:15px;margin-inline-start:auto;color:var(--muted)}
.social-letter{font-family:sans-serif;font-weight:700;font-size:var(--text-lg);width:21px;text-align:center}
.address{display:flex;align-items:flex-start;gap:var(--space-4);padding-top:var(--space-5)}
.address>svg{color:var(--muted);margin-top:var(--space-1)}
h4{font-size:var(--text-base);font-weight:700}
.address p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1)}
.address>div{flex:1;display:grid;grid-template-columns:1fr auto;column-gap:var(--space-3);align-items:center}.address>div>a{grid-column:2;grid-row:1/3}
.address a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--green);min-height:44px}
.address a svg{width:14px;height:14px}
.page-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5);font-size:var(--text-xs);color:var(--muted)}
.page-footer>span:last-child{letter-spacing:.08em}
dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6);width:min(440px,calc(100% - 32px));margin:auto;box-shadow:0 24px 80px #0003}
dialog::backdrop{background:#07213099;backdrop-filter:blur(5px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}
.dialog-heading h2{font-size:var(--text-lg)}.dialog-heading .tool{flex:none}
dialog p{font-size:var(--text-sm);color:var(--muted)}
dialog input{margin-top:var(--space-4);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);padding:var(--space-3);width:100%;font-size:var(--text-sm)}
dialog .save-button{background:var(--navy);color:white;margin-top:var(--space-5)}
.share-warning{margin-top:var(--space-3)}
@media(min-width:800px) and (max-width:1190px){.layout{margin-inline:var(--space-8);grid-template-columns:minmax(300px, .95fr) minmax(0,1.2fr);gap:var(--space-8)}.identity-copy{padding-inline:var(--space-6)}.contact-row{gap:var(--space-2)}.wa-link{padding-inline:var(--space-2)}}
@media(max-width:799px){
 .topbar{max-width:550px;padding:var(--space-3) var(--space-5)}
 .layout{display:block;max-width:510px;margin:var(--space-2) auto var(--space-8);padding-inline:var(--space-4)}
 .identity{position:static;border-radius:var(--radius-md)}.identity-top{padding:var(--space-4) var(--space-6)}
 .logo-wrap{padding:var(--space-4) var(--space-8)}.company-logo{width:176px}
 .identity-copy{padding:var(--space-6)}h1{font-size:min(clamp(1.9rem,7vw,2.25rem),9.4cqi)}
 .company{margin-top:var(--space-4);padding-top:var(--space-4)}.save-button{margin-top:var(--space-5)}
 .quick-actions{margin-top:var(--space-4)}.identity-footer{padding:var(--space-4) var(--space-6)}
 .details{padding:var(--space-10) var(--space-2) 0}
 .section-intro{margin-bottom:var(--space-6)}.contact-row{gap:var(--space-3)}.number{font-size:var(--text-lg)}
 .wa-link{padding-inline:var(--space-2)}.wa-link{min-width:44px}
 .contact-section{margin-bottom:var(--space-12)}.office-phones{column-gap:var(--space-1)}
 .office-phones a{font-size:clamp(12.5px,3.6vw,15px);gap:var(--space-1);white-space:nowrap}.office-phones svg{width:13px;height:13px}.page-footer>span:last-child{font-size:var(--text-xs);letter-spacing:0}
}
@media(max-width:359px){.office-phones svg{display:none}.layout{padding-inline:var(--space-2)}.identity-copy{padding:var(--space-5)}.contact-row{gap:var(--space-2)}.contact-row>.icon{display:none}.details{padding-inline:var(--space-2)}.socials a{min-width:0;padding-inline:var(--space-3);gap:var(--space-2)}.socials a>svg:last-child{display:none}}
@media print{.topbar,.quick-actions,.save-button,.save-note,.row-action,.wa-link,dialog{display:none!important}.layout{display:block;max-width:none}.identity{position:static;break-inside:avoid}.details{padding-top:var(--space-6)}.contact-section{break-inside:avoid}}