/* LOG APPS — Local Cairo font files: assets/css/fonts/ */
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-200.woff2") format("woff2");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-300.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-800.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "CairoLocal";
  src: url("./fonts/cairo-v31-arabic_latin_latin-ext-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}


:root{--green:#199044;--green-dark:#0d7436;--mint:#dff6e8;--bg:#f8faf9;--paper:#fff;--paper-alt:#eff4f1;--text:#16251d;--muted:#65756c;--line:#dfe9e2;--header:rgba(255,255,255,.96);--shadow:0 20px 60px rgba(14,53,31,.08);--radius:18px;color-scheme:light}html[data-theme=dark]{--bg:#0c1510;--paper:#14231a;--paper-alt:#192c21;--text:#edf7f0;--muted:#a9bfb0;--line:#2d4636;--header:rgba(13,25,18,.97);--mint:#1b3d2a;--shadow:0 20px 60px rgba(0,0,0,.2);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.95 CairoLocal,'Cairo','Noto Sans Arabic',Tahoma,sans-serif;overflow-x:hidden}button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1280px,calc(100% - 72px));margin:auto}.scroll-progress{position:fixed;top:0;right:0;height:3px;background:var(--green);z-index:1000;width:0}.utility{background:#071b10;color:#b5cbbd;font-size:11px;letter-spacing:.05em}.utility-inner{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:15px}.utility-inner>div{display:flex;gap:18px;align-items:center}.utility b{color:#e1f5e7;font-weight:700}.utility-divider{opacity:.3}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3bda79;margin-left:8px;box-shadow:0 0 12px #3bda79}.header{height:90px;background:var(--header);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:.25s}.header.scrolled{height:75px;box-shadow:var(--shadow)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;flex:0 0 180px}.logo img{width:180px;height:auto;max-height:60px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,27px)}.nav a{font-size:12px;font-weight:800;white-space:nowrap;transition:color .2s}.nav a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:11px}.theme-btn,.menu-toggle{height:42px;width:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text)}.theme-btn{font:26px Arial}.contact-pill{background:var(--green);color:white;padding:10px 20px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}.contact-pill span{margin-right:10px}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{width:18px;height:2px;background:var(--text)}.hero-slider{height:min(760px,calc(100svh - 120px));min-height:570px;position:relative;overflow:hidden;background:#07190e;color:#fff}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s;background-image:var(--hero-image);background-size:cover;background-position:center}.hero-slide.active{opacity:1;visibility:visible}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(2,22,11,.95) 2%,rgba(3,23,12,.81) 40%,rgba(5,25,14,.35) 100%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:45px}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--green);font:800 11px/1.5 Arial,Tahoma,sans-serif;letter-spacing:2px;margin-bottom:25px}.eyebrow.light{color:#a8edc0}.eyebrow .line{height:2px;width:32px;background:currentColor}.hero-content h1{font-size:clamp(39px,5.5vw,80px);line-height:1.4;letter-spacing:-1.5px;max-width:900px;margin:0 0 22px;font-weight:900}.hero-content h1 em,.section-title em,.statement-content em,.contact-banner h2 em{font-style:normal;color:#58d887}.hero-content p{font-size:17px;max-width:630px;color:#d4e3d8;line-height:2.1;margin:0 0 32px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 25px;border-radius:8px;font-weight:800;font-size:13px;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-green{background:var(--green);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-white{background:white;color:#0a4622}.hero-bottom{position:absolute;bottom:38px;left:0;right:0;z-index:4;display:flex;align-items:center;gap:20px}.slide-controls{display:flex;align-items:center;gap:13px}.slide-arrow{width:35px;height:35px;border:1px solid #ffffff65;background:#ffffff16;color:white;border-radius:50%}.slide-dots{display:flex;gap:7px}.slide-dots button{border:0;background:#ffffff80;width:7px;height:7px;border-radius:10px;padding:0;transition:.3s}.slide-dots button.active{width:25px;background:#51df88}.hero-counter{font:12px Arial;color:#ffffffa0}.hero-counter b{color:#fff}.scroll-cue{margin-right:auto;font-size:11px;color:#d6e9dc}.hero-rail{position:absolute;left:0;top:0;bottom:0;display:grid;place-items:center;width:58px;border-right:1px solid #ffffff25;color:#ffffff70;writing-mode:vertical-rl;letter-spacing:4px;font:10px Arial}.trust-strip{background:var(--paper);border-bottom:1px solid var(--line)}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;min-height:125px;align-items:center}.trust-inner>div{display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid var(--line);padding:10px 30px}.trust-inner strong{font:900 33px/1.1 Arial;color:var(--green)}.trust-inner span{font-size:12px;color:var(--muted)}.trust-inner .trust-statement{border:0;color:var(--green);font:800 13px Arial;letter-spacing:1px}.trust-statement span{font-size:25px;color:var(--green)}.section{padding:110px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{position:relative;padding:0 0 40px 40px}.about-visual>img{width:100%;height:530px;object-fit:cover;border-radius:5px;position:relative;z-index:2}.about-photo-shape{position:absolute;inset:40px 40px 0 0;border:2px solid var(--green);z-index:1}.year-stamp{position:absolute;bottom:0;left:0;background:var(--green);color:#fff;z-index:3;padding:22px 32px;display:flex;flex-direction:column}.year-stamp b{font:900 42px Arial}.year-stamp span{font-size:12px}.section-title{font-size:clamp(30px,3.5vw,52px);line-height:1.55;font-weight:900;letter-spacing:-.7px;margin:0 0 25px}.section-title em{color:var(--green)}.about-copy>p,.sectors-grid p{color:var(--muted);font-size:15px;line-height:2.3}.about-highlights{display:flex;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:26px 0}.about-highlights>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center}.about-highlights span{grid-row:span 2;color:var(--green);font-size:28px}.about-highlights b{font-size:13px}.about-highlights small{color:var(--muted);font-size:11px}.text-link{display:inline-flex;gap:24px;align-items:center;color:var(--green);font-size:13px;font-weight:900;padding-bottom:6px;border-bottom:2px solid var(--green)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading .section-title{margin:0}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px}.solutions-section{background:var(--paper-alt)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-image{height:205px;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .5s}.service-card:hover img{transform:scale(1.06)}.service-image span{position:absolute;right:0;bottom:0;background:var(--green);color:white;padding:6px 18px;font:800 15px Arial}.service-body{padding:22px 25px 25px}.service-body h3{font-size:19px;margin:0 0 7px}.service-body p{color:var(--muted);font-size:13px;min-height:57px;margin:0 0 18px}.read-more{display:flex;justify-content:space-between;color:var(--green);font-weight:800;font-size:12px;border-top:1px solid var(--line);padding-top:14px}.read-more b{font-size:20px}.section-cta{text-align:center;margin-top:35px}.statement-band{position:relative;background:#071a0e;color:#fff;min-height:470px;display:flex;align-items:center;isolation:isolate}.statement-band:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#05210f 5%,#05210fdf 45%,#05210f66),var(--statement-image) center/cover;z-index:-1}.statement-content{padding:75px 0}.statement-content>span{font:800 11px Arial;color:#75dfa1;letter-spacing:3px}.statement-content h2{font-size:clamp(32px,4vw,57px);line-height:1.6;margin:15px 0}.statement-content p{color:#d5e5d9}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0}.process-step{border:1px solid var(--line);background:var(--paper);padding:30px 24px;position:relative}.process-step>span{font:800 12px Arial;color:var(--green)}.process-step i{display:block;font:44px Arial;color:var(--green);margin:25px 0}.process-step h3{font-size:18px;margin:0}.process-step p{color:var(--muted);font-size:13px;margin-bottom:0}.sectors-section{background:var(--paper-alt)}.sectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.sector-list{border-top:1px solid var(--line)}.sector-list a{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700}.sector-list span{color:var(--green);font:800 12px Arial}.sector-list b{margin-right:auto;color:var(--green)}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tech-logo{min-height:125px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-radius:8px;transition:.25s}.tech-logo:hover{transform:translateY(-4px);border-color:var(--green)}.tech-logo img{height:43px;width:54px;object-fit:contain}.tech-logo span{font:700 12px Arial;color:var(--muted)}.tech-disclaimer{font-size:11px;color:var(--muted);margin:18px 0 28px}.directory-section{background:var(--paper-alt)}.directory-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:25px}.directory-toolbar label{font-weight:800;font-size:13px;white-space:nowrap}.directory-toolbar input{flex:1;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:8px;padding:12px 17px;outline:none}.directory-toolbar input:focus{border-color:var(--green)}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.directory-item{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);padding:16px 18px;min-height:78px;transition:.25s}.directory-item:hover{border-color:var(--green);transform:translateY(-2px)}.directory-item>span{font:800 12px Arial;color:var(--green)}.directory-item b{font-size:13px;line-height:1.6}.directory-item em{font-style:normal;color:var(--green);margin-right:auto}.directory-empty{color:var(--muted)}.contact-banner{background:linear-gradient(120deg,#0a622e,#0d3b21);color:white;padding:75px 0;position:relative;overflow:hidden}.contact-banner:after{content:'';position:absolute;width:440px;height:440px;border:70px solid #ffffff0c;border-radius:50%;left:-120px;top:-160px}.contact-banner-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:1}.contact-banner h2{font-size:clamp(28px,3.3vw,47px);line-height:1.55;margin:0}.contact-banner h2 em{color:#92f3b3}.contact-banner p{color:#cbe6d3}.footer{background:#07190e;color:#c1d2c6;padding:75px 0 20px}.footer-main{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:65px;padding-bottom:60px}.footer-about img{width:200px;background:#fff;border-radius:7px;padding:10px}.footer-about p{font-size:13px;max-width:330px;color:#a9bcae}.footer-about>a{display:block;color:#69dc91;font:700 14px Arial;margin:15px 0}.footer-about small{font-size:12px}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-col h4{color:#fff;font-size:16px;margin:0 0 10px}.footer-col a{font-size:12px;color:#a9bcae}.footer-col a:hover{color:#65db91}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff20;padding-top:20px;font:11px Arial;color:#9db7a4}.float-tools{position:fixed;left:24px;bottom:26px;z-index:100;display:flex;flex-direction:column;gap:10px}.float-tools>*{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px #0003;font-size:23px;border:0;transition:.25s}.float-tools>*:hover{transform:translateY(-4px)}.float-contact{background:var(--green);color:white}.float-top{background:var(--paper);color:var(--green);border:1px solid var(--line);opacity:0;pointer-events:none}.float-top.visible{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.in-view{opacity:1;transform:none}.inner-hero{position:relative;min-height:340px;display:flex;align-items:center;background:linear-gradient(270deg,#062411f0,#06241199),var(--inner-photo) center/cover;color:#fff}.inner-hero-content{position:relative;z-index:1;padding:65px 0}.inner-hero .eyebrow{margin-bottom:15px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#c6e2d0;font-size:12px}.inner-hero h1{font-size:clamp(29px,4vw,55px);line-height:1.5;max-width:850px;margin:20px 0 8px}.inner-hero p{font-size:13px;color:#d1e4d6}.chapter-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:70px;align-items:start;padding-top:70px;padding-bottom:105px}.chapter-main{min-width:0}.chapter-kicker{font:800 12px Arial;color:var(--green);letter-spacing:1px}.chapter-intro h2{font-size:clamp(26px,3vw,38px);margin:15px 0}.accent-rule{height:3px;width:70px;background:var(--green);margin:25px 0 40px}.article-content{font-size:15px;line-height:2.3;overflow-wrap:anywhere}.article-content p{margin:0 0 23px}.article-content h2{font-size:24px;margin:52px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line);line-height:1.6;scroll-margin-top:115px}.article-content h3{font-size:20px;margin:37px 0 14px;color:var(--green);line-height:1.65;scroll-margin-top:115px}.article-content strong{font-weight:800}.article-content ul,.article-content ol{margin:10px 0 25px;padding-right:28px}.article-content li{padding-right:6px;margin:6px 0}.article-content li::marker{color:var(--green)}.article-content blockquote{border-right:4px solid var(--green);background:var(--paper-alt);padding:20px 25px;margin:25px 0}.article-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}.chapter-aside{position:sticky;top:110px}.aside-box{background:var(--paper);border:1px solid var(--line);padding:25px}.aside-overline{font:800 10px Arial;color:var(--green);letter-spacing:1.5px}.aside-box h3{font-size:18px;margin:8px 0 15px}.toc-links{max-height:410px;overflow:auto;display:flex;flex-direction:column;gap:5px}.toc-links a{font-size:12px;color:var(--muted);padding:8px 10px;border-right:2px solid var(--line);line-height:1.8}.toc-links a:hover,.toc-links a.active{color:var(--green);border-color:var(--green);background:var(--paper-alt)}.aside-all{display:block;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;font-weight:800;color:var(--green)}.aside-cta{margin-top:16px;background:var(--green-dark);padding:25px;color:white}.aside-cta b{font-size:16px}.aside-cta p{font-size:12px;color:#d6f0df}.aside-cta a{font-size:12px;font-weight:800;border-bottom:1px solid #ffffff90}.chapter-pagination{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:55px}.chapter-pagination a{color:var(--green);font-size:12px;font-weight:800;max-width:48%}@media(max-width:1150px){.nav{gap:12px}.nav a{font-size:11px}.logo,.logo img{width:150px;flex-basis:150px}.header-inner{gap:15px}.contact-pill{padding:9px 13px}.about-grid{gap:45px}.sectors-grid{gap:45px}.chapter-layout{gap:35px}}@media(max-width:960px){.container{width:min(100% - 42px,1280px)}.utility{display:none}.header{height:75px}.nav{position:absolute;top:75px;right:0;left:0;background:var(--paper);display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);padding:12px 24px;box-shadow:var(--shadow);max-height:75vh;overflow:auto}.nav.open{display:flex}.nav a{padding:11px;border-bottom:1px solid var(--line);font-size:14px}.menu-toggle{display:flex}.hero-slider{min-height:600px}.hero-rail{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.sectors-grid{gap:35px}.about-visual>img{height:430px}.tech-grid{grid-template-columns:repeat(4,1fr)}.footer-main{gap:25px}.chapter-layout{grid-template-columns:1fr}.chapter-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.aside-cta{margin:0}.toc-links{max-height:210px}}@media(max-width:650px){body{font-size:14px}.container{width:calc(100% - 34px)}.header{height:68px}.nav{top:68px}.logo,.logo img{width:140px;flex-basis:140px}.header-actions{gap:7px}.theme-btn,.menu-toggle{width:38px;height:38px}.contact-pill{display:none}.hero-slider{min-height:640px;height:calc(100svh - 68px);max-height:780px}.hero-shade{background:linear-gradient(270deg,#03170ded,#03170dc2)}.hero-content{padding:0 0 60px}.hero-content h1{font-size:clamp(32px,9vw,46px);line-height:1.55;letter-spacing:0}.hero-content p{font-size:14px}.hero-buttons{gap:9px}.btn{padding:10px 14px;font-size:11px;gap:14px}.hero-bottom{bottom:20px}.scroll-cue{display:none}.trust-inner{grid-template-columns:repeat(3,1fr);min-height:100px}.trust-inner>div{padding:10px 7px;border:0;align-items:center;text-align:center}.trust-inner strong{font-size:25px}.trust-inner span{font-size:10px}.trust-statement{display:none!important}.section{padding:65px 0}.about-grid,.sectors-grid{grid-template-columns:1fr}.about-visual{order:2;padding:0 0 25px 25px}.about-visual>img{height:310px}.about-copy{order:1}.section-title{font-size:clamp(27px,7.5vw,36px)}.section-heading{display:block}.section-heading>p{max-width:100%}.services-grid{grid-template-columns:1fr}.service-image{height:220px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step{padding:22px 15px}.process-step i{margin:12px 0}.process-step h3{font-size:15px}.process-step p{font-size:12px}.statement-band{min-height:400px}.statement-content h2{font-size:31px}.tech-grid{grid-template-columns:repeat(3,1fr);gap:7px}.tech-logo{min-height:105px}.tech-logo img{height:35px}.tech-logo span{font-size:10px}.directory-grid{grid-template-columns:1fr}.directory-toolbar{display:block}.directory-toolbar input{width:100%;margin-top:10px}.contact-banner-inner{display:block}.contact-banner h2{font-size:31px}.contact-banner .btn{margin-top:10px}.footer-main{grid-template-columns:repeat(2,1fr);gap:35px}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:column}.float-tools{left:14px;bottom:18px}.float-tools>*{width:45px;height:45px}.inner-hero{min-height:290px}.inner-hero-content{padding:50px 0}.chapter-layout{padding-top:42px;padding-bottom:65px}.chapter-aside{grid-template-columns:1fr}.article-content{font-size:14px;line-height:2.25}.article-content h2{font-size:21px}.article-content h3{font-size:18px}.chapter-intro h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-slide{transition:none}*{animation-duration:.01ms!important}}[hidden]{display:none!important}


/* Cairo applies to all website text, including elements previously using Arial. */
html, body, body *, button, input, textarea, select, option {
  font-family: "CairoLocal", Tahoma, sans-serif;
}

/* LOG APPS: Bilingual navigation, hotline and floating WhatsApp */
.nav a{font-size:clamp(14px,1.1vw,16px);font-weight:800}
.footer-col a{font-size:clamp(14px,1vw,16px);line-height:1.9}
.footer-col h4{font-size:18px}
.language-btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text);font-weight:900;font-size:14px}
.language-btn:hover{border-color:var(--green);color:var(--green)}
.hotline-link{color:#b4f6c8!important;font-size:13px;font-weight:800;white-space:nowrap}
.footer-hotline{font-size:16px!important;color:#75e99d!important;font-weight:800!important}
.float-whatsapp{background:#25d366;color:white!important}
.float-whatsapp svg{display:block}
html[dir=ltr] body{text-align:left}
html[dir=ltr] .hero-shade{background:linear-gradient(90deg,rgba(2,22,11,.95) 2%,rgba(3,23,12,.81) 40%,rgba(5,25,14,.35) 100%)}
html[dir=ltr] .hero-content{align-items:flex-start}
html[dir=ltr] .toc-links a{border-right:0;border-left:2px solid var(--line)}
html[dir=ltr] .article-content ul,html[dir=ltr] .article-content ol{padding-right:0;padding-left:28px}
html[dir=ltr] .article-content li{padding-right:0;padding-left:6px}
html[dir=ltr] .article-content blockquote{border-right:0;border-left:4px solid var(--green)}
html[dir=ltr] .sector-list b,html[dir=ltr] .directory-item em{margin-right:0;margin-left:auto}
html[dir=ltr] .hero-rail{left:auto;right:0;border-right:0;border-left:1px solid #ffffff25}
html[dir=ltr] .scroll-cue{margin-right:0;margin-left:auto}
html[dir=ltr] .float-tools{left:auto;right:24px}
@media(max-width:1150px){.header-inner{gap:12px}.nav{gap:10px}.logo,.logo img{width:140px;flex-basis:140px}.contact-pill{font-size:11px;padding:10px 12px}}
@media(max-width:1050px){.menu-toggle{display:flex}.nav{position:absolute;top:75px;right:0;left:0;background:var(--paper);display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);padding:12px 24px;box-shadow:var(--shadow);max-height:75vh;overflow:auto}.nav.open{display:flex}.nav a{font-size:15px;padding:12px;border-bottom:1px solid var(--line)}}
@media(max-width:650px){.language-btn{min-width:42px;height:38px;font-size:12px}.header-actions{gap:6px}.footer-col a{font-size:14px}html[dir=ltr] .float-tools{right:14px}}

/* LOG APPS bilingual flags and premium ambient motion */
.flag-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:6px 10px;border:1px solid var(--line);background:var(--paper);border-radius:11px;color:var(--text);font-size:12px;font-weight:800;white-space:nowrap;transition:border-color .25s,transform .25s}
.flag-switch:hover{border-color:var(--green);transform:translateY(-2px)}.flag-switch img{display:block;width:28px;height:19px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0002}
.ambient-section{isolation:isolate;position:relative}.ambient-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient-section>*:not(.ambient-field){position:relative;z-index:1}
.ambient-glow{position:absolute;width:min(58vw,760px);aspect-ratio:1;top:-35%;left:-17%;border-radius:50%;background:radial-gradient(circle,rgba(25,144,68,.13) 0%,rgba(25,144,68,.045) 38%,transparent 70%);filter:blur(22px);animation:ambientFloat 21s ease-in-out infinite alternate}
.ambient-orbit{position:absolute;width:430px;height:430px;right:-170px;top:15%;border:1px solid rgba(25,144,68,.10);border-radius:50%;animation:ambientOrbit 34s linear infinite}.ambient-orbit:after{content:'';position:absolute;top:7%;left:14%;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 22px rgba(25,144,68,.45)}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(25,144,68,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,144,68,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(120deg,transparent 10%,#000 55%,transparent 95%);animation:ambientGrid 30s linear infinite}
.ambient-variant-1 .ambient-glow{left:auto;right:-15%;top:12%;animation-duration:26s}.ambient-variant-2 .ambient-glow{left:15%;top:40%;width:450px;animation-duration:32s}.ambient-variant-3 .ambient-orbit{right:auto;left:-200px;top:40%}
.hero-slider .ambient-field,.statement-band .ambient-field{z-index:1;opacity:.75}.hero-slider .ambient-glow,.statement-band .ambient-glow{background:radial-gradient(circle,rgba(73,224,135,.19),transparent 70%)}.hero-slider .ambient-grid,.statement-band .ambient-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
@keyframes ambientFloat{from{transform:translate3d(-6%,5%,0) scale(.85)}to{transform:translate3d(12%,-8%,0) scale(1.2)}}@keyframes ambientOrbit{to{transform:rotate(360deg)}}@keyframes ambientGrid{to{background-position:64px 64px}}
html[dir=ltr] .hero-content,html[dir=ltr] .about-copy,html[dir=ltr] .section-heading,html[dir=ltr] .service-body,html[dir=ltr] .footer{text-align:left}html[dir=ltr] .hero-shade{transform:scaleX(-1)}html[dir=ltr] .hero-rail{left:auto;right:0;border-right:0;border-left:1px solid #ffffff25}html[dir=ltr] .hero-content{align-items:flex-start}html[dir=ltr] .float-tools{left:auto;right:24px}html[dir=ltr] .trust-inner>div{border-left:0;border-right:1px solid var(--line)}html[dir=ltr] .year-stamp{left:auto;right:0}html[dir=ltr] .article-content blockquote{border-right:0;border-left:4px solid var(--green)}html[dir=ltr] .toc-links a{border-right:0;border-left:2px solid var(--line)}html[dir=ltr] .article-content ul,html[dir=ltr] .article-content ol{padding-right:0;padding-left:28px}
@media(max-width:650px){.flag-switch{min-height:38px;padding:5px 7px}.flag-switch img{width:23px;height:16px}html[dir=ltr] .float-tools{right:14px}.ambient-orbit{width:260px;height:260px}.ambient-grid{background-size:48px 48px}}
@media(prefers-reduced-motion:reduce){.ambient-glow,.ambient-orbit,.ambient-grid{animation:none!important}.flag-switch{transition:none}}

/* 2026-10-21: Correct the slider stacking regression introduced by ambient motion. */
.hero-slider{position:relative;isolation:isolate;overflow:hidden}
.hero-slider .hero-slides{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden}
.hero-slider .hero-slide{position:absolute!important;inset:0!important;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s ease}
.hero-slider .hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slider .ambient-field{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none}
.hero-slider .hero-bottom{position:absolute!important;bottom:38px;left:0;right:0;z-index:5!important}
.hero-slider .hero-rail{position:absolute!important;z-index:3!important}
.hero-slider .hero-content{position:relative!important;z-index:4!important}
.hero-slider .hero-shade{position:absolute!important;inset:0;z-index:0}
.header{z-index:300}.hero-slider{margin-top:0;clear:both}
.utility-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.utility .utility-brand{font-size:11px;white-space:nowrap}
.utility .utility-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.utility .utility-contact a{white-space:nowrap}
.phone-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;font-family:inherit;font-variant-numeric:tabular-nums}
.hotline-link,.contact-pill{direction:inherit;unicode-bidi:isolate;white-space:nowrap}
.contact-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.flag-switch span{display:none!important}
.flag-switch{min-width:45px;width:45px;padding:6px;gap:0}
.flag-switch img{width:29px;height:20px}
@media(max-width:1150px){.utility .utility-brand{font-size:10px}.utility-inner{gap:10px}.contact-pill{font-size:11px}}
@media(max-width:960px){.hero-slider .hero-bottom{bottom:25px}}
@media(max-width:650px){.hero-slider .hero-bottom{bottom:20px}.flag-switch{min-width:40px;width:40px}}


/* LOG APPS — responsive enhancements. Load AFTER original site CSS. */
:root { --mobile-header-height:75px; }
html { overflow-x:clip; }
body { min-width:0; }
img,video,iframe,svg { max-width:100%; }
.container,.header-inner,.hero-content,.chapter-main { min-width:0; }
@media (max-width:1050px) {
  .header { position:sticky; top:0; z-index:500; }
  .header-inner { position:relative; }
  .menu-toggle { display:flex; flex:0 0 auto; align-items:center; }
  .nav { position:absolute; top:100%; right:0; left:0; display:none; flex-direction:column; align-items:stretch; gap:0; background:var(--paper); color:var(--text); border:1px solid var(--line); border-top:0; padding:10px 16px; max-height:calc(100dvh - 80px); overflow-y:auto; overscroll-behavior:contain; box-shadow:var(--shadow); z-index:510; }
  .nav.open { display:flex; }
  .nav a { display:block; white-space:normal; padding:12px 10px; font-size:14px; }
  .header-actions { flex-shrink:0; }
  .hero-slider .hero-content { min-width:0; }
  .hero-content h1 { overflow-wrap:break-word; }
  .float-tools { z-index:450; }
}
@media (max-width:650px) {
  .container { width:calc(100% - 32px); }
  .header-inner { gap:8px; }
  .logo { flex:0 1 135px; min-width:0; }
  .logo img { width:min(135px,100%); }
  .header-actions { gap:6px; }
  .hero-slider { min-height: min(620px, calc(100svh - 68px)); height:auto; height:calc(100svh - 68px); max-height:none; }
  .hero-content { padding-top:35px; padding-bottom:85px; }
  .hero-content h1 { font-size:clamp(27px,7.7vw,43px); line-height:1.45; }
  .hero-content p { font-size:clamp(12px,3.4vw,14px); line-height:1.85; }
  .hero-bottom { bottom:18px; }
  .float-tools { left:max(12px,env(safe-area-inset-left)); bottom:max(16px,env(safe-area-inset-bottom)); }
  html[dir="ltr"] .float-tools { left:auto; right:max(12px,env(safe-area-inset-right)); }
  .float-tools > * { width:45px; height:45px; }
  .chapter-layout,.about-grid,.sectors-grid { min-width:0; }
  .footer-main { gap:22px; }
}
@media (max-width:380px) {
  .logo { flex-basis:110px; }
  .logo img { width:110px; }
  .theme-btn,.menu-toggle,.flag-switch { width:36px; min-width:36px; height:36px; }
  .hero-content h1 { font-size:clamp(25px,7.5vw,32px); }
  .hero-buttons .btn { gap:8px; padding:10px 11px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }




/* ==========================================
   LOG APPS — Fixed Navbar
   Desktop / Tablet / Mobile
   ========================================== */

:root {
    --navbar-height: 90px;
}

html {
    scroll-padding-top: calc(var(--navbar-height) + 15px);
}

body {
    padding-top: var(--navbar-height);
}

/* Fixed header */
#header,
.header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: var(--navbar-height);
    z-index: 1000;
}

/* Shrink navbar on scroll */
#header.scrolled,
.header.scrolled {
    height: 75px;
}

/* Mobile navigation */
#mainNav,
.nav {
    z-index: 1001;
}

/* Tablet */
@media (max-width: 1050px) {
    :root {
        --navbar-height: 75px;
    }

    #mainNav,
    .nav {
        top: 100%;
    }

    #header.scrolled,
    .header.scrolled {
        height: 75px;
    }
}

/* Mobile */
@media (max-width: 650px) {
    :root {
        --navbar-height: 68px;
    }

    #header.scrolled,
    .header.scrolled {
        height: 68px;
    }

    #mainNav,
    .nav {
        top: 100%;
        max-height: calc(100dvh - var(--navbar-height));
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}