:root{--blue:#07355c;--blue2:#0b4f7d;--green:#88c641;--green2:#00866c;--teal:#008a96;--ink:#0d2540;--muted:#687a8c;--bg:#f7fbfc;--card:#fff;--border:#e6eef4;--shadow:0 20px 60px rgba(8,35,65,.12);--footer:#052642;--purple:#51229b;--header:rgba(255,255,255,.88)}
[data-theme="dark"]{--blue:#d9f2ff;--blue2:#7bd6ff;--green:#a7e15a;--green2:#55d8bd;--teal:#6edee6;--ink:#eef8ff;--muted:#a9bac8;--bg:#071523;--card:#0d2235;--border:#1c3c54;--shadow:0 20px 60px rgba(0,0,0,.35);--footer:#020b13;--header:rgba(7,21,35,.88)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;transition:background .25s,color .25s}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1200px,92%);margin:auto}.site-bg{position:fixed;inset:0;background:radial-gradient(circle at 12% 10%,rgba(136,198,65,.15),transparent 28%),radial-gradient(circle at 85% 20%,rgba(0,138,150,.12),transparent 30%);pointer-events:none;z-index:-1}.header{position:fixed;inset:0 0 auto;z-index:50;background:transparent;transition:.25s}.header.scrolled,.header:hover{background:var(--header);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.07)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:185px}.nav{display:flex;align-items:center;gap:24px;font-weight:800;color:#fff}.header.scrolled .nav,.header:hover .nav{color:var(--ink)}.nav a{position:relative;opacity:.94}.nav a:after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--green),var(--teal));transition:.25s}.nav a.active:after,.nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:10px}.mode-toggle,.lang,.menu{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.13);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.header.scrolled .mode-toggle,.header.scrolled .lang,.header.scrolled .menu,.header:hover .mode-toggle,.header:hover .lang,.header:hover .menu{background:var(--card);color:var(--ink);border-color:var(--border)}.menu{display:none;width:46px;height:42px;padding:8px}.menu span{display:block;height:2px;background:currentColor;margin:6px;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 24px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;box-shadow:0 15px 30px rgba(0,134,108,.22)}.btn-secondary{background:var(--blue);color:var(--bg)}.btn-light{background:var(--card);color:var(--blue);border-color:rgba(255,255,255,.4)}.small{padding:10px 18px}.hero{min-height:740px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-slider,.hero-overlay{position:absolute;inset:0}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:1.2s;transform:scale(1.04)}.slide.active{opacity:1;transform:scale(1)}.hero-overlay{background:linear-gradient(90deg,rgba(2,26,47,.22),rgba(3,30,54,.84) 48%,rgba(3,30,54,.94))}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;color:#fff;padding-top:88px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.08;margin:16px 0}.hero p{font-size:20px;max-width:650px;color:#e5f0f5}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:900;color:#dfffd4}.eyebrow.dark{color:var(--green2)}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card{justify-self:end;width:min(360px,100%);padding:28px;border:1px solid rgba(255,255,255,.24);border-radius:26px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.leaf-mark{font-size:42px}.hero-card strong{display:block;font-size:22px}.section{padding:92px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 42px}.section-head h2,.page-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.2;margin:10px 0;color:var(--blue)}.section-head p,.page-hero p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 12px 40px rgba(8,35,65,.06);transition:.3s;display:block}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(136,198,65,.45)}.icon{font-size:38px}.service-card h3{color:var(--blue);margin:12px 0 8px}.service-card p{color:var(--muted)}.stats-wrap{padding:0 0 28px}.stats{background:linear-gradient(135deg,#007a68,#06395e);border-radius:22px;padding:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;color:#fff;box-shadow:var(--shadow)}.stats div{text-align:center;border-inline-start:1px solid rgba(255,255,255,.18)}.stats div:first-child{border:0}.stats strong{display:block;font-size:36px}.stats span{font-weight:800;color:#dff4ef}.dash-grid{display:grid;grid-template-columns:1.1fr .8fr 1.2fr .8fr;gap:22px;align-items:stretch}.dash-copy,.metric-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 15px 45px rgba(8,35,65,.07)}.metric-card span{font-weight:900;color:var(--blue)}.circle{width:142px;height:142px;margin:20px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green2) calc(var(--value)*1%),#dfe8ee 0)}.circle b{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:var(--card);font-size:26px}.metric-card small{display:block;text-align:center;color:var(--green2);font-weight:900}.chart{height:160px;display:flex;gap:14px;align-items:end;margin-top:28px;padding:18px;background:linear-gradient(180deg,rgba(0,134,108,.08),transparent);border-radius:18px}.chart i{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--green),var(--teal))}.rating{font-size:34px;color:var(--blue);display:block;margin-top:24px}.stars{color:#ffb703;font-size:24px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-grid.big{grid-template-columns:repeat(4,1fr)}.project-card{position:relative;overflow:hidden;border-radius:24px;height:270px;box-shadow:var(--shadow);transition:.3s}.project-card.hide{display:none}.project-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.1)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,30,54,.88))}.project-card div{position:absolute;bottom:0;right:0;left:0;padding:22px;color:#fff;z-index:1}.project-card span{color:#bdf4ac;font-weight:900}.center{text-align:center;margin-top:30px}.features{padding-top:20px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-grid>div{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:28px;font-size:34px;box-shadow:0 10px 35px rgba(8,35,65,.06)}.feature-grid h3{font-size:20px;color:var(--blue);margin:12px 0}.feature-grid p{font-size:16px;color:var(--muted)}.large{grid-template-columns:repeat(3,1fr)}.cta-strip{padding:45px 0;background:linear-gradient(135deg,var(--purple),#06446c);color:#fff}.cta-strip .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-strip h2{margin:0}.page-hero{padding:160px 0 80px;background:linear-gradient(135deg,rgba(3,30,54,.86),rgba(0,108,93,.78)),url('assets/corniche.webp') center/cover;color:#fff}.page-hero h1{color:#fff}.page-hero p{color:#e7f1f5;max-width:800px}.service-detail-grid{display:grid;gap:26px}.service-detail{background:var(--card);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:24px;align-items:center}.service-detail img{height:310px;width:100%;object-fit:cover;border-radius:22px}.service-detail h2{color:var(--blue);margin:8px 0}.service-detail p,.service-detail li{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.about-image{border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.about-image img{height:470px;width:100%;object-fit:cover}.values{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.values span{padding:9px 14px;background:rgba(0,134,108,.1);color:var(--green2);border-radius:999px;font-weight:900}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(8,35,65,.08)}.news-card img{height:220px;width:100%;object-fit:cover}.news-card time,.news-card h3,.news-card p{margin-inline:22px}.news-card time{display:inline-block;margin-top:18px;color:var(--green2);font-weight:900}.news-card p{color:var(--muted);padding-bottom:22px}.contact{background:rgba(0,134,108,.04)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.contact-list{display:grid;gap:12px;margin-top:22px}.contact-list span{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 18px}.contact-form{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:900;color:var(--blue)}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--border);border-radius:15px;padding:14px 16px;font:inherit;outline:0;background:var(--bg);color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(0,134,108,.12)}.contact-form button,.form-note{grid-column:1/-1}.form-note{margin:0;color:var(--green2);font-weight:900}.filters{display:flex;justify-content:center;gap:10px;margin-bottom:28px;flex-wrap:wrap}.filter{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:10px 20px;font-weight:900;color:var(--blue);cursor:pointer}.filter.active{background:var(--blue);color:var(--bg)}.footer{background:var(--footer);color:#e9f5ff;padding:52px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}.footer img{width:170px;margin-bottom:14px}.footer a{display:block;color:#cbdcec;margin:8px 0}.social{display:flex;gap:10px}.social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center}.copy{text-align:center;margin:28px 0 0;color:#b5cadb}.toast{position:fixed;bottom:24px;left:24px;z-index:100;background:var(--card);color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px 18px;opacity:0;transform:translateY(20px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}
[dir="ltr"] .nav a:after{left:0;right:auto}[dir="ltr"] .hero-overlay{background:linear-gradient(270deg,rgba(2,26,47,.22),rgba(3,30,54,.84) 48%,rgba(3,30,54,.94))}[dir="ltr"] .project-card div{left:0;right:0}
@media(max-width:1050px){.nav{position:fixed;top:86px;right:4%;left:4%;background:var(--card);color:var(--ink)!important;padding:18px;border-radius:24px;box-shadow:var(--shadow);display:none;flex-direction:column}.nav.show{display:flex}.menu{display:block}.service-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-content,.about-grid,.contact-grid,.service-detail{grid-template-columns:1fr}.hero-card{justify-self:start;margin-top:20px}.dash-grid{grid-template-columns:1fr 1fr}.project-grid,.project-grid.big{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-actions .small{display:none}.service-detail img{height:260px}}@media(max-width:680px){.nav-wrap{height:74px}.brand img{width:142px}.hero{min-height:700px}.hero-content{padding-top:70px}.hero h1{font-size:42px}.hero p{font-size:17px}.section{padding:64px 0}.service-grid,.dash-grid,.project-grid,.project-grid.big,.news-grid,.stats,.contact-form,.footer-grid,.feature-grid,.large{grid-template-columns:1fr}.stats div{border-inline-start:0;border-bottom:1px solid rgba(255,255,255,.16);padding:10px}.contact-form .full,.contact-form button,.form-note{grid-column:auto}.project-card{height:230px}.nav{top:74px}.hero-cta,.cta-strip .container{flex-direction:column;align-items:stretch}.btn{width:100%}.page-hero{padding-top:130px}.contact-form{padding:20px}}

/* ===== Premium V3 interactions and polish ===== */
html{scroll-behavior:smooth;scroll-padding-top:105px}body{overflow-x:hidden}.is-loading{overflow:hidden}.header{transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}.slide{transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 7s ease}.reveal{opacity:0;transform:translate3d(0,38px,0);filter:blur(8px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s}.reveal.show{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}.service-card,.metric-card,.project-card,.news-card,.feature-grid>div,.contact-form,.contact-list span{will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.service-card:hover,.metric-card:hover,.feature-grid>div:hover,.news-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(8,35,65,.14)}.stats{position:relative;overflow:hidden}.stats:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(120%)}.stats.show:before{animation:shineStats 1.5s ease .25s}.stats strong{font-variant-numeric:tabular-nums}.circle{position:relative;--angle:0deg;background:conic-gradient(var(--green2) var(--angle),#dfe8ee 0);transition:background .3s}.circle:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(0,134,108,.08);border-top-color:var(--green);border-inline-end-color:var(--teal);opacity:0}.circle.animate:after{opacity:1;animation:spin 1.5s ease-in-out}.chart i{transform-origin:bottom;transform:scaleY(.08);transition:transform .9s cubic-bezier(.22,1,.36,1)}.chart.animate i{transform:scaleY(1)}.chart.animate i:nth-child(2){transition-delay:.08s}.chart.animate i:nth-child(3){transition-delay:.16s}.chart.animate i:nth-child(4){transition-delay:.24s}.chart.animate i:nth-child(5){transition-delay:.32s}.chart.animate i:nth-child(6){transition-delay:.40s}.chart.animate i:nth-child(7){transition-delay:.48s}.premium-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-42px;position:relative;z-index:3}.premium-tab-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:center}.premium-tab-card b{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,134,108,.12),rgba(136,198,65,.16));font-size:24px}.career-shell{display:grid;grid-template-columns:.9fr 1.35fr;gap:34px;align-items:start}.career-panel{position:sticky;top:112px;background:linear-gradient(135deg,rgba(0,134,108,.09),rgba(0,167,219,.08));border:1px solid var(--border);border-radius:30px;padding:30px;box-shadow:var(--shadow);overflow:hidden}.career-panel:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(136,198,65,.16);left:-55px;bottom:-55px}.career-panel h2{color:var(--blue);margin-top:0}.career-points{display:grid;gap:14px;margin-top:22px}.career-points span{position:relative;z-index:1;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 16px;font-weight:900;color:var(--blue);display:flex;gap:10px;align-items:center}.career-form{background:var(--card);border:1px solid var(--border);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.form-step{border:1px solid var(--border);border-radius:24px;padding:22px;margin-bottom:18px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,134,108,.025))}.form-step h3{margin:0 0 18px;color:var(--blue);display:flex;align-items:center;gap:10px}.step-num{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font-size:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.career-form label{display:grid;gap:7px;font-weight:900;color:var(--blue);font-size:14px}.career-form input,.career-form select,.career-form textarea,.file-upload{border:1px solid var(--border);border-radius:16px;padding:13px 15px;font:inherit;background:var(--bg);color:var(--ink);outline:none;transition:.25s}.career-form input:focus,.career-form select:focus,.career-form textarea:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(0,134,108,.12)}.file-upload{min-height:74px;border-style:dashed;display:grid;place-items:center;text-align:center;color:var(--muted);cursor:pointer}.file-upload input{display:none}.form-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.soft-note{color:var(--muted);font-size:14px;margin:0}.animated-bg-card{position:relative;overflow:hidden}.animated-bg-card:before{content:"";position:absolute;inset:-80px;background:conic-gradient(from 180deg,rgba(136,198,65,.18),transparent,rgba(0,167,219,.16),transparent);animation:spin 8s linear infinite;z-index:0}.animated-bg-card>*{position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}}@keyframes shineStats{to{transform:translateX(-120%)}}
@media(max-width:1050px){.premium-tabs,.career-shell{grid-template-columns:1fr}.career-panel{position:relative;top:auto}.form-row{grid-template-columns:1fr}}
@media(max-width:680px){.premium-tab-card{padding:18px}.career-form{padding:18px}.form-step{padding:16px}.form-actions .btn{width:100%}}
/* V4: nav cleanup and compact CTA */
.nav a{white-space:nowrap;line-height:1.1;}
.nav-actions{flex-shrink:0;}
.nav-actions .btn.small{white-space:nowrap;border-radius:999px;padding:9px 16px;font-size:14px;line-height:1;min-width:auto;min-height:38px;box-shadow:0 10px 22px rgba(0,134,108,.18);}
.brand{flex-shrink:0;}
@media (max-width:1120px){.nav{gap:16px}.brand img{width:165px}.nav-actions .btn.small{padding:8px 13px;font-size:13px}}
@media (max-width:980px){.nav.open a{white-space:nowrap}.nav-actions .btn.small{display:inline-flex}}


/* Partners showcase */
.partners{padding-top:20px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.partner-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:28px;padding:20px;box-shadow:0 18px 46px rgba(8,35,65,.08);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.partner-card:before{content:"";position:absolute;inset:auto -30% -45% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(136,198,65,.18),transparent 68%);pointer-events:none;transition:transform .45s ease,opacity .45s ease;opacity:.75}
.partner-card:nth-child(2):before{background:radial-gradient(circle,rgba(0,167,219,.18),transparent 68%)}
.partner-card:nth-child(3):before{background:radial-gradient(circle,rgba(108,99,255,.14),transparent 68%)}
.partner-card:nth-child(4):before{background:radial-gradient(circle,rgba(0,134,108,.16),transparent 68%)}
.partner-card:hover{transform:translateY(-10px);box-shadow:0 24px 70px rgba(8,35,65,.14);border-color:rgba(136,198,65,.42)}
.partner-card:hover:before{transform:scale(1.15);opacity:1}
.partner-logo-wrap{height:180px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(238,245,247,.96));border:1px solid rgba(13,62,97,.07);display:grid;place-items:center;padding:22px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.partner-logo-wrap img{max-width:100%;max-height:130px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(8,35,65,.08))}
.partner-info{display:grid;gap:10px}
.partner-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(0,134,108,.08);color:var(--green2);font-weight:900;font-size:13px}
.partner-card h3{margin:0;color:var(--blue);font-size:22px;line-height:1.45}
[data-theme="dark"] .partner-logo-wrap{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .partner-card{box-shadow:0 20px 56px rgba(0,0,0,.35)}
@media(max-width:1050px){.partner-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.partner-grid{grid-template-columns:1fr}.partner-logo-wrap{height:160px}.partner-card h3{font-size:20px}}


/* V7 creative partners hover */
.partner-grid{position:relative}
.partner-grid:before{content:"";position:absolute;inset:auto 7% -18px 7%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,134,108,.18),rgba(0,167,219,.22),rgba(0,134,108,.18),transparent);pointer-events:none}
.partner-card{isolation:isolate;transform-style:preserve-3d;cursor:pointer}
.partner-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.30),transparent 42%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}
.partner-card:hover::after{opacity:1}
.partner-card .partner-logo-wrap,.partner-card .partner-info{position:relative;z-index:1}
.partner-card{animation:partnerFloat 6s ease-in-out infinite}
.partner-card:nth-child(2){animation-delay:-1.2s}
.partner-card:nth-child(3){animation-delay:-2.4s}
.partner-card:nth-child(4){animation-delay:-3.6s}
.partner-logo-wrap{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,background .45s ease}
.partner-logo-wrap img{filter:grayscale(1) saturate(.65) brightness(.96) contrast(1.03);opacity:.92;transition:filter .45s ease,transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.partner-card:hover .partner-logo-wrap{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 36px rgba(8,35,65,.10), inset 0 1px 0 rgba(255,255,255,.65);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,252,1))}
.partner-card:hover .partner-logo-wrap img{filter:grayscale(0) saturate(1.15) brightness(1);transform:scale(1.06);opacity:1}
.partner-card:hover .partner-badge{background:linear-gradient(135deg,rgba(0,134,108,.14),rgba(0,167,219,.14));color:var(--blue)}
.partner-badge{transition:background .35s ease,color .35s ease,transform .35s ease}
.partner-card:hover .partner-badge{transform:translateY(-2px)}
.partner-card h3{transition:transform .35s ease,color .35s ease}
.partner-card:hover h3{transform:translateY(-2px)}
[data-theme="dark"] .partner-card::after{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.12),transparent 42%)}
[data-theme="dark"] .partner-logo-wrap img{filter:grayscale(1) saturate(.6) brightness(1.05)}
[data-theme="dark"] .partner-card:hover .partner-logo-wrap{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.05));box-shadow:0 20px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .partner-card:hover .partner-logo-wrap img{filter:grayscale(0) saturate(1.18) brightness(1.08)}
@keyframes partnerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (prefers-reduced-motion:reduce){.partner-card{animation:none}.partner-card::after,.partner-logo-wrap,.partner-logo-wrap img{transition:none}}


/* V8 partners slider + draw animation */
.partner-grid,.features,.feature-grid{display:none !important}
.partners{padding-top:20px}
.partner-slider-shell{position:relative;display:flex;align-items:center;gap:16px}
.partner-slider{overflow:hidden;flex:1;padding:14px 4px}
.partner-track{display:flex;gap:22px;will-change:transform;transition:transform .72s cubic-bezier(.22,1,.36,1)}
.partner-card{animation:none !important;min-width:calc((100% - 44px)/3);position:relative;overflow:hidden;isolation:isolate;background:var(--card);border:1px solid var(--border);border-radius:28px;padding:18px;box-shadow:0 18px 46px rgba(8,35,65,.08);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.partner-card:hover,.partner-card.is-active{transform:translateY(-8px);box-shadow:0 24px 70px rgba(8,35,65,.14);border-color:rgba(136,198,65,.40)}
.partner-card::before{content:"";position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(136,198,65,.12),transparent 68%);pointer-events:none;z-index:0}
.partner-card:nth-child(2n)::before{background:radial-gradient(circle,rgba(0,167,219,.12),transparent 68%)}
.partner-visual,.partner-info{position:relative;z-index:1}
.partner-visual{height:200px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(242,247,249,.98));border:1px solid rgba(13,62,97,.07);display:grid;place-items:center;padding:22px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.58);overflow:hidden}
.partner-visual img{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);object-fit:contain}
.partner-visual .logo-base{opacity:.18;filter:none !important;transform:scale(1.01)}
.partner-visual .logo-draw{filter:none !important;opacity:1 !important;clip-path:inset(0 100% 0 0)}
.partner-card:hover .logo-draw,.partner-card.play-draw .logo-draw{animation:logoDrawReveal 1.15s steps(18,end) forwards}
.partner-card:hover .draw-line,.partner-card.play-draw .draw-line{animation:drawTracer 1.15s cubic-bezier(.22,1,.36,1) forwards}
.draw-line{position:absolute;top:18px;bottom:18px;right:18px;width:3px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.98),rgba(0,167,219,.70),rgba(255,255,255,0));box-shadow:0 0 18px rgba(255,255,255,.55),0 0 20px rgba(0,167,219,.30);opacity:0;z-index:3}
.partner-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(0,134,108,.08);color:var(--green2);font-weight:900;font-size:13px}
.partner-card h3{margin:10px 0 0;color:var(--blue);font-size:22px;line-height:1.45}
.partner-nav{width:52px;height:52px;border-radius:18px;border:1px solid var(--border);background:var(--card);color:var(--blue);box-shadow:0 16px 34px rgba(8,35,65,.10);font-size:24px;font-weight:900;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.partner-nav:hover{transform:translateY(-3px);box-shadow:0 22px 40px rgba(8,35,65,.14);border-color:rgba(0,134,108,.28)}
.partner-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}
.partner-dots button{width:11px;height:11px;border-radius:999px;border:0;background:#c7d5df;cursor:pointer;transition:width .25s ease,background .25s ease,transform .25s ease}
.partner-dots button.active{width:32px;background:linear-gradient(90deg,var(--green2),var(--teal));transform:scale(1.02)}
[data-theme="dark"] .partner-visual{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05));border-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
[data-theme="dark"] .partner-card{box-shadow:0 20px 56px rgba(0,0,0,.35)}
@keyframes logoDrawReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes drawTracer{0%{opacity:0;right:18px}10%{opacity:1}85%{opacity:1}100%{opacity:0;right:calc(100% - 21px)}}
@media(max-width:1050px){.partner-card{min-width:calc((100% - 22px)/2)}}
@media(max-width:680px){.partner-slider-shell{gap:10px}.partner-nav{width:44px;height:44px;border-radius:14px;font-size:20px}.partner-card{min-width:100%}.partner-visual{height:170px}.partner-card h3{font-size:20px}}


/* V9: static partners + drawing reveal, no slider */
.partner-slider-shell,.partner-slider,.partner-track,.partner-nav,.partner-dots,.partner-grid{display:none!important}
.partners{padding-top:20px}
.partner-draw-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  align-items:stretch;
}
.partner-draw-card{
  position:relative;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:30px;
  padding:20px;
  box-shadow:0 18px 46px rgba(8,35,65,.08);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;
  isolation:isolate;
  animation:none!important;
}
.partner-draw-card:before{
  content:"";
  position:absolute;
  inset:auto -32% -42% auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(136,198,65,.14),transparent 68%);
  pointer-events:none;
  z-index:0;
}
.partner-draw-card:nth-child(even):before{
  background:radial-gradient(circle,rgba(0,167,219,.13),transparent 68%);
}
.partner-draw-card:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 26px 72px rgba(8,35,65,.14);
  border-color:rgba(0,134,108,.32);
}
.partner-draw-visual,.partner-draw-card .partner-info{position:relative;z-index:1}
.partner-draw-visual{
  height:205px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,248,250,.98));
  border:1px solid rgba(13,62,97,.07);
  display:grid;
  place-items:center;
  padding:24px;
  margin-bottom:18px;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.partner-draw-visual img{
  position:absolute;
  inset:24px;
  width:calc(100% - 48px);
  height:calc(100% - 48px);
  object-fit:contain;
  filter:none!important;
}
.partner-ghost{
  opacity:.16;
}
.partner-real{
  opacity:1!important;
  clip-path:inset(0 100% 0 0);
}
.partner-draw-card.draw-in .partner-real,
.partner-draw-card:hover .partner-real{
  animation:partnerLogoDraw 1.25s steps(22,end) forwards;
}
.draw-pen{
  position:absolute;
  top:20px;
  bottom:20px;
  right:22px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1),rgba(0,167,219,.82),rgba(136,198,65,.55),rgba(255,255,255,0));
  box-shadow:0 0 18px rgba(255,255,255,.7),0 0 24px rgba(0,167,219,.28);
  opacity:0;
  z-index:4;
}
.partner-draw-card.draw-in .draw-pen,
.partner-draw-card:hover .draw-pen{
  animation:partnerPenMove 1.25s cubic-bezier(.22,1,.36,1) forwards;
}
.partner-draw-card .partner-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,134,108,.08);
  color:var(--green2);
  font-weight:900;
  font-size:13px;
}
.partner-draw-card h3{
  margin:10px 0 0;
  color:var(--blue);
  font-size:22px;
  line-height:1.45;
}
[data-theme="dark"] .partner-draw-visual{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.08);
}
[data-theme="dark"] .partner-draw-card{
  box-shadow:0 20px 56px rgba(0,0,0,.35);
}
@keyframes partnerLogoDraw{
  from{clip-path:inset(0 100% 0 0)}
  to{clip-path:inset(0 0 0 0)}
}
@keyframes partnerPenMove{
  0%{opacity:0;right:22px}
  10%{opacity:1}
  88%{opacity:1}
  100%{opacity:0;right:calc(100% - 26px)}
}
@media(max-width:1050px){
  .partner-draw-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .partner-draw-grid{grid-template-columns:1fr}
  .partner-draw-visual{height:175px}
  .partner-draw-card h3{font-size:20px}
}


/* V10 services page redesign */
.services-hero{background:linear-gradient(135deg,rgba(3,30,54,.9),rgba(0,108,93,.78)),url('assets/city.webp') center/cover}
.services-intro{padding-top:46px;padding-bottom:24px}
.services-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.overview-card{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.overview-card:after{content:'';position:absolute;inset:auto -40px -50px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(136,198,65,.14),transparent 68%)}
.overview-card:nth-child(2):after{background:radial-gradient(circle,rgba(0,167,219,.12),transparent 68%)}
.overview-card:nth-child(3):after{background:radial-gradient(circle,rgba(81,34,155,.10),transparent 68%)}
.overview-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,134,108,.12),rgba(136,198,65,.18));font-size:28px;margin-bottom:14px}
.overview-card h3{margin:0 0 10px;color:var(--blue);font-size:24px}
.overview-card p{margin:0;color:var(--muted)}
.service-showcase-grid{display:grid;gap:28px}
.service-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:34px;padding:24px;box-shadow:0 18px 54px rgba(8,35,65,.08);overflow:hidden;position:relative}
.service-panel.alt .service-media{order:2}
.service-panel.alt .service-content{order:1}
.service-panel:before{content:'';position:absolute;inset:auto -20px -45px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,134,108,.08),transparent 68%);pointer-events:none}
.service-media{position:relative;border-radius:28px;overflow:hidden;min-height:320px;box-shadow:0 18px 42px rgba(8,35,65,.15)}
.service-media img{width:100%;height:100%;object-fit:cover}
.service-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,23,42,.08),rgba(4,23,42,.42))}
.service-number{position:absolute;top:18px;left:18px;z-index:2;min-width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--green2),var(--teal));box-shadow:0 14px 28px rgba(0,0,0,.18)}
.service-content{display:flex;flex-direction:column;justify-content:center}
.service-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:8px 14px;border-radius:999px;background:rgba(0,134,108,.08);color:var(--green2);font-weight:900;margin-bottom:12px}
.service-content h2{margin:0 0 14px;color:var(--blue);font-size:40px;line-height:1.18}
.service-content p{margin:0 0 18px;color:var(--muted);font-size:18px}
.service-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.service-tags span{padding:9px 14px;border-radius:999px;background:rgba(11,79,125,.08);color:var(--blue);font-weight:800;font-size:14px;border:1px solid rgba(11,79,125,.08)}
.service-points{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.service-points li{position:relative;padding-inline-start:28px;color:var(--ink);font-weight:600;line-height:1.8}
.service-points li:before{content:'✓';position:absolute;inset-inline-start:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font-size:12px;font-weight:900}
[data-theme='dark'] .service-panel,[data-theme='dark'] .overview-card{box-shadow:0 22px 58px rgba(0,0,0,.34)}
@media(max-width:1050px){.services-overview-grid{grid-template-columns:1fr}.service-panel{grid-template-columns:1fr}.service-panel.alt .service-media,.service-panel.alt .service-content{order:initial}.service-content h2{font-size:34px}}
@media(max-width:680px){.services-intro{padding-top:24px}.overview-card,.service-panel{padding:18px}.service-media{min-height:230px}.service-number{width:52px;height:52px;min-width:52px;border-radius:16px;font-size:18px}.service-content h2{font-size:28px}.service-content p{font-size:16px}}


/* V11 creative projects page */
.projects-hero{
  background:linear-gradient(135deg,rgba(3,30,54,.88),rgba(0,108,93,.72)),url('assets/corniche.webp') center/cover;
}
.project-stats-section{padding:0 0 18px;margin-top:-38px;position:relative;z-index:3}
.project-stats{border:1px solid rgba(255,255,255,.16)}
.featured-project-section{padding-top:48px}
.featured-project{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:34px;
  align-items:stretch;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:36px;
  padding:24px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.featured-project-media{
  position:relative;
  min-height:420px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 20px 44px rgba(8,35,65,.16);
}
.featured-project-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.featured-project:hover .featured-project-media img{transform:scale(1.06)}
.featured-project-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,30,54,.05),rgba(3,30,54,.62));
}
.featured-floating{
  position:absolute;
  right:24px;
  bottom:24px;
  left:24px;
  z-index:2;
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(14px);
  color:#fff;
}
.featured-floating span{display:block;color:#d9ffd0;font-weight:900}
.featured-floating strong{font-size:26px}
.featured-project-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.featured-project-content h2{
  color:var(--blue);
  font-size:42px;
  line-height:1.2;
  margin:10px 0 14px;
}
.featured-project-content p{
  color:var(--muted);
  font-size:18px;
}
.featured-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:22px;
}
.featured-metrics div{
  background:linear-gradient(180deg,rgba(0,134,108,.06),rgba(0,167,219,.045));
  border:1px solid var(--border);
  border-radius:20px;
  padding:16px;
}
.featured-metrics b{display:block;color:var(--green2);font-size:14px}
.featured-metrics span{color:var(--blue);font-weight:900}

.projects-portfolio{padding-top:54px}
.premium-filters{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:30px;
  padding:10px;
  background:rgba(255,255,255,.48);
  border:1px solid var(--border);
  border-radius:999px;
  width:max-content;
  max-width:100%;
  margin-inline:auto;
  box-shadow:0 14px 40px rgba(8,35,65,.06);
}
[data-theme="dark"] .premium-filters{background:rgba(255,255,255,.04)}
.creative-project-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.creative-project-card{
  position:relative;
  height:360px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(8,35,65,.13);
  cursor:pointer;
  transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease;
}
.creative-project-card.hide{
  opacity:0;
  transform:scale(.96);
  pointer-events:none;
  position:absolute;
}
.creative-project-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.creative-project-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,30,54,.10),rgba(3,30,54,.82));
  z-index:1;
}
.creative-project-card:hover{transform:translateY(-10px)}
.creative-project-card:hover img{transform:scale(1.09);filter:saturate(1.1)}
.project-glass{
  position:absolute;
  right:18px;
  left:18px;
  bottom:18px;
  z-index:2;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(12px);
  color:#fff;
  transition:transform .35s ease,background .35s ease;
}
.creative-project-card:hover .project-glass{
  transform:translateY(-8px);
  background:rgba(255,255,255,.16);
}
.project-glass span{color:#cfffbb;font-weight:900}
.project-glass h3{margin:8px 0 14px;font-size:22px}
.project-more{
  border:0;
  border-radius:999px;
  padding:9px 14px;
  color:#07355c;
  background:#fff;
  font-weight:900;
  cursor:pointer;
}
.project-timeline-section{padding-top:34px}
.project-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.project-timeline:before{
  content:"";
  position:absolute;
  top:38px;
  right:8%;
  left:8%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green2),var(--teal),var(--green));
  opacity:.22;
}
.timeline-step{
  position:relative;
  z-index:1;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:26px;
  padding:24px;
  box-shadow:0 15px 42px rgba(8,35,65,.08);
}
.timeline-step b{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green2),var(--teal));
  color:#fff;
  box-shadow:0 14px 28px rgba(0,134,108,.20);
}
.timeline-step h3{color:var(--blue);margin:18px 0 8px}
.timeline-step p{color:var(--muted);margin:0}

.project-modal{
  position:fixed;
  inset:0;
  z-index:9997;
  display:grid;
  place-items:center;
  background:rgba(3,18,32,.62);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
  padding:24px;
}
.project-modal.show{
  opacity:1;
  visibility:visible;
}
.project-modal-card{
  width:min(920px,96vw);
  background:var(--card);
  color:var(--ink);
  border:1px solid var(--border);
  border-radius:34px;
  box-shadow:0 30px 90px rgba(0,0,0,.32);
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  position:relative;
  transform:translateY(24px) scale(.96);
  transition:.35s cubic-bezier(.22,1,.36,1);
}
.project-modal.show .project-modal-card{transform:translateY(0) scale(1)}
.project-modal-card img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
}
.project-modal-card>div{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.project-modal-card span{color:var(--green2);font-weight:900}
.project-modal-card h2{color:var(--blue);font-size:36px;margin:8px 0 12px}
.project-modal-card p{color:var(--muted);font-size:18px}
.modal-close{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50%;
  border:0;
  background:var(--card);
  color:var(--blue);
  font-size:26px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(0,0,0,.16);
}
.modal-meta{
  margin-top:16px;
  padding:16px;
  border-radius:18px;
  background:rgba(0,134,108,.07);
}
.modal-meta b{display:block;color:var(--green2)}
.modal-meta strong{color:var(--blue)}

[data-theme="dark"] .featured-project,
[data-theme="dark"] .timeline-step{box-shadow:0 22px 58px rgba(0,0,0,.34)}
@media(max-width:1050px){
  .featured-project,.project-modal-card{grid-template-columns:1fr}
  .creative-project-grid{grid-template-columns:repeat(2,1fr)}
  .project-timeline{grid-template-columns:repeat(2,1fr)}
  .project-timeline:before{display:none}
  .featured-project-content h2{font-size:34px}
}
@media(max-width:680px){
  .project-stats-section{margin-top:0;padding-top:24px}
  .featured-project{padding:18px}
  .featured-project-media{min-height:260px}
  .featured-metrics{grid-template-columns:1fr}
  .creative-project-grid,.project-timeline{grid-template-columns:1fr}
  .creative-project-card{height:300px}
  .premium-filters{border-radius:24px}
  .project-modal-card img{min-height:260px}
  .project-modal-card>div{padding:24px}
}


/* V12 projects fixes */
.project-location{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 14px;
  color:#e8f7ff;
  font-size:14px;
  font-weight:900;
}
.project-location b{font-weight:900}
.creative-project-card.hide{
  display:none !important;
  position:relative !important;
  opacity:1;
  transform:none;
}
.creative-project-grid{
  position:relative;
}
.project-glass h3{
  margin-bottom:8px;
}


/* V13 projects modal content improvements */
.modal-meta{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
}
.modal-meta strong{
  display:block;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0,134,108,.10);
  color:var(--green2);
  text-align:center;
}
.modal-project-copy{
  margin-top:14px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(11,79,125,.06),rgba(0,134,108,.045));
  border:1px solid var(--border);
}
.modal-project-copy b{
  display:block;
  color:var(--blue);
  margin-bottom:8px;
  font-size:18px;
}
.modal-project-copy p{
  margin:0;
  font-size:16px;
  line-height:1.9;
}
.project-modal-card>div{
  gap:0;
}
@media(max-width:680px){
  .modal-meta{grid-template-columns:1fr}
  .modal-meta strong{text-align:start}
}


/* V14 modal readability fix */
#modalTitle:empty::after{content:"—"}
#modalCategory:empty::after{content:"—"}
#modalDesc:empty::after{content:"—"}
#modalLocation:empty::after{content:"—"}
#modalLongDesc:empty::after{content:"—"}
.modal-meta strong,
.modal-project-copy p{
  min-height:28px;
}


/* V15 about page premium redesign */
.about-hero{
  background:linear-gradient(135deg,rgba(3,30,54,.90),rgba(0,108,93,.72)),url('assets/corniche.webp') center/cover;
}
.about-premium{padding-top:86px}
.about-premium-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:54px;
  align-items:center;
}
.about-story{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:34px;
  padding:38px;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.about-story:before{
  content:"";
  position:absolute;
  inset:auto -70px -85px auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(136,198,65,.16),transparent 68%);
}
.about-story h2{
  color:var(--blue);
  font-size:42px;
  line-height:1.22;
  margin:12px 0 18px;
}
.about-story p{
  color:var(--muted);
  font-size:18px;
  margin:0 0 16px;
}
.about-signature{
  margin-top:24px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(0,134,108,.09),rgba(0,167,219,.06));
  border:1px solid var(--border);
  color:var(--blue);
}
.about-visual{
  position:relative;
  border-radius:34px;
  overflow:hidden;
  min-height:520px;
  box-shadow:0 24px 70px rgba(8,35,65,.16);
}
.about-visual img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
}
.about-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,30,54,.04),rgba(3,30,54,.38));
}
.about-badge-card{
  position:absolute;
  right:24px;
  bottom:24px;
  z-index:2;
  width:210px;
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(15px);
  color:#fff;
}
.about-badge-card strong{
  display:block;
  font-size:48px;
  line-height:1;
}
.about-badge-card span{font-weight:900;color:#e9fff2}
.about-values-strip{
  padding:34px 0;
}
.about-values-strip .container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.about-value{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:28px;
  padding:24px;
  box-shadow:0 14px 42px rgba(8,35,65,.07);
  transition:transform .35s ease,box-shadow .35s ease;
}
.about-value:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 70px rgba(8,35,65,.13);
}
.about-value b{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green2),var(--teal));
  color:#fff;
  margin-bottom:18px;
}
.about-value h3{
  color:var(--blue);
  margin:0 0 8px;
}
.about-value p{
  color:var(--muted);
  margin:0;
}
.vision-mission-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.vision-card,.mission-card{
  position:relative;
  overflow:hidden;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:34px;
  padding:34px;
  box-shadow:var(--shadow);
}
.vision-card:after,.mission-card:after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border-radius:50%;
  left:-80px;
  bottom:-90px;
  background:radial-gradient(circle,rgba(0,167,219,.13),transparent 68%);
}
.mission-card:after{background:radial-gradient(circle,rgba(136,198,65,.15),transparent 68%)}
.vision-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(0,134,108,.11),rgba(136,198,65,.16));
  font-size:30px;
  margin-bottom:16px;
}
.vision-card h2,.mission-card h2{
  color:var(--blue);
  font-size:32px;
  line-height:1.28;
}
.vision-card p,.mission-card p{
  color:var(--muted);
  font-size:17px;
}
.about-timeline-section{padding-top:40px}
.about-timeline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  position:relative;
}
.about-timeline:before{
  content:"";
  position:absolute;
  top:28px;
  right:8%;
  left:8%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green2),var(--teal),var(--green));
  opacity:.22;
}
.about-step{
  position:relative;
  z-index:1;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:28px;
  padding:24px;
  box-shadow:0 16px 46px rgba(8,35,65,.08);
}
.about-step span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,134,108,.09);
  color:var(--green2);
  font-weight:900;
}
.about-step h3{
  color:var(--blue);
  margin:16px 0 8px;
}
.about-step p{
  color:var(--muted);
  margin:0;
}
.about-commitment{
  padding:20px 0 92px;
}
.commitment-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(0,134,108,.10),rgba(0,167,219,.08));
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}
.commitment-card h2{
  color:var(--blue);
  font-size:32px;
  margin:10px 0;
}
.commitment-card p{
  color:var(--muted);
  font-size:17px;
  max-width:780px;
  margin:0;
}
[data-theme="dark"] .about-story,
[data-theme="dark"] .about-value,
[data-theme="dark"] .vision-card,
[data-theme="dark"] .mission-card,
[data-theme="dark"] .about-step,
[data-theme="dark"] .commitment-card{
  box-shadow:0 22px 58px rgba(0,0,0,.34);
}
@media(max-width:1050px){
  .about-premium-grid,.vision-mission-grid{grid-template-columns:1fr}
  .about-values-strip .container,.about-timeline{grid-template-columns:repeat(2,1fr)}
  .about-timeline:before{display:none}
  .commitment-card{flex-direction:column;align-items:stretch}
}
@media(max-width:680px){
  .about-premium{padding-top:54px}
  .about-story{padding:24px}
  .about-story h2{font-size:32px}
  .about-visual,.about-visual img{min-height:340px}
  .about-values-strip .container,.about-timeline{grid-template-columns:1fr}
  .vision-card,.mission-card,.commitment-card{padding:24px}
  .vision-card h2,.mission-card h2,.commitment-card h2{font-size:26px}
}


/* V16 about page redesign based on merged concept */
.about-page-v16 .site-bg{background:linear-gradient(180deg,#f6faf8,#eef5f7 55%,#f7faf8)}
.about-showcase-v16{padding:118px 0 56px; position:relative; overflow:hidden}
.about-showcase-grid{display:grid; grid-template-columns:1.15fr 1fr; gap:34px; align-items:center}
.about-hero-copy h1{font-size:78px; line-height:1.02; color:var(--blue); margin:8px 0 18px; letter-spacing:-1px}
.about-hero-copy h1 span{color:#7ca94f}
.about-hero-copy p{font-size:21px; line-height:1.9; color:var(--muted); max-width:760px}
.about-hero-actions{margin-top:22px}
.about-hero-collage{position:relative; min-height:560px; border-radius:38px; overflow:hidden; background:linear-gradient(135deg,#fdfefe,#f4f8f7); box-shadow:0 28px 80px rgba(7,35,61,.12)}
.hero-main-shot{position:absolute; inset:0 18% 0 0; clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}
.hero-main-shot img{width:100%; height:100%; object-fit:cover}
.hero-side-card{position:absolute; left:0; width:35%; border-radius:32px; overflow:hidden; box-shadow:0 16px 40px rgba(7,35,61,.16); border:8px solid rgba(255,255,255,.92); background:#fff}
.hero-side-card img{width:100%; height:100%; object-fit:cover; display:block}
.hero-truck{top:22px; height:180px}
.hero-city{top:218px; height:172px}
.hero-badge{position:absolute; left:22px; bottom:22px; width:35%; min-height:140px; background:rgba(255,255,255,.94); border-radius:28px; box-shadow:0 18px 46px rgba(7,35,61,.12); padding:24px; display:flex; flex-direction:column; justify-content:center}
.hero-badge span{color:var(--muted); font-weight:700}
.hero-badge strong{font-size:58px; line-height:1; color:#214829; margin:8px 0}
.hero-badge p{margin:0; color:var(--blue); font-weight:800}
.about-core-v16{padding-top:6px}
.about-core-grid{display:grid; grid-template-columns:1.02fr 1.25fr; gap:26px; align-items:start}
.about-mini-visual{grid-column:1; grid-row:1 / span 2}
.angled-photo{border-radius:24px; overflow:hidden; clip-path:polygon(0 0,100% 0,84% 100%,0 100%); box-shadow:0 18px 48px rgba(7,35,61,.10)}
.angled-photo img{width:100%; height:240px; object-fit:cover; display:block}
.about-who{grid-column:1; background:transparent; padding-top:6px}
.about-who h2{font-size:54px; color:var(--blue); margin:8px 0 16px}
.about-who p{color:var(--muted); font-size:18px; line-height:1.95; margin:0}
.journey-area{grid-column:2; background:transparent}
.journey-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.journey-header h2{margin:0; color:var(--blue); font-size:54px}
.journey-track{height:36px; position:relative; margin:0 14px 12px}
.journey-track:before{content:""; position:absolute; left:2%; right:2%; top:18px; height:2px; background:linear-gradient(90deg,#96b97e,#3f9274,#0e4a4c,#9dc66a); opacity:.55}
.journey-node{position:absolute; top:12px; width:12px; height:12px; border-radius:50%; background:#0c5260; box-shadow:0 0 0 4px rgba(124,169,79,.14)}
.journey-node:nth-child(1){right:4%}
.journey-node:nth-child(2){right:34%}
.journey-node:nth-child(3){right:64%}
.journey-node:nth-child(4){right:94%}
.journey-cards{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.journey-card{background:rgba(255,255,255,.74); border:1px solid var(--border); border-radius:26px; padding:22px 18px; box-shadow:0 16px 42px rgba(7,35,61,.08); min-height:186px}
.journey-icon{width:58px; height:58px; border-radius:18px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(124,169,79,.14),rgba(0,134,108,.10)); font-size:27px; margin-bottom:14px}
.journey-card h3{font-size:30px; color:var(--blue); margin:0 0 8px}
.journey-card p{margin:0; color:var(--muted); line-height:1.8}
.about-values-v16{padding-top:26px}
.centerish{text-align:center}
.values-grid-v16{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:18px}
.value-card-v16{background:rgba(255,255,255,.84); border:1px solid var(--border); border-radius:24px; padding:26px 20px; box-shadow:0 16px 42px rgba(7,35,61,.08)}
.value-icon{width:56px; height:56px; border-radius:18px; display:grid; place-items:center; font-size:28px; color:#2f8a52; background:linear-gradient(135deg,rgba(124,169,79,.14),rgba(0,134,108,.10)); margin-bottom:14px}
.value-card-v16 h3{font-size:34px; margin:0 0 10px; color:var(--blue)}
.value-card-v16 p{margin:0; color:var(--muted); line-height:1.8}
.about-stats-bar{margin-top:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:linear-gradient(90deg,#044c54,#0d6b53); border-radius:18px; overflow:hidden; box-shadow:0 22px 60px rgba(5,61,69,.22)}
.about-stats-bar>div{padding:20px 22px; color:#fff; position:relative}
.about-stats-bar>div:not(:last-child):after{content:""; position:absolute; left:0; top:18px; bottom:18px; width:1px; background:rgba(255,255,255,.18)}
.about-stats-bar strong{display:block; font-size:50px; line-height:1.05; margin-bottom:4px}
.about-stats-bar span{color:#e7fff3; font-weight:700}
.mission-vision-v16{padding-top:28px}
.mission-vision-grid-v16{display:grid; grid-template-columns:1fr 1fr; gap:20px}
.mv-card{display:grid; grid-template-columns:190px 1fr; gap:20px; align-items:stretch; background:rgba(255,255,255,.84); border:1px solid var(--border); border-radius:24px; overflow:hidden; box-shadow:0 16px 42px rgba(7,35,61,.08)}
.mv-thumb{position:relative}
.mv-thumb:after{content:""; position:absolute; inset:0; background:linear-gradient(135deg,transparent,rgba(124,169,79,.18))}
.mv-thumb img{width:100%; height:100%; object-fit:cover; display:block; clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.mv-content{padding:26px 22px 24px 0}
.mv-content h2{font-size:42px; color:var(--blue); margin:0 0 10px}
.mv-content p{margin:0; color:var(--muted); line-height:1.9}
.about-cta-v16{padding:26px 0 92px}
.cta-strip-v16{display:flex; justify-content:space-between; align-items:center; gap:26px; background:linear-gradient(135deg,#066354,#0c4d53); color:#fff; border-radius:26px; padding:30px 34px; position:relative; overflow:hidden; box-shadow:0 26px 70px rgba(6,71,78,.22)}
.cta-strip-v16:after{content:""; position:absolute; inset:auto 0 0 auto; width:280px; height:120px; background:radial-gradient(circle at center, rgba(255,255,255,.16), transparent 70%)}
.cta-strip-v16 h2{margin:0; color:#fff; font-size:42px; line-height:1.3; max-width:860px}
.cta-strip-v16 .btn-outline{border-color:rgba(255,255,255,.35); color:#fff}
.cta-strip-v16 .btn-outline:hover{background:rgba(255,255,255,.12)}
[data-theme="dark"] .about-hero-collage,
[data-theme="dark"] .journey-card,
[data-theme="dark"] .value-card-v16,
[data-theme="dark"] .mv-card{background:rgba(14,22,32,.88)}
[data-theme="dark"] .hero-badge{background:rgba(14,22,32,.92)}
[data-theme="dark"] .hero-badge strong{color:#f7fff8}
@media(max-width:1200px){
  .about-showcase-grid,.about-core-grid{grid-template-columns:1fr}
  .about-hero-copy h1{font-size:62px}
  .about-who h2,.journey-header h2{font-size:44px}
  .about-mini-visual{grid-row:auto}
  .journey-cards,.values-grid-v16{grid-template-columns:repeat(2,1fr)}
  .mission-vision-grid-v16{grid-template-columns:1fr}
}
@media(max-width:900px){
  .about-showcase-v16{padding-top:100px}
  .about-hero-collage{min-height:500px}
  .hero-main-shot{inset:0 0 0 0; clip-path:none}
  .hero-side-card{display:none}
  .hero-badge{left:18px; width:auto; max-width:250px}
  .about-stats-bar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .about-showcase-v16{padding:88px 0 34px}
  .about-hero-copy h1{font-size:42px}
  .about-hero-copy p{font-size:17px}
  .about-hero-collage{min-height:360px; border-radius:26px}
  .hero-badge{padding:18px; border-radius:22px; max-width:200px}
  .hero-badge strong{font-size:40px}
  .about-who h2,.journey-header h2,.value-card-v16 h3,.mv-content h2,.cta-strip-v16 h2{font-size:28px}
  .journey-cards,.values-grid-v16,.about-stats-bar{grid-template-columns:1fr}
  .mv-card{grid-template-columns:1fr}
  .mv-thumb img{clip-path:none; min-height:180px}
  .mv-content{padding:18px}
  .cta-strip-v16{padding:24px; flex-direction:column; align-items:flex-start}
}


/* V17 about page fixes and polish */
.about-page-v17 .header{background:var(--header);backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(7,35,61,.08)}
.about-page-v17 .nav{color:var(--ink)}
.about-page-v17 .mode-toggle,.about-page-v17 .lang,.about-page-v17 .menu{background:var(--card);color:var(--ink);border-color:var(--border)}
.about-page-v17 .site-bg{background:linear-gradient(180deg,#f6faf8,#eef5f7 55%,#f7faf8)}
[data-theme="dark"] .about-page-v17 .site-bg{background:linear-gradient(180deg,#071523,#0a1b2c 55%,#071523)}
[data-theme="dark"] .about-page-v17 .about-showcase-v16{background:transparent}
.about-page-v17 .about-showcase-v16{padding-top:148px}
.about-page-v17 .about-hero-copy{position:relative; z-index:2}
.about-page-v17 .about-hero-copy h1,.about-page-v17 .about-hero-copy p,.about-page-v17 .eyebrow.dark{opacity:1!important}
.about-page-v17 .about-hero-copy p{max-width:720px}
.about-page-v17 .btn[href="#aboutContent"]{scroll-margin-top:120px}
.about-page-v17 #aboutContent{scroll-margin-top:110px}
[data-theme="dark"] .about-page-v17 .about-hero-collage{background:linear-gradient(135deg,#112437,#0d1c2a); box-shadow:0 28px 80px rgba(0,0,0,.28)}
[data-theme="dark"] .about-page-v17 .journey-card,
[data-theme="dark"] .about-page-v17 .value-card-v16,
[data-theme="dark"] .about-page-v17 .mv-card{background:rgba(13,34,53,.92)}
[data-theme="dark"] .about-page-v17 .hero-badge{background:rgba(7,21,35,.92); border:1px solid rgba(255,255,255,.08)}
[data-theme="dark"] .about-page-v17 .hero-badge strong{color:#fff}
[data-theme="dark"] .about-page-v17 .hero-badge p{color:#d9f2ff}
[data-theme="dark"] .about-page-v17 .hero-badge span{color:#a9bac8}

/* Custom company-style icons */
.icon-shield,.icon-team,.icon-leaf,.icon-award,.icon-seedling,.icon-building,.icon-target,.icon-city{position:relative; overflow:hidden; color:#1f7f63}
.icon-shield span,.icon-team span,.icon-leaf span,.icon-award span,.icon-seedling span,.icon-building span,.icon-target span,.icon-city span{position:absolute; display:block}
.value-icon,.journey-icon{background:linear-gradient(135deg,rgba(124,169,79,.14),rgba(0,134,108,.10));}
[data-theme="dark"] .value-icon,[data-theme="dark"] .journey-icon{background:linear-gradient(135deg,rgba(124,169,79,.12),rgba(0,134,108,.16)); color:#7fe0c9}

.icon-shield:before{content:""; position:absolute; inset:10px 13px 11px; border:3px solid currentColor; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-left-radius:10px; border-top-right-radius:10px; clip-path:polygon(50% 0,100% 16%,100% 55%,50% 100%,0 55%,0 16%)}
.icon-shield span:nth-child(1){width:18px;height:3px;background:currentColor; top:28px; left:17px; transform:rotate(45deg); border-radius:4px}
.icon-shield span:nth-child(2){width:8px;height:3px;background:currentColor; top:34px; left:14px; transform:rotate(-45deg); border-radius:4px}
.icon-shield span:nth-child(3){display:none}

.icon-team span:nth-child(1){width:12px;height:12px;border:3px solid currentColor;border-radius:50%; top:11px; left:9px}
.icon-team span:nth-child(2){width:12px;height:12px;border:3px solid currentColor;border-radius:50%; top:11px; right:9px}
.icon-team span:nth-child(3){width:16px;height:16px;border:3px solid currentColor;border-radius:50%; top:6px; left:20px}
.icon-team:before{content:""; position:absolute; left:12px; right:12px; bottom:12px; height:14px; border:3px solid currentColor; border-top-left-radius:16px; border-top-right-radius:16px; border-bottom:0}

.icon-leaf span:nth-child(1){width:24px;height:34px;border:3px solid currentColor;border-radius:0 22px 22px 22px; top:9px; left:15px; transform:rotate(45deg)}
.icon-leaf span:nth-child(2){width:3px;height:28px;background:currentColor; top:22px; left:28px; transform:rotate(45deg); border-radius:3px}
.icon-leaf span:nth-child(3){width:16px;height:3px;background:currentColor; top:29px; left:22px; transform:rotate(45deg); border-radius:3px}

.icon-award span:nth-child(1){width:22px;height:22px;border:3px solid currentColor;border-radius:50%; top:8px; left:17px}
.icon-award span:nth-child(2){width:10px;height:16px;border-left:3px solid currentColor;border-right:3px solid currentColor; bottom:10px; left:16px; transform:skewX(-10deg)}
.icon-award span:nth-child(3){width:10px;height:16px;border-left:3px solid currentColor;border-right:3px solid currentColor; bottom:10px; right:16px; transform:skewX(10deg)}

.icon-seedling span:nth-child(1){width:4px;height:24px;background:currentColor; bottom:12px; left:27px; border-radius:4px}
.icon-seedling span:nth-child(2){width:18px;height:12px;border:3px solid currentColor;border-radius:18px 18px 2px 18px; transform:rotate(-30deg); top:15px; left:10px}
.icon-seedling:before{content:""; position:absolute; width:18px; height:12px; border:3px solid currentColor; border-radius:18px 18px 18px 2px; transform:rotate(30deg); top:15px; right:10px}

.icon-building span:nth-child(1){width:24px;height:32px;border:3px solid currentColor;border-radius:4px; top:11px; left:17px}
.icon-building span:nth-child(2){width:3px;height:24px;background:currentColor; top:15px; left:29px}
.icon-building span:nth-child(3){width:18px;height:3px;background:currentColor; top:22px; left:20px}
.icon-building span:nth-child(4){width:18px;height:3px;background:currentColor; top:31px; left:20px}

.icon-target span:nth-child(1){inset:8px;border:3px solid currentColor;border-radius:50%}
.icon-target span:nth-child(2){inset:18px;border:3px solid currentColor;border-radius:50%}
.icon-target span:nth-child(3){width:18px;height:3px;background:currentColor; top:17px; right:11px; transform:rotate(-35deg); transform-origin:right center; border-radius:3px}
.icon-target:before{content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:currentColor; top:24px; left:24px}

.icon-city span:nth-child(1){width:12px;height:26px;background:currentColor; bottom:12px; right:9px; border-radius:3px 3px 0 0}
.icon-city span:nth-child(2){width:12px;height:18px;background:currentColor; bottom:12px; right:24px; border-radius:3px 3px 0 0}
.icon-city span:nth-child(3){width:12px;height:32px;background:currentColor; bottom:12px; left:10px; border-radius:3px 3px 0 0}
.icon-city span:nth-child(4){width:16px;height:22px;background:currentColor; bottom:12px; left:25px; border-radius:3px 3px 0 0}
.icon-city:before{content:""; position:absolute; left:10px; right:10px; bottom:8px; height:3px; background:currentColor; border-radius:3px}

@media(max-width:900px){
  .about-page-v17 .header{background:var(--header)}
}


/* V18: About page header behaves like the rest — appears and sticks after scrolling */
.about-page-v17 .header{
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  transform:translateY(-115%);
  opacity:0;
  pointer-events:none;
  transition:transform .35s cubic-bezier(.22,1,.36,1), opacity .35s ease, background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.about-page-v17 .header.scrolled,
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
  background:var(--header);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 32px rgba(7,35,61,.08);
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header:hover .nav,
.about-page-v17 .header:focus-within .nav{
  color:var(--ink);
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header:hover .mode-toggle,
.about-page-v17 .header:hover .lang,
.about-page-v17 .header:hover .menu,
.about-page-v17 .header:focus-within .mode-toggle,
.about-page-v17 .header:focus-within .lang,
.about-page-v17 .header:focus-within .menu{
  background:var(--card);
  color:var(--ink);
  border-color:var(--border);
}
.about-page-v17 .about-showcase-v16{
  padding-top:96px;
}
@media(max-width:900px){
  .about-page-v17 .header{
    transform:translateY(-115%);
    opacity:0;
  }
  .about-page-v17 .header.scrolled,
  .about-page-v17 .header:hover,
  .about-page-v17 .header:focus-within{
    transform:translateY(0);
    opacity:1;
  }
}


/* V19: about page header visible as text from start, rectangle on hover/scroll */
.about-page-v17 .header{
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  transform:none;
  opacity:1;
  pointer-events:auto;
  transition:background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.about-page-v17 .header .nav{color:#fff}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu{
  background:rgba(255,255,255,.13);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.about-page-v17 .header.scrolled,
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  background:var(--header);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 32px rgba(7,35,61,.08);
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header:hover .nav,
.about-page-v17 .header:focus-within .nav{
  color:var(--ink);
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header:hover .mode-toggle,
.about-page-v17 .header:hover .lang,
.about-page-v17 .header:hover .menu,
.about-page-v17 .header:focus-within .mode-toggle,
.about-page-v17 .header:focus-within .lang,
.about-page-v17 .header:focus-within .menu{
  background:var(--card);
  color:var(--ink);
  border-color:var(--border);
}
.about-page-v17 .about-showcase-v16{padding-top:118px}
@media(max-width:900px){
  .about-page-v17 .header{transform:none; opacity:1;}
}


/* V20: darker about header area so white navigation is readable */
.about-page-v17 .header{
  background:linear-gradient(90deg,rgba(3,30,54,.88),rgba(0,108,93,.78));
  backdrop-filter:blur(12px);
  box-shadow:0 10px 32px rgba(7,35,61,.10);
}
.about-page-v17 .header .nav{
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.20);
}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu{
  background:rgba(255,255,255,.14);
  color:#fff;
  border-color:rgba(255,255,255,.32);
}
.about-page-v17 .header.scrolled,
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  background:linear-gradient(90deg,rgba(3,30,54,.94),rgba(0,108,93,.88));
  backdrop-filter:blur(18px);
  box-shadow:0 14px 38px rgba(7,35,61,.16);
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header:hover .nav,
.about-page-v17 .header:focus-within .nav{
  color:#fff;
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header:hover .mode-toggle,
.about-page-v17 .header:hover .lang,
.about-page-v17 .header:hover .menu,
.about-page-v17 .header:focus-within .mode-toggle,
.about-page-v17 .header:focus-within .lang,
.about-page-v17 .header:focus-within .menu{
  background:rgba(255,255,255,.16);
  color:#fff;
  border-color:rgba(255,255,255,.34);
}
[data-theme="dark"] .about-page-v17 .header,
[data-theme="dark"] .about-page-v17 .header.scrolled,
[data-theme="dark"] .about-page-v17 .header:hover,
[data-theme="dark"] .about-page-v17 .header:focus-within{
  background:linear-gradient(90deg,rgba(2,11,19,.96),rgba(6,47,48,.94));
}


/* V21: About page header position + softer page background */
.about-page-v17 .header{
  position:absolute;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  transform:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.about-page-v17 .header .nav{
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.35) !important;
}
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  position:absolute;
  background:rgba(255,255,255,.30) !important;
  backdrop-filter:blur(14px) !important;
  box-shadow:0 10px 32px rgba(7,35,61,.08) !important;
}
.about-page-v17 .header.scrolled{
  position:fixed;
  background:rgba(255,255,255,.34) !important;
  backdrop-filter:blur(18px) !important;
  box-shadow:0 12px 34px rgba(7,35,61,.10) !important;
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header:hover .nav,
.about-page-v17 .header:focus-within .nav{
  color:#fff !important;
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header:hover .mode-toggle,
.about-page-v17 .header:hover .lang,
.about-page-v17 .header:hover .menu,
.about-page-v17 .header:focus-within .mode-toggle,
.about-page-v17 .header:focus-within .lang,
.about-page-v17 .header:focus-within .menu{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.38) !important;
}
.about-page-v17 .site-bg{
  background:
    radial-gradient(circle at 12% 10%,rgba(136,198,65,.13),transparent 30%),
    radial-gradient(circle at 85% 20%,rgba(0,138,150,.11),transparent 32%),
    linear-gradient(180deg,#edf4f3,#e1ebeb 52%,#edf3f1) !important;
}
.about-page-v17 .about-showcase-v16{
  background:transparent !important;
}
[data-theme="dark"] .about-page-v17 .site-bg{
  background:
    radial-gradient(circle at 12% 10%,rgba(136,198,65,.10),transparent 30%),
    radial-gradient(circle at 85% 20%,rgba(0,138,150,.12),transparent 32%),
    linear-gradient(180deg,#071523,#0b1d2d 52%,#071523) !important;
}
[data-theme="dark"] .about-page-v17 .header:hover,
[data-theme="dark"] .about-page-v17 .header:focus-within,
[data-theme="dark"] .about-page-v17 .header.scrolled{
  background:rgba(7,21,35,.58) !important;
}
@media(max-width:900px){
  .about-page-v17 .header{position:absolute;}
  .about-page-v17 .header.scrolled{position:fixed;}
}


/* V22: About page header solid white like the other pages */
.about-page-v17 .header{
  position:absolute !important;
  top:0;
  left:0;
  right:0;
  background:#ffffff !important;
  box-shadow:0 8px 28px rgba(7,35,61,.06) !important;
  backdrop-filter:none !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:auto !important;
}
.about-page-v17 .header .nav{
  color:var(--ink) !important;
  text-shadow:none !important;
}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu{
  background:#ffffff !important;
  color:var(--ink) !important;
  border-color:var(--border) !important;
}
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  position:absolute !important;
  background:#ffffff !important;
  box-shadow:0 10px 32px rgba(7,35,61,.08) !important;
  backdrop-filter:none !important;
}
.about-page-v17 .header.scrolled{
  position:fixed !important;
  background:#ffffff !important;
  box-shadow:0 12px 34px rgba(7,35,61,.10) !important;
  backdrop-filter:none !important;
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header:hover .nav,
.about-page-v17 .header:focus-within .nav{
  color:var(--ink) !important;
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header:hover .mode-toggle,
.about-page-v17 .header:hover .lang,
.about-page-v17 .header:hover .menu,
.about-page-v17 .header:focus-within .mode-toggle,
.about-page-v17 .header:focus-within .lang,
.about-page-v17 .header:focus-within .menu{
  background:#ffffff !important;
  color:var(--ink) !important;
  border-color:var(--border) !important;
}
.about-page-v17 .about-showcase-v16{
  padding-top:148px !important;
}
@media(max-width:900px){
  .about-page-v17 .header{
    position:absolute !important;
    background:#ffffff !important;
  }
  .about-page-v17 .header.scrolled{
    position:fixed !important;
    background:#ffffff !important;
  }
}


/* V23: About hero banner like other internal pages */
.about-page-v17 .site-bg{
  background:linear-gradient(180deg,#eef4f2,#e4eded 52%,#edf3f1) !important;
}
.about-page-v17 .header,
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  position:absolute !important;
  top:0; left:0; right:0;
  background:#fff !important;
  box-shadow:0 8px 28px rgba(7,35,61,.06) !important;
  backdrop-filter:none !important;
}
.about-page-v17 .header .nav{color:var(--ink) !important;}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu{background:#fff !important;color:var(--ink) !important;border-color:var(--border) !important;}
.about-page-v17 .header.scrolled{
  position:fixed !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(7,35,61,.10) !important;
  backdrop-filter:none !important;
}
.about-page-v17 .header.scrolled .nav{color:var(--ink) !important;}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu{background:#fff !important;color:var(--ink) !important;border-color:var(--border) !important;}

.about-banner-v23{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding-top:88px;
}
.about-banner-v23 .about-banner-media,
.about-banner-v23 .about-banner-overlay{
  position:absolute; inset:0;
}
.about-banner-v23 .about-banner-media img{
  width:100%; height:100%; object-fit:cover;
}
.about-banner-v23 .about-banner-overlay{
  background:linear-gradient(90deg,rgba(5,31,54,.78),rgba(5,31,54,.55) 40%,rgba(0,116,102,.48));
}
.about-banner-v23 .about-banner-content{
  position:relative; z-index:2; color:#fff;
  max-width:720px;
  padding:80px 0 60px;
}
.about-banner-v23 .eyebrow{color:#dfffd4 !important;}
.about-banner-v23 h1{
  font-size:clamp(46px,5.5vw,78px);
  line-height:1.08;
  margin:18px 0 14px;
  color:#fff;
}
.about-banner-v23 p{
  font-size:20px;
  line-height:1.95;
  color:#ebf5f7;
  margin:0;
}
.about-banner-actions{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:28px;
}
.about-banner-stat{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-width:120px; min-height:88px; padding:12px 18px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
  border-radius:22px; backdrop-filter:blur(12px); box-shadow:0 16px 34px rgba(0,0,0,.12);
}
.about-banner-stat strong{font-size:34px; line-height:1; color:#fff;}
.about-banner-stat span{font-weight:800; color:#e9f5ff; margin-top:6px;}
.about-core-v16{padding-top:84px;}

[data-theme="dark"] .about-page-v17 .site-bg{
  background:linear-gradient(180deg,#081523,#0d1f2d 52%,#071523) !important;
}
[data-theme="dark"] .about-page-v17 .header,
[data-theme="dark"] .about-page-v17 .header:hover,
[data-theme="dark"] .about-page-v17 .header:focus-within,
[data-theme="dark"] .about-page-v17 .header.scrolled{
  background:#0e1f2e !important;
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
}
[data-theme="dark"] .about-page-v17 .header .nav{color:#f4fbff !important;}
[data-theme="dark"] .about-page-v17 .header .mode-toggle,
[data-theme="dark"] .about-page-v17 .header .lang,
[data-theme="dark"] .about-page-v17 .header .menu{background:#102536 !important;color:#f4fbff !important;border-color:rgba(255,255,255,.12) !important;}

@media (max-width: 900px){
  .about-banner-v23{min-height:540px; padding-top:88px;}
  .about-banner-v23 .about-banner-content{padding:56px 0 44px; max-width:100%;}
  .about-banner-v23 h1{font-size:clamp(34px,9vw,52px);}
  .about-banner-v23 p{font-size:17px;}
}


/* V24: about header behaves like normal header until scroll, then becomes sticky */
.about-page-v17 .header-spacer{display:none;height:0;}
.about-page-v17 .header,
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  position:relative !important;
  inset:auto !important;
  background:#fff !important;
  box-shadow:0 1px 0 rgba(7,35,61,.06) !important;
  backdrop-filter:none !important;
  opacity:1 !important;
  transform:none !important;
}
.about-page-v17 .header .nav{color:var(--ink) !important;}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu{background:#fff !important;color:var(--ink) !important;border-color:var(--border) !important;}
.about-page-v17 .header.is-sticky,
.about-page-v17 .header.is-sticky:hover,
.about-page-v17 .header.is-sticky:focus-within,
.about-page-v17 .header.scrolled,
.about-page-v17 .header.scrolled:hover,
.about-page-v17 .header.scrolled:focus-within{
  position:fixed !important;
  top:0; right:0; left:0;
  z-index:80;
  background:#fff !important;
  box-shadow:0 14px 34px rgba(7,35,61,.09) !important;
  border-bottom:1px solid rgba(7,35,61,.06);
  animation:headerDropV24 .28s ease;
}
@keyframes headerDropV24{
  from{opacity:0;transform:translateY(-14px)}
  to{opacity:1;transform:translateY(0)}
}
[data-theme="dark"] .about-page-v17 .header,
[data-theme="dark"] .about-page-v17 .header:hover,
[data-theme="dark"] .about-page-v17 .header:focus-within{
  background:#0f1f2d !important;
  box-shadow:0 1px 0 rgba(255,255,255,.05) !important;
}
[data-theme="dark"] .about-page-v17 .header .nav{color:#f4fbff !important;}
[data-theme="dark"] .about-page-v17 .header .mode-toggle,
[data-theme="dark"] .about-page-v17 .header .lang,
[data-theme="dark"] .about-page-v17 .header .menu{background:#102536 !important;color:#f4fbff !important;border-color:rgba(255,255,255,.12) !important;}
[data-theme="dark"] .about-page-v17 .header.is-sticky,
[data-theme="dark"] .about-page-v17 .header.scrolled{
  background:#0f1f2d !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30) !important;
  border-bottom-color:rgba(255,255,255,.05);
}


/* V25: About header like the reference — transparent over image, dark on scroll */
.about-page-v17 .header-spacer{
  display:none !important;
  height:0 !important;
}
.about-page-v17 .header,
.about-page-v17 .header:hover,
.about-page-v17 .header:focus-within{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  z-index:80 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-bottom:0 !important;
  backdrop-filter:none !important;
  transform:none !important;
  opacity:1 !important;
}
.about-page-v17 .header .nav,
.about-page-v17 .header:hover .nav,
.about-page-v17 .header:focus-within .nav{
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.22) !important;
}
.about-page-v17 .header .mode-toggle,
.about-page-v17 .header .lang,
.about-page-v17 .header .menu,
.about-page-v17 .header:hover .mode-toggle,
.about-page-v17 .header:hover .lang,
.about-page-v17 .header:hover .menu,
.about-page-v17 .header:focus-within .mode-toggle,
.about-page-v17 .header:focus-within .lang,
.about-page-v17 .header:focus-within .menu{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.32) !important;
}
.about-page-v17 .header.scrolled,
.about-page-v17 .header.is-sticky,
.about-page-v17 .header.scrolled:hover,
.about-page-v17 .header.is-sticky:hover,
.about-page-v17 .header.scrolled:focus-within,
.about-page-v17 .header.is-sticky:focus-within{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  background:linear-gradient(90deg,rgba(3,30,54,.95),rgba(0,108,93,.86)) !important;
  backdrop-filter:blur(15px) !important;
  box-shadow:0 12px 34px rgba(7,35,61,.22) !important;
  border-bottom:0 !important;
  animation:none !important;
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header.is-sticky .nav{
  color:#fff !important;
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header.is-sticky .mode-toggle,
.about-page-v17 .header.is-sticky .lang,
.about-page-v17 .header.is-sticky .menu{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.34) !important;
}
.about-page-v17 .about-banner-v23{
  margin-top:0 !important;
  padding-top:88px !important;
}
.about-page-v17 .about-banner-v23 .about-banner-content{
  padding-top:120px !important;
}
[data-theme="dark"] .about-page-v17 .header.scrolled,
[data-theme="dark"] .about-page-v17 .header.is-sticky{
  background:linear-gradient(90deg,rgba(2,11,19,.96),rgba(6,47,48,.92)) !important;
}
@media(max-width:900px){
  .about-page-v17 .header,
  .about-page-v17 .header:hover,
  .about-page-v17 .header:focus-within{
    position:fixed !important;
    background:transparent !important;
  }
  .about-page-v17 .header.scrolled,
  .about-page-v17 .header.is-sticky{
    background:linear-gradient(90deg,rgba(3,30,54,.95),rgba(0,108,93,.86)) !important;
  }
}


/* V26: About page scrolled header white */
.about-page-v17 .header.scrolled,
.about-page-v17 .header.is-sticky,
.about-page-v17 .header.scrolled:hover,
.about-page-v17 .header.is-sticky:hover,
.about-page-v17 .header.scrolled:focus-within,
.about-page-v17 .header.is-sticky:focus-within{
  background:#ffffff !important;
  backdrop-filter:none !important;
  box-shadow:0 12px 34px rgba(7,35,61,.10) !important;
  border-bottom:1px solid rgba(7,35,61,.06) !important;
}
.about-page-v17 .header.scrolled .nav,
.about-page-v17 .header.is-sticky .nav,
.about-page-v17 .header.scrolled:hover .nav,
.about-page-v17 .header.is-sticky:hover .nav{
  color:var(--ink) !important;
  text-shadow:none !important;
}
.about-page-v17 .header.scrolled .mode-toggle,
.about-page-v17 .header.scrolled .lang,
.about-page-v17 .header.scrolled .menu,
.about-page-v17 .header.is-sticky .mode-toggle,
.about-page-v17 .header.is-sticky .lang,
.about-page-v17 .header.is-sticky .menu{
  background:#ffffff !important;
  color:var(--ink) !important;
  border-color:var(--border) !important;
}
[data-theme="dark"] .about-page-v17 .header.scrolled,
[data-theme="dark"] .about-page-v17 .header.is-sticky,
[data-theme="dark"] .about-page-v17 .header.scrolled:hover,
[data-theme="dark"] .about-page-v17 .header.is-sticky:hover{
  background:#0f1f2d !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30) !important;
  border-bottom-color:rgba(255,255,255,.06) !important;
}
[data-theme="dark"] .about-page-v17 .header.scrolled .nav,
[data-theme="dark"] .about-page-v17 .header.is-sticky .nav{
  color:#f4fbff !important;
}
[data-theme="dark"] .about-page-v17 .header.scrolled .mode-toggle,
[data-theme="dark"] .about-page-v17 .header.scrolled .lang,
[data-theme="dark"] .about-page-v17 .header.scrolled .menu,
[data-theme="dark"] .about-page-v17 .header.is-sticky .mode-toggle,
[data-theme="dark"] .about-page-v17 .header.is-sticky .lang,
[data-theme="dark"] .about-page-v17 .header.is-sticky .menu{
  background:#102536 !important;
  color:#f4fbff !important;
  border-color:rgba(255,255,255,.12) !important;
}
@media(max-width:900px){
  .about-page-v17 .header.scrolled,
  .about-page-v17 .header.is-sticky{
    background:#ffffff !important;
  }
}


/* V27 News page redesign */
.news-page-v27 .header{background:transparent}
.news-hero-v27{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
}
.news-hero-bg,.news-hero-bg img,.news-hero-bg span{position:absolute;inset:0}
.news-hero-bg img{width:100%;height:100%;object-fit:cover}
.news-hero-bg span{background:linear-gradient(90deg,rgba(3,30,54,.82),rgba(3,30,54,.58) 42%,rgba(0,116,102,.52))}
.news-hero-content{position:relative;z-index:2;padding-top:88px;max-width:760px}
.news-hero-content h1{font-size:clamp(46px,5vw,74px);line-height:1.12;margin:16px 0;color:#fff}
.news-hero-content p{font-size:20px;color:#edf7f8;line-height:1.95;margin:0}
.news-featured-v27{margin-top:-74px;position:relative;z-index:3}
.featured-news-card{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:30px;
  align-items:stretch;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:36px;
  padding:22px;
  box-shadow:0 28px 80px rgba(7,35,61,.13);
}
.featured-news-image{position:relative;border-radius:28px;overflow:hidden;min-height:390px}
.featured-news-image img{width:100%;height:100%;object-fit:cover}
.featured-news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,30,54,.05),rgba(3,30,54,.48))}
.featured-news-badge{
  position:absolute;top:20px;right:20px;z-index:2;
  padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.16);
  color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px)
}
.featured-news-copy{display:flex;flex-direction:column;justify-content:center;padding:20px 12px}
.news-date{color:var(--green2);font-weight:900}
.featured-news-copy h2{font-size:42px;line-height:1.25;color:var(--blue);margin:10px 0 14px}
.featured-news-copy p{font-size:18px;color:var(--muted);margin:0}
.featured-news-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.featured-news-meta span{padding:9px 13px;border-radius:999px;background:rgba(0,134,108,.08);color:var(--green2);font-weight:900}

.news-latest-v27{padding-top:70px}
.news-filter-bar{
  display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px
}
.news-filter{
  border:1px solid var(--border);
  background:var(--card);
  color:var(--blue);
  border-radius:999px;
  padding:10px 20px;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}
.news-filter:hover{transform:translateY(-2px)}
.news-filter.active{background:linear-gradient(135deg,var(--green2),var(--teal));color:#fff;border-color:transparent}
.news-layout-v27{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.news-card-v27{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(7,35,61,.08);
  transition:.35s cubic-bezier(.22,1,.36,1);
}
.news-card-v27.hide{display:none}
.news-card-v27:hover{transform:translateY(-10px);box-shadow:0 28px 80px rgba(7,35,61,.15)}
.news-card-media{position:relative;height:230px;overflow:hidden}
.news-card-media img{width:100%;height:100%;object-fit:cover;transition:.55s}
.news-card-v27:hover .news-card-media img{transform:scale(1.08)}
.news-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,30,54,.05),rgba(3,30,54,.44))}
.news-card-media span{position:absolute;right:16px;bottom:16px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(10px)}
.news-card-body{padding:24px}
.news-card-body time{color:var(--green2);font-weight:900}
.news-card-body h3{color:var(--blue);font-size:22px;line-height:1.5;margin:10px 0}
.news-card-body p{color:var(--muted);margin:0}

.news-insights-v27{padding:30px 0 92px}
.insights-grid-v27{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  align-items:stretch;
}
.insight-panel,.insight-list{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:32px;
  padding:32px;
  box-shadow:var(--shadow);
}
.insight-panel h2{color:var(--blue);font-size:38px;line-height:1.25;margin:10px 0}
.insight-panel p{color:var(--muted);font-size:18px;margin:0}
.insight-list{display:grid;gap:14px}
.insight-list div{
  display:flex;align-items:center;gap:14px;
  padding:18px;border-radius:20px;
  background:linear-gradient(135deg,rgba(0,134,108,.07),rgba(0,167,219,.055));
}
.insight-list b{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--green2),var(--teal));color:#fff
}
.insight-list span{color:var(--blue);font-weight:900;font-size:20px}

[data-theme="dark"] .featured-news-card,
[data-theme="dark"] .news-card-v27,
[data-theme="dark"] .insight-panel,
[data-theme="dark"] .insight-list{box-shadow:0 22px 58px rgba(0,0,0,.34)}

@media(max-width:1100px){
  .news-layout-v27{grid-template-columns:repeat(2,1fr)}
  .featured-news-card,.insights-grid-v27{grid-template-columns:1fr}
}
@media(max-width:680px){
  .news-hero-v27{min-height:460px}
  .news-hero-content p{font-size:17px}
  .news-featured-v27{margin-top:-46px}
  .featured-news-card{padding:16px}
  .featured-news-image{min-height:260px}
  .featured-news-copy h2,.insight-panel h2{font-size:28px}
  .news-layout-v27{grid-template-columns:1fr}
}


/* V28 careers complete secure form */
.career-hero-v28{position:relative;min-height:420px;display:flex;align-items:center;color:#fff;overflow:hidden}
.career-hero-bg,.career-hero-bg img,.career-hero-bg span{position:absolute;inset:0}
.career-hero-bg img{width:100%;height:100%;object-fit:cover}
.career-hero-bg span{background:linear-gradient(90deg,rgba(3,30,54,.82),rgba(3,30,54,.62),rgba(0,116,102,.52))}
.career-hero-content{position:relative;z-index:2;padding-top:88px;max-width:760px}
.career-hero-content h1{font-size:clamp(42px,5vw,70px);color:#fff;margin:14px 0}
.career-hero-content p{font-size:19px;color:#edf7f8;margin:0}
.career-security-v28{margin-top:-54px;position:relative;z-index:3}
.security-grid-v28{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.security-grid-v28>div{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 16px 44px rgba(7,35,61,.10);display:grid;gap:8px}
.security-grid-v28 h3{margin:0;color:var(--blue)}
.security-grid-v28 p{margin:0;color:var(--muted)}
.secure-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,134,108,.10),rgba(136,198,65,.15));position:relative;color:var(--green2);overflow:hidden}
.secure-icon span{position:absolute;display:block}
.icon-lock:before{content:"";width:24px;height:18px;border:3px solid currentColor;border-radius:5px;bottom:11px;position:absolute}
.icon-lock:after{content:"";width:18px;height:16px;border:3px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;top:8px;position:absolute}
.icon-scan:before{content:"";width:30px;height:30px;border:3px solid currentColor;border-radius:8px;position:absolute}
.icon-scan span:nth-child(1){width:32px;height:3px;background:currentColor;top:24px;left:10px;box-shadow:0 0 12px rgba(0,134,108,.4)}
.icon-scan span:nth-child(2),.icon-scan span:nth-child(3){display:none}
.icon-form:before{content:"";width:26px;height:34px;border:3px solid currentColor;border-radius:5px;position:absolute}
.icon-form span:nth-child(1),.icon-form span:nth-child(2),.icon-form span:nth-child(3){height:3px;background:currentColor;left:16px;right:16px;border-radius:3px}
.icon-form span:nth-child(1){top:17px}.icon-form span:nth-child(2){top:26px}.icon-form span:nth-child(3){top:35px}
.career-form-section-v28{padding-top:64px}
.career-layout-v28{display:grid;grid-template-columns:.86fr 1.45fr;gap:34px;align-items:start}
.career-side-v28{position:sticky;top:112px;background:linear-gradient(135deg,rgba(0,134,108,.08),rgba(0,167,219,.08));border:1px solid var(--border);border-radius:32px;padding:30px;box-shadow:var(--shadow);overflow:hidden}
.career-side-v28:after{content:"";position:absolute;left:-70px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(136,198,65,.22),transparent 68%)}
.career-side-v28 h2{color:var(--blue);font-size:34px;margin:10px 0}
.career-side-v28 p{color:var(--muted)}
.career-side-list{display:grid;gap:12px;margin:20px 0}
.career-side-list span{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:13px 15px;font-weight:900;color:var(--blue)}
.scan-status-v28{position:relative;z-index:1;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;margin-top:20px}
.scan-status-v28 b{display:block;color:var(--green2)}
.scan-status-v28 span{color:var(--muted)}
.career-application-v28{background:var(--card);border:1px solid var(--border);border-radius:34px;padding:26px;box-shadow:var(--shadow)}
.career-form-head{padding:8px 8px 22px}
.career-form-head span{color:var(--green2);font-weight:900}
.career-form-head h2{font-size:36px;color:var(--blue);margin:8px 0}
.career-form-head p{color:var(--muted);margin:0}
.form-block-v28{border:1px solid var(--border);border-radius:26px;padding:22px;margin-bottom:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,134,108,.025))}
.form-block-v28 h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--blue)}
.form-block-v28 h3 span{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;font-size:14px}
.v28-grid{display:grid;gap:14px}
.v28-grid.two{grid-template-columns:repeat(2,1fr)}
.v28-grid.three{grid-template-columns:repeat(3,1fr)}
.v28-grid .full{grid-column:1/-1}
.career-application-v28 label{display:grid;gap:7px;font-weight:900;color:var(--blue);font-size:14px}
.career-application-v28 input,.career-application-v28 select,.career-application-v28 textarea{
  width:100%;border:1px solid var(--border);border-radius:15px;padding:12px 14px;background:var(--bg);color:var(--ink);font:inherit;outline:0
}
.career-application-v28 input:focus,.career-application-v28 select:focus,.career-application-v28 textarea:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(0,134,108,.12)}
.multi-row-v28{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}
.multi-row-v28.four{grid-template-columns:repeat(4,1fr)}
.multi-row-v28.six{grid-template-columns:repeat(6,1fr)}
.language-matrix-v28{display:grid;grid-template-columns:1fr repeat(3,.8fr);gap:10px;align-items:center}
.language-matrix-v28>div,.language-matrix-v28 label{font-weight:900;color:var(--blue)}
.security-note{color:var(--muted);background:rgba(0,134,108,.06);border:1px solid var(--border);padding:14px;border-radius:16px}
.attachments-grid-v28{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.secure-upload{border:1px dashed var(--border)!important;border-radius:18px;padding:16px;min-height:96px;background:var(--bg);cursor:pointer;transition:.25s}
.secure-upload:hover{border-color:var(--green2)!important;box-shadow:0 0 0 4px rgba(0,134,108,.08)}
.secure-upload input{display:none}
.secure-upload span{color:var(--blue);font-weight:900}
.secure-upload b{color:var(--muted);font-size:13px;font-weight:800}
.secure-upload.safe{border-color:rgba(0,134,108,.55)!important;background:rgba(0,134,108,.06)}
.secure-upload.bad{border-color:#d14343!important;background:rgba(209,67,67,.06)}
.secure-upload.scanning{border-color:#00a7db!important;background:rgba(0,167,219,.06)}
.form-actions-v28{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 4px}
[data-theme="dark"] .career-application-v28,[data-theme="dark"] .career-side-v28,[data-theme="dark"] .security-grid-v28>div{box-shadow:0 22px 58px rgba(0,0,0,.34)}
@media(max-width:1100px){.career-layout-v28{grid-template-columns:1fr}.career-side-v28{position:relative;top:auto}.multi-row-v28,.multi-row-v28.four,.multi-row-v28.six,.v28-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.security-grid-v28,.v28-grid.two,.v28-grid.three,.multi-row-v28,.multi-row-v28.four,.multi-row-v28.six,.attachments-grid-v28,.language-matrix-v28{grid-template-columns:1fr}.career-application-v28{padding:18px}.career-form-head h2{font-size:28px}}


/* V29 careers fixes: remove top cards gap, show form, company-centered content */
.careers-page-v28 .career-security-v28{
  display:none !important;
}
.careers-page-v28 .career-form-section-v28{
  padding-top:70px !important;
}
.careers-page-v28 .career-layout-v28{
  grid-template-columns:0.82fr 1.55fr !important;
  gap:30px !important;
  align-items:start !important;
}
.careers-page-v28 .career-application-v28,
.careers-page-v28 .career-side-v28{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  filter:none !important;
}
.careers-page-v28 .career-application-v28{
  display:block !important;
  min-height:500px;
  position:relative;
  z-index:2;
}
.careers-page-v28 .career-side-v28{
  position:sticky;
  top:112px;
}
.careers-page-v28 .career-side-v28 h2{
  font-size:32px;
  line-height:1.35;
}
.careers-page-v28 .career-side-list span{
  display:block;
  position:relative;
  padding-inline-start:42px;
}
.careers-page-v28 .career-side-list span:before{
  content:"";
  position:absolute;
  inset-inline-start:15px;
  top:50%;
  width:14px;
  height:14px;
  border-radius:50%;
  transform:translateY(-50%);
  background:linear-gradient(135deg,var(--green2),var(--green));
  box-shadow:0 0 0 5px rgba(0,134,108,.10);
}
.careers-page-v28 .form-block-v28{
  scroll-margin-top:120px;
}
.careers-page-v28 .career-form-head{
  background:linear-gradient(135deg,rgba(0,134,108,.07),rgba(0,167,219,.045));
  border:1px solid var(--border);
  border-radius:24px;
  padding:24px;
  margin-bottom:18px;
}
.careers-page-v28 .scan-status-v28{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,250,249,.96));
}
[data-theme="dark"] .careers-page-v28 .scan-status-v28{
  background:rgba(255,255,255,.05);
}
@media(max-width:1100px){
  .careers-page-v28 .career-layout-v28{
    grid-template-columns:1fr !important;
  }
  .careers-page-v28 .career-side-v28{
    position:relative;
    top:auto;
  }
}


/* V30 contact page redesign */
.contact-hero-v30{
  position:relative;
  min-height:460px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
}
.contact-hero-bg,.contact-hero-bg img,.contact-hero-bg span{position:absolute;inset:0}
.contact-hero-bg img{width:100%;height:100%;object-fit:cover}
.contact-hero-bg span{background:linear-gradient(90deg,rgba(3,30,54,.84),rgba(3,30,54,.62),rgba(0,116,102,.52))}
.contact-hero-content{position:relative;z-index:2;padding-top:88px;max-width:800px}
.contact-hero-content h1{font-size:clamp(44px,5vw,72px);margin:14px 0;color:#fff}
.contact-hero-content p{font-size:20px;color:#edf7f8;line-height:1.9;margin:0}

.contact-v30-section{padding-top:70px}
.contact-v30-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:34px;align-items:start}
.contact-info-v30{
  background:linear-gradient(135deg,rgba(0,134,108,.08),rgba(0,167,219,.08));
  border:1px solid var(--border);
  border-radius:34px;
  padding:32px;
  box-shadow:var(--shadow);
}
.contact-info-v30 h2{font-size:38px;color:var(--blue);margin:10px 0}
.contact-info-v30 p{color:var(--muted)}
.contact-cards-v30{display:grid;gap:12px;margin:24px 0}
.contact-cards-v30 a,.contact-cards-v30 div{
  display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);
  border-radius:18px;padding:15px 16px;font-weight:900;color:var(--blue)
}
.contact-icon{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,rgba(0,134,108,.10),rgba(136,198,65,.14));position:relative;color:var(--green2);flex:0 0 auto}
.phone-icon:before{content:"";position:absolute;width:20px;height:20px;border:3px solid currentColor;border-top:0;border-left:0;border-radius:4px;transform:rotate(45deg);top:9px;left:10px}
.mail-icon:before{content:"";position:absolute;inset:11px 8px;border:3px solid currentColor;border-radius:5px}
.mail-icon:after{content:"";position:absolute;left:11px;right:11px;top:15px;height:12px;border-bottom:3px solid currentColor;transform:skewY(-22deg)}
.pin-icon:before{content:"";position:absolute;width:18px;height:18px;border:3px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:9px;left:10px}
.pin-icon:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;top:16px;left:17px}
.clock-icon:before{content:"";position:absolute;inset:9px;border:3px solid currentColor;border-radius:50%}
.clock-icon:after{content:"";position:absolute;width:10px;height:3px;background:currentColor;top:19px;left:20px;transform-origin:left center;transform:rotate(-45deg);border-radius:3px}
.contact-note-v30{background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:22px;padding:18px}
.contact-note-v30 strong{color:var(--green2)}
.contact-note-v30 p{margin:7px 0 0;font-size:14px}

.contact-form-v30{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:34px;
  padding:30px;
  box-shadow:var(--shadow);
}
.form-title-v30{margin-bottom:22px}
.form-title-v30 span{color:var(--green2);font-weight:900}
.form-title-v30 h2{font-size:36px;color:var(--blue);margin:8px 0}
.floating-grid-v30{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.floating-grid-v30 label{display:grid;gap:8px;font-weight:900;color:var(--blue)}
.floating-grid-v30 .full{grid-column:1/-1}
.floating-grid-v30 input,.floating-grid-v30 select,.floating-grid-v30 textarea{
  width:100%;border:1px solid var(--border);border-radius:17px;padding:14px 16px;
  background:var(--bg);color:var(--ink);font:inherit;outline:0;transition:.25s
}
.floating-grid-v30 input:focus,.floating-grid-v30 select:focus,.floating-grid-v30 textarea:focus{
  border-color:var(--green2);box-shadow:0 0 0 4px rgba(0,134,108,.12)
}
.contact-submit-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.contact-submit-row p{color:var(--muted);margin:0;font-size:14px}
[data-theme="dark"] .contact-info-v30,[data-theme="dark"] .contact-form-v30{box-shadow:0 22px 58px rgba(0,0,0,.34)}
[data-theme="dark"] .contact-note-v30{background:rgba(255,255,255,.05)}
@media(max-width:1000px){.contact-v30-grid{grid-template-columns:1fr}}
@media(max-width:650px){.floating-grid-v30{grid-template-columns:1fr}.contact-form-v30,.contact-info-v30{padding:22px}.form-title-v30 h2,.contact-info-v30 h2{font-size:28px}}


/* V31 contact cleanup */
.contact-note-v30,
#contactMailNote{
  display:none !important;
}
.contact-submit-row{
  justify-content:flex-end !important;
}


/* V32 Admin Dashboard */
.admin-page-v32{margin:0;background:#eef5f3;color:#0b3557;font-family:inherit}
.admin-bg-v32{position:fixed;inset:0;background:radial-gradient(circle at 12% 8%,rgba(136,198,65,.18),transparent 30%),radial-gradient(circle at 90% 16%,rgba(0,167,219,.13),transparent 32%),linear-gradient(180deg,#eef6f3,#e7f0f1);z-index:-1}
.admin-login-v32{min-height:100vh;display:grid;place-items:center;padding:30px}
.admin-login-card{width:min(460px,94vw);background:#fff;border:1px solid rgba(7,35,61,.08);border-radius:34px;padding:34px;box-shadow:0 28px 90px rgba(7,35,61,.14);text-align:center}
.admin-login-card img{height:58px;margin-bottom:18px}.admin-login-card span{color:#00866c;font-weight:900}.admin-login-card h1{font-size:34px;margin:10px 0;color:#0b3557}.admin-login-card p{color:#6f8193}
.admin-login-card form,.admin-form-v32{display:grid;gap:14px;text-align:right}.admin-login-card label,.admin-form-v32 label{display:grid;gap:7px;font-weight:900;color:#0b3557}.admin-login-card input,.admin-form-v32 input,.admin-form-v32 select,.settings-grid-v32 input,.settings-grid-v32 select{border:1px solid rgba(7,35,61,.12);border-radius:16px;padding:13px 14px;font:inherit;background:#f6fafb;color:#0b3557}
.admin-login-card button,.admin-form-v32 button,.panel-head-v32 button,.admin-top-actions button{border:0;border-radius:16px;padding:13px 16px;background:linear-gradient(135deg,#00866c,#88c641);color:#fff;font-weight:900;cursor:pointer}
#adminLoginError{color:#d14343;font-weight:900;min-height:18px}
.admin-dashboard-v32{display:grid;grid-template-columns:290px 1fr;min-height:100vh}
.admin-sidebar-v32{background:#092b47;color:#fff;padding:24px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px}
.admin-logo-v32{display:flex;align-items:center;gap:12px}.admin-logo-v32 img{height:42px;background:#fff;border-radius:10px;padding:4px}.admin-logo-v32 b{font-size:20px}
.admin-sidebar-v32 nav{display:grid;gap:8px}.admin-sidebar-v32 nav button,.admin-logout-v32{border:0;border-radius:16px;padding:14px 16px;text-align:right;background:rgba(255,255,255,.08);color:#fff;font-weight:900;cursor:pointer}
.admin-sidebar-v32 nav button.active{background:linear-gradient(135deg,#00866c,#00a7db)}.admin-logout-v32{margin-top:auto;background:rgba(209,67,67,.20)}
.admin-main-v32{padding:28px;overflow:hidden}.admin-top-v32{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.admin-top-v32 span{color:#00866c;font-weight:900}.admin-top-v32 h1{margin:4px 0 0;font-size:34px}
.admin-top-actions{display:flex;gap:10px;align-items:center}.admin-top-actions a{padding:13px 16px;background:#fff;color:#0b3557;border:1px solid rgba(7,35,61,.10);border-radius:16px;font-weight:900}
.admin-tab-v32{display:none}.admin-tab-v32.active{display:block}
.admin-stats-v32{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.admin-stats-v32 article{background:#fff;border:1px solid rgba(7,35,61,.08);border-radius:24px;padding:22px;box-shadow:0 16px 44px rgba(7,35,61,.08)}.admin-stats-v32 span{color:#6f8193;font-weight:800}.admin-stats-v32 b{display:block;font-size:42px;color:#0b3557;margin-top:8px}
.admin-grid-v32{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-panel-v32{background:#fff;border:1px solid rgba(7,35,61,.08);border-radius:28px;padding:24px;box-shadow:0 16px 44px rgba(7,35,61,.08)}.admin-panel-v32 h2{margin:0 0 16px;color:#0b3557}
.admin-list-v32{display:grid;gap:10px}.admin-list-v32 div,.users-list-v32 div{padding:14px;border-radius:16px;background:#f4f9fa;border:1px solid rgba(7,35,61,.08);display:grid;gap:5px}.admin-list-v32 b,.users-list-v32 b{color:#0b3557}.admin-list-v32 span,.users-list-v32 span{color:#6f8193}
.panel-head-v32{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.table-wrap-v32{overflow:auto;border-radius:18px;border:1px solid rgba(7,35,61,.08)}.table-wrap-v32 table{width:100%;border-collapse:collapse;min-width:820px}.table-wrap-v32 th,.table-wrap-v32 td{padding:14px;border-bottom:1px solid rgba(7,35,61,.08);text-align:right}.table-wrap-v32 th{background:#f4f9fa;color:#0b3557}.table-wrap-v32 td{color:#53687a}
.admin-note-v32{padding:13px 14px;border-radius:16px;background:rgba(0,134,108,.07);color:#53687a;border:1px solid rgba(0,134,108,.14)}
.permission-box-v32{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f4f9fa;padding:14px;border-radius:16px}.permission-box-v32 label{display:flex!important;align-items:center;gap:8px}
.users-list-v32{display:grid;gap:10px}.settings-grid-v32{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-grid-v32 label{display:grid;gap:8px;font-weight:900}
@media(max-width:1000px){.admin-dashboard-v32{grid-template-columns:1fr}.admin-sidebar-v32{position:relative;height:auto}.admin-stats-v32,.admin-grid-v32,.settings-grid-v32{grid-template-columns:1fr}.admin-top-v32{flex-direction:column;align-items:flex-start}}


/* V33 admin auth visibility fix */
.admin-dashboard-v32[hidden],
.admin-login-v32[hidden]{
  display:none !important;
}
.admin-login-v32:not([hidden]){
  display:grid !important;
}
.admin-dashboard-v32:not([hidden]){
  display:grid !important;
}


/* V34 admin premium polish + news manager */
.admin-main-v32{
  background:
    radial-gradient(circle at 18% 10%,rgba(136,198,65,.18),transparent 28%),
    radial-gradient(circle at 78% 0%,rgba(0,167,219,.11),transparent 32%);
}
.admin-top-v32{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(7,35,61,.08);
  border-radius:28px;
  padding:20px 24px;
  box-shadow:0 16px 50px rgba(7,35,61,.08);
  backdrop-filter:blur(14px);
}
.admin-stats-v32 article{
  transition:transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s ease;
  position:relative;
  overflow:hidden;
}
.admin-stats-v32 article:after{
  content:"";
  position:absolute;
  inset:auto -35px -45px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,134,108,.14),transparent 68%);
}
.admin-stats-v32 article:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 75px rgba(7,35,61,.14);
}
.admin-panel-v32{
  transition:transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s ease;
}
.admin-panel-v32:hover{
  transform:translateY(-3px);
}
.admin-sidebar-v32{
  background:linear-gradient(180deg,#073455,#082942);
}
.admin-sidebar-v32 nav button{
  transition:transform .24s ease, background .24s ease;
}
.admin-sidebar-v32 nav button:hover{
  transform:translateX(-5px);
  background:rgba(255,255,255,.14);
}
.admin-news-grid-v34{
  grid-template-columns:.9fr 1.1fr;
}
.admin-form-v32 textarea{
  border:1px solid rgba(7,35,61,.12);
  border-radius:16px;
  padding:13px 14px;
  font:inherit;
  background:#f6fafb;
  color:#0b3557;
  resize:vertical;
}
.admin-live-dot-v34{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#00866c;
  font-weight:900;
  background:rgba(0,134,108,.08);
  border:1px solid rgba(0,134,108,.14);
  border-radius:999px;
  padding:8px 12px;
}
.admin-live-dot-v34:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:#24c26a;
  box-shadow:0 0 0 0 rgba(36,194,106,.45);
  animation:pulseAdminV34 1.6s infinite;
}
@keyframes pulseAdminV34{
  70%{box-shadow:0 0 0 10px rgba(36,194,106,0)}
  100%{box-shadow:0 0 0 0 rgba(36,194,106,0)}
}
.admin-news-list-v34{
  display:grid;
  gap:12px;
}
.admin-news-item-v34{
  display:grid;
  grid-template-columns:86px 1fr auto;
  gap:14px;
  align-items:center;
  background:#f4f9fa;
  border:1px solid rgba(7,35,61,.08);
  border-radius:18px;
  padding:12px;
}
.admin-news-item-v34 img{
  width:86px;
  height:68px;
  border-radius:14px;
  object-fit:cover;
}
.admin-news-item-v34 h3{
  margin:0;
  color:#0b3557;
  font-size:17px;
}
.admin-news-item-v34 p{
  margin:4px 0;
  color:#6f8193;
  font-size:13px;
}
.admin-news-item-v34 span{
  display:inline-block;
  color:#00866c;
  font-weight:900;
  font-size:12px;
}
.news-actions-v34{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.news-actions-v34 button,
.admin-tools-grid-v34 button{
  border:0;
  border-radius:12px;
  padding:10px 12px;
  font-weight:900;
  cursor:pointer;
  background:#fff;
  color:#0b3557;
  border:1px solid rgba(7,35,61,.10);
}
.news-actions-v34 button.delete-news{
  color:#d14343;
}
.admin-tools-v34{
  margin-top:18px;
}
.admin-tools-grid-v34{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.admin-tools-grid-v34 button{
  background:linear-gradient(135deg,rgba(0,134,108,.08),rgba(0,167,219,.08));
  padding:15px;
}
@media(max-width:1000px){
  .admin-news-grid-v34,
  .admin-tools-grid-v34{
    grid-template-columns:1fr;
  }
  .admin-news-item-v34{
    grid-template-columns:1fr;
  }
  .admin-news-item-v34 img{
    width:100%;
    height:160px;
  }
}


/* V35 admin layout polish */
.admin-dashboard-v32{
  grid-template-columns:320px minmax(0,1fr) !important;
}
.admin-sidebar-v32{
  width:320px;
  overflow:hidden;
}
.admin-logo-v32{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  align-items:center !important;
}
.admin-logo-v32 img{
  width:100% !important;
  max-width:260px !important;
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
  background:#fff !important;
  border-radius:18px !important;
  padding:10px !important;
  justify-self:center !important;
}
.admin-logo-v32 b{
  text-align:center;
  font-size:22px !important;
  line-height:1.2;
  white-space:normal;
}
.admin-main-v32{
  min-width:0;
  padding:34px 36px !important;
}
.admin-top-v32{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:20px !important;
  align-items:center !important;
  overflow:hidden;
}
.admin-top-v32 > div:first-child{
  min-width:0;
}
.admin-top-v32 h1{
  font-size:clamp(30px,3vw,48px) !important;
  line-height:1.15 !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
  margin:6px 0 0 !important;
}
.admin-top-v32 span{
  display:inline-flex;
  max-width:100%;
}
.admin-top-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.admin-panel-v32 h2{
  line-height:1.35;
}
.admin-news-item-v34{
  animation:adminCardInV35 .35s ease both;
}
@keyframes adminCardInV35{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1000px){
  .admin-dashboard-v32{
    grid-template-columns:1fr !important;
  }
  .admin-sidebar-v32{
    width:auto;
  }
  .admin-top-v32{
    grid-template-columns:1fr !important;
  }
  .admin-top-actions{
    justify-content:flex-start;
  }
}


/* V37 - Executive Dark Admin (A) */
.admin-page-v32{
  background:#061726 !important;
  color:#ecf8ff !important;
}
.admin-bg-v32{
  background:
    radial-gradient(circle at 12% 10%,rgba(0,167,219,.24),transparent 28%),
    radial-gradient(circle at 84% 14%,rgba(136,198,65,.18),transparent 30%),
    linear-gradient(135deg,#06111d,#071d31 46%,#082a2b) !important;
}
.admin-login-card{
  background:rgba(8,28,46,.92) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 36px 120px rgba(0,0,0,.38) !important;
}
.admin-login-card h1,
.admin-login-card label{
  color:#fff !important;
}
.admin-login-card p,
.admin-login-card small{
  color:#a8bac8 !important;
}
.admin-login-card input{
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
}
.admin-dashboard-v32{
  grid-template-columns:318px minmax(0,1fr) !important;
  background:transparent !important;
}
.admin-sidebar-v32{
  background:linear-gradient(180deg,rgba(2,18,32,.98),rgba(3,38,60,.96)) !important;
  border-left:1px solid rgba(255,255,255,.08);
  box-shadow:-20px 0 70px rgba(0,0,0,.24);
}
.admin-logo-v32 img{
  background:#fff !important;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.admin-sidebar-v32 nav button{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.065);
  color:#f4fbff !important;
}
.admin-sidebar-v32 nav button.active{
  background:linear-gradient(135deg,#00866c,#00a7db) !important;
  box-shadow:0 16px 42px rgba(0,167,219,.22);
}
.admin-main-v32{
  background:
    radial-gradient(circle at 20% 5%,rgba(0,167,219,.14),transparent 28%),
    radial-gradient(circle at 75% 15%,rgba(136,198,65,.10),transparent 30%) !important;
  color:#ecf8ff !important;
}
.admin-top-v32{
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 22px 80px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px) !important;
}
.admin-top-v32 h1{
  color:#fff !important;
}
.admin-top-v32 span,
.admin-live-dot-v34,
.admin-stats-v32 span{
  color:#76e7d3 !important;
}
.admin-top-actions a,
.admin-top-actions button,
.panel-head-v32 button,
.admin-form-v32 button,
.admin-login-card button{
  background:linear-gradient(135deg,#00866c,#88c641) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(0,134,108,.20);
}
.admin-stats-v32 article,
.admin-panel-v32,
.ops-center-v37 article{
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#fff !important;
  box-shadow:0 22px 70px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(16px);
}
.admin-panel-v32 h2,
.admin-stats-v32 b,
.admin-list-v32 b,
.users-list-v32 b,
.table-wrap-v32 th,
.security-list-v37 b,
.ops-center-v37 b{
  color:#fff !important;
}
.admin-list-v32 div,
.users-list-v32 div,
.table-wrap-v32 th,
.admin-news-item-v34,
.security-list-v37 div,
.quick-actions-v37 button,
.admin-tools-grid-v34 button{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.09) !important;
}
.admin-list-v32 span,
.users-list-v32 span,
.table-wrap-v32 td,
.admin-note-v32,
.admin-news-item-v34 p,
.security-list-v37 span,
.ops-center-v37 small{
  color:#a8bac8 !important;
}
.table-wrap-v32{
  border-color:rgba(255,255,255,.10) !important;
}
.table-wrap-v32 td,
.table-wrap-v32 th{
  border-bottom-color:rgba(255,255,255,.08) !important;
}
.admin-form-v32 input,
.admin-form-v32 select,
.admin-form-v32 textarea,
.settings-grid-v32 input,
.settings-grid-v32 select,
.panel-tools-v37 input{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.11) !important;
}
.admin-form-v32 label,
.settings-grid-v32 label{
  color:#ecf8ff !important;
}
.permission-box-v32{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.08);
}
.ops-center-v37{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:16px;
}
.ops-center-v37 article{
  border-radius:24px;
  padding:22px;
}
.ops-center-v37 span{
  color:#76e7d3;
  font-weight:900;
}
.ops-center-v37 b{
  display:block;
  font-size:28px;
  margin:8px 0;
}
.quick-actions-v37{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.quick-actions-v37 button{
  border-radius:18px;
  padding:14px;
  color:#ecf8ff;
  font-weight:900;
  cursor:pointer;
  transition:.25s;
}
.quick-actions-v37 button:hover{
  transform:translateY(-4px);
  background:linear-gradient(135deg,rgba(0,134,108,.35),rgba(0,167,219,.25)) !important;
}
.panel-tools-v37{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.panel-tools-v37 input{
  border-radius:14px;
  padding:11px 13px;
  min-width:210px;
}
.activity-log-v37,
.security-list-v37{
  display:grid;
  gap:12px;
}
.activity-log-v37 div{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:14px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#ecf8ff;
}
.activity-log-v37 span{
  color:#76e7d3;
  font-weight:900;
}
.security-list-v37 div{
  border-radius:18px;
  padding:16px;
}
.security-list-v37 b,
.security-list-v37 span{
  display:block;
}
.one-col-v37{
  grid-template-columns:1fr !important;
}
.admin-news-item-v34 h3{
  color:#fff !important;
}
.news-actions-v34 button{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.10) !important;
}
.news-actions-v34 button.delete-news{
  color:#ff8a8a !important;
}
.admin-logout-v32{
  background:rgba(209,67,67,.25) !important;
}
@media(max-width:1100px){
  .ops-center-v37,
  .quick-actions-v37{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:700px){
  .ops-center-v37,
  .quick-actions-v37{
    grid-template-columns:1fr;
  }
}


/* V38: fix admin sidebar scrolling */
.admin-sidebar-v32{
  height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-bottom:28px !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.34) rgba(255,255,255,.08);
}
.admin-sidebar-v32::-webkit-scrollbar{
  width:8px;
}
.admin-sidebar-v32::-webkit-scrollbar-track{
  background:rgba(255,255,255,.08);
  border-radius:999px;
}
.admin-sidebar-v32::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.34);
  border-radius:999px;
}
.admin-sidebar-v32 nav{
  padding-bottom:18px;
}
.admin-sidebar-v32 nav button,
.admin-logout-v32{
  min-height:58px;
  flex-shrink:0;
}
.admin-logout-v32{
  margin-top:18px !important;
  margin-bottom:8px !important;
}
@media(max-height:760px){
  .admin-logo-v32 img{
    max-height:56px !important;
    padding:7px !important;
  }
  .admin-logo-v32 b{
    font-size:18px !important;
  }
  .admin-sidebar-v32{
    gap:14px !important;
    padding-top:16px !important;
  }
  .admin-sidebar-v32 nav{
    gap:7px !important;
  }
  .admin-sidebar-v32 nav button,
  .admin-logout-v32{
    min-height:48px;
    padding:11px 14px !important;
    border-radius:14px !important;
  }
}
@media(max-width:1000px){
  .admin-sidebar-v32{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}


/* V39 Workspace / file permissions */
.workspace-head-v39{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  padding:24px;
  margin-bottom:18px;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
}
.workspace-head-v39 span{
  color:#76e7d3;
  font-weight:900;
}
.workspace-head-v39 h2{
  color:#fff;
  font-size:38px;
  line-height:1.2;
  margin:6px 0;
}
.workspace-head-v39 p{
  color:#a8bac8;
  margin:0;
}
.workspace-security-v39{
  min-width:260px;
  border-radius:22px;
  background:rgba(0,134,108,.14);
  border:1px solid rgba(118,231,211,.18);
  padding:18px;
}
.workspace-security-v39 b,
.workspace-security-v39 span{
  display:block;
}
.workspace-security-v39 b{
  color:#fff;
  margin-bottom:6px;
}
.workspace-grid-v39{
  grid-template-columns:.92fr 1.08fr;
}
.workspace-perm-box-v39,
.workspace-user-access-v39{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  padding:16px;
  display:grid;
  gap:10px;
}
.workspace-perm-box-v39 h3,
.workspace-user-access-v39 h3{
  margin:0 0 4px;
  color:#fff;
}
.workspace-perm-box-v39 label{
  display:flex !important;
  align-items:center;
  gap:10px;
  color:#ecf8ff !important;
}
#workspaceUserAccess{
  display:grid;
  gap:10px;
}
.user-access-row-v39{
  display:grid;
  grid-template-columns:1fr 140px;
  gap:10px;
  align-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:10px;
}
.user-access-row-v39 b{
  color:#fff;
}
.user-access-row-v39 small{
  color:#a8bac8;
}
.workspace-toolbar-v39{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.workspace-toolbar-v39 button{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.07);
  color:#ecf8ff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
.workspace-toolbar-v39 button.active,
.workspace-toolbar-v39 button:hover{
  background:linear-gradient(135deg,#00866c,#00a7db);
}
.workspace-files-v39{
  display:grid;
  gap:14px;
}
.workspace-file-card-v39{
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:14px;
  align-items:center;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:15px;
  animation:adminCardInV35 .35s ease both;
}
.file-icon-v39{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(0,134,108,.28),rgba(0,167,219,.20));
  color:#fff;
  font-weight:900;
  font-size:20px;
}
.workspace-file-card-v39 h3{
  color:#fff;
  margin:0;
  font-size:18px;
}
.workspace-file-card-v39 p{
  margin:5px 0;
  color:#a8bac8;
}
.file-tags-v39{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.file-tags-v39 span{
  border-radius:999px;
  padding:6px 9px;
  background:rgba(255,255,255,.08);
  color:#76e7d3;
  font-size:12px;
  font-weight:900;
}
.file-actions-v39{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.file-actions-v39 button{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:12px;
  padding:9px 11px;
  cursor:pointer;
  font-weight:900;
}
.file-actions-v39 button.delete{
  color:#ff8a8a;
}
.file-actions-v39 button[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.workspace-audit-panel-v39{
  margin-top:18px;
}
.workspace-preview-modal-v39{
  position:fixed;
  inset:0;
  z-index:999;
  background:rgba(0,0,0,.55);
  display:grid;
  place-items:center;
  padding:24px;
}
.workspace-preview-card-v39{
  width:min(720px,94vw);
  background:#071d32;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  padding:24px;
  box-shadow:0 32px 100px rgba(0,0,0,.42);
}
.workspace-preview-card-v39 h2{
  margin:0 0 12px;
}
.workspace-preview-card-v39 p{
  color:#a8bac8;
}
.workspace-preview-card-v39 .watermark{
  display:inline-block;
  margin-top:18px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(0,134,108,.18);
  color:#76e7d3;
  font-weight:900;
}
.workspace-preview-card-v39 button{
  margin-top:18px;
  border:0;
  border-radius:14px;
  padding:12px 16px;
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff;
  font-weight:900;
}
@media(max-width:1100px){
  .workspace-head-v39,
  .workspace-grid-v39{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .workspace-file-card-v39,
  .user-access-row-v39{
    grid-template-columns:1fr;
  }
  .file-actions-v39{
    justify-content:flex-start;
  }
}


/* V40: premium dropdowns + users permissions management */
.admin-page-v32 select,
.admin-page-v32 input,
.admin-page-v32 textarea{
  transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease;
}
.admin-page-v32 select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #76e7d3 50%),
    linear-gradient(135deg, #76e7d3 50%, transparent 50%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
  background-position:
    left 18px center,
    left 11px center,
    0 0 !important;
  background-size:
    7px 7px,
    7px 7px,
    100% 100% !important;
  background-repeat:no-repeat !important;
  padding-left:44px !important;
  cursor:pointer;
}
.admin-page-v32 select:hover,
.admin-page-v32 input:hover,
.admin-page-v32 textarea:hover{
  border-color:rgba(118,231,211,.34) !important;
}
.admin-page-v32 select:focus,
.admin-page-v32 input:focus,
.admin-page-v32 textarea:focus{
  outline:0 !important;
  border-color:#76e7d3 !important;
  box-shadow:0 0 0 4px rgba(118,231,211,.12) !important;
}
.admin-page-v32 select option{
  background:#071d32;
  color:#fff;
}

.users-list-v40{
  display:grid;
  gap:14px;
}
.user-card-v40{
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:16px;
  display:grid;
  gap:14px;
  box-shadow:0 16px 45px rgba(0,0,0,.15);
  animation:adminCardInV35 .35s ease both;
}
.user-head-v40{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.user-head-v40 b{
  color:#fff !important;
  font-size:18px;
}
.user-head-v40 span{
  color:#76e7d3 !important;
  font-weight:900;
}
.user-perms-v40{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.user-perms-v40 label{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  padding:10px;
  color:#ecf8ff;
  font-weight:900;
}
.user-perms-v40 input{
  width:auto !important;
  accent-color:#00a7db;
}
.user-actions-v40{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.user-actions-v40 button{
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:10px 12px;
  color:#fff;
  background:rgba(255,255,255,.085);
  font-weight:900;
  cursor:pointer;
}
.user-actions-v40 .save-user{
  background:linear-gradient(135deg,#00866c,#00a7db);
  border:0;
}
.user-actions-v40 .delete-user{
  color:#ff9b9b;
}
.user-actions-v40 .delete-user[disabled]{
  opacity:.38;
  cursor:not-allowed;
}
.workspace-preview-modal-v40{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.64);
  backdrop-filter:blur(8px);
  padding:24px;
}
.workspace-preview-card-v40{
  width:min(780px,94vw);
  max-height:88vh;
  overflow:auto;
  background:linear-gradient(145deg,#061827,#0a2c47);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:26px;
  box-shadow:0 38px 120px rgba(0,0,0,.48);
}
.workspace-preview-card-v40 h2{
  margin:0 0 12px;
  font-size:30px;
}
.workspace-preview-grid-v40{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:16px;
}
.workspace-preview-grid-v40 div{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:14px;
}
.workspace-preview-grid-v40 b{
  display:block;
  color:#76e7d3;
  margin-bottom:6px;
}
.workspace-preview-grid-v40 span{
  color:#ecf8ff;
}
.workspace-access-list-v40{
  margin-top:16px;
  display:grid;
  gap:8px;
}
.workspace-access-list-v40 div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:12px;
}
.workspace-preview-watermark-v40{
  margin-top:16px;
  padding:12px 16px;
  border-radius:999px;
  display:inline-block;
  color:#76e7d3;
  font-weight:900;
  background:rgba(0,134,108,.18);
  border:1px solid rgba(118,231,211,.16);
}
.workspace-preview-card-v40 button{
  margin-top:18px;
  border:0;
  border-radius:14px;
  padding:12px 18px;
  color:#fff;
  background:linear-gradient(135deg,#00866c,#88c641);
  font-weight:900;
  cursor:pointer;
}
@media(max-width:700px){
  .user-perms-v40,
  .workspace-preview-grid-v40{
    grid-template-columns:1fr;
  }
}


/* V41: real workspace preview/download styling */
.workspace-preview-file-v41{
  margin-top:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  border-radius:20px;
  padding:16px;
}
.workspace-preview-file-v41 img{
  max-width:100%;
  max-height:420px;
  display:block;
  margin:auto;
  border-radius:16px;
  object-fit:contain;
}
.workspace-preview-file-v41 iframe{
  width:100%;
  height:520px;
  border:0;
  border-radius:16px;
  background:#fff;
}
.workspace-preview-file-v41 pre{
  white-space:pre-wrap;
  word-break:break-word;
  color:#ecf8ff;
  max-height:420px;
  overflow:auto;
  margin:0;
  direction:ltr;
  text-align:left;
}
.workspace-preview-warning-v41{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  color:#ffd37a;
  background:rgba(255,190,72,.10);
  border:1px solid rgba(255,190,72,.18);
  font-weight:900;
}
.workspace-download-v41{
  display:inline-block;
  margin-top:18px;
  border-radius:14px;
  padding:12px 18px;
  color:#fff !important;
  background:linear-gradient(135deg,#00866c,#00a7db);
  font-weight:900;
  text-decoration:none;
}
.workspace-preview-card-v40 .close-preview-v40{
  margin-inline-start:8px;
}


/* V42: stronger file viewer */
.workspace-preview-file-v42{
  margin-top:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  border-radius:20px;
  padding:16px;
  min-height:120px;
}
.workspace-preview-file-v42 img{
  max-width:100%;
  max-height:520px;
  display:block;
  margin:auto;
  border-radius:16px;
  object-fit:contain;
}
.workspace-preview-file-v42 iframe,
.workspace-preview-file-v42 object,
.workspace-preview-file-v42 embed{
  width:100%;
  height:620px;
  border:0;
  border-radius:16px;
  background:#fff;
}
.workspace-preview-file-v42 pre{
  white-space:pre-wrap;
  word-break:break-word;
  color:#ecf8ff;
  max-height:520px;
  overflow:auto;
  margin:0;
  direction:ltr;
  text-align:left;
}
.workspace-preview-actions-v42{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}
.workspace-preview-actions-v42 a,
.workspace-preview-actions-v42 button{
  margin-top:0 !important;
  border-radius:14px;
  padding:12px 18px;
  color:#fff !important;
  background:linear-gradient(135deg,#00866c,#00a7db);
  font-weight:900;
  text-decoration:none;
  border:0;
  cursor:pointer;
}
.workspace-preview-actions-v42 button{
  background:linear-gradient(135deg,#24384b,#0b3557);
}
.workspace-no-preview-v42{
  color:#ffd37a;
  background:rgba(255,190,72,.10);
  border:1px solid rgba(255,190,72,.18);
  border-radius:16px;
  padding:16px;
  font-weight:900;
}


/* V44: real watermark overlay over file preview */
.workspace-preview-file-v42{
  position:relative;
  overflow:hidden;
}
.workspace-preview-file-v42.watermarked-v44::before{
  content:"MSA Al Beeah";
  position:absolute;
  inset:0;
  z-index:5;
  display:grid;
  place-items:center;
  pointer-events:none;
  font-size:clamp(42px,7vw,92px);
  font-weight:900;
  color:rgba(255,255,255,.16);
  transform:rotate(-24deg);
  text-shadow:0 2px 16px rgba(0,0,0,.22);
  letter-spacing:2px;
}
.workspace-preview-file-v42.watermarked-v44::after{
  content:"شركة مسا البيئة للمقاولات";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(
      -24deg,
      transparent 0 86px,
      rgba(118,231,211,.10) 88px,
      rgba(118,231,211,.10) 92px,
      transparent 94px 170px
    );
}
.workspace-preview-file-v42.watermarked-v44 img,
.workspace-preview-file-v42.watermarked-v44 iframe,
.workspace-preview-file-v42.watermarked-v44 pre{
  position:relative;
  z-index:1;
}
.workspace-preview-watermark-v40{
  display:none !important;
}


/* V45: protected viewer controls */
.workspace-preview-card-v40.protected-view-v45{
  user-select:none;
}
.workspace-preview-file-v42.protected-view-v45 iframe{
  pointer-events:auto;
}
.workspace-preview-file-v42.protected-view-v45{
  border:1px solid rgba(118,231,211,.18);
  box-shadow:inset 0 0 0 1px rgba(118,231,211,.05);
}
.protected-note-v45{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(0,134,108,.14);
  color:#76e7d3;
  border:1px solid rgba(118,231,211,.18);
  font-weight:900;
}
.workspace-preview-actions-v42 .disabled-download-v45{
  opacity:.45;
  cursor:not-allowed;
  background:linear-gradient(135deg,#455767,#24384b) !important;
}


/* V46: multi upload + full permissions UX */
.permission-box-v46{
  grid-template-columns:repeat(2,1fr) !important;
}
.permission-box-v46 label:first-child{
  grid-column:1/-1;
  background:linear-gradient(135deg,rgba(0,134,108,.22),rgba(0,167,219,.14)) !important;
  border-color:rgba(118,231,211,.18) !important;
}
.upload-hint-v46{
  color:#76e7d3;
  font-weight:800;
  line-height:1.6;
}
.workspace-batch-note-v46{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(0,167,219,.10);
  border:1px solid rgba(0,167,219,.16);
  color:#76e7d3;
  font-weight:900;
}
@media(max-width:700px){
  .permission-box-v46{
    grid-template-columns:1fr !important;
  }
}


/* V47: final protected viewer layout + no right click layer */
.final-protected-modal-v47{
  overscroll-behavior:contain;
}
.final-protected-modal-v47 .workspace-preview-card-v40{
  width:min(1040px,94vw);
  max-height:92vh;
  padding:22px;
  overflow:auto;
}
.viewer-head-v47{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:14px;
  position:sticky;
  top:0;
  z-index:20;
  background:linear-gradient(145deg,#061827,#0a2c47);
  padding-bottom:12px;
}
.viewer-head-v47 h2{
  margin:0 0 6px;
  font-size:26px;
}
.viewer-head-v47 p{
  margin:0;
  color:#a8bac8;
}
.viewer-head-v47 button{
  margin-top:0 !important;
  flex:0 0 auto;
}
.compact-grid-v47{
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.compact-grid-v47 div{
  padding:12px !important;
}
.compact-access-v47{
  margin-top:12px;
}
.workspace-preview-file-v42.protected-view-v47{
  position:relative;
  border:1px solid rgba(118,231,211,.20);
}
.workspace-preview-file-v42.pdf-protected-v47{
  height:640px;
  overflow:hidden;
}
.workspace-preview-file-v42.pdf-protected-v47 iframe{
  width:100%;
  height:700px;
  transform:translateY(-54px);
  border:0;
  pointer-events:none;
}
.anti-click-layer-v47{
  position:absolute;
  inset:0;
  z-index:50;
  background:transparent;
  pointer-events:auto;
}
.workspace-preview-file-v42.watermarked-v44::before,
.workspace-preview-file-v42.watermarked-v44::after{
  z-index:60;
}
.workspace-preview-actions-v42{
  align-items:stretch;
}
.workspace-preview-actions-v42 .protected-note-v45{
  margin-top:0;
  display:flex;
  align-items:center;
}
@media(max-width:800px){
  .compact-grid-v47{
    grid-template-columns:1fr;
  }
  .viewer-head-v47{
    flex-direction:column;
  }
  .workspace-preview-file-v42.pdf-protected-v47{
    height:520px;
  }
}


/* V48: clean viewer layout + PDF scrolling fix */
.final-protected-modal-v47{
  padding:18px !important;
  align-items:center !important;
}
.final-protected-modal-v47 .workspace-preview-card-v40{
  width:min(1180px,96vw) !important;
  height:min(92vh,920px) !important;
  max-height:92vh !important;
  display:grid !important;
  grid-template-rows:auto auto 1fr auto !important;
  gap:12px !important;
  padding:18px !important;
  overflow:hidden !important;
  border-radius:30px !important;
}
.viewer-head-v47{
  position:relative !important;
  top:auto !important;
  z-index:30 !important;
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.viewer-head-v47 h2{
  font-size:22px !important;
  line-height:1.35 !important;
}
.viewer-head-v47 p{
  font-size:14px !important;
}
.viewer-head-v47 button{
  padding:10px 16px !important;
  border-radius:14px !important;
}
.compact-grid-v47{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:8px !important;
  margin:0 !important;
}
.compact-grid-v47 div{
  min-height:auto !important;
  padding:10px 12px !important;
  border-radius:15px !important;
}
.compact-grid-v47 b{
  font-size:12px !important;
}
.compact-grid-v47 span{
  font-size:13px !important;
  word-break:break-word;
}
.compact-access-v47{
  display:none !important;
}
.workspace-preview-file-v42{
  margin-top:0 !important;
  min-height:0 !important;
  height:100% !important;
  padding:10px !important;
  border-radius:22px !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
}
.workspace-preview-file-v42.pdf-protected-v47{
  height:100% !important;
  overflow:auto !important;
}
.workspace-preview-file-v42.pdf-protected-v47 iframe{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  transform:none !important;
  pointer-events:auto !important;
  border-radius:16px !important;
  background:#fff !important;
}
.workspace-preview-file-v42 img{
  max-height:none !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.workspace-preview-file-v42 pre{
  max-height:none !important;
  height:auto !important;
}
.anti-click-layer-v47{
  display:none !important;
  pointer-events:none !important;
}
.workspace-preview-actions-v42{
  margin-top:0 !important;
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
.workspace-preview-actions-v42 .protected-note-v45{
  flex:1 1 420px !important;
  margin:0 !important;
  padding:10px 12px !important;
  font-size:13px !important;
}
.workspace-preview-actions-v42 a,
.workspace-preview-actions-v42 button{
  margin:0 !important;
  white-space:nowrap !important;
}
.workspace-preview-file-v42.watermarked-v44::before{
  position:absolute !important;
  font-size:clamp(36px,6vw,82px) !important;
}
.workspace-preview-file-v42.watermarked-v44::after{
  position:absolute !important;
}

/* In protected PDF mode, keep toolbar hidden by parameter but allow scroll inside PDF */
.pdf-protected-v47.protected-view-v47{
  cursor:default;
}

@media(max-width:980px){
  .compact-grid-v47{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .final-protected-modal-v47 .workspace-preview-card-v40{
    height:94vh !important;
    width:98vw !important;
    padding:12px !important;
  }
  .viewer-head-v47{
    flex-direction:column !important;
  }
}
@media(max-width:560px){
  .compact-grid-v47{
    grid-template-columns:1fr !important;
    max-height:170px;
    overflow:auto;
  }
}


/* V49: full-page clean protected viewer with custom arrows */
.viewer-modal-v49{
  position:fixed;
  inset:0;
  z-index:999999;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
  padding:18px;
  display:grid;
  place-items:center;
  user-select:none;
}
.viewer-card-v49{
  width:min(1180px,96vw);
  height:min(94vh,920px);
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:12px;
  background:linear-gradient(145deg,#061827,#0a2c47);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:16px;
  box-shadow:0 40px 130px rgba(0,0,0,.50);
  overflow:hidden;
}
.viewer-top-v49{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  padding:12px 16px;
}
.viewer-top-v49 h2{
  margin:0 0 4px;
  color:#fff;
  font-size:22px;
  line-height:1.35;
}
.viewer-top-v49 p{
  margin:0;
  color:#a8bac8;
  font-size:14px;
}
.viewer-close-v49,
.viewer-actions-v49 button,
.viewer-actions-v49 a{
  border:0;
  border-radius:14px;
  padding:11px 16px;
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff !important;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
}
.viewer-main-v49{
  position:relative;
  display:grid;
  min-height:0;
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
}
.pdf-stage-v49,
.image-stage-v49,
.text-stage-v49{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#202020;
}
.pdf-frame-v49{
  width:100%;
  height:100%;
  border:0;
  background:#fff;
  pointer-events:none;
}
.pdf-guard-v49{
  position:absolute;
  inset:0;
  z-index:80;
  background:transparent;
  pointer-events:auto;
}
.image-stage-v49 img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.text-stage-v49{
  place-items:stretch;
  background:#081727;
  overflow:auto;
  padding:18px;
}
.text-stage-v49 pre{
  margin:0;
  white-space:pre-wrap;
  color:#ecf8ff;
  direction:ltr;
  text-align:left;
}
.viewer-message-v49{
  display:grid;
  place-items:center;
  height:100%;
  color:#ffd37a;
  font-weight:900;
  padding:24px;
  text-align:center;
}
.page-arrow-v49{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:120;
  width:58px;
  height:84px;
  border:0;
  border-radius:22px;
  background:rgba(7,29,50,.72);
  color:#fff;
  font-size:54px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  transition:.22s;
}
.page-arrow-v49:hover{
  background:linear-gradient(135deg,#00866c,#00a7db);
  transform:translateY(-50%) scale(1.04);
}
.page-prev-v49{
  right:16px;
}
.page-next-v49{
  left:16px;
}
.viewer-footer-v49{
  display:grid;
  grid-template-columns:160px auto 1fr;
  gap:12px;
  align-items:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:10px 12px;
}
.page-indicator-v49{
  color:#76e7d3;
  font-weight:900;
}
.viewer-actions-v49{
  display:flex;
  gap:10px;
}
.viewer-actions-v49 button[disabled]{
  opacity:.48;
  cursor:not-allowed;
  background:linear-gradient(135deg,#455767,#24384b);
}
.viewer-note-v49{
  justify-self:end;
  color:#76e7d3;
  font-weight:900;
  background:rgba(0,134,108,.12);
  border:1px solid rgba(118,231,211,.14);
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
}
.pdf-stage-v49.watermarked-v44::before,
.image-stage-v49.watermarked-v44::before,
.text-stage-v49.watermarked-v44::before{
  content:"MSA Al Beeah";
  position:absolute;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  pointer-events:none;
  font-size:clamp(44px,7vw,94px);
  font-weight:900;
  color:rgba(255,255,255,.16);
  transform:rotate(-24deg);
  text-shadow:0 2px 16px rgba(0,0,0,.22);
  letter-spacing:2px;
}
.pdf-stage-v49.watermarked-v44::after,
.image-stage-v49.watermarked-v44::after,
.text-stage-v49.watermarked-v44::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:91;
  pointer-events:none;
  background-image:repeating-linear-gradient(-24deg,transparent 0 86px,rgba(118,231,211,.10) 88px,rgba(118,231,211,.10) 92px,transparent 94px 170px);
}
@media(max-width:760px){
  .viewer-card-v49{
    width:98vw;
    height:96vh;
    padding:10px;
    border-radius:22px;
  }
  .viewer-top-v49{
    flex-direction:column;
    align-items:flex-start;
  }
  .viewer-footer-v49{
    grid-template-columns:1fr;
  }
  .viewer-note-v49{
    justify-self:stretch;
  }
  .page-arrow-v49{
    width:46px;
    height:66px;
    font-size:42px;
  }
}


/* V50: PDF.js single full-page viewer */
.viewer-card-v50{
  width:min(1180px,96vw) !important;
  height:min(94vh,920px) !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
}
.viewer-main-v50{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
}
.pdf-canvas-stage-v50{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  position:relative;
  background:#292929;
}
.pdf-canvas-wrap-v50{
  max-width:100%;
  max-height:100%;
  display:grid;
  place-items:center;
  position:relative;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.34);
  background:#fff;
}
.pdf-canvas-wrap-v50 canvas{
  display:block;
  max-width:100%;
  max-height:100%;
}
.pdf-loading-v50{
  color:#76e7d3;
  font-weight:900;
  background:rgba(0,134,108,.14);
  border:1px solid rgba(118,231,211,.18);
  border-radius:18px;
  padding:18px 22px;
}
.page-arrow-v50{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:120;
  width:58px;
  height:84px;
  border:0;
  border-radius:22px;
  background:rgba(7,29,50,.82);
  color:#fff;
  font-size:54px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  transition:.22s;
}
.page-arrow-v50:hover:not(:disabled){
  background:linear-gradient(135deg,#00866c,#00a7db);
  transform:translateY(-50%) scale(1.04);
}
.page-arrow-v50:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.page-prev-v50{right:18px}
.page-next-v50{left:18px}
.pdf-canvas-wrap-v50.watermarked-v50::before{
  content:"MSA Al Beeah";
  position:absolute;
  inset:0;
  z-index:5;
  display:grid;
  place-items:center;
  pointer-events:none;
  font-size:clamp(42px,7vw,90px);
  font-weight:900;
  color:rgba(0,60,80,.13);
  transform:rotate(-24deg);
  text-shadow:0 2px 16px rgba(255,255,255,.20);
  letter-spacing:2px;
}
.pdf-canvas-wrap-v50.watermarked-v50::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  background-image:repeating-linear-gradient(-24deg,transparent 0 86px,rgba(118,231,211,.12) 88px,rgba(118,231,211,.12) 92px,transparent 94px 170px);
}
.viewer-footer-v50{
  grid-template-columns:180px auto 1fr !important;
}
@media(max-width:760px){
  .page-arrow-v50{
    width:46px;
    height:66px;
    font-size:42px;
  }
  .viewer-card-v50{
    width:98vw !important;
    height:96vh !important;
  }
}


/* V2 real visitors admin display */
.real-visitors-table-v2{
  margin-top:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:18px;
}
.real-visitors-head-v2{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.real-visitors-head-v2 h3{
  margin:0;
  color:#fff;
}
.real-visitors-head-v2 button{
  border:0;
  border-radius:14px;
  padding:10px 16px;
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.real-visitors-summary-v2{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px;
}
.real-visitors-summary-v2 div,
.real-visitor-row-v2{
  background:rgba(8,28,45,.65);
  border:1px solid rgba(118,231,211,.12);
  border-radius:18px;
  padding:14px;
}
.real-visitors-summary-v2 b{
  color:#76e7d3;
  display:block;
  font-size:22px;
}
.real-visitors-summary-v2 span,
.real-visitor-row-v2 span{
  color:#b9c8d5;
}
.real-visitors-list-v2{
  display:grid;
  gap:10px;
  max-height:520px;
  overflow:auto;
}
.real-visitor-row-v2{
  display:grid;
  grid-template-columns:1.2fr .7fr 1.4fr;
  gap:12px;
}
.real-visitor-row-v2 b{
  color:#fff;
  display:block;
  margin-bottom:5px;
}
.empty-real-visitors-v2{
  color:#ffd37a;
  font-weight:900;
  padding:20px;
  text-align:center;
}
@media(max-width:800px){
  .real-visitors-summary-v2,
  .real-visitor-row-v2{
    grid-template-columns:1fr;
  }
}


/* V3 real forms and dashboard lists */
.form-result-v3{
  margin-top:14px;
  padding:13px 16px;
  border-radius:16px;
  font-weight:900;
  line-height:1.7;
}
.form-result-v3.success{
  color:#76e7d3;
  background:rgba(0,134,108,.13);
  border:1px solid rgba(118,231,211,.22);
}
.form-result-v3.error{
  color:#ffd37a;
  background:rgba(255,139,72,.12);
  border:1px solid rgba(255,211,122,.22);
}
.real-data-table-v3{
  margin-top:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:18px;
}
.real-data-head-v3{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.real-data-head-v3 h3{
  margin:0;
  color:#fff;
}
.real-data-head-v3 button{
  border:0;
  border-radius:14px;
  padding:10px 16px;
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.real-data-list-v3{
  display:grid;
  gap:10px;
  max-height:560px;
  overflow:auto;
}
.real-data-row-v3{
  display:grid;
  grid-template-columns:1.2fr .8fr .9fr .8fr .8fr;
  gap:12px;
  background:rgba(8,28,45,.65);
  border:1px solid rgba(118,231,211,.12);
  border-radius:18px;
  padding:14px;
}
.real-data-row-v3 b{
  color:#fff;
  display:block;
  margin-bottom:5px;
}
.real-data-row-v3 span{
  color:#b9c8d5;
  word-break:break-word;
}
.real-data-row-v3 .wide-v3{
  grid-column:1/-1;
}
@media(max-width:900px){
  .real-data-row-v3{
    grid-template-columns:1fr;
  }
}


/* V4 final form result */
.form-result-v4{
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  font-weight:900;
  line-height:1.7;
}
.form-result-v4.success{
  color:#00866c;
  background:rgba(0,134,108,.10);
  border:1px solid rgba(0,134,108,.20);
}
.form-result-v4.error{
  color:#a34b00;
  background:rgba(255,139,72,.12);
  border:1px solid rgba(255,139,72,.22);
}


/* V5 final visitors and admin refresh UX */
.real-visitors-final-v5{
  margin-top:20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  padding:18px;
  box-shadow:0 22px 70px rgba(0,0,0,.18);
}
.real-visitors-final-v5 .v5-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.real-visitors-final-v5 h3{
  margin:0;
  color:#fff;
}
.real-visitors-final-v5 button{
  border:0;
  border-radius:14px;
  padding:10px 16px;
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.real-visitors-final-v5 .v5-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px;
}
.real-visitors-final-v5 .v5-stats div,
.real-visitors-final-v5 .v5-row{
  background:rgba(8,28,45,.72);
  border:1px solid rgba(118,231,211,.14);
  border-radius:18px;
  padding:14px;
}
.real-visitors-final-v5 .v5-stats b{
  display:block;
  color:#76e7d3;
  font-size:24px;
}
.real-visitors-final-v5 span{
  color:#b9c8d5;
  word-break:break-word;
}
.real-visitors-final-v5 .v5-table{
  display:grid;
  gap:10px;
  max-height:560px;
  overflow:auto;
}
.real-visitors-final-v5 .v5-row{
  display:grid;
  grid-template-columns:1.4fr .7fr 1fr 1fr;
  gap:12px;
}
.real-visitors-final-v5 .v5-row b{
  color:#fff;
  display:block;
  margin-bottom:5px;
}
.real-visitors-final-v5 .v5-empty{
  color:#ffd37a;
  background:rgba(255,211,122,.10);
  border:1px solid rgba(255,211,122,.18);
  border-radius:18px;
  padding:18px;
  font-weight:900;
  text-align:center;
}
@media(max-width:900px){
  .real-visitors-final-v5 .v5-stats,
  .real-visitors-final-v5 .v5-row{
    grid-template-columns:1fr;
  }
}


/* V7 final real backend fixes */
.real-form-result-v7{
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  font-weight:900;
  line-height:1.7;
}
.real-form-result-v7.success{
  color:#00866c;
  background:rgba(0,134,108,.10);
  border:1px solid rgba(0,134,108,.20);
}
.real-form-result-v7.error{
  color:#a34b00;
  background:rgba(255,139,72,.12);
  border:1px solid rgba(255,139,72,.22);
}
.real-extra-row-v7 td{
  background:rgba(118,231,211,.08) !important;
  color:#dff7f3 !important;
  line-height:1.8;
}
#contactsTable tr,
#jobsTable tr,
#visitsTable tr{
  animation:fadeInV7 .25s ease both;
}
@keyframes fadeInV7{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}


/* V8 clean admin real tables layout */
.real-data-table-v3,
.real-visitors-table-v2,
.real-visitors-final-v5,
#realContactsTable,
#realJobsTable,
#realVisitorsTable,
#realVisitorsFinalV5{
  display:none !important;
}

.admin-content-v32,
.admin-main-v32,
.admin-body-v32{
  scroll-behavior:smooth;
}

.admin-tab-v32{
  padding-top:18px !important;
  margin-top:0 !important;
}

.admin-panel-v32{
  overflow:hidden !important;
}

.admin-panel-v32 .panel-head-v32{
  align-items:center !important;
  gap:14px !important;
  margin-bottom:18px !important;
}

.table-wrap-v32{
  width:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  max-height:620px !important;
  border-radius:22px !important;
  background:rgba(7,29,48,.52) !important;
  border:1px solid rgba(118,231,211,.12) !important;
}

.table-wrap-v32 table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
}

.table-wrap-v32 thead th{
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
  background:linear-gradient(135deg,rgba(35,76,98,.96),rgba(18,46,68,.96)) !important;
  color:#fff !important;
  font-size:16px !important;
  padding:14px 10px !important;
  text-align:center !important;
  white-space:normal !important;
}

.table-wrap-v32 tbody tr{
  background:rgba(5,23,39,.72) !important;
}

.table-wrap-v32 tbody td{
  color:#dcecf5 !important;
  padding:13px 10px !important;
  line-height:1.65 !important;
  text-align:center !important;
  vertical-align:top !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  border-top:1px solid rgba(118,231,211,.09) !important;
  border-bottom:1px solid rgba(118,231,211,.09) !important;
}

.table-wrap-v32 tbody tr:not(.real-extra-row-v7) td:first-child{
  border-radius:0 14px 14px 0 !important;
}
.table-wrap-v32 tbody tr:not(.real-extra-row-v7) td:last-child{
  border-radius:14px 0 0 14px !important;
}

.real-extra-row-v7 td{
  text-align:right !important;
  background:rgba(0,134,108,.12) !important;
  color:#e9fffb !important;
  padding:14px 18px !important;
  border-radius:16px !important;
  border:1px solid rgba(118,231,211,.14) !important;
}

#contactsTable tr.real-extra-row-v7 td{
  font-size:15px !important;
}

#contactsTable td:nth-child(1),
#jobsTable td:nth-child(1),
#visitsTable td:nth-child(1){
  direction:ltr !important;
  font-size:14px !important;
}

#contactsTable td:nth-child(2),
#jobsTable td:nth-child(2){
  font-weight:900 !important;
  color:#fff !important;
}

#visitsTable td:nth-child(4){
  font-size:12px !important;
  color:#aac0cf !important;
}

/* make admin sections appear higher and cleaner */
#tab-contacts .admin-panel-v32,
#tab-visitors .admin-panel-v32,
#tab-jobs .admin-panel-v32{
  margin-top:0 !important;
  padding-top:24px !important;
}

#tab-contacts .panel-head-v32 h2,
#tab-visitors .panel-head-v32 h2,
#tab-jobs .panel-head-v32 h2{
  font-size:30px !important;
}

/* Better mobile/tablet */
@media(max-width:900px){
  .table-wrap-v32{
    overflow-x:auto !important;
  }
  .table-wrap-v32 table{
    min-width:760px !important;
  }
}


/* V12 old dashboard restored + real data tables */
.real-data-table-v3,
.real-visitors-table-v2,
.real-visitors-final-v5,
#realContactsTable,
#realJobsTable,
#realVisitorsTable,
#realVisitorsFinalV5{
  display:none !important;
}
.real-extra-row-v7 td{
  background:rgba(0,134,108,.10) !important;
  color:#e9fffb !important;
  line-height:1.8 !important;
  text-align:right !important;
}
.table-wrap-v32{
  max-height:620px;
  overflow:auto;
}
.table-wrap-v32 table{
  width:100%;
  table-layout:fixed;
}
.table-wrap-v32 td,
.table-wrap-v32 th{
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}


/* V13 form direct submit result */
.form-result-v13{
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  font-weight:900;
  line-height:1.7;
}
.form-result-v13.success{
  color:#00866c;
  background:rgba(0,134,108,.10);
  border:1px solid rgba(0,134,108,.20);
}
.form-result-v13.error{
  color:#a34b00;
  background:rgba(255,139,72,.12);
  border:1px solid rgba(255,139,72,.22);
}


/* =========================================================
   V25 CLEAN MOBILE FIX FROM STABLE DESKTOP
   مهم: هذا الجزء للموبايل فقط ولا يغير الكمبيوتر
   ========================================================= */
@media (max-width: 768px){

  html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .header{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    z-index:9999 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    box-shadow:0 8px 24px rgba(7,31,56,.10) !important;
  }

  .header.scrolled,
  .header:hover{
    background:rgba(255,255,255,.96) !important;
  }

  .nav-wrap{
    height:78px !important;
    min-height:78px !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 10px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    direction:ltr !important;
    overflow:visible !important;
  }

  .nav-actions{
    order:1 !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    direction:ltr !important;
  }

  .brand{
    order:2 !important;
    flex:0 1 auto !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .brand img{
    width:132px !important;
    max-width:34vw !important;
    min-width:110px !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
  }

  .nav-actions .small{
    display:inline-flex !important;
    width:auto !important;
    min-width:max-content !important;
    height:40px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:12px !important;
    line-height:1 !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mode-toggle,
  .lang,
  .menu{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#06395e !important;
    border:1px solid rgba(10,46,78,.12) !important;
    box-shadow:0 8px 20px rgba(7,31,56,.10) !important;
  }

  .menu{
    position:relative !important;
    z-index:10004 !important;
  }

  .menu span{
    display:block !important;
    width:18px !important;
    height:2px !important;
    margin:3px 0 !important;
    border-radius:10px !important;
    background:#06395e !important;
    transition:.2s ease !important;
  }

  .menu.active span:nth-child(1){
    transform:translateY(5px) rotate(45deg) !important;
  }

  .menu.active span:nth-child(2){
    opacity:0 !important;
  }

  .menu.active span:nth-child(3){
    transform:translateY(-5px) rotate(-45deg) !important;
  }

  #nav.nav{
    position:fixed !important;
    top:78px !important;
    right:0 !important;
    left:auto !important;
    bottom:auto !important;
    width:min(86vw,330px) !important;
    max-width:330px !important;
    max-height:calc(100dvh - 92px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:16px !important;
    margin:0 !important;
    border-radius:24px 0 0 24px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%) !important;
    color:#06395e !important;
    border:1px solid rgba(7,31,56,.08) !important;
    box-shadow:-18px 18px 50px rgba(4,26,46,.22) !important;
    z-index:10003 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    transform:translateX(105%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .28s ease, opacity .22s ease, visibility .22s ease !important;
  }

  #nav.nav.show{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #nav.nav::before{
    content:"القائمة" !important;
    display:block !important;
    font-size:20px !important;
    font-weight:900 !important;
    color:#06395e !important;
    padding:0 3px 4px !important;
  }

  #nav.nav a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:50px !important;
    padding:13px 15px !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#06395e !important;
    border:1px solid rgba(7,31,56,.08) !important;
    box-shadow:0 8px 18px rgba(7,31,56,.05) !important;
    font-size:16px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    opacity:1 !important;
    text-decoration:none !important;
    text-align:start !important;
  }

  #nav.nav a.active,
  #nav.nav a:hover{
    background:linear-gradient(135deg,var(--green2),var(--green)) !important;
    color:#fff !important;
  }

  #nav.nav a::after{
    display:none !important;
  }

  .hero{
    padding-top:78px !important;
    min-height:auto !important;
  }

  .hero-content{
    padding-top:42px !important;
  }

  .hero h1{
    font-size:clamp(38px, 10vw, 54px) !important;
    line-height:1.15 !important;
  }

  .hero p{
    font-size:16px !important;
    line-height:1.9 !important;
  }

  .hero-cta{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  .hero-cta .btn{
    width:100% !important;
    min-height:54px !important;
  }
}

@media (max-width: 430px){
  .nav-wrap{
    height:74px !important;
    min-height:74px !important;
    padding:0 8px !important;
    gap:5px !important;
  }

  .brand img{
    width:118px !important;
    max-width:31vw !important;
    min-width:100px !important;
  }

  .nav-actions{
    gap:5px !important;
  }

  .nav-actions .small{
    height:38px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }

  .mode-toggle,
  .lang,
  .menu{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  #nav.nav{
    top:74px !important;
    width:min(88vw,310px) !important;
    max-height:calc(100dvh - 86px) !important;
    padding:14px !important;
  }

  #nav.nav a{
    min-height:48px !important;
    padding:12px 14px !important;
    font-size:15px !important;
  }

  .hero{
    padding-top:74px !important;
  }

  .hero-content{
    padding-top:38px !important;
  }
}


/* =========================================================
   V26 LUXURY GLASS MOBILE MENU
   Mobile only. Desktop remains unchanged.
   ========================================================= */
@media (max-width: 768px){
  body.menu-open{overflow:hidden !important;}
  body.menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:9997;
    background:linear-gradient(180deg, rgba(5,28,51,.18), rgba(5,28,51,.36));
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }

  .header{z-index:10005 !important;}
  .nav-wrap{
    position:relative;
    direction:ltr !important;
    height:84px !important;
    min-height:84px !important;
    padding:0 14px !important;
    gap:8px !important;
    overflow:visible !important;
  }
  .brand{order:3 !important; margin-left:auto !important;}
  .brand img{
    width:140px !important;
    max-width:36vw !important;
    min-width:108px !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
  }
  .nav-actions{
    order:1 !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    direction:ltr !important;
    min-width:0 !important;
  }
  .nav-actions .small{
    min-width:max-content !important;
    height:42px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:13px !important;
    font-weight:800 !important;
  }
  .mode-toggle,.lang,.menu{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.65) !important;
    background:rgba(255,255,255,.72) !important;
    backdrop-filter:blur(10px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(150%) !important;
    box-shadow:0 10px 24px rgba(14,39,63,.14) !important;
    color:#0b416a !important;
  }
  .menu{
    position:relative !important;
    z-index:10010 !important;
    overflow:hidden !important;
  }
  .menu::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:14px;
    background:linear-gradient(135deg, rgba(255,255,255,.20), rgba(122,214,67,.10));
    pointer-events:none;
  }
  .menu span{
    position:absolute !important;
    left:50% !important;
    width:18px !important;
    height:2.5px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#0b416a !important;
    transition:transform .22s ease, opacity .18s ease, top .22s ease !important;
    transform:translateX(-50%) !important;
  }
  .menu span:nth-child(1){top:13px !important;}
  .menu span:nth-child(2){top:19px !important; width:14px !important;}
  .menu span:nth-child(3){top:25px !important;}
  .menu.active span:nth-child(1){top:19px !important; transform:translateX(-50%) rotate(45deg) !important;}
  .menu.active span:nth-child(2){opacity:0 !important;}
  .menu.active span:nth-child(3){top:19px !important; transform:translateX(-50%) rotate(-45deg) !important;}

  #nav.nav{
    position:fixed !important;
    top:92px !important;
    right:14px !important;
    left:auto !important;
    bottom:14px !important;
    width:min(78vw, 340px) !important;
    max-width:340px !important;
    min-height:calc(100dvh - 106px) !important;
    padding:22px 18px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
    border-radius:30px !important;
    border:1px solid rgba(255,255,255,.42) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.58) 0%, rgba(244,249,255,.42) 100%) !important;
    backdrop-filter:blur(22px) saturate(165%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(165%) !important;
    box-shadow:0 22px 60px rgba(4,26,46,.26), inset 0 1px 0 rgba(255,255,255,.45) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    z-index:10008 !important;
    transform:translateX(112%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .34s cubic-bezier(.22,.8,.24,1), opacity .24s ease, visibility .24s ease !important;
  }
  #nav.nav.show{
    transform:translateX(0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  #nav.nav::before{
    content:"القائمة" !important;
    display:block !important;
    font-size:22px !important;
    font-weight:900 !important;
    color:#0a4169 !important;
    margin:0 8px 8px !important;
    text-shadow:0 1px 0 rgba(255,255,255,.3) !important;
  }
  #nav.nav::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:96px;
    background:radial-gradient(circle at top left, rgba(122,214,67,.22), transparent 52%);
    pointer-events:none;
  }
  #nav.nav a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:58px !important;
    padding:0 22px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.44) !important;
    border:1px solid rgba(255,255,255,.46) !important;
    box-shadow:0 10px 24px rgba(8,31,56,.08), inset 0 1px 0 rgba(255,255,255,.45) !important;
    color:#0b416a !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
  }
  #nav.nav a::after{display:none !important;}
  #nav.nav a.active,
  #nav.nav a:hover{
    color:#fff !important;
    border-color:rgba(122,214,67,.38) !important;
    background:linear-gradient(135deg, rgba(0,182,164,.92), rgba(122,214,67,.92)) !important;
    box-shadow:0 16px 30px rgba(30,167,113,.22), inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
  #nav.nav a.active::before,
  #nav.nav a:hover::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg, rgba(255,255,255,.15), transparent);
    pointer-events:none;
  }

  .hero{padding-top:84px !important;}
}

@media (max-width: 430px){
  .nav-wrap{height:80px !important; min-height:80px !important; padding:0 10px !important;}
  .brand img{width:128px !important; max-width:34vw !important; min-width:100px !important;}
  .nav-actions{gap:6px !important;}
  .nav-actions .small{height:40px !important; padding:0 12px !important; font-size:12px !important;}
  .mode-toggle,.lang,.menu{width:40px !important; height:40px !important; min-width:40px !important; border-radius:14px !important;}
  .menu span:nth-child(1){top:12px !important;}
  .menu span:nth-child(2){top:18px !important;}
  .menu span:nth-child(3){top:24px !important;}
  .menu.active span:nth-child(1), .menu.active span:nth-child(3){top:18px !important;}
  #nav.nav{
    top:88px !important;
    right:10px !important;
    bottom:10px !important;
    width:min(82vw, 320px) !important;
    min-height:calc(100dvh - 98px) !important;
    border-radius:28px !important;
    padding:20px 16px 16px !important;
  }
  #nav.nav::before{font-size:21px !important; margin:0 8px 6px !important;}
  #nav.nav a{min-height:54px !important; padding:0 20px !important; font-size:16px !important; border-radius:20px !important;}
  .hero{padding-top:80px !important;}
}


/* =========================================================
   V29 ABOUT PAGE TEXT FIX ONLY
   القائمة في عن الشركة نفس باقي الصفحات بدون تغيير
   ========================================================= */
@media (max-width: 768px){

  body.about-page{
    overflow-x:hidden !important;
  }

  body.about-page .container{
    width:calc(100% - 24px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
  }

  body.about-page .about-grid,
  body.about-page .story-grid,
  body.about-page .timeline-grid,
  body.about-page .timeline-wrap,
  body.about-page .values-grid,
  body.about-page .feature-grid,
  body.about-page .about-section-grid,
  body.about-page .mission-grid,
  body.about-page .service-grid,
  body.about-page .stats,
  body.about-page .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  body.about-page .about-grid > *,
  body.about-page .story-grid > *,
  body.about-page .timeline-grid > *,
  body.about-page .timeline-wrap > *,
  body.about-page .mission-grid > *{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-column:auto !important;
  }

  body.about-page p,
  body.about-page li,
  body.about-page .about-copy,
  body.about-page .about-text,
  body.about-page .story-copy,
  body.about-page .mission-copy,
  body.about-page .timeline-text,
  body.about-page .value-card p{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    text-align:center !important;
    line-height:1.9 !important;
    font-size:16px !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
  }

  body.about-page h1,
  body.about-page h2,
  body.about-page h3,
  body.about-page .about-copy h2,
  body.about-page .story-copy h2,
  body.about-page .mission-copy h2,
  body.about-page .timeline h2{
    text-align:center !important;
    width:100% !important;
    max-width:100% !important;
    line-height:1.25 !important;
    word-break:normal !important;
    white-space:normal !important;
  }

  body.about-page .timeline-card,
  body.about-page .story-card,
  body.about-page .value-card,
  body.about-page .about-card,
  body.about-page .feature-card,
  body.about-page .mission-card,
  body.about-page .vision-card,
  body.about-page .journey-card,
  body.about-page .milestone-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-inline:auto !important;
    border-radius:24px !important;
    padding:24px 18px !important;
    text-align:center !important;
  }

  body.about-page .timeline::before,
  body.about-page .timeline-section::before,
  body.about-page .timeline-line,
  body.about-page .timeline-dots,
  body.about-page .timeline-axis{
    display:none !important;
  }

  body.about-page .timeline-item,
  body.about-page .timeline-card,
  body.about-page .journey-card,
  body.about-page .milestone-card{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 18px !important;
    transform:none !important;
  }

  body.about-page .timeline-item:nth-child(even),
  body.about-page .timeline-item:nth-child(odd){
    transform:none !important;
    margin-inline:0 !important;
  }
}

@media (max-width: 430px){
  body.about-page .container{
    width:calc(100% - 20px) !important;
  }

  body.about-page p,
  body.about-page li{
    font-size:15.5px !important;
    line-height:1.9 !important;
  }

  body.about-page .timeline-card,
  body.about-page .story-card,
  body.about-page .value-card,
  body.about-page .about-card,
  body.about-page .feature-card,
  body.about-page .mission-card,
  body.about-page .vision-card{
    padding:22px 16px !important;
  }
}


/* =========================================================
   V30 REAL FIX: about mobile layout + clickable glass menu
   ========================================================= */
@media (max-width:768px){

  /* البلر يفضل شكله موجود لكن لا يمنع الضغط على القائمة */
  body.menu-open::before{
    pointer-events:none !important;
  }

  #nav.nav,
  #nav.nav.show{
    pointer-events:auto !important;
    z-index:2147483000 !important;
  }

  #nav.nav a,
  #nav.nav.show a{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:3 !important;
  }

  #menuBtn{
    pointer-events:auto !important;
    z-index:2147483001 !important;
  }

  /* إصلاح صفحة عن الشركة الحقيقي: إلغاء الأعمدة الضيقة */
  body.about-page .about-core-grid,
  body.about-page-v17 .about-core-grid,
  body.about-page-v16 .about-core-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    width:calc(100% - 24px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
  }

  body.about-page .about-mini-visual,
  body.about-page .about-who,
  body.about-page .journey-area,
  body.about-page-v17 .about-mini-visual,
  body.about-page-v17 .about-who,
  body.about-page-v17 .journey-area,
  body.about-page-v16 .about-mini-visual,
  body.about-page-v16 .about-who,
  body.about-page-v16 .journey-area{
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    transform:none !important;
  }

  body.about-page .about-mini-visual,
  body.about-page-v17 .about-mini-visual,
  body.about-page-v16 .about-mini-visual{
    display:none !important;
  }

  body.about-page .about-who,
  body.about-page-v17 .about-who,
  body.about-page-v16 .about-who{
    background:rgba(255,255,255,.55) !important;
    border:1px solid rgba(255,255,255,.55) !important;
    border-radius:26px !important;
    padding:24px 18px !important;
    box-shadow:0 14px 34px rgba(7,35,61,.07) !important;
    text-align:center !important;
  }

  body.about-page .about-who h2,
  body.about-page-v17 .about-who h2,
  body.about-page-v16 .about-who h2,
  body.about-page .journey-header h2,
  body.about-page-v17 .journey-header h2,
  body.about-page-v16 .journey-header h2{
    font-size:34px !important;
    line-height:1.25 !important;
    text-align:center !important;
    margin:8px 0 14px !important;
    width:100% !important;
  }

  body.about-page .about-who p,
  body.about-page-v17 .about-who p,
  body.about-page-v16 .about-who p{
    font-size:16px !important;
    line-height:1.95 !important;
    text-align:center !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  body.about-page .journey-header,
  body.about-page-v17 .journey-header,
  body.about-page-v16 .journey-header{
    display:block !important;
    text-align:center !important;
    margin-bottom:16px !important;
  }

  body.about-page .journey-track,
  body.about-page-v17 .journey-track,
  body.about-page-v16 .journey-track{
    display:none !important;
  }

  body.about-page .journey-cards,
  body.about-page-v17 .journey-cards,
  body.about-page-v16 .journey-cards{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.about-page .journey-card,
  body.about-page-v17 .journey-card,
  body.about-page-v16 .journey-card{
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    padding:24px 18px !important;
    text-align:center !important;
    border-radius:26px !important;
  }

  body.about-page .journey-icon,
  body.about-page-v17 .journey-icon,
  body.about-page-v16 .journey-icon,
  body.about-page .value-icon,
  body.about-page-v17 .value-icon,
  body.about-page-v16 .value-icon{
    margin-inline:auto !important;
  }

  body.about-page .journey-card h3,
  body.about-page-v17 .journey-card h3,
  body.about-page-v16 .journey-card h3{
    font-size:30px !important;
    text-align:center !important;
  }

  body.about-page .journey-card p,
  body.about-page-v17 .journey-card p,
  body.about-page-v16 .journey-card p{
    font-size:16px !important;
    line-height:1.9 !important;
    text-align:center !important;
  }

  body.about-page .values-grid-v16,
  body.about-page-v17 .values-grid-v16,
  body.about-page-v16 .values-grid-v16,
  body.about-page .mission-vision-grid-v16,
  body.about-page-v17 .mission-vision-grid-v16,
  body.about-page-v16 .mission-vision-grid-v16,
  body.about-page .about-stats-bar,
  body.about-page-v17 .about-stats-bar,
  body.about-page-v16 .about-stats-bar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:calc(100% - 24px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
  }

  body.about-page .value-card-v16,
  body.about-page-v17 .value-card-v16,
  body.about-page-v16 .value-card-v16,
  body.about-page .mv-card,
  body.about-page-v17 .mv-card,
  body.about-page-v16 .mv-card{
    width:100% !important;
    max-width:100% !important;
    text-align:center !important;
  }

  body.about-page .mv-card,
  body.about-page-v17 .mv-card,
  body.about-page-v16 .mv-card{
    grid-template-columns:1fr !important;
  }

  body.about-page .mv-thumb img,
  body.about-page-v17 .mv-thumb img,
  body.about-page-v16 .mv-thumb img{
    clip-path:none !important;
    min-height:180px !important;
  }

  body.about-page .mv-content,
  body.about-page-v17 .mv-content,
  body.about-page-v16 .mv-content{
    padding:22px 18px !important;
  }

  body.about-page .mv-content h2,
  body.about-page-v17 .mv-content h2,
  body.about-page-v16 .mv-content h2,
  body.about-page .value-card-v16 h3,
  body.about-page-v17 .value-card-v16 h3,
  body.about-page-v16 .value-card-v16 h3{
    text-align:center !important;
    font-size:32px !important;
  }

  body.about-page .mv-content p,
  body.about-page-v17 .mv-content p,
  body.about-page-v16 .mv-content p,
  body.about-page .value-card-v16 p,
  body.about-page-v17 .value-card-v16 p,
  body.about-page-v16 .value-card-v16 p{
    text-align:center !important;
    font-size:16px !important;
    line-height:1.9 !important;
  }
}

@media (max-width:430px){
  body.about-page .about-core-grid,
  body.about-page-v17 .about-core-grid,
  body.about-page-v16 .about-core-grid,
  body.about-page .values-grid-v16,
  body.about-page-v17 .values-grid-v16,
  body.about-page-v16 .values-grid-v16,
  body.about-page .mission-vision-grid-v16,
  body.about-page-v17 .mission-vision-grid-v16,
  body.about-page-v16 .mission-vision-grid-v16,
  body.about-page .about-stats-bar,
  body.about-page-v17 .about-stats-bar,
  body.about-page-v16 .about-stats-bar{
    width:calc(100% - 20px) !important;
  }
}


/* =========================================================
   V31 REMOVE MENU BLUR OVERLAY
   إزالة البلر من خلف القائمة بالكامل مع بقاء القائمة فخمة وقابلة للضغط
   ========================================================= */
@media (max-width:768px){

  body.menu-open::before{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:transparent !important;
  }

  body.menu-open{
    overflow:hidden !important;
  }

  #nav.nav{
    background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(244,251,255,.88) 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    box-shadow:-18px 18px 48px rgba(4,26,46,.18), inset 0 1px 0 rgba(255,255,255,.70) !important;
    border:1px solid rgba(255,255,255,.75) !important;
  }

  #nav.nav.show{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  #nav.nav a{
    background:rgba(255,255,255,.88) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    color:#06395e !important;
  }

  #nav.nav a.active,
  #nav.nav a:hover{
    background:linear-gradient(135deg, rgba(0,182,164,.96), rgba(122,214,67,.96)) !important;
    color:#fff !important;
  }
}


/* =========================================================
   V32 FULL RESPONSIVE + FAQ BOT + ADMIN MOBILE
   ========================================================= */

/* FAQ BOT */
.msa-faq-bot{
  position:fixed;
  left:18px;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:2147482500;
  font-family:inherit;
}
.msa-faq-toggle{
  border:0;
  border-radius:999px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff;
  font-weight:900;
  box-shadow:0 18px 40px rgba(0,80,70,.24);
}
.bot-dot{
  width:13px;
  height:13px;
  border-radius:50%;
  background:#dfffca;
  box-shadow:0 0 0 5px rgba(255,255,255,.18);
}
.msa-faq-window{
  position:absolute;
  left:0;
  bottom:60px;
  width:min(360px,calc(100vw - 26px));
  max-height:min(620px,72vh);
  display:none;
  overflow:hidden;
  border-radius:26px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 28px 80px rgba(3,30,54,.24);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  direction:rtl;
}
.msa-faq-window.open{display:grid;grid-template-rows:auto 1fr auto auto auto}
.msa-faq-window header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:16px 16px 12px;
  background:linear-gradient(135deg,rgba(0,134,108,.12),rgba(136,198,65,.10));
}
.msa-faq-window header strong{display:block;color:#06395e;font-size:18px}
.msa-faq-window header span{display:block;color:#6f8193;font-size:13px;font-weight:800}
.msa-faq-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#06395e;
  font-size:24px;
  cursor:pointer;
}
.faq-body{
  padding:14px;
  overflow:auto;
  display:grid;
  gap:10px;
  max-height:310px;
}
.faq-msg{
  padding:11px 13px;
  border-radius:16px;
  line-height:1.7;
  font-size:14px;
}
.faq-msg.bot{
  background:#f2f8f8;
  color:#06395e;
  border-top-right-radius:4px;
}
.faq-msg.user{
  background:linear-gradient(135deg,#00866c,#88c641);
  color:#fff;
  border-top-left-radius:4px;
}
.faq-chips{
  padding:0 14px 12px;
  display:flex;
  gap:8px;
  overflow:auto;
  scrollbar-width:none;
}
.faq-chips::-webkit-scrollbar{display:none}
.faq-chips button{
  flex:0 0 auto;
  border:1px solid rgba(7,35,61,.08);
  background:#fff;
  color:#06395e;
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
}
.faq-form{
  padding:12px 14px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  border-top:1px solid rgba(7,35,61,.08);
}
.faq-form input{
  border:1px solid rgba(7,35,61,.12);
  border-radius:14px;
  padding:12px;
  font:inherit;
  min-width:0;
}
.faq-form button{
  border:0;
  border-radius:14px;
  padding:0 14px;
  background:#06395e;
  color:#fff;
  font-weight:900;
}
.faq-actions{
  padding:0 14px 14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.faq-actions a{
  text-align:center;
  border-radius:14px;
  padding:10px;
  background:rgba(0,134,108,.10);
  color:#06395e;
  font-weight:900;
}

/* GENERAL RESPONSIVE SAFETY */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
table{border-collapse:collapse}
.table-wrap-v32,.table-wrap,.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:768px){
  .container{width:calc(100% - 24px)!important;max-width:100%!important}
  .section{padding-block:54px!important}
  .service-grid,.feature-grid,.project-grid,.project-grid.big,.news-grid,.footer-grid,.contact-grid,.dash-grid,.stats,.values-grid-v16,.mission-vision-grid-v16{
    grid-template-columns:1fr!important;
  }
  .hero h1,.page-hero h1,.section-head h2{font-size:clamp(32px,9vw,46px)!important;line-height:1.2!important}
  .hero p,.page-hero p,.section-head p{font-size:16px!important;line-height:1.9!important}
  .btn{max-width:100%}
  input,select,textarea{font-size:16px!important;max-width:100%}
  .contact-form,.career-form,.contact-form-v30{padding:18px!important}
  .msa-faq-bot{left:12px;right:auto;bottom:calc(14px + env(safe-area-inset-bottom))}
  .msa-faq-toggle b{display:none}
  .msa-faq-toggle{width:54px;height:54px;padding:0;justify-content:center;border-radius:18px}
  .msa-faq-window{left:0;width:calc(100vw - 24px);max-height:76vh}
}
@media(max-width:430px){
  .container{width:calc(100% - 20px)!important}
  .faq-actions{grid-template-columns:1fr}
}

/* ABOUT MOBILE REAL FIX */
@media(max-width:768px){
  body.about-page-v17 .about-core-grid,
  body.about-page-v16 .about-core-grid{
    grid-template-columns:1fr!important;
    width:calc(100% - 24px)!important;
    margin-inline:auto!important;
    gap:18px!important;
  }
  body.about-page-v17 .about-mini-visual,
  body.about-page-v16 .about-mini-visual{
    display:none!important;
  }
  body.about-page-v17 .about-who,
  body.about-page-v17 .journey-area,
  body.about-page-v16 .about-who,
  body.about-page-v16 .journey-area{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.about-page-v17 .about-who,
  body.about-page-v16 .about-who{
    background:rgba(255,255,255,.62)!important;
    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:26px!important;
    padding:22px 18px!important;
    text-align:center!important;
  }
  body.about-page-v17 .about-who h2,
  body.about-page-v17 .journey-header h2,
  body.about-page-v16 .about-who h2,
  body.about-page-v16 .journey-header h2{
    font-size:34px!important;
    text-align:center!important;
    line-height:1.25!important;
  }
  body.about-page-v17 .about-who p,
  body.about-page-v17 .journey-card p,
  body.about-page-v17 .value-card-v16 p,
  body.about-page-v17 .mv-content p,
  body.about-page-v16 .about-who p,
  body.about-page-v16 .journey-card p,
  body.about-page-v16 .value-card-v16 p,
  body.about-page-v16 .mv-content p{
    text-align:center!important;
    font-size:16px!important;
    line-height:1.9!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  body.about-page-v17 .journey-track,
  body.about-page-v16 .journey-track{
    display:none!important;
  }
  body.about-page-v17 .journey-cards,
  body.about-page-v16 .journey-cards{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  body.about-page-v17 .journey-card,
  body.about-page-v17 .value-card-v16,
  body.about-page-v17 .mv-card,
  body.about-page-v16 .journey-card,
  body.about-page-v16 .value-card-v16,
  body.about-page-v16 .mv-card{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
  }
  body.about-page-v17 .journey-icon,
  body.about-page-v17 .value-icon,
  body.about-page-v16 .journey-icon,
  body.about-page-v16 .value-icon{
    margin-inline:auto!important;
  }
  body.about-page-v17 .mission-vision-grid-v16,
  body.about-page-v17 .values-grid-v16,
  body.about-page-v17 .about-stats-bar,
  body.about-page-v16 .mission-vision-grid-v16,
  body.about-page-v16 .values-grid-v16,
  body.about-page-v16 .about-stats-bar{
    grid-template-columns:1fr!important;
    width:calc(100% - 24px)!important;
    margin-inline:auto!important;
  }
  body.about-page-v17 .mv-card,
  body.about-page-v16 .mv-card{
    grid-template-columns:1fr!important;
  }
  body.about-page-v17 .mv-thumb img,
  body.about-page-v16 .mv-thumb img{
    clip-path:none!important;
    min-height:180px!important;
  }
  body.about-page-v17 .mv-content,
  body.about-page-v16 .mv-content{
    padding:20px 18px!important;
  }
}

/* ADMIN MOBILE RESPONSIVE */
@media(max-width:900px){
  .admin-page-v32{overflow-x:hidden!important}
  .admin-dashboard-v32{
    display:block!important;
    min-height:100vh!important;
  }
  .admin-sidebar-v32{
    position:sticky!important;
    top:0!important;
    z-index:50!important;
    height:auto!important;
    min-height:0!important;
    padding:12px!important;
    display:block!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 18px 34px rgba(0,0,0,.18)!important;
  }
  .admin-sidebar-v32 .admin-logo-v32,
  .admin-sidebar-v32 > div:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  .admin-sidebar-v32 img{max-height:44px!important;width:auto!important}
  .admin-sidebar-v32 nav{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:6px!important;
    scrollbar-width:none!important;
  }
  .admin-sidebar-v32 nav::-webkit-scrollbar{display:none!important}
  .admin-sidebar-v32 nav button,
  .admin-logout-v32{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:11px 13px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }
  .admin-logout-v32{
    width:100%!important;
    margin-top:10px!important;
  }
  .admin-main-v32{
    padding:14px!important;
    overflow:visible!important;
  }
  .admin-top-v32{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }
  .admin-top-v32 h1{
    font-size:24px!important;
    line-height:1.3!important;
  }
  .admin-top-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .admin-top-actions button,
  .admin-top-actions a{
    width:100%!important;
    text-align:center!important;
  }
  .admin-stats-v32{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .admin-grid-v32,
  .workspace-grid-v39,
  .admin-news-grid-v34,
  .settings-grid-v32{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .admin-panel-v32{
    padding:14px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .panel-head-v32{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  .panel-tools-v37{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .panel-tools-v37 input,
  .panel-tools-v37 button{
    width:100%!important;
  }
  .table-wrap-v32{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .table-wrap-v32 table{
    min-width:720px!important;
  }
  .admin-form-v32{
    grid-template-columns:1fr!important;
  }
  .permission-box-v32{
    grid-template-columns:1fr!important;
  }
  .workspace-head-v39,
  .workspace-security-v39,
  .admin-tools-grid-v34{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .admin-login-v32{
    padding:16px!important;
  }
  .admin-login-card{
    width:100%!important;
    padding:22px 16px!important;
    border-radius:24px!important;
  }
}
@media(max-width:480px){
  .admin-stats-v32{
    grid-template-columns:1fr!important;
  }
  .admin-sidebar-v32 nav button,
  .admin-logout-v32{
    font-size:12px!important;
    padding:10px 12px!important;
  }
  .table-wrap-v32 table{
    min-width:650px!important;
  }
}

/* Remove heavy blur behind mobile menu but keep menu itself premium */
@media(max-width:768px){
  body.menu-open::before{
    display:none!important;
    content:none!important;
    pointer-events:none!important;
  }
  #nav.nav{
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,251,255,.86))!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* =========================================================
   V33 ENTERPRISE ADMIN RESPONSIVE
   لوحة تحكم احترافية متوافقة مع iPhone / Android / Tablet / Desktop
   ========================================================= */

.admin-mobile-top-v33,
.admin-bottom-nav-v33,
.admin-enterprise-toolbar-v33{
  display:none;
}

.admin-page-v32{
  background:
    radial-gradient(circle at 15% 10%, rgba(0, 134, 108,.12), transparent 30%),
    radial-gradient(circle at 95% 5%, rgba(136,198,65,.12), transparent 26%),
    #f3f8fa !important;
  min-height:100vh;
}

.admin-page-v32 .admin-dashboard-v32{
  background:transparent !important;
}

.admin-page-v32 .admin-sidebar-v32{
  background:linear-gradient(180deg,#062a46,#051b31) !important;
  box-shadow:12px 0 42px rgba(4,26,46,.16);
}

.admin-page-v32 .admin-sidebar-v32 nav button{
  position:relative;
  overflow:hidden;
}

.admin-page-v32 .admin-sidebar-v32 nav button::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#88c641,#00a7db);
  opacity:0;
  transition:.2s;
}

.admin-page-v32 .admin-sidebar-v32 nav button.active::before{
  opacity:1;
}

.admin-enterprise-toolbar-v33{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(7,35,61,.08);
  border-radius:24px;
  padding:18px;
  margin-bottom:18px;
  box-shadow:0 18px 48px rgba(7,35,61,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.admin-enterprise-toolbar-v33 strong{
  display:block;
  color:#06395e;
  font-size:26px;
  line-height:1.25;
}

.admin-enterprise-toolbar-v33 span{
  display:block;
  color:#6f8193;
  font-weight:800;
  margin-top:4px;
}

.toolbar-actions-v33{
  display:flex;
  gap:8px;
  align-items:center;
}

.toolbar-actions-v33 button{
  border:0;
  border-radius:14px;
  padding:11px 14px;
  background:#06395e;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.toolbar-actions-v33 button:first-child{
  background:linear-gradient(135deg,#00866c,#88c641);
}

.enterprise-features-v33{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:0 0 18px;
}

.enterprise-features-v33 article{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(7,35,61,.08);
  border-radius:22px;
  padding:18px;
  box-shadow:0 14px 36px rgba(7,35,61,.06);
}

.enterprise-features-v33 b{
  display:block;
  color:#06395e;
  font-size:17px;
  margin-bottom:6px;
}

.enterprise-features-v33 span{
  color:#6f8193;
  line-height:1.7;
  font-weight:700;
}

.admin-stats-v32 article.stat-icon-v33{
  position:relative;
  overflow:hidden;
}

.admin-stats-v32 article.stat-icon-v33::after{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  border-radius:50%;
  left:-30px;
  bottom:-30px;
  background:linear-gradient(135deg,rgba(0,134,108,.10),rgba(136,198,65,.20));
}

[data-admin-theme="dark"] .admin-page-v32,
html[data-admin-theme="dark"] .admin-page-v32{
  background:#071523 !important;
}

html[data-admin-theme="dark"] .admin-panel-v32,
html[data-admin-theme="dark"] .admin-stats-v32 article,
html[data-admin-theme="dark"] .admin-enterprise-toolbar-v33,
html[data-admin-theme="dark"] .enterprise-features-v33 article{
  background:rgba(13,34,53,.94) !important;
  color:#e8f7ff !important;
  border-color:rgba(255,255,255,.08) !important;
}

html[data-admin-theme="dark"] .admin-panel-v32 h2,
html[data-admin-theme="dark"] .admin-stats-v32 b,
html[data-admin-theme="dark"] .admin-enterprise-toolbar-v33 strong,
html[data-admin-theme="dark"] .enterprise-features-v33 b{
  color:#fff !important;
}

html[data-admin-theme="dark"] .table-wrap-v32 th{
  background:#10283d !important;
  color:#fff !important;
}

html[data-admin-theme="dark"] .table-wrap-v32 td{
  color:#c8d7e2 !important;
}

/* Tablet */
@media(max-width:1180px){
  .admin-dashboard-v32{
    grid-template-columns:240px 1fr !important;
  }
  .admin-sidebar-v32{
    padding:18px !important;
  }
  .admin-main-v32{
    padding:18px !important;
  }
  .admin-stats-v32,
  .enterprise-features-v33{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .admin-grid-v32{
    grid-template-columns:1fr !important;
  }
}

/* Mobile / iPhone / Android */
@media(max-width:900px){
  .admin-page-v32{
    overflow-x:hidden !important;
    padding-bottom:86px !important;
  }

  .admin-mobile-top-v33{
    position:sticky;
    top:0;
    z-index:2000;
    height:72px;
    display:flex !important;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    background:rgba(255,255,255,.88);
    border-bottom:1px solid rgba(7,35,61,.08);
    backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    box-shadow:0 10px 28px rgba(7,35,61,.08);
    direction:rtl;
  }

  .admin-mobile-top-v33 img{
    height:42px;
    background:#fff;
    border-radius:12px;
    padding:4px;
  }

  .admin-mobile-top-v33 div{
    display:grid;
    line-height:1.25;
    min-width:0;
    flex:1;
  }

  .admin-mobile-top-v33 b{
    color:#06395e;
    font-size:16px;
  }

  .admin-mobile-top-v33 small{
    color:#6f8193;
    font-weight:800;
  }

  .admin-mobile-top-v33 a{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:linear-gradient(135deg,#00866c,#88c641);
    color:#fff;
    font-weight:900;
  }

  .admin-menu-btn-v33{
    width:44px;
    height:44px;
    border:0;
    border-radius:14px;
    background:#06395e;
    display:grid;
    place-items:center;
    padding:9px;
    cursor:pointer;
  }

  .admin-menu-btn-v33 span{
    display:block;
    width:20px;
    height:2px;
    background:#fff;
    border-radius:999px;
    transition:.22s;
  }

  .admin-menu-btn-v33.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .admin-menu-btn-v33.active span:nth-child(2){
    opacity:0;
  }
  .admin-menu-btn-v33.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .admin-dashboard-v32{
    display:block !important;
    min-height:100vh !important;
  }

  .admin-sidebar-v32{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:min(86vw,340px) !important;
    height:100dvh !important;
    z-index:2100 !important;
    transform:translateX(110%) !important;
    transition:transform .3s ease !important;
    padding:18px !important;
    overflow:auto !important;
    border-radius:0 0 0 28px !important;
  }

  body.admin-menu-open-v33 .admin-sidebar-v32{
    transform:translateX(0) !important;
  }

  body.admin-menu-open-v33::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(3,18,34,.42);
    z-index:2050;
  }

  .admin-sidebar-v32 nav{
    display:grid !important;
    gap:10px !important;
  }

  .admin-sidebar-v32 nav button,
  .admin-logout-v32{
    width:100% !important;
    min-height:48px !important;
    padding:13px 14px !important;
    border-radius:16px !important;
    text-align:right !important;
    font-size:14px !important;
  }

  .admin-main-v32{
    padding:14px !important;
    width:100% !important;
    overflow:visible !important;
  }

  .admin-enterprise-toolbar-v33{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:15px !important;
    border-radius:20px !important;
  }

  .admin-enterprise-toolbar-v33 strong{
    font-size:22px !important;
  }

  .toolbar-actions-v33{
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
  }

  .toolbar-actions-v33 button{
    padding:10px 8px !important;
    font-size:12px !important;
  }

  .admin-top-v32{
    display:none !important;
  }

  .admin-stats-v32{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-bottom:12px !important;
  }

  .admin-stats-v32 article{
    min-height:118px !important;
    padding:16px !important;
    border-radius:20px !important;
  }

  .admin-stats-v32 span{
    font-size:12px !important;
  }

  .admin-stats-v32 b{
    font-size:34px !important;
  }

  .ops-center-v37,
  .quick-actions-v37,
  .enterprise-features-v33{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .quick-actions-v37{
    display:grid !important;
  }

  .quick-actions-v37 button{
    width:100% !important;
  }

  .admin-grid-v32,
  .workspace-grid-v39,
  .admin-news-grid-v34,
  .settings-grid-v32,
  .admin-tools-grid-v34{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .admin-panel-v32{
    padding:14px !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  .panel-head-v32{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:stretch !important;
  }

  .panel-head-v32 h2{
    font-size:22px !important;
    line-height:1.3 !important;
  }

  .panel-tools-v37{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .panel-tools-v37 input,
  .panel-tools-v37 button{
    width:100% !important;
    min-height:44px !important;
  }

  .table-wrap-v32{
    border:0 !important;
    overflow:visible !important;
  }

  .table-wrap-v32 table,
  .table-wrap-v32 thead,
  .table-wrap-v32 tbody,
  .table-wrap-v32 tr,
  .table-wrap-v32 th,
  .table-wrap-v32 td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  .table-wrap-v32 thead{
    display:none !important;
  }

  .table-wrap-v32 tbody{
    display:grid !important;
    gap:12px !important;
  }

  .table-wrap-v32 tr{
    background:#fff !important;
    border:1px solid rgba(7,35,61,.08) !important;
    border-radius:18px !important;
    padding:12px !important;
    box-shadow:0 10px 28px rgba(7,35,61,.06) !important;
  }

  .table-wrap-v32 td{
    display:grid !important;
    grid-template-columns:110px 1fr !important;
    gap:10px !important;
    text-align:right !important;
    padding:8px 0 !important;
    border-bottom:1px solid rgba(7,35,61,.06) !important;
    color:#53687a !important;
    word-break:break-word !important;
  }

  .table-wrap-v32 td:last-child{
    border-bottom:0 !important;
  }

  .table-wrap-v32 td::before{
    content:attr(data-label);
    color:#06395e;
    font-weight:900;
  }

  .empty-row-v33 td{
    display:block !important;
    text-align:center !important;
    color:#6f8193 !important;
  }

  .empty-row-v33 td::before{
    display:none !important;
  }

  .admin-form-v32,
  .permission-box-v32{
    grid-template-columns:1fr !important;
  }

  .admin-form-v32 label,
  .settings-grid-v32 label{
    width:100% !important;
  }

  .admin-form-v32 input,
  .admin-form-v32 select,
  .admin-form-v32 textarea,
  .settings-grid-v32 input,
  .settings-grid-v32 select,
  .settings-grid-v32 textarea{
    width:100% !important;
    min-height:44px !important;
    font-size:16px !important;
  }

  .admin-bottom-nav-v33{
    position:fixed;
    right:10px;
    left:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    z-index:1900;
    display:grid !important;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    padding:8px;
    border-radius:22px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(7,35,61,.08);
    box-shadow:0 18px 45px rgba(7,35,61,.16);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  .admin-bottom-nav-v33 button{
    border:0;
    background:transparent;
    color:#6f8193;
    display:grid;
    place-items:center;
    gap:3px;
    font-weight:900;
    padding:7px 4px;
    border-radius:16px;
    cursor:pointer;
  }

  .admin-bottom-nav-v33 button b{
    font-size:17px;
    line-height:1;
  }

  .admin-bottom-nav-v33 button span{
    font-size:11px;
  }

  .admin-bottom-nav-v33 button.active{
    background:linear-gradient(135deg,#00866c,#88c641);
    color:#fff;
  }

  .admin-login-v32{
    min-height:100dvh !important;
    padding:16px !important;
  }

  .admin-login-card{
    width:100% !important;
    max-width:420px !important;
    padding:22px 16px !important;
    border-radius:24px !important;
  }
}

@media(max-width:480px){
  .admin-main-v32{
    padding:10px !important;
  }

  .admin-stats-v32{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .admin-stats-v32 article{
    padding:14px 12px !important;
    min-height:106px !important;
  }

  .admin-stats-v32 b{
    font-size:30px !important;
  }

  .table-wrap-v32 td{
    grid-template-columns:96px 1fr !important;
    font-size:13px !important;
  }

  .admin-bottom-nav-v33{
    right:6px;
    left:6px;
    gap:4px;
  }

  .admin-bottom-nav-v33 button span{
    font-size:10px;
  }

  .enterprise-features-v33 article{
    padding:14px !important;
  }
}

@media print{
  .admin-sidebar-v32,
  .admin-mobile-top-v33,
  .admin-bottom-nav-v33,
  .admin-top-actions,
  .toolbar-actions-v33{
    display:none !important;
  }

  .admin-dashboard-v32{
    display:block !important;
  }

  .admin-main-v32{
    padding:0 !important;
  }

  .admin-panel-v32,
  .admin-stats-v32 article{
    box-shadow:none !important;
    break-inside:avoid;
  }
}



/* =========================================================
   V35 LOGIN INPUT FIX DUPLICATE IN MAIN CSS
   إصلاح عدم القدرة على الكتابة في اسم المستخدم وكلمة المرور
   ========================================================= */
.admin-login-pro-v34,
.admin-login-card-v34,
.login-form-v34,
.login-form-v34 label,
.login-form-v34 input,
.login-form-v34 button{
  pointer-events:auto !important;
  user-select:auto !important;
  -webkit-user-select:auto !important;
  touch-action:manipulation !important;
}

.admin-login-pro-v34{
  position:relative !important;
  z-index:99999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100dvh !important;
}

.admin-login-card-v34{
  position:relative !important;
  z-index:100000 !important;
}

.login-form-v34 input{
  position:relative !important;
  z-index:100001 !important;
  pointer-events:auto !important;
  user-select:text !important;
  -webkit-user-select:text !important;
  cursor:text !important;
  opacity:1 !important;
  direction:ltr !important;
  text-align:left !important;
  background:#fff !important;
  color:#123 !important;
}

.login-form-v34 input:focus{
  border-color:#2dbd6e !important;
  box-shadow:0 0 0 4px rgba(45,189,110,.14) !important;
}

.login-form-v34 button{
  position:relative !important;
  z-index:100001 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

/* منع أي طبقة قديمة من تغطية فورم الدخول */
.admin-bg-v32,
.veepn-lock-screen,
.veepn-lock-screen *,
body.admin-page-v32::before,
body.admin-page-v32::after{
  pointer-events:none !important;
}

#adminDashboard[hidden]{
  display:none !important;
  pointer-events:none !important;
}

/* إصلاح خاص للموبايل */
@media(max-width:900px){
  .admin-login-pro-v34{
    padding:16px !important;
  }

  .admin-login-card-v34{
    width:100% !important;
    max-width:420px !important;
  }

  .login-form-v34 input,
  .login-form-v34 button{
    width:100% !important;
    min-height:52px !important;
    font-size:16px !important;
  }
}


/* =========================================================
   V42 BOT + TOAST + HOME DASH COPY CLEANUP
   ========================================================= */
.toast{bottom:auto!important;top:110px!important;left:50%!important;transform:translate(-50%,-12px)!important;z-index:1200!important}
.toast.show{transform:translate(-50%,0)!important}

.msa-faq-bot{left:20px!important;bottom:20px!important;z-index:2147483000!important}
.msa-faq-toggle{padding:10px 14px!important;gap:10px!important;border-radius:999px!important;min-height:56px!important}
.msa-faq-mini-logo{width:26px;height:26px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;box-shadow:0 6px 16px rgba(3,30,54,.12)}
.msa-faq-toggle b{font-size:15px!important;white-space:nowrap}
.msa-faq-window{width:min(380px,calc(100vw - 28px))!important;bottom:68px!important;overflow:clip!important}
.msa-faq-window header{padding:15px 15px 10px!important}
.msa-faq-headline{display:flex;align-items:center;gap:10px}
.msa-faq-head-logo{width:40px;height:40px;object-fit:contain;border-radius:12px;background:#fff;padding:5px;box-shadow:0 6px 18px rgba(3,30,54,.10)}
.faq-body{max-height:330px!important}
.faq-msg.typing{display:flex;align-items:center;gap:10px;background:#eef7fb!important;color:#06395e!important}
.faq-msg.typing small{font-size:12px;font-weight:800;color:#6f8193}
.typing-wrap{display:inline-flex;align-items:center;gap:4px}
.typing-wrap i{width:8px;height:8px;border-radius:50%;background:#0aa18d;display:inline-block;animation:msaTyping 1s infinite ease-in-out}
.typing-wrap i:nth-child(2){animation-delay:.16s}
.typing-wrap i:nth-child(3){animation-delay:.32s}
@keyframes msaTyping{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}

/* remove the dashboard intro copy block on home page */
.dashboard .dash-copy{display:none!important}
.dashboard .dash-grid{grid-template-columns:1fr 1.1fr .9fr!important}

@media(max-width:768px){
  .toast{top:92px!important;max-width:calc(100vw - 24px);text-align:center}
  .msa-faq-bot{left:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
  .msa-faq-toggle{width:auto!important;height:56px!important;padding:10px 14px!important;border-radius:18px!important}
  .msa-faq-toggle b{display:block!important;font-size:13px!important}
  .msa-faq-mini-logo{width:24px;height:24px}
  .msa-faq-window{left:0!important;right:auto!important;width:calc(100vw - 24px)!important;max-height:74vh!important}
  .dashboard .dash-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V43 COMPACT PROFESSIONAL FAQ BOT
   ========================================================= */
.msa-faq-bot{left:18px!important;bottom:18px!important;z-index:2147483000!important}
.msa-faq-toggle{
  position:relative!important;
  min-width:64px!important;
  height:56px!important;
  padding:8px 12px!important;
  gap:8px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(188,205,220,.7)!important;
  box-shadow:0 14px 34px rgba(2,18,35,.16)!important;
  color:#0a3559!important;
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
}
.msa-faq-toggle:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(2,18,35,.2)!important}
.msa-faq-toggle-core{
  position:relative;display:grid;place-items:center;
  width:34px;height:34px;border-radius:12px;
  background:linear-gradient(135deg,#f8fffb,#eefaf6);
  border:1px solid rgba(43,199,130,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.msa-faq-mini-logo{
  width:24px!important;height:24px!important;object-fit:contain;
  border-radius:8px!important;background:transparent!important;padding:0!important;box-shadow:none!important;
}
.msa-faq-toggle-dot{
  position:absolute;left:-2px;top:-2px;width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,#22c55e,#86efac);border:2px solid #fff;box-shadow:0 0 0 4px rgba(34,197,94,.18);
  animation:msaBotPulse 1.9s infinite;
}
@keyframes msaBotPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.35)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.msa-faq-toggle b{font-size:13px!important;font-weight:900!important;letter-spacing:.2px;color:#0a3559!important}
.msa-faq-toggle::after{
  content:'اسأل MSA';
  position:absolute;left:0;bottom:calc(100% + 10px);
  background:#0c2a46;color:#fff;padding:8px 10px;border-radius:10px;
  font-size:12px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;
  transform:translateY(8px);transition:.18s ease;box-shadow:0 10px 24px rgba(0,0,0,.18)
}
.msa-faq-toggle:hover::after{opacity:1;transform:translateY(0)}
.msa-faq-window{
  width:min(360px,calc(100vw - 24px))!important;
  bottom:70px!important;left:0!important;right:auto!important;
  border-radius:24px!important;overflow:hidden!important;
  box-shadow:0 24px 70px rgba(3,30,54,.22)!important;
}
.msa-faq-window header{padding:14px 14px 10px!important}
.msa-faq-head-logo{width:36px!important;height:36px!important;border-radius:10px!important}
.msa-faq-window header strong{font-size:16px!important}
.msa-faq-window header span{font-size:12px!important}

@media(max-width:768px){
  .msa-faq-bot{left:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
  .msa-faq-toggle{min-width:56px!important;width:56px!important;height:56px!important;padding:0!important;justify-content:center!important;border-radius:18px!important}
  .msa-faq-toggle b{display:none!important}
  .msa-faq-toggle::after{display:none!important}
  .msa-faq-window{width:calc(100vw - 20px)!important;bottom:72px!important;max-height:72vh!important}
}


/* =========================================================
   V45 BOT STYLE 3 — FLOATING GLASS
   ========================================================= */
.msa-faq-bot{
  left:18px !important;
  bottom:18px !important;
  z-index:2147483000 !important;
}

.msa-faq-toggle.msa-faq-glass-v45{
  width:auto !important;
  min-width:128px !important;
  height:54px !important;
  padding:8px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border-radius:999px !important;
  color:#ffffff !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
    linear-gradient(135deg, rgba(0,134,108,.38), rgba(136,198,65,.22)) !important;
  border:1px solid rgba(210,255,228,.42) !important;
  box-shadow:
    0 18px 45px rgba(0,35,30,.24),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(160%) !important;
  overflow:visible !important;
  transform:translateZ(0);
}

.msa-faq-toggle.msa-faq-glass-v45::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg, rgba(255,255,255,.28), transparent 38%, rgba(255,255,255,.10));
  pointer-events:none;
}

.msa-faq-toggle.msa-faq-glass-v45:hover{
  transform:translateY(-2px) scale(1.015) !important;
  box-shadow:
    0 24px 58px rgba(0,35,30,.30),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

.msa-glass-logo-v45{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28) !important;
  flex:0 0 34px !important;
}

.msa-glass-logo-v45 img{
  width:25px !important;
  height:25px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.10));
}

.msa-faq-toggle.msa-faq-glass-v45 b{
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
  line-height:1 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.18);
}

.msa-glass-status-v45{
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#79f67d !important;
  box-shadow:0 0 0 4px rgba(121,246,125,.16), 0 0 16px rgba(121,246,125,.55) !important;
  flex:0 0 9px !important;
  animation:msaGlassPulseV45 1.9s ease-in-out infinite;
}

@keyframes msaGlassPulseV45{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.25);opacity:1}
}

.msa-faq-window{
  width:min(370px, calc(100vw - 24px)) !important;
  bottom:72px !important;
  left:0 !important;
  right:auto !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 28px 80px rgba(3,30,54,.24) !important;
  backdrop-filter:blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(160%) !important;
  overflow:hidden !important;
}

.msa-faq-window header{
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(240,255,248,.76)) !important;
  border-bottom:1px solid rgba(12,42,70,.08) !important;
}

.msa-faq-head-logo{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  border-radius:14px !important;
  background:#fff !important;
  padding:5px !important;
  box-shadow:0 8px 20px rgba(3,30,54,.10) !important;
}

.faq-msg.bot{
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(12,42,70,.08) !important;
  box-shadow:0 10px 24px rgba(3,30,54,.06) !important;
}

.faq-msg.user{
  background:linear-gradient(135deg,#00866c,#88c641) !important;
  box-shadow:0 12px 28px rgba(0,134,108,.18) !important;
}

@media(max-width:768px){
  .msa-faq-bot{
    left:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom)) !important;
  }

  .msa-faq-toggle.msa-faq-glass-v45{
    min-width:92px !important;
    height:50px !important;
    padding:7px 11px !important;
    gap:8px !important;
  }

  .msa-glass-logo-v45{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }

  .msa-glass-logo-v45 img{
    width:23px !important;
    height:23px !important;
  }

  .msa-faq-toggle.msa-faq-glass-v45 b{
    font-size:13px !important;
  }

  .msa-glass-status-v45{
    width:8px !important;
    height:8px !important;
    flex-basis:8px !important;
  }

  .msa-faq-window{
    width:calc(100vw - 20px) !important;
    bottom:68px !important;
    max-height:72vh !important;
  }
}


/* =========================================================
   V47 BOT OPEN FIX
   ========================================================= */
.msa-faq-bot,
.msa-faq-bot *{
  pointer-events:auto !important;
}

.msa-faq-toggle.msa-faq-glass-v45{
  cursor:pointer !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  position:relative !important;
  z-index:2 !important;
}

.msa-faq-window[hidden]{
  display:none !important;
}

.msa-faq-bot.open .msa-faq-window{
  display:block !important;
}

.msa-faq-toggle.msa-faq-glass-v45 *{
  pointer-events:none !important;
}


/* =========================================================
   V48 BOT UX IMPROVEMENTS
   ========================================================= */
.msa-faq-bot.open .msa-faq-window{
  display:flex !important;
  flex-direction:column !important;
}

.msa-faq-window{
  max-height:min(640px, 78vh) !important;
}

.msa-faq-window header{
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
  flex-shrink:0 !important;
}

.faq-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
}

.faq-chips{
  position:sticky !important;
  bottom:0 !important;
  z-index:4 !important;
  flex-shrink:0 !important;
  padding:10px 14px 8px !important;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.92) 24%, rgba(255,255,255,.98) 100%) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.faq-chips button{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(7,35,61,.09) !important;
  box-shadow:0 6px 16px rgba(3,30,54,.05) !important;
}

.faq-form{
  flex-shrink:0 !important;
  position:sticky !important;
  bottom:0 !important;
  z-index:5 !important;
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.msa-faq-close{
  position:sticky !important;
  top:0 !important;
  align-self:flex-start !important;
  z-index:6 !important;
}

@media(max-width:768px){
  .msa-faq-window{
    max-height:78vh !important;
  }
}


/* =========================================================
   V49 ENTERPRISE BOT LAYOUT
   ========================================================= */
.msa-faq-enterprise-v49{
  position:fixed !important;
  left:22px !important;
  right:auto !important;
  bottom:22px !important;
  z-index:2147483000 !important;
  direction:rtl !important;
}

.msa-faq-toggle-v49{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:156px !important;
  height:58px !important;
  padding:8px 14px !important;
  border:none !important;
  border-radius:20px !important;
  cursor:pointer !important;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06)), linear-gradient(135deg, rgba(8,52,88,.95), rgba(0,134,108,.92) 58%, rgba(136,198,65,.92)) !important;
  color:#fff !important;
  box-shadow:0 16px 40px rgba(0,20,38,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  backdrop-filter:blur(16px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(145%) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.msa-faq-toggle-v49:hover{transform:translateY(-2px) !important; box-shadow:0 22px 48px rgba(0,20,38,.28), inset 0 1px 0 rgba(255,255,255,.22) !important}
.msa-faq-toggle-v49 *{pointer-events:none !important}
.msa-faq-toggle-icon-v49{
  width:36px !important; height:36px !important; border-radius:14px !important;
  display:grid !important; place-items:center !important; background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.16) !important; flex:0 0 36px !important;
}
.msa-faq-toggle-icon-v49 img{width:26px !important; height:26px !important; object-fit:contain !important; display:block !important}
.msa-faq-toggle-text-v49{display:flex !important; flex-direction:column !important; align-items:flex-start !important; line-height:1.08 !important}
.msa-faq-toggle-text-v49 b{font-size:16px !important; font-weight:900 !important; color:#fff !important}
.msa-faq-toggle-text-v49 small{font-size:11px !important; font-weight:700 !important; color:rgba(255,255,255,.84) !important}
.msa-faq-toggle-status-v49{width:9px !important; height:9px !important; border-radius:50% !important; background:#8df274 !important; box-shadow:0 0 0 5px rgba(141,242,116,.16), 0 0 12px rgba(141,242,116,.5) !important; flex:0 0 9px !important}

.msa-faq-window-v49[hidden]{display:none !important}
.msa-faq-enterprise-v49.open .msa-faq-window-v49{
  display:flex !important;
  flex-direction:column !important;
  position:absolute !important;
  left:0 !important;
  right:auto !important;
  bottom:78px !important;
  width:min(420px, calc(100vw - 32px)) !important;
  max-height:min(560px, calc(100vh - 150px)) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:rgba(248,251,254,.94) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 28px 90px rgba(5,25,46,.28) !important;
  backdrop-filter:blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(140%) !important;
  animation:msaBotInV49 .24s ease !important;
}
@keyframes msaBotInV49{from{opacity:0; transform:translateY(12px) scale(.98)}to{opacity:1; transform:translateY(0) scale(1)}}

.msa-faq-window-v49 header{
  position:sticky !important; top:0 !important; z-index:8 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:12px !important; padding:16px 16px 12px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(242,247,251,.93)) !important;
  border-bottom:1px solid rgba(10,40,68,.08) !important;
}
.msa-faq-window-v49 .msa-faq-headline{display:flex !important; align-items:center !important; gap:10px !important}
.msa-faq-window-v49 .msa-faq-head-logo{
  width:38px !important; height:38px !important; border-radius:14px !important; background:#fff !important; padding:5px !important;
  box-shadow:0 10px 24px rgba(6,30,50,.10) !important;
}
.msa-faq-window-v49 header strong{display:block !important; color:#0a3559 !important; font-size:20px !important; font-weight:900 !important}
.msa-faq-window-v49 header span{display:block !important; color:#6d8092 !important; font-size:12px !important; font-weight:800 !important}
.msa-faq-close{
  flex:0 0 auto !important;
  width:40px !important; height:40px !important; border-radius:14px !important;
  border:1px solid rgba(10,40,68,.10) !important; background:#fff !important; color:#6b7e91 !important;
  box-shadow:0 8px 18px rgba(6,30,50,.06) !important; cursor:pointer !important;
}

.msa-faq-window-v49 .faq-body{
  flex:1 1 auto !important; min-height:0 !important; overflow:auto !important;
  padding:14px 14px 8px !important; background:linear-gradient(180deg, rgba(245,249,252,.78), rgba(255,255,255,.66)) !important;
}
.msa-faq-window-v49 .faq-msg{font-size:15px !important; line-height:1.85 !important; border-radius:18px !important}
.msa-faq-window-v49 .faq-msg.bot{
  background:#ffffff !important; border:1px solid rgba(11,42,69,.08) !important; color:#12385a !important;
  box-shadow:0 10px 26px rgba(5,25,46,.05) !important;
}
.msa-faq-window-v49 .faq-msg.user{
  background:linear-gradient(135deg,#00866c,#88c641) !important; color:#fff !important;
  box-shadow:0 14px 30px rgba(0,134,108,.20) !important;
}

.faq-chips-v49{
  flex-shrink:0 !important;
  padding:10px 14px 8px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:8px !important;
  background:linear-gradient(180deg, rgba(244,249,252,.65), rgba(255,255,255,.95)) !important;
  border-top:1px solid rgba(10,40,68,.06) !important;
}
.faq-chips-v49 button{
  min-height:42px !important; padding:10px 8px !important; border-radius:14px !important;
  background:#fff !important; border:1px solid rgba(10,40,68,.08) !important;
  color:#12385a !important; font-size:13px !important; font-weight:800 !important;
  box-shadow:0 8px 16px rgba(6,30,50,.04) !important; transition:all .18s ease !important;
}
.faq-chips-v49 button:hover{transform:translateY(-1px) !important; border-color:rgba(0,134,108,.28) !important; box-shadow:0 10px 18px rgba(6,30,50,.07) !important}

.faq-form-v49{
  flex-shrink:0 !important;
  display:grid !important; grid-template-columns:1fr 54px !important; align-items:center !important;
  gap:10px !important; padding:12px 14px 14px !important;
  background:#fff !important; border-top:1px solid rgba(10,40,68,.06) !important;
}
.faq-form-v49 input{
  width:100% !important; min-height:54px !important; padding:0 18px !important; border-radius:16px !important;
  border:1px solid rgba(10,40,68,.10) !important; background:#fbfdff !important; color:#0a3559 !important;
  font-size:16px !important; outline:none !important;
}
.faq-form-v49 input:focus{border-color:rgba(0,134,108,.35) !important; box-shadow:0 0 0 4px rgba(0,134,108,.10) !important}
.faq-form-v49 button{
  width:54px !important; min-width:54px !important; height:54px !important; border:none !important; border-radius:16px !important;
  background:linear-gradient(135deg,#083458,#00866c 55%, #88c641) !important; color:#fff !important; font-size:18px !important;
  box-shadow:0 12px 26px rgba(0,134,108,.18) !important;
}

@media (max-width: 768px){
  .msa-faq-enterprise-v49{
    left:12px !important; right:auto !important; bottom:calc(12px + env(safe-area-inset-bottom)) !important;
  }
  .msa-faq-toggle-v49{
    min-width:58px !important; width:58px !important; height:58px !important; padding:0 !important; border-radius:18px !important; justify-content:center !important;
  }
  .msa-faq-toggle-text-v49,.msa-faq-toggle-status-v49{display:none !important}
  .msa-faq-enterprise-v49.open .msa-faq-window-v49{
    left:0 !important; right:auto !important; bottom:72px !important; width:min(392px, calc(100vw - 16px)) !important;
    max-height:min(70vh, 560px) !important; border-radius:24px !important;
  }
  .faq-chips-v49{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .faq-form-v49{grid-template-columns:1fr 50px !important}
  .faq-form-v49 button{width:50px !important; min-width:50px !important; height:50px !important}
  .faq-form-v49 input{min-height:50px !important; font-size:15px !important}
}


/* =========================================================
   V51 NEWS GRID FIX
   تنسيق الأخبار: كروت متساوية وفي صفوف منتظمة
   ========================================================= */
.news,
.news-page,
#news,
.section-news{
  overflow-x:hidden !important;
}

.news-grid,
.news-list,
.news-cards,
.updates-grid,
.blog-grid,
.articles-grid,
.latest-news-grid,
#newsGrid,
#newsList{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(260px, 1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  width:min(1180px, calc(100% - 32px)) !important;
  margin:0 auto !important;
}

.news-grid > *,
.news-list > *,
.news-cards > *,
.updates-grid > *,
.blog-grid > *,
.articles-grid > *,
.latest-news-grid > *,
#newsGrid > *,
#newsList > *{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  align-self:stretch !important;
}

.news-card,
.article-card,
.update-card,
.blog-card,
.news-item,
.card-news{
  height:100% !important;
  min-height:360px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:26px !important;
  overflow:hidden !important;
}

.news-card img,
.article-card img,
.update-card img,
.blog-card img,
.news-item img,
.card-news img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  display:block !important;
}

.news-card .content,
.news-card .news-content,
.article-card .content,
.update-card .content,
.blog-card .content,
.news-item .content,
.card-news .content{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.news-card h3,
.article-card h3,
.update-card h3,
.blog-card h3,
.news-item h3,
.card-news h3{
  min-height:58px !important;
  line-height:1.45 !important;
}

.news-card p,
.article-card p,
.update-card p,
.blog-card p,
.news-item p,
.card-news p{
  flex:1 !important;
  line-height:1.8 !important;
}

/* لو عندك فلتر فوق الأخبار */
.news-filter,
.news-tabs,
.filter-tabs,
.news-categories{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-bottom:34px !important;
}

@media(max-width:1024px){
  .news-grid,
  .news-list,
  .news-cards,
  .updates-grid,
  .blog-grid,
  .articles-grid,
  .latest-news-grid,
  #newsGrid,
  #newsList{
    grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
  }
}

@media(max-width:640px){
  .news-grid,
  .news-list,
  .news-cards,
  .updates-grid,
  .blog-grid,
  .articles-grid,
  .latest-news-grid,
  #newsGrid,
  #newsList{
    grid-template-columns:1fr !important;
    width:min(420px, calc(100% - 24px)) !important;
    gap:18px !important;
  }

  .news-card,
  .article-card,
  .update-card,
  .blog-card,
  .news-item,
  .card-news{
    min-height:auto !important;
    border-radius:22px !important;
  }

  .news-card img,
  .article-card img,
  .update-card img,
  .blog-card img,
  .news-item img,
  .card-news img{
    height:180px !important;
  }

  .news-card h3,
  .article-card h3,
  .update-card h3,
  .blog-card h3,
  .news-item h3,
  .card-news h3{
    min-height:auto !important;
  }
}


/* =========================================================
   V52 POLISH: news layout + premium bot logo + svg icons
   ========================================================= */

/* Better news layout: force equal cards in one structured row */
.news-latest-v27 .container{max-width:1280px !important}
.news-layout-v27{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:26px !important;
  align-items:stretch !important;
  justify-content:center !important;
}
.news-layout-v27 > .news-card-v27{
  flex:1 1 calc(25% - 20px) !important;
  min-width:260px !important;
  max-width:calc(25% - 20px) !important;
  width:auto !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
}
.news-layout-v27 > .news-card-v27 .news-card-media{height:220px !important}
.news-layout-v27 > .news-card-v27 .news-card-body{display:flex !important; flex-direction:column !important; flex:1 !important}
.news-layout-v27 > .news-card-v27 .news-card-body h3{min-height:66px !important}
.news-layout-v27 > .news-card-v27 .news-card-body p{flex:1 !important}
.news-featured-v27 .container{max-width:1280px !important}
@media(max-width:1180px){
  .news-layout-v27 > .news-card-v27{flex-basis:calc(50% - 14px) !important; max-width:calc(50% - 14px) !important; min-width:0 !important}
}
@media(max-width:680px){
  .news-layout-v27{gap:18px !important}
  .news-layout-v27 > .news-card-v27{flex-basis:100% !important; max-width:100% !important}
  .news-layout-v27 > .news-card-v27 .news-card-media{height:200px !important}
  .news-layout-v27 > .news-card-v27 .news-card-body h3{min-height:auto !important}
}

/* Premium vector mode toggle instead of system emoji */
.mode-toggle{
  position:relative !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
}
.mode-toggle::before{
  content:'';
  width:19px;
  height:19px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z' stroke='%23083a5e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-theme='dark'] .mode-toggle::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='4.2' stroke='%23ffd76a' stroke-width='1.8'/%3E%3Cpath d='M12 2.5v2.3M12 19.2v2.3M4.8 4.8l1.6 1.6M17.6 17.6l1.6 1.6M2.5 12h2.3M19.2 12h2.3M4.8 19.2l1.6-1.6M17.6 6.4l1.6-1.6' stroke='%23ffd76a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Bot launcher and header: clearer branded bot mark */
.msa-faq-toggle-v49{
  min-width:168px !important;
  border-radius:18px !important;
}
.msa-faq-toggle-icon-v49,
.msa-faq-window-v49 .msa-faq-head-logo{
  background:linear-gradient(135deg,#0a3559,#00866c 60%,#88c641) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 12px 26px rgba(6,30,50,.16) !important;
  padding:0 !important;
}
.msa-faq-toggle-icon-v49{
  width:40px !important;height:40px !important;border-radius:15px !important;flex:0 0 40px !important;
}
.msa-faq-window-v49 .msa-faq-head-logo{
  width:40px !important;height:40px !important;border-radius:15px !important;
}
.msa-faq-toggle-icon-v49 img,
.msa-faq-window-v49 .msa-faq-head-logo img{display:none !important}
.msa-faq-toggle-icon-v49::before,
.msa-faq-window-v49 .msa-faq-head-logo::before{
  content:'';
  width:24px;
  height:24px;
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='10' y='16' width='44' height='32' rx='14' fill='white' fill-opacity='.18' stroke='white' stroke-opacity='.55'/%3E%3Crect x='18' y='24' width='28' height='18' rx='9' fill='white'/%3E%3Ccircle cx='28' cy='33' r='2.5' fill='%230a3559'/%3E%3Ccircle cx='36' cy='33' r='2.5' fill='%230a3559'/%3E%3Cpath d='M28 38c1.7 1.5 6.3 1.5 8 0' stroke='%2300866c' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M32 16V10' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='8' r='3' fill='%2388c641'/%3E%3C/svg%3E");
}
.msa-faq-toggle-text-v49 b{letter-spacing:.2px !important}
.msa-faq-toggle-text-v49 small{opacity:.92 !important}
.msa-faq-window-v49 header strong{font-size:19px !important}
.msa-faq-close{
  position:relative !important;
  font-size:0 !important;
}
.msa-faq-close::before{
  content:'';
  width:16px;
  height:16px;
  display:block;
  margin:auto;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6l12 12M18 6 6 18' stroke='%236b7e91' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.faq-form-v49 button{
  position:relative !important;
  font-size:0 !important;
}
.faq-form-v49 button::before{
  content:'';
  width:20px;
  height:20px;
  display:block;
  margin:auto;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m4 12 14-7-3 7 3 7-14-7Z' fill='white'/%3E%3Cpath d='M15 12H6' stroke='%23008367' stroke-opacity='.0'/%3E%3C/svg%3E");
}

/* Make bot opening feel more premium on desktop */
.msa-faq-enterprise-v49.open .msa-faq-window-v49{
  width:min(410px, calc(100vw - 34px)) !important;
}

/* Optional premium social placeholders */
.social a{
  position:relative;
  font-size:0 !important;
}
.social a::before{
  content:attr(data-label);
  font-size:14px;
  font-weight:800;
}
/* =========================================================
   V53 FINAL POLISH: premium SVG icons + bot + news layout
   ========================================================= */

:root{
  --ui-icon-blue:#0b3558;
  --ui-icon-teal:#0aa0d8;
  --ui-icon-green:#88c641;
  --ui-soft-grad:linear-gradient(135deg,rgba(10,160,216,.14),rgba(136,198,65,.18));
}

/* shared icon shells */
.service-card .icon,
.overview-icon,
.leaf-mark,
.project-location span,
.nav-v37 button i,
.search-v37 i,
button[data-jump] span,
#themeEmojiV42,
.mode-toggle,
.hero .eyebrow::before,
.hero-card .leaf-mark::before{
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* Header mode button */
.mode-toggle{position:relative !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important}
.mode-toggle::before{
  content:'';display:block;width:19px;height:19px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z' stroke='%230b3558' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-theme='dark'] .mode-toggle::before,
#themeEmojiV42[data-mode='dark']::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='4.2' stroke='%23ffd76a' stroke-width='1.8'/%3E%3Cpath d='M12 2.5v2.3M12 19.2v2.3M4.8 4.8l1.6 1.6M17.6 17.6l1.6 1.6M2.5 12h2.3M19.2 12h2.3M4.8 19.2l1.6-1.6M17.6 6.4l1.6-1.6' stroke='%23ffd76a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Hero eyebrow and mark */
.hero .eyebrow{gap:10px !important}
.hero .eyebrow::before,
.leaf-mark::before{
  content:'';display:inline-block;width:18px;height:18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 14c0-4.8 4-8.6 11.5-9-1.1 7.4-4.8 11.4-9.4 11.4C5.5 16.4 5 15.1 5 14Z' fill='%2388c641'/%3E%3Cpath d='M8 15c2.2-1.6 4.6-3.8 7.2-7' stroke='%230aa0d8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
.leaf-mark{font-size:0 !important;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--ui-soft-grad);border:1px solid rgba(136,198,65,.28)}
.leaf-mark::before{width:26px;height:26px}

/* premium icon cards */
.service-card .icon,
.overview-icon{
  width:58px;height:58px;display:grid;place-items:center;
  border-radius:20px;background:var(--ui-soft-grad);
  border:1px solid rgba(8,53,88,.08);box-shadow:0 14px 32px rgba(8,53,88,.08);
  position:relative;font-size:0 !important;line-height:0 !important;overflow:hidden;
}
.service-card .icon::before,
.overview-icon::before,
.project-location span::before,
.nav-v37 button i::before,
.search-v37 i::before,
button[data-jump] span::before,
#themeEmojiV42::before{
  content:'';display:block;width:26px;height:26px;background-repeat:no-repeat;background-position:center;background-size:contain;
}
/* home service icons */
.service-grid.mini .service-card:nth-child(1) .icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 8.5h10v7H3z' fill='%230b3558'/%3E%3Cpath d='M13 10h3.4l2.1 2.2V15H13v-5Z' fill='%230aa0d8'/%3E%3Ccircle cx='7' cy='17' r='2' fill='%2388c641'/%3E%3Ccircle cx='17' cy='17' r='2' fill='%2388c641'/%3E%3Cpath d='M5 6h6' stroke='%2388c641' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.service-grid.mini .service-card:nth-child(2) .icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3c3.5 0 6.4 2.3 7.4 5.4' stroke='%230aa0d8' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='m18.6 4.8.8 3.4-3.4.9' stroke='%230aa0d8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21a7.9 7.9 0 0 1-7.5-5.5' stroke='%2388c641' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='m5.5 18.7-1-3.3 3.3-1.1' stroke='%2388c641' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.service-grid.mini .service-card:nth-child(3) .icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 14.5C6 10 9.7 6.4 17 6c-1 7.1-4.6 10.9-8.9 10.9-1.4 0-2.1-.9-2.1-2.4Z' fill='%2388c641'/%3E%3Cpath d='M8.5 15.5c1.8-1.4 4.3-3.6 7-6.9' stroke='%230aa0d8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.service-grid.mini .service-card:nth-child(4) .icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8.2a3.8 3.8 0 1 1 0 7.6 3.8 3.8 0 0 1 0-7.6Z' stroke='%230b3558' stroke-width='1.8'/%3E%3Cpath d='M12 3v2.2M12 18.8V21M3 12h2.2M18.8 12H21M5.4 5.4l1.5 1.5M17.1 17.1l1.5 1.5M5.4 18.6l1.5-1.5M17.1 6.9l1.5-1.5' stroke='%230aa0d8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
/* services overview icons */
.services-overview-grid .overview-card:nth-child(1) .overview-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.2 2 5.8 13h4.9l-.8 9L18.2 11h-5l.8-9Z' fill='%23ff9f2e' stroke='%23ff7a00' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E")}
.services-overview-grid .overview-card:nth-child(2) .overview-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3l6 2.4v5.7c0 4.1-2.4 7.5-6 9-3.6-1.5-6-4.9-6-9V5.4L12 3Z' fill='%230aa0d8' fill-opacity='.14' stroke='%230aa0d8' stroke-width='1.7'/%3E%3Cpath d='M12 7.3v7.2' stroke='%2388c641' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M8.9 10.4h6.2' stroke='%2388c641' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.services-overview-grid .overview-card:nth-child(3) .overview-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 18V9' stroke='%230aa0d8' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 18V5' stroke='%230b3558' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 18v-7' stroke='%2388c641' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4 18.5h16' stroke='%238aa0b3' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}
/* projects pin */
.project-location span{display:inline-grid !important;place-items:center;font-size:0 !important;width:20px;height:20px}
.project-location span::before{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11Z' fill='%230aa0d8' fill-opacity='.16' stroke='%230aa0d8' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='10' r='2.4' fill='%2388c641'/%3E%3C/svg%3E")}

/* admin icons */
.nav-v37 button i,
.search-v37 i,
button[data-jump] span,
#themeEmojiV42{display:inline-grid !important;place-items:center;font-size:0 !important;line-height:0 !important;position:relative;overflow:hidden}
.nav-v37 button i{width:18px;height:18px}
.search-v37 i{width:16px;height:16px;flex:0 0 16px}
button[data-jump] span{width:18px;height:18px}
#themeEmojiV42{width:18px;height:18px}
.nav-v37 button[data-tab='overview'] i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 10.5 12 4l8 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18.5v-8Z' stroke='%230b3558' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M9.2 20v-5.5h5.6V20' stroke='%230aa0d8' stroke-width='1.7'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='contacts'] i::before, button[data-jump='contacts'] span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='4' y='6' width='16' height='12' rx='2.5' stroke='%230b3558' stroke-width='1.7'/%3E%3Cpath d='m6 8 6 4 6-4' stroke='%230aa0d8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='jobs'] i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='5' y='7' width='14' height='12' rx='2.5' stroke='%230b3558' stroke-width='1.7'/%3E%3Cpath d='M9 7V5.8A1.8 1.8 0 0 1 10.8 4h2.4A1.8 1.8 0 0 1 15 5.8V7' stroke='%230aa0d8' stroke-width='1.7'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='visitors'] i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2.5 12s3.7-6 9.5-6 9.5 6 9.5 6-3.7 6-9.5 6-9.5-6-9.5-6Z' stroke='%230b3558' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%2388c641'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='users'] i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='9' cy='9' r='3' stroke='%230b3558' stroke-width='1.7'/%3E%3Ccircle cx='16.5' cy='10.5' r='2.5' stroke='%230aa0d8' stroke-width='1.7'/%3E%3Cpath d='M4.5 19a4.8 4.8 0 0 1 9 0' stroke='%2388c641' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M14.2 18.5a3.8 3.8 0 0 1 5 0' stroke='%230aa0d8' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='activity'] i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6' stroke='%230b3558' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M20 4v5h-5' stroke='%230aa0d8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='security'] i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3l6 2.4v5.7c0 4.1-2.4 7.5-6 9-3.6-1.5-6-4.9-6-9V5.4L12 3Z' fill='%230aa0d8' fill-opacity='.14' stroke='%230aa0d8' stroke-width='1.7'/%3E%3Cpath d='M9.2 12.2 11 14l3.8-4' stroke='%2388c641' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.nav-v37 button[data-tab='settings'] i::before, button[data-jump='settings'] span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8.4a3.6 3.6 0 1 1 0 7.2 3.6 3.6 0 0 1 0-7.2Z' stroke='%230b3558' stroke-width='1.7'/%3E%3Cpath d='M12 3v2.1M12 18.9V21M3 12h2.1M18.9 12H21M5.3 5.3l1.5 1.5M17.2 17.2l1.5 1.5M5.3 18.7l1.5-1.5M17.2 6.8l1.5-1.5' stroke='%230aa0d8' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.search-v37 i::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='6' stroke='%230b3558' stroke-width='1.9'/%3E%3Cpath d='m16 16 4 4' stroke='%230aa0d8' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E")}
#themeEmojiV42::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z' stroke='%230b3558' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
[data-theme='dark'] #themeEmojiV42::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='4.2' stroke='%23ffd76a' stroke-width='1.8'/%3E%3Cpath d='M12 2.5v2.3M12 19.2v2.3M4.8 4.8l1.6 1.6M17.6 17.6l1.6 1.6M2.5 12h2.3M19.2 12h2.3M4.8 19.2l1.6-1.6M17.6 6.4l1.6-1.6' stroke='%23ffd76a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}

/* Bot launcher refinement */
.msa-faq-enterprise-v49{left:18px !important;right:auto !important;bottom:18px !important;z-index:88 !important}
.msa-faq-toggle-v49{
  min-width:auto !important;width:auto !important;padding:12px 16px 12px 12px !important;gap:12px !important;
  border-radius:22px !important;background:linear-gradient(135deg,rgba(8,53,88,.92),rgba(0,134,108,.92)) !important;
  border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 18px 40px rgba(5,24,44,.22) !important;
}
.msa-faq-toggle-icon-v49,
.msa-faq-window-v49 .msa-faq-head-logo{background:linear-gradient(135deg,#0b3558,#0aa0d8 55%,#88c641) !important}
.msa-faq-toggle-icon-v49{width:44px !important;height:44px !important;border-radius:16px !important;flex:0 0 44px !important}
.msa-faq-window-v49 .msa-faq-head-logo{width:42px !important;height:42px !important;border-radius:15px !important}
.msa-faq-toggle-icon-v49::before,
.msa-faq-window-v49 .msa-faq-head-logo::before{width:26px !important;height:26px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='10' y='16' width='44' height='32' rx='14' fill='white' fill-opacity='.18' stroke='white' stroke-opacity='.55'/%3E%3Crect x='18' y='24' width='28' height='18' rx='9' fill='white'/%3E%3Ccircle cx='28' cy='33' r='2.5' fill='%230b3558'/%3E%3Ccircle cx='36' cy='33' r='2.5' fill='%230b3558'/%3E%3Cpath d='M28 38c1.7 1.5 6.3 1.5 8 0' stroke='%2300866c' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M32 16V10' stroke='white' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='8' r='3' fill='%2388c641'/%3E%3C/svg%3E") !important}
.msa-faq-toggle-text-v49{display:flex !important;flex-direction:column !important;gap:2px !important}
.msa-faq-toggle-text-v49 b{font-size:17px !important;color:#fff !important}
.msa-faq-toggle-text-v49 small{font-size:12px !important;color:rgba(255,255,255,.82) !important}
.msa-faq-toggle-status-v49{display:none !important}
.msa-faq-window-v49{border-radius:28px !important;overflow:hidden !important;box-shadow:0 28px 70px rgba(5,24,44,.22) !important}
.msa-faq-window-v49 header{position:sticky !important;top:0 !important;z-index:2 !important;background:rgba(255,255,255,.94) !important;backdrop-filter:blur(12px) !important}
[data-theme='dark'] .msa-faq-window-v49 header{background:rgba(5,23,42,.92) !important}
.msa-faq-window-v49 .faq-chips{padding-top:6px !important}
.msa-faq-window-v49 .faq-chips button{border-radius:999px !important}

/* News page: one featured + 3 equal cards under it */
.news-featured-v27 .container,.news-latest-v27 .container{max-width:1200px !important}
.news-layout-v27{display:grid !important;grid-template-columns:repeat(3,minmax(280px,1fr)) !important;gap:26px !important;justify-content:center !important}
.news-layout-v27 > .news-card-v27{max-width:none !important;min-width:0 !important;width:100% !important;display:flex !important;flex-direction:column !important;height:100% !important}
.news-layout-v27 > .news-card-v27 .news-card-media{height:240px !important}
.news-layout-v27 > .news-card-v27 .news-card-body{flex:1 !important;display:flex !important;flex-direction:column !important}
.news-layout-v27 > .news-card-v27 .news-card-body p{flex:1 !important}
@media(max-width:1024px){.news-layout-v27{grid-template-columns:repeat(2,minmax(240px,1fr)) !important}}
@media(max-width:680px){.news-layout-v27{grid-template-columns:1fr !important;gap:18px !important}.news-layout-v27>.news-card-v27 .news-card-media{height:210px !important}}

/* V54: compact circular bot launcher only */
.msa-faq-enterprise-v49{
  left:18px !important;
  right:auto !important;
  bottom:18px !important;
}
.msa-faq-toggle-v49{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  padding:0 !important;
  gap:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#0b3558 0%, #0aa0d8 52%, #88c641 100%) !important;
  box-shadow:0 18px 42px rgba(5,24,44,.26) !important;
}
.msa-faq-toggle-text-v49,
.msa-faq-toggle-status-v49{
  display:none !important;
}
.msa-faq-toggle-icon-v49{
  width:62px !important;
  height:62px !important;
  flex:0 0 62px !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  position:relative !important;
}
.msa-faq-toggle-icon-v49 img,
.msa-faq-toggle-icon-v49 .msa-bot-badge{
  display:none !important;
}
.msa-faq-toggle-icon-v49::before{
  content:'' !important;
  display:block !important;
  width:32px !important;
  height:32px !important;
  margin:auto !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='8' y1='8' x2='56' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23E9FFF4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='12' y='18' width='40' height='28' rx='12' fill='url(%23g)'/%3E%3Crect x='18' y='24' width='28' height='16' rx='8' fill='%230b3558' fill-opacity='.08'/%3E%3Ccircle cx='26' cy='32' r='3' fill='%230b3558'/%3E%3Ccircle cx='38' cy='32' r='3' fill='%230b3558'/%3E%3Cpath d='M25.5 38c2.8 2 10.2 2 13 0' stroke='%2300866c' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M32 18V11' stroke='white' stroke-width='4.2' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='9' r='3.2' fill='%2388c641'/%3E%3Cpath d='M17 25l-5 4 5 4M47 25l5 4-5 4' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' opacity='.8'/%3E%3C/svg%3E") !important;
}
@media (max-width: 640px){
  .msa-faq-enterprise-v49{left:14px !important; bottom:14px !important;}
  .msa-faq-toggle-v49,
  .msa-faq-toggle-icon-v49{width:58px !important; height:58px !important; min-width:58px !important; flex-basis:58px !important;}
  .msa-faq-toggle-icon-v49::before{width:30px !important; height:30px !important;}
}


/* =========================================================
   V57 NEWS DESIGN 2 — Featured + 3 Cards
   ========================================================= */
.news-page-v57 .header{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(16px)!important;box-shadow:0 10px 35px rgba(7,35,61,.07)!important}
.news-page-v57 .nav{color:var(--ink)!important}
.news-page-v57 .nav-actions .mode-toggle,
.news-page-v57 .nav-actions .lang,
.news-page-v57 .nav-actions .menu{background:var(--card)!important;color:var(--ink)!important;border-color:var(--border)!important}
.news-v57{min-height:100vh;padding:132px 0 92px;background:radial-gradient(circle at 12% 12%,rgba(136,198,65,.13),transparent 28%),radial-gradient(circle at 85% 10%,rgba(10,160,216,.14),transparent 30%)}
.news-shell-v57{max-width:1240px!important}
.news-head-v57{margin-bottom:22px!important}
.news-head-v57 h1{font-size:clamp(38px,4.4vw,62px)!important}
.news-head-v57 p{max-width:780px;margin-inline:auto}
.news-filter-v57{margin:18px auto 34px!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}
.news-filter-v57 .news-filter{min-width:82px;border-radius:999px!important;padding:10px 18px!important}
.news-featured-v57{max-width:1120px;margin:0 auto 28px}
.featured-news-card-v57{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:28px;align-items:stretch;background:rgba(255,255,255,.82);border:1px solid rgba(7,35,61,.08);border-radius:34px;padding:20px;box-shadow:0 28px 80px rgba(7,35,61,.12);backdrop-filter:blur(14px)}
.featured-news-image-v57{position:relative;overflow:hidden;border-radius:26px;min-height:310px}
.featured-news-image-v57 img{width:100%;height:100%;object-fit:cover}
.featured-news-image-v57:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,30,54,.02),rgba(3,30,54,.44))}
.featured-news-image-v57 span{position:absolute;top:18px;right:18px;z-index:2;padding:9px 14px;border-radius:999px;color:#fff;font-weight:900;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px)}
.featured-news-copy-v57{display:flex;flex-direction:column;justify-content:center;padding:18px 10px}
.featured-news-copy-v57 time{color:var(--green2);font-weight:900}
.featured-news-copy-v57 h2{color:var(--blue);font-size:clamp(28px,3.2vw,42px);line-height:1.25;margin:10px 0 14px}
.featured-news-copy-v57 p{color:var(--muted);font-size:18px;margin:0}
.featured-news-meta-v57{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.featured-news-meta-v57 span{padding:9px 13px;border-radius:999px;color:var(--green2);background:rgba(0,134,108,.08);font-weight:900}
.news-grid-v57{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.news-card-v57{background:rgba(255,255,255,.86);border:1px solid rgba(7,35,61,.08);border-radius:28px;overflow:hidden;box-shadow:0 18px 55px rgba(7,35,61,.09);display:flex;flex-direction:column;min-height:430px;transition:.3s ease}
.news-card-v57:hover{transform:translateY(-8px);box-shadow:0 28px 80px rgba(7,35,61,.14)}
.news-card-media-v57{height:205px;position:relative;overflow:hidden}
.news-card-media-v57 img{width:100%;height:100%;object-fit:cover;transition:.45s ease}
.news-card-v57:hover .news-card-media-v57 img{transform:scale(1.06)}
.news-card-media-v57:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,30,54,.03),rgba(3,30,54,.50))}
.news-card-media-v57 span{position:absolute;right:16px;bottom:16px;z-index:2;color:#fff;font-weight:900;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.news-card-body-v57{padding:22px;display:flex;flex-direction:column;flex:1}
.news-card-body-v57 time{color:var(--green2);font-weight:900}
.news-card-body-v57 h3{color:var(--blue);font-size:22px;line-height:1.45;margin:10px 0}
.news-card-body-v57 p{color:var(--muted);margin:0;line-height:1.85;flex:1}
.news-featured-v57.hide,.news-card-v57.hide{display:none!important}
.news-empty-state-v57[hidden]{display:none!important}
.news-empty-state-v57{max-width:520px;margin:24px auto 0;padding:20px 24px;text-align:center;border:1px dashed rgba(7,35,61,.18);border-radius:22px;background:rgba(255,255,255,.62);display:grid;gap:8px}
.news-empty-state-v57 strong{color:var(--blue)}
.news-empty-state-v57 span{color:var(--muted)}
@media(max-width:1024px){.featured-news-card-v57{grid-template-columns:1fr}.featured-news-image-v57{min-height:280px}.news-grid-v57{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.news-v57{padding-top:112px}.news-filter-v57 .news-filter{min-width:auto;padding:9px 14px!important}.featured-news-card-v57{padding:14px;border-radius:26px}.featured-news-image-v57{min-height:220px;border-radius:22px}.featured-news-copy-v57{padding:10px 4px}.news-grid-v57{grid-template-columns:1fr;gap:18px}.news-card-v57{min-height:auto}.news-card-media-v57{height:200px}}
.msa-faq-window-v49 .msa-faq-head-logo{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:50%!important}
.msa-faq-window-v49 .msa-faq-head-logo::before{width:34px!important;height:34px!important}

/* =========================================================
   V58 BOT HEADER ICON BIGGER INSIDE OPEN WINDOW
   ========================================================= */
.msa-faq-window-v49 .msa-faq-head-logo{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  border-radius:50% !important;
}
.msa-faq-window-v49 .msa-faq-head-logo::before{
  width:46px !important;
  height:46px !important;
  background-size:contain !important;
}
@media (max-width:640px){
  .msa-faq-window-v49 .msa-faq-head-logo{
    width:60px !important;
    height:60px !important;
    flex:0 0 60px !important;
  }
  .msa-faq-window-v49 .msa-faq-head-logo::before{
    width:42px !important;
    height:42px !important;
  }
}

/* V59 BOT HEADER ICON FULL SIZE */
.msa-faq-window-v49 .msa-faq-head-logo{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  min-width:72px!important;
  border-radius:50%!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#075bb4 0%,#08a9dc 48%,#55c95b 100%)!important;
  box-shadow:0 16px 34px rgba(7,91,180,.22),inset 0 1px 0 rgba(255,255,255,.40)!important;
  overflow:hidden!important;
  position:relative!important;
}
.msa-faq-window-v49 .msa-faq-head-logo img{display:none!important}
.msa-faq-window-v49 .msa-faq-head-logo::before{
  content:""!important;
  width:56px!important;
  height:44px!important;
  border-radius:21px!important;
  background:#fff!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:55%!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:inset 0 -6px 0 rgba(10,160,216,.09),0 4px 8px rgba(0,0,0,.08)!important;
}
.msa-faq-window-v49 .msa-faq-head-logo::after{
  content:""!important;
  width:44px!important;
  height:36px!important;
  border-radius:18px!important;
  position:absolute!important;
  left:50%!important;
  top:56%!important;
  transform:translate(-50%,-50%)!important;
  background:
    radial-gradient(circle at 34% 45%,#0b3558 0 4px,transparent 4.5px),
    radial-gradient(circle at 66% 45%,#0b3558 0 4px,transparent 4.5px),
    linear-gradient(#00866c,#00866c) center 70%/18px 4px no-repeat,
    transparent!important;
  border-radius:18px!important;
}
.msa-faq-window-v49 .msa-faq-head-logo span{display:none!important}
.msa-faq-window-v49 .msa-faq-head-logo{
  --antenna:linear-gradient(#fff,#fff) center 5px/4px 16px no-repeat;
}
@media(max-width:640px){
  .msa-faq-window-v49 .msa-faq-head-logo{width:68px!important;height:68px!important;flex-basis:68px!important;min-width:68px!important}
  .msa-faq-window-v49 .msa-faq-head-logo::before{width:54px!important;height:42px!important}
  .msa-faq-window-v49 .msa-faq-head-logo::after{width:42px!important;height:34px!important}
}

.msa-faq-window-v49 .msa-faq-head-logo{
  background:
    radial-gradient(circle at 50% 6%,#88c641 0 5px,transparent 5.5px),
    linear-gradient(#fff,#fff) center 7px/4px 17px no-repeat,
    linear-gradient(145deg,#075bb4 0%,#08a9dc 48%,#55c95b 100%)!important;
}


/* =========================================================
   V69 — UNIFIED NAV ACTIVE/HOVER: TEXT + BOTTOM GLOW ONLY
   No rectangle, no underline bar, same look on every page.
   ========================================================= */
.nav a{
  position:relative !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  border:0 !important;
  transition:color .22s ease !important;
}
.nav a::before{
  display:none !important;
  content:none !important;
}
.nav a::after{
  content:"" !important;
  position:absolute !important;
  left:18% !important;
  right:18% !important;
  bottom:-12px !important;
  width:auto !important;
  height:5px !important;
  border-radius:999px !important;
  background:radial-gradient(ellipse at center,
    rgba(139,209,72,.98) 0%,
    rgba(139,209,72,.72) 34%,
    rgba(139,209,72,.18) 68%,
    rgba(139,209,72,0) 100%) !important;
  box-shadow:
    0 0 10px rgba(139,209,72,.74),
    0 0 22px rgba(139,209,72,.42),
    0 7px 22px rgba(139,209,72,.28) !important;
  opacity:0 !important;
  transform:scaleX(.35) !important;
  transform-origin:center !important;
  transition:opacity .2s ease,transform .24s ease !important;
  pointer-events:none !important;
}
.nav a:hover,
.nav a.active{
  color:#8bd148 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.nav a:hover::after,
.nav a.active::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}
html:not([data-theme="dark"]) .nav a:hover,
html:not([data-theme="dark"]) .nav a.active{
  color:#138a72 !important;
}
html:not([data-theme="dark"]) .nav a::after{
  background:radial-gradient(ellipse at center,
    rgba(19,138,114,.92) 0%,
    rgba(19,138,114,.62) 34%,
    rgba(19,138,114,.14) 68%,
    rgba(19,138,114,0) 100%) !important;
  box-shadow:
    0 0 9px rgba(19,138,114,.48),
    0 0 20px rgba(19,138,114,.25),
    0 7px 18px rgba(19,138,114,.16) !important;
}
@media(max-width:980px){
  .nav.open a::after{
    left:14px !important;
    right:auto !important;
    bottom:5px !important;
    width:56px !important;
  }
}


/* =========================================================
   V76 — Sole loading screen: logo draw + flowing nature
   Legacy loader code removed completely
   ========================================================= */
.msa-loader-e{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  overflow:hidden;background:
    radial-gradient(circle at 50% 46%,rgba(65,176,120,.16),transparent 27%),
    linear-gradient(145deg,#03151a 0%,#05282b 48%,#04191f 100%);
  transition:opacity .52s cubic-bezier(.22,1,.36,1),visibility .52s;
}
.msa-loader-e::before{
  content:"";position:absolute;inset:-18%;pointer-events:none;
  background:
    radial-gradient(circle at 18% 28%,rgba(137,211,72,.15),transparent 18%),
    radial-gradient(circle at 82% 68%,rgba(0,160,168,.14),transparent 22%);
  animation:v73Atmosphere 4s ease-in-out infinite alternate;
}
.loader-e-atmosphere{position:absolute;inset:0;pointer-events:none}
.loader-e-wave{position:absolute;left:-15%;width:130%;height:150px;border:1px solid rgba(124,214,91,.22);border-radius:50%;filter:drop-shadow(0 0 12px rgba(124,214,91,.12));transform:rotate(-4deg)}
.loader-e-wave.wave-a{bottom:22%;animation:v73Wave 4.4s ease-in-out infinite}
.loader-e-wave.wave-b{bottom:17%;opacity:.45;animation:v73Wave 5.2s ease-in-out infinite reverse}
.loader-e-leaf{position:absolute;width:17px;height:10px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#8bd148,#0ca982);box-shadow:0 0 18px rgba(139,209,72,.35);opacity:.0}
.loader-e-leaf.leaf-a{left:16%;top:28%;animation:v73Leaf 3.7s .15s ease-in-out infinite}
.loader-e-leaf.leaf-b{right:18%;top:21%;animation:v73Leaf 4.1s .9s ease-in-out infinite reverse}
.loader-e-leaf.leaf-c{left:27%;bottom:24%;animation:v73Leaf 4.5s 1.2s ease-in-out infinite}
.loader-e-leaf.leaf-d{right:25%;bottom:20%;animation:v73Leaf 3.9s .45s ease-in-out infinite reverse}
.loader-e-center{position:relative;z-index:3;width:min(560px,90vw);text-align:center;color:#fff;padding:30px 24px}
.loader-e-logo-stage{position:relative;width:min(340px,74vw);height:145px;margin:0 auto 18px;display:grid;place-items:center;isolation:isolate}
.loader-e-logo{position:relative;z-index:3;width:min(285px,66vw);height:auto;opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(1.18) drop-shadow(0 16px 30px rgba(0,0,0,.25));animation:v73LogoDraw 1.45s .16s cubic-bezier(.22,1,.36,1) forwards}
.loader-e-trace{position:absolute;z-index:2;border:2px solid transparent;border-radius:34px;inset:12px 5px;opacity:.8}
.loader-e-trace.trace-a{border-top-color:#8bd148;border-right-color:#0ca982;animation:v73Trace 1.45s ease-out forwards}
.loader-e-trace.trace-b{inset:2px -8px;border-bottom-color:rgba(255,255,255,.45);border-left-color:rgba(76,201,165,.55);animation:v73Trace 1.65s .12s ease-out reverse forwards}
.loader-e-shine{position:absolute;z-index:4;top:18px;bottom:18px;left:-34%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.54),transparent);transform:skewX(-18deg);animation:v73Shine 1.15s 1.05s ease-out forwards;opacity:0}
.loader-e-center h2{margin:0;color:#fff;font-size:clamp(28px,4vw,44px);font-weight:950;letter-spacing:-.025em;opacity:0;transform:translateY(15px);animation:v73TextIn .7s 1.02s forwards}
.loader-e-center p{margin:8px 0 22px;color:#bfe6d7;font-weight:800;opacity:0;transform:translateY(12px);animation:v73TextIn .65s 1.18s forwards}
.loader-e-progress{width:min(260px,68vw);height:5px;margin:auto;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.loader-e-progress i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#0ca982,#8bd148,#eaffdf);transform:scaleX(0);transform-origin:right;animation:v73Progress 1.55s .25s cubic-bezier(.22,1,.36,1) forwards}
.msa-loader-e.done{opacity:0;visibility:hidden}
@keyframes v73LogoDraw{0%{opacity:.05;clip-path:inset(0 100% 0 0);filter:brightness(2) blur(2px) drop-shadow(0 0 16px rgba(139,209,72,.55))}45%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);filter:brightness(1.08) blur(0) drop-shadow(0 16px 30px rgba(0,0,0,.25))}}
@keyframes v73Trace{0%{transform:scale(.72) rotate(-8deg);opacity:0}35%{opacity:1}100%{transform:scale(1) rotate(0);opacity:0}}
@keyframes v73Shine{0%{left:-34%;opacity:0}20%{opacity:1}100%{left:112%;opacity:0}}
@keyframes v73TextIn{to{opacity:1;transform:translateY(0)}}
@keyframes v73Progress{to{transform:scaleX(1)}}
@keyframes v73Atmosphere{to{transform:scale(1.06) translate3d(1.5%,-1%,0);opacity:.8}}
@keyframes v73Wave{50%{transform:rotate(-2deg) translateY(-18px) scaleX(1.04)}}
@keyframes v73Leaf{0%{opacity:0;transform:translate3d(0,20px,0) rotate(0) scale(.7)}25%{opacity:.8}70%{opacity:.55}100%{opacity:0;transform:translate3d(60px,-70px,0) rotate(210deg) scale(1.08)}}

/* Page transition echoes the drawing effect */



/* V78 — persistent visible navigation on Home + Projects */
@media(min-width:801px){
  body.home70 .header,
  body.projects-v62 .v62-header,
  body:has(.v62-page) .v62-header{
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important; width:100% !important;
    transform:none !important; opacity:1 !important; visibility:visible !important;
    pointer-events:auto !important; z-index:1000 !important;
  }
}
.loader-e-logo{animation-duration:1.05s !important;animation-delay:.06s !important}
.loader-e-trace.trace-a{animation-duration:1.05s !important}
.loader-e-trace.trace-b{animation-duration:1.18s !important;animation-delay:.05s !important}
.loader-e-shine{animation-duration:.72s !important;animation-delay:.82s !important}
.loader-e-center h2{animation-duration:.55s !important;animation-delay:.42s !important}
.loader-e-center p{animation-duration:.5s !important;animation-delay:.62s !important}
.loader-e-progress i{animation-duration:1.72s !important;animation-delay:.08s !important}


/* =========================================================
   V77 — One loader only: no outgoing transition flash
   ========================================================= */
.loader-e-center h2{
  animation-delay:.10s !important;
  animation-duration:.48s !important;
}
.loader-e-center p{
  animation-delay:.24s !important;
  animation-duration:.45s !important;
}


/* =========================================================
   V80 — Desktop navigation labels black on light mode
   Keep the active/hover indication as a green bottom glow.
   ========================================================= */
@media (min-width: 769px){
  html:not([data-theme="dark"]) .header .nav,
  html:not([data-theme="dark"]) .header .nav a,
  html:not([data-theme="dark"]) .header.scrolled .nav,
  html:not([data-theme="dark"]) .header.scrolled .nav a,
  html:not([data-theme="dark"]) .header:hover .nav,
  html:not([data-theme="dark"]) .header:hover .nav a{
    color:#071f38 !important;
    opacity:1 !important;
    text-shadow:none !important;
  }

  html:not([data-theme="dark"]) .header .nav a.active,
  html:not([data-theme="dark"]) .header .nav a:hover,
  html:not([data-theme="dark"]) .header.scrolled .nav a.active,
  html:not([data-theme="dark"]) .header.scrolled .nav a:hover,
  html:not([data-theme="dark"]) .header:hover .nav a.active,
  html:not([data-theme="dark"]) .header:hover .nav a:hover{
    color:#071f38 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html:not([data-theme="dark"]) .header .nav a::after{
    background:linear-gradient(90deg,transparent,#0b9b78,transparent) !important;
    box-shadow:0 0 15px rgba(11,155,120,.42) !important;
  }
}


/* =========================================================
   V81 — News header behaves like the rest of the website
   Transparent at page top, background only on scroll/hover.
   ========================================================= */
.news-page-v57 .header{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

.news-page-v57 .header.scrolled,
.news-page-v57 .header:hover,
.news-page-v57 .header:focus-within{
  background:var(--header) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.07) !important;
}

/* Keep readable dark labels in light mode, exactly like other pages */
html:not([data-theme="dark"]) .news-page-v57 .header .nav,
html:not([data-theme="dark"]) .news-page-v57 .header .nav a{
  color:#071f38 !important;
}

/* Dark mode follows the common site header behavior */
html[data-theme="dark"] .news-page-v57 .header:not(.scrolled):not(:hover):not(:focus-within) .nav,
html[data-theme="dark"] .news-page-v57 .header:not(.scrolled):not(:hover):not(:focus-within) .nav a{
  color:#f4f8fb !important;
}


/* =========================================================
   V82 — Faster loader timing
   ========================================================= */
.loader-e-logo{
  animation-duration:.78s !important;
  animation-delay:.02s !important;
}
.loader-e-trace.trace-a{
  animation-duration:.78s !important;
}
.loader-e-trace.trace-b{
  animation-duration:.88s !important;
  animation-delay:.02s !important;
}
.loader-e-shine{
  animation-duration:.48s !important;
  animation-delay:.56s !important;
}
.loader-e-center h2{
  animation-duration:.38s !important;
  animation-delay:.24s !important;
}
.loader-e-center p{
  animation-duration:.36s !important;
  animation-delay:.40s !important;
}
.loader-e-progress i{
  animation-duration:1.08s !important;
  animation-delay:.02s !important;
}


/* =========================================================
   V88 — Instant restored-scroll header + faster loader handoff
   ========================================================= */
.msa-loader-e{
  transition:
    opacity .34s cubic-bezier(.22,1,.36,1),
    visibility .34s !important;
}


/* =========================================================
   V90 — EN button text black everywhere
   ========================================================= */
.lang,
#langToggle,
.v62-lang,
button.lang,
button#langToggle,
a.lang,
.header .lang,
.nav-actions .lang,
html[data-theme="dark"] .lang,
html[data-theme="dark"] #langToggle,
html[data-theme="dark"] .v62-lang{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  text-shadow:none !important;
  opacity:1 !important;
}


/* =========================================================
   V95 — Premium social icons refined (match option 4 black)
   ========================================================= */
.msa-social-premium{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.msa-social-premium.top{
  direction:ltr;
}
.msa-social-btn{
  position:relative;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff !important;
  background:linear-gradient(180deg,#11161d 0%, #040608 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s ease, border-color .22s ease, background .22s ease, opacity .22s ease;
  text-decoration:none !important;
  overflow:visible;
}
.msa-social-btn svg{
  width:24px;
  height:24px;
  display:block;
  transition:transform .22s ease, opacity .22s ease;
}
.msa-social-btn:hover{
  transform:translateY(-4px) scale(1.03);
  background:linear-gradient(180deg,#151b23 0%, #07090c 100%);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 18px 30px rgba(0,0,0,.24), 0 0 0 4px rgba(255,255,255,.05);
}
.msa-social-btn:hover svg{transform:scale(1.04)}
.msa-social-btn:active{
  transform:translateY(-1px) scale(.96);
  box-shadow:0 10px 18px rgba(0,0,0,.24), 0 0 0 3px rgba(255,255,255,.06);
}
.msa-social-btn::after{
  content:attr(data-tooltip);
  position:absolute;
  bottom:calc(100% + 10px);
  left:50%;
  transform:translate(-50%,6px);
  padding:7px 10px;
  border-radius:10px;
  background:#0b1219;
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.18s ease;
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}
.msa-social-btn:hover::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.footer .msa-social-premium{
  margin-top:22px;
  direction:ltr;
}
.footer .msa-social-btn{
  width:56px;
  height:56px;
  border-radius:18px;
}

.home-social-dock{
  position:absolute;
  z-index:12;
  top:118px;
  left:max(48px,calc((100vw - 1200px)/2));
}
.home-social-dock .msa-social-premium.top{
  padding:14px 16px;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(8,45,74,.08);
  box-shadow:0 18px 38px rgba(7,44,74,.12);
  gap:16px;
}
html[data-theme="dark"] .home-social-dock .msa-social-premium.top{
  background:rgba(7,17,28,.88);
  border-color:rgba(255,255,255,.08);
}
.home-social-dock .msa-social-btn{
  width:56px;
  height:56px;
  border-radius:18px;
}
.home-social-dock .msa-social-btn svg{width:24px;height:24px}

@media(max-width:1050px){
  .home-social-dock{top:100px;left:20px}
  .home-social-dock .msa-social-premium.top{padding:12px 14px;gap:12px}
  .home-social-dock .msa-social-btn{width:52px;height:52px}
}
@media(max-width:800px){
  .home-social-dock{position:relative;top:auto;left:auto;width:min(100% - 28px,720px);margin:88px auto -78px;display:flex;justify-content:center}
  .home-social-dock .msa-social-premium.top{justify-content:center}
  .msa-social-btn::after{display:none}
}


/* =========================================================
   V96 — Social rail + enterprise footer + standard cursor
   ========================================================= */
html,body,a,button,[role="button"],input,select,textarea,label{
  cursor:auto !important;
}
a,button,[role="button"],label,select,input[type="submit"],input[type="button"]{
  cursor:pointer !important;
}
.msa-cursor-dot,.msa-cursor-ring,.msa-native-cursor-glow{display:none !important}
html.msa-native-hover,html.msa-native-down{filter:none !important}
.home-social-dock{display:none !important}

/* Professional side rail */
.msa-social-rail{
  position:fixed;
  z-index:92;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:62px;
  padding:13px 8px 10px;
  border-radius:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  background:rgba(8,18,29,.78);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 20px 45px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  transition:opacity .3s ease,transform .3s ease;
}
body.is-loading .msa-social-rail{opacity:0;transform:translateY(-48%)}
.msa-social-rail-label{
  color:rgba(255,255,255,.62);
  font-size:10px;
  font-weight:900;
  letter-spacing:.02em;
  padding:0 0 5px;
  white-space:nowrap;
}
.msa-social-rail::after{
  content:"";
  width:22px;
  height:1px;
  background:rgba(255,255,255,.16);
  order:1;
  margin-top:2px;
}
.msa-social-rail a{
  position:relative;
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#fff !important;
  background:linear-gradient(180deg,#171d24 0%,#080b0f 100%);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 9px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
  order:2;
}
.msa-social-rail a svg{width:21px;height:21px;display:block}
.msa-social-rail a:hover{
  transform:translateX(3px);
  border-color:rgba(255,255,255,.25);
  background:linear-gradient(180deg,#202731 0%,#0b0f14 100%);
  box-shadow:0 13px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10);
}
.msa-social-rail a:active{transform:translateX(2px) scale(.94)}
.msa-social-rail a::after{
  content:attr(data-name);
  position:absolute;
  left:calc(100% + 11px);
  top:50%;
  transform:translate(-5px,-50%);
  opacity:0;
  visibility:hidden;
  color:#fff;
  background:#0a121c;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  padding:7px 10px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:.18s ease;
}
.msa-social-rail a:hover::after{opacity:1;visibility:visible;transform:translate(0,-50%)}

/* Enterprise footer */
.footer.msa-footer-pro{
  position:relative;
  overflow:hidden;
  padding:0 !important;
  background:linear-gradient(145deg,#06192c 0%,#082a43 50%,#061a2d 100%) !important;
  color:#dce8f1;
}
.footer.msa-footer-pro::before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  right:-240px;
  top:-290px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(52,142,143,.15),transparent 68%);
  pointer-events:none;
}
.msa-footer-shell{position:relative;z-index:1;padding-top:48px}
.msa-footer-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding:30px 34px;
  margin-bottom:46px;
  border-radius:24px;
  background:linear-gradient(115deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.msa-footer-cta span{display:block;color:#91a8ba;font-size:13px;font-weight:900;margin-bottom:6px}
.msa-footer-cta h2{color:#fff;margin:0 0 7px;font-size:clamp(23px,2.1vw,34px)}
.msa-footer-cta p{margin:0;color:#bdcdd9;max-width:720px;line-height:1.8}
.msa-footer-cta-btn{
  flex:0 0 auto;
  min-width:154px;
  min-height:52px;
  border-radius:15px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 22px;
  color:#071a2b !important;
  background:#fff;
  font-weight:950;
  box-shadow:0 12px 28px rgba(0,0,0,.20);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.msa-footer-cta-btn:hover{transform:translateY(-3px);background:#f4f7f9;box-shadow:0 16px 34px rgba(0,0,0,.25)}
.msa-footer-cta-btn:active{transform:translateY(0) scale(.97)}
.msa-footer-grid{
  display:grid;
  grid-template-columns:1.45fr .8fr .9fr 1.15fr;
  gap:44px;
  padding-bottom:42px;
}
.msa-footer-brand img{width:min(240px,100%);height:auto;margin:0 0 20px}
.msa-footer-brand>p{max-width:390px;margin:0;color:#b9cad7;line-height:1.95;font-size:15px}
.msa-footer-grid h3{color:#fff;font-size:17px;margin:0 0 22px;padding-bottom:13px;position:relative}
.msa-footer-grid h3::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:2px;border-radius:2px;background:rgba(255,255,255,.42)}
html[dir="ltr"] .msa-footer-grid h3::after{right:auto;left:0}
.msa-footer-column a{
  display:flex !important;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  color:#b9cad7 !important;
  margin:0 0 13px !important;
  transition:color .18s ease,transform .18s ease;
}
.msa-footer-column a::before{content:"‹";font-size:18px;color:#6f879a}
html[dir="ltr"] .msa-footer-column a::before{content:"›"}
.msa-footer-column a:hover{color:#fff !important;transform:translateX(-3px)}
html[dir="ltr"] .msa-footer-column a:hover{transform:translateX(3px)}
.msa-footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.msa-footer-contact>a,.msa-footer-contact>p{
  display:flex !important;
  align-items:flex-start;
  gap:11px;
  color:#b9cad7 !important;
  margin:0 0 15px !important;
  line-height:1.55;
}
.msa-footer-contact>a:hover{color:#fff !important}
.msa-footer-contact span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);color:#fff;flex:0 0 auto;font-style:normal}
.msa-footer-contact b{font-weight:700;overflow-wrap:anywhere}
.msa-footer-social{display:flex;gap:10px;margin-top:24px;direction:ltr}
.msa-footer-social a{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid !important;
  place-items:center;
  color:#fff !important;
  margin:0 !important;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.13);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.msa-footer-social a svg{width:20px;height:20px}
.msa-footer-social a:hover{transform:translateY(-3px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.25)}
.msa-footer-social a:active{transform:scale(.94)}
.msa-footer-bottom{
  min-height:72px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#8fa5b6;
  font-size:13px;
}
.msa-footer-bottom p{margin:0;color:inherit;text-align:start}
.msa-footer-bottom span{font-weight:800;color:#a9bbc8}
.footer.msa-footer-pro .copy{display:none !important}

@media(max-width:1050px){
  .msa-footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:36px}
  .msa-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}
  .msa-footer-contact h3{grid-column:1/-1}
}
@media(max-width:850px){
  .msa-social-rail{left:10px;width:56px;padding-inline:6px}
  .msa-social-rail a{width:41px;height:41px}
  .msa-footer-cta{align-items:flex-start;flex-direction:column}
  .msa-footer-grid{grid-template-columns:1fr 1fr}
  .msa-footer-brand{grid-column:1/-1}
  .msa-footer-contact{grid-template-columns:1fr;grid-column:1/-1}
  .msa-footer-contact h3{grid-column:auto}
}
@media(max-width:640px){
  .msa-social-rail{display:none}
  .msa-footer-shell{padding-top:28px}
  .msa-footer-cta{padding:24px 20px;margin-bottom:34px;border-radius:20px}
  .msa-footer-cta-btn{width:100%}
  .msa-footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:30px}
  .msa-footer-brand{grid-column:auto}
  .msa-footer-bottom{padding:18px 0;flex-direction:column;text-align:center;justify-content:center}
  .msa-footer-bottom p{text-align:center}
}


/* =========================================================
   V97 — Full responsive polish for all devices (mobile / tablet / iPhone)
   ========================================================= */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  overflow-x:hidden;
}
img,svg,video,canvas{
  max-width:100%;
}
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}
.container{
  width:min(1200px, calc(100% - 28px));
}
.header{
  padding-top:var(--safe-top);
}
.nav-wrap,
.footer .container,
.msa-footer-shell,
main,
.section,
.page-hero,
.home70-main{
  min-width:0;
}
.nav,
.nav a,
.nav-actions,
.hero-content,
.home70-hero-grid,
.home70-values-grid,
.home70-services,
.home70-news,
.about-grid,
.contact-grid,
.service-detail,
.service-grid,
.feature-grid,
.project-grid,
.news-grid,
.footer-grid,
.msa-footer-grid{
  min-width:0;
}
.msa-social-rail{
  left:max(12px, calc(var(--safe-left) + 10px));
}
.footer.msa-footer-pro{
  padding-bottom:var(--safe-bottom) !important;
}

/* Tablet + mobile nav stability */
@media (max-width: 1024px){
  .header,
  .header.scrolled,
  .header:hover{
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    box-shadow:0 8px 24px rgba(7,31,56,.10) !important;
  }
  .nav-wrap{
    height:auto !important;
    min-height:76px !important;
    padding:10px 0 !important;
    gap:10px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    direction:ltr !important;
  }
  .brand{
    order:2 !important;
    justify-self:end !important;
    margin-left:auto !important;
    min-width:0 !important;
  }
  .brand img{
    width:126px !important;
    max-width:32vw !important;
    min-width:94px !important;
    height:auto !important;
  }
  .nav-actions{
    order:1 !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:7px !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  .nav-actions .small{
    display:inline-flex !important;
    width:auto !important;
    min-width:max-content !important;
    height:40px !important;
    padding:0 12px !important;
    font-size:12px !important;
    line-height:1 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }
  .mode-toggle,
  .lang,
  .menu{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(10,46,78,.12) !important;
    box-shadow:0 8px 20px rgba(7,31,56,.08) !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .nav{
    position:fixed !important;
    top:calc(76px + var(--safe-top)) !important;
    right:12px !important;
    left:12px !important;
    width:auto !important;
    max-height:calc(100dvh - (88px + var(--safe-top))) !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:22px !important;
    padding:16px !important;
    background:rgba(255,255,255,.98) !important;
    color:#0d2540 !important;
  }
  .nav a{
    width:100%;
    white-space:nowrap;
  }
}

@media (max-width: 768px){
  .container{
    width:min(1200px, calc(100% - 22px));
  }
  .nav-wrap{
    min-height:72px !important;
    padding:8px 0 !important;
    gap:8px !important;
  }
  .brand img{
    width:110px !important;
    max-width:28vw !important;
    min-width:88px !important;
  }
  .nav-actions{
    gap:6px !important;
  }
  .nav-actions .small{
    height:38px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }
  .mode-toggle,
  .lang,
  .menu{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
  .hero,
  .home70-hero{
    min-height:auto;
  }
  .hero-content,
  .about-grid,
  .contact-grid,
  .service-detail,
  .home70-hero-grid,
  .home70-benefit-grid,
  .dash-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .service-grid,
  .feature-grid,
  .project-grid,
  .project-grid.big,
  .news-grid,
  .home70-services,
  .home70-news,
  .home70-benefit-cards,
  .home70-values-grid,
  .stats,
  .footer-grid,
  .msa-footer-grid,
  .contact-form{
    grid-template-columns:1fr !important;
  }
  .service-detail{padding:18px !important}
  .service-detail img,
  .about-image img,
  .news-card img,
  .home70-news-card img{
    height:auto !important;
    aspect-ratio:16/10;
  }
  .home70-visual,
  .home71-collage,
  .project-card,
  .service-detail img{
    border-radius:22px !important;
  }
  .hero-card,
  .home70-float-card{
    width:100% !important;
    max-width:none !important;
  }
  .stats div{
    border-inline-start:0 !important;
    border-bottom:1px solid rgba(255,255,255,.16) !important;
    padding:12px 8px !important;
  }
  .stats div:last-child{
    border-bottom:0 !important;
  }
  .cta-strip .container,
  .home70-cta-box,
  .msa-footer-cta,
  .msa-footer-bottom{
    flex-direction:column !important;
    align-items:stretch !important;
    text-align:center !important;
  }
  .home70-cta-box .btn,
  .msa-footer-cta-btn,
  .hero-cta .btn,
  .btn{
    width:100%;
  }
  .contact-form .full,
  .contact-form button,
  .form-note{grid-column:auto !important}
}

@media (max-width: 520px){
  .nav-wrap{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:6px !important;
  }
  .brand img{
    width:98px !important;
    max-width:24vw !important;
    min-width:80px !important;
  }
  .nav-actions{
    gap:5px !important;
  }
  .nav-actions .small{
    height:36px !important;
    padding:0 9px !important;
    font-size:10.5px !important;
    max-width:112px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .mode-toggle,
  .lang,
  .menu{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    font-size:15px !important;
  }
  .nav{
    top:calc(72px + var(--safe-top)) !important;
    right:10px !important;
    left:10px !important;
    max-height:calc(100dvh - (82px + var(--safe-top))) !important;
    padding:14px !important;
  }
  .page-hero{padding:126px 0 64px !important}
  .section,
  .home70-section{padding:58px 0 !important}
  .home70-title,
  .hero h1{font-size:clamp(34px,10vw,46px) !important}
  .home70-copy>p,
  .hero p,
  .section-head p,
  .page-hero p{font-size:15px !important}
  .home70-values{margin-top:-12px !important}
  .home70-stats-grid{grid-template-columns:1fr !important}
  .home70-stat::after{display:none !important}
  .msa-social-rail{display:none !important}
}

/* iPhone landscape and short-height devices */
@media (max-width: 950px) and (max-height: 480px){
  .nav{
    max-height:calc(100dvh - (78px + var(--safe-top))) !important;
  }
  .hero,
  .home70-hero,
  .page-hero{
    padding-top:110px !important;
  }
}


/* =========================================================
   V99 — Single theme icon + larger mobile MSA logo
   ========================================================= */
.mode-toggle{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:visible !important;
  isolation:isolate;
}
.mode-toggle > *{
  display:none !important;
}
.mode-toggle::after{
  content:none !important;
  display:none !important;
}
.mode-toggle::before{
  content:"" !important;
  display:block !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:20px 20px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z' stroke='%23083a5e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html[data-theme="dark"] .mode-toggle::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='4.2' stroke='%23f4bd36' stroke-width='1.8'/%3E%3Cpath d='M12 2.5v2.3M12 19.2v2.3M4.8 4.8l1.6 1.6M17.6 17.6l1.6 1.6M2.5 12h2.3M19.2 12h2.3M4.8 19.2l1.6-1.6M17.6 6.4l1.6-1.6' stroke='%23f4bd36' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

@media (max-width: 768px){
  .header .nav-wrap{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    padding-inline:10px !important;
    overflow:visible !important;
  }
  .header .nav-actions{
    order:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    min-width:0 !important;
  }
  .header .brand{
    order:2 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    min-width:0 !important;
    overflow:visible !important;
    margin:0 !important;
  }
  .header .brand img{
    width:clamp(112px,31vw,146px) !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  .header .mode-toggle,
  .header .lang,
  .header .menu{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    flex:0 0 38px !important;
    padding:0 !important;
    border-radius:999px !important;
  }
  .header .nav-actions .btn.small{
    height:38px !important;
    min-width:max-content !important;
    width:auto !important;
    padding:0 11px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 390px){
  .header .nav-wrap{
    gap:5px !important;
    padding-inline:7px !important;
  }
  .header .brand img{
    width:clamp(104px,29vw,118px) !important;
  }
  .header .nav-actions{
    gap:4px !important;
  }
  .header .mode-toggle,
  .header .lang,
  .header .menu{
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    max-width:35px !important;
    flex-basis:35px !important;
  }
  .header .nav-actions .btn.small{
    height:35px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }
  .mode-toggle::before{
    width:18px !important;
    height:18px !important;
    background-size:18px 18px !important;
  }
}


/* V106 — Additional real project PDFs */
.v106-added .v62-content h2{font-size:clamp(24px,2.2vw,36px);line-height:1.45}
.v106-added .v100-period{display:inline-flex;margin-top:4px}
@media(max-width:680px){.v106-added .v62-content h2{font-size:25px;line-height:1.45}}

/* =========================================================
   V108 — Universal responsive system: phones, tablets, laptops,
   desktops, ultrawide and orientation changes
   ========================================================= */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:inherit}
body{width:100%;max-width:100%;overflow-x:hidden}
img,picture,video,svg,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
:root{
  --v108-gutter:clamp(14px,3vw,34px);
  --v108-content:min(1280px,calc(100vw - (var(--v108-gutter) * 2)));
}
.container{width:var(--v108-content)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important}
section,main,header,footer,.section,.page-hero{max-width:100vw}

/* Prevent long Arabic/English strings from creating horizontal overflow */
h1,h2,h3,h4,p,a,span,button,label,.project-title,.news-title{overflow-wrap:anywhere}

/* Fluid typography */
h1{font-size:clamp(32px,5vw,66px)!important}
h2{font-size:clamp(25px,3.5vw,44px)!important}
h3{font-size:clamp(20px,2.4vw,30px)!important}
p{font-size:clamp(14px,1.4vw,18px)}

/* Header: always fit without clipping */
.nav-wrap{width:var(--v108-content)!important;max-width:1280px!important;margin-inline:auto!important}
.brand img{max-width:100%;height:auto!important}
.nav-actions{min-width:0;flex-shrink:1}

/* Grids scale automatically */
.project-grid,.service-grid,.news-grid,.feature-grid,.home70-services,.home70-news{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
}

/* Cards/media never exceed viewport */
.v62-card,.project-card,.service-card,.news-card,.home70-news-card,.featured-news-card-v57{
  max-width:100%;min-width:0;
}
.v62-media,.v62-stage,.v62-sketch,.v62-color{max-width:100%;overflow:hidden}
.v62-media img,.v62-stage img,.project-card img{max-width:100%;width:100%;height:100%;object-fit:cover}

/* Tables/forms/admin safety */
table{max-width:100%}
.table-wrap,.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}

/* Large desktops / ultrawide */
@media (min-width:1440px){
  :root{--v108-gutter:clamp(28px,4vw,70px)}
  .container,.nav-wrap{max-width:1360px!important}
  .project-grid,.service-grid{gap:clamp(22px,2vw,34px)!important}
}

/* Small laptops/tablets landscape */
@media (max-width:1100px){
  .home70-hero-grid,.about-grid,.contact-grid,.service-detail,.msa-footer-grid,.footer-grid{
    gap:clamp(20px,3vw,34px)!important;
  }
  .home70-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important}
}

/* Tablets + phones */
@media (max-width:900px){
  :root{--v108-gutter:18px}
  .container,.nav-wrap{width:calc(100vw - 36px)!important}
  .home70-hero-grid,.about-grid,.contact-grid,.service-detail,.msa-footer-grid,.footer-grid,.home70-benefit-grid,.dash-grid{
    grid-template-columns:1fr!important;
  }
  .home70-hero-grid>*{min-width:0!important}
  .project-grid,.service-grid,.news-grid,.feature-grid,.home70-services,.home70-news{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .v62-card{width:100%!important}
  .v62-card .v62-content{padding:clamp(18px,4vw,28px)!important}
  .msa-social-rail{display:none!important}
}

/* Phones */
@media (max-width:640px){
  :root{--v108-gutter:12px}
  .container,.nav-wrap{width:calc(100vw - 24px)!important}
  body{font-size:15px}
  .project-grid,.service-grid,.news-grid,.feature-grid,.home70-services,.home70-news{
    grid-template-columns:1fr!important;gap:18px!important;
  }
  .v62-card,.project-card,.service-card,.news-card{border-radius:24px!important}
  .v62-card{display:flex!important;flex-direction:column!important}
  .v62-media{order:0!important;width:100%!important;min-height:0!important;aspect-ratio:4/3!important}
  .v62-content{order:1!important;width:100%!important}
  .v62-stage,.v62-sketch,.v62-color{width:100%!important;height:100%!important}
  .v62-stage img,.v62-sketch img,.v62-color img{width:100%!important;height:100%!important;object-fit:cover!important}
  .hero-cta,.home70-actions,.nav-actions{flex-wrap:wrap!important}
  .hero-cta .btn,.home70-actions .btn{width:100%!important}
  .home70-hero,.page-hero{overflow:hidden}
  .msa-faq-window-v49{max-width:calc(100vw - 20px)!important;right:10px!important;left:10px!important;width:auto!important}
}

/* Very small phones (iPhone SE, 320–390px) */
@media (max-width:390px){
  :root{--v108-gutter:9px}
  .container,.nav-wrap{width:calc(100vw - 18px)!important}
  .nav-actions{gap:4px!important}
  .nav-actions .small{padding-inline:8px!important;font-size:10px!important}
  .mode-toggle,.lang,.menu{width:34px!important;height:34px!important;min-width:34px!important}
  .brand img{max-width:92px!important}
  .v62-content h2{font-size:24px!important}
}

/* Landscape phones / short screens */
@media (max-width:950px) and (max-height:500px){
  .header{position:sticky!important;top:0!important}
  .nav{max-height:calc(100dvh - 70px)!important;overflow:auto!important}
  .page-hero,.home70-hero{min-height:auto!important;padding-block:96px 40px!important}
}

/* Respect safe areas on all notched devices */
@supports (padding:max(0px)){
  .header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
  body{padding-bottom:env(safe-area-inset-bottom)}
}


/* =========================================================
   V109 — Interactive environmental background across all pages
   ========================================================= */
.msa-interactive-bg{
  position:fixed;
  inset:0;
  z-index:4;
  pointer-events:none;
  overflow:hidden;
  opacity:.72;
  transition:opacity .45s ease;
}
body.is-loading .msa-interactive-bg{opacity:0}
.msa-bg-item{position:absolute;inset:0;will-change:transform}
.msa-bg-shape{position:absolute;display:block;will-change:transform,opacity;filter:saturate(105%)}
.msa-bg-shape.leaf{
  width:26px;height:15px;border-radius:100% 0 100% 0;
  background:linear-gradient(135deg,rgba(113,203,62,.42),rgba(15,152,128,.14));
  box-shadow:0 8px 22px rgba(37,153,99,.10);
  animation:msaLeafFloat 10s ease-in-out infinite alternate;
}
.msa-bg-shape.orb{
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(72,197,181,.14),rgba(109,202,66,.06) 46%,transparent 70%);
  animation:msaOrbBreath 8s ease-in-out infinite alternate;
}
.msa-bg-shape.ring{
  width:86px;height:86px;border-radius:50%;border:1px solid rgba(18,151,130,.16);
  box-shadow:inset 0 0 0 11px rgba(123,202,70,.025);
  animation:msaRingDrift 13s linear infinite;
}
.msa-bg-shape.spark{
  width:5px;height:5px;border-radius:50%;background:rgba(57,184,142,.38);
  box-shadow:0 0 18px rgba(57,184,142,.28);
  animation:msaSpark 5.5s ease-in-out infinite alternate;
}
@keyframes msaLeafFloat{to{transform:translate3d(16px,-20px,0) rotate(22deg)}}
@keyframes msaOrbBreath{to{transform:scale(1.18);opacity:.68}}
@keyframes msaRingDrift{to{transform:rotate(360deg) translate3d(10px,-8px,0)}}
@keyframes msaSpark{to{transform:translate3d(8px,-18px,0) scale(1.8);opacity:.25}}
.msa-motion-section{position:relative;isolation:isolate;--msa-sx:0px;--msa-sy:0px}
.msa-motion-section::before,
.msa-motion-section::after{content:"";position:absolute;pointer-events:none;z-index:0;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.msa-motion-section::before{
  width:clamp(180px,28vw,460px);height:clamp(180px,28vw,460px);border-radius:50%;
  inset-inline-start:-12%;top:8%;
  background:radial-gradient(circle,rgba(27,166,143,.10),rgba(122,204,71,.045) 46%,transparent 72%);
  transform:translate3d(var(--msa-sx),var(--msa-sy),0);
}
.msa-motion-section::after{
  width:240px;height:160px;inset-inline-end:2%;bottom:4%;opacity:.42;
  background:
    radial-gradient(circle at 20% 30%,rgba(122,204,71,.32) 0 3px,transparent 4px),
    radial-gradient(circle at 70% 62%,rgba(20,155,132,.22) 0 2px,transparent 3px),
    linear-gradient(125deg,transparent 20%,rgba(15,147,130,.08) 21%,transparent 22% 44%,rgba(119,202,69,.08) 45%,transparent 46%);
  background-size:64px 64px,72px 72px,100% 100%;
  transform:translate3d(calc(var(--msa-sx) * -0.5),calc(var(--msa-sy) * -0.5),0);
  animation:msaSectionPattern 14s linear infinite;
}
.msa-motion-section > *{position:relative;z-index:1}
@keyframes msaSectionPattern{to{background-position:64px -64px,-72px 72px,0 0}}
.header,.msa-social-rail,.msa-faq-enterprise-v49,.msa-loader-e{z-index:90}
main,.footer{position:relative;z-index:5}

/* =========================================================
   V109 — Services style 3: enterprise image list
   ========================================================= */
.svc109-page{overflow:hidden}
.svc109-hero{padding-bottom:92px;background:
  radial-gradient(circle at 12% 18%,rgba(95,199,76,.16),transparent 28%),
  radial-gradient(circle at 88% 20%,rgba(36,173,177,.14),transparent 30%),
  linear-gradient(180deg,#f7fcfb 0%,#edf8fa 100%)}
html[data-theme="dark"] .svc109-hero{background:
  radial-gradient(circle at 12% 18%,rgba(95,199,76,.12),transparent 28%),
  radial-gradient(circle at 88% 20%,rgba(36,173,177,.12),transparent 30%),
  linear-gradient(180deg,#061b27 0%,#071722 100%)}
.svc109-hero-inner{max-width:920px;text-align:center;margin-inline:auto}
.svc109-hero h1{max-width:870px;margin-inline:auto}
.svc109-hero p{max-width:760px;margin-inline:auto}
.svc109-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.svc109-section{padding-top:88px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,251,251,.96))}
html[data-theme="dark"] .svc109-section{background:linear-gradient(180deg,rgba(5,19,29,.98),rgba(6,25,35,.98))}
.svc109-heading{text-align:center;max-width:760px;margin:0 auto 34px}
.svc109-heading>span{display:inline-flex;color:#0b987e;font-weight:900;font-size:13px;letter-spacing:.02em;margin-bottom:8px}
.svc109-heading h2{margin:0 0 10px;color:#0d385f;font-size:clamp(30px,4vw,48px);line-height:1.2}
.svc109-heading p{margin:0;color:#698095;font-size:16px}
html[data-theme="dark"] .svc109-heading h2{color:#f4fbff}
html[data-theme="dark"] .svc109-heading p{color:#a7bac6}
.svc109-shell{max-width:1120px;margin-inline:auto;padding:20px;border:1px solid rgba(13,69,101,.09);border-radius:32px;background:rgba(255,255,255,.76);box-shadow:0 28px 70px rgba(8,55,84,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme="dark"] .svc109-shell{background:rgba(8,28,39,.76);border-color:rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.svc109-card{display:grid;grid-template-columns:240px 64px minmax(0,1fr);align-items:center;gap:22px;min-height:188px;padding:18px;border-radius:24px;position:relative;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.svc109-card+ .svc109-card{margin-top:10px}
.svc109-card:nth-child(odd){background:linear-gradient(135deg,rgba(246,251,252,.98),rgba(255,255,255,.98))}
.svc109-card:nth-child(even){background:linear-gradient(135deg,rgba(239,249,246,.88),rgba(252,255,255,.98))}
.svc109-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,62,88,.12)}
html[data-theme="dark"] .svc109-card:nth-child(odd),html[data-theme="dark"] .svc109-card:nth-child(even){background:linear-gradient(135deg,rgba(11,40,54,.96),rgba(8,28,39,.96))}
.svc109-media{height:150px;border-radius:19px;overflow:hidden;position:relative;background:#dfe9ed}
.svc109-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,28,43,.32));pointer-events:none}
.svc109-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .4s ease}
.svc109-card:hover .svc109-media img{transform:scale(1.055);filter:saturate(1.08) contrast(1.02)}
.svc109-index{position:absolute;z-index:2;top:10px;inset-inline-start:10px;min-width:42px;height:32px;padding-inline:9px;border-radius:10px;display:grid;place-items:center;background:rgba(4,43,60,.82);color:white;font-size:12px;font-weight:900;backdrop-filter:blur(10px)}
.svc109-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#0ea38a,#64c847);box-shadow:0 12px 25px rgba(30,156,110,.20);color:white}
.svc109-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc109-copy{min-width:0;padding-inline-end:10px}
.svc109-kicker{display:block;color:#0a9a80;font-size:12px;font-weight:900;margin-bottom:4px}
.svc109-copy h3{margin:0 0 8px;color:#103c61;font-size:clamp(21px,2.3vw,29px);line-height:1.25}
.svc109-copy p{margin:0;color:#687f92;line-height:1.9;font-size:14px}
.svc109-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#087b70;font-weight:900;font-size:13px;text-decoration:none}
.svc109-copy a b{transition:transform .2s ease}.svc109-copy a:hover b{transform:translateX(-4px)}
html[data-theme="dark"] .svc109-copy h3{color:#f3fbff}
html[data-theme="dark"] .svc109-copy p{color:#a9bbc7}
html[data-theme="dark"] .svc109-copy a{color:#78d8bc}
.svc109-benefits{padding-top:28px;background:linear-gradient(180deg,rgba(246,251,251,.96),rgba(238,248,248,.98))}
html[data-theme="dark"] .svc109-benefits{background:linear-gradient(180deg,#061923,#061520)}
.svc109-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.svc109-benefit{padding:24px 18px;border-radius:22px;text-align:center;background:rgba(255,255,255,.86);border:1px solid rgba(13,77,99,.08);box-shadow:0 14px 34px rgba(9,56,82,.08)}
.svc109-benefit strong{display:block;color:#0a927e;font-size:28px;margin-bottom:5px}.svc109-benefit span{color:#496a80;font-weight:800;font-size:13px}
html[data-theme="dark"] .svc109-benefit{background:rgba(9,34,47,.92);border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .svc109-benefit span{color:#b7cad5}

@media(max-width:900px){
  .svc109-card{grid-template-columns:200px 54px minmax(0,1fr);gap:16px}
  .svc109-media{height:142px}.svc109-icon{width:52px;height:52px;border-radius:15px}
  .svc109-benefit-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .svc109-hero{padding-bottom:64px}.svc109-hero-actions{display:grid;grid-template-columns:1fr;width:100%}.svc109-hero-actions .btn{width:100%}
  .svc109-section{padding-top:62px}.svc109-shell{padding:10px;border-radius:24px}
  .svc109-card{grid-template-columns:54px minmax(0,1fr);gap:13px;padding:12px;border-radius:20px;align-items:start}
  .svc109-media{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/10;border-radius:17px}
  .svc109-icon{grid-column:1;grid-row:2;width:48px;height:48px;border-radius:14px}
  .svc109-copy{grid-column:2;grid-row:2;padding:1px 0 4px}
  .svc109-copy h3{font-size:21px}.svc109-copy p{font-size:13px;line-height:1.8}
  .svc109-benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.svc109-benefit{padding:18px 10px}.svc109-benefit strong{font-size:24px}
  .msa-interactive-bg{opacity:.52}.msa-bg-shape.orb{width:120px;height:120px}.msa-bg-shape.ring{width:64px;height:64px}.msa-bg-shape.leaf{width:21px;height:12px}
}
@media(max-width:380px){
  .svc109-card{grid-template-columns:44px minmax(0,1fr);gap:10px}.svc109-icon{width:42px;height:42px}.svc109-icon svg{width:23px;height:23px}
  .svc109-copy h3{font-size:19px}.svc109-benefit-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .msa-bg-shape,.msa-motion-section::after{animation:none!important}.msa-bg-item,.msa-motion-section::before,.msa-motion-section::after{transform:none!important}
  .svc109-card,.svc109-media img{transition:none!important}
}


/* =========================================================
   V110 — Dynamic enterprise services (selected style 3)
   ========================================================= */
.svc110-enterprise-page{
  --svc110-navy:#041826;
  --svc110-navy-2:#082a3d;
  --svc110-green:#6bcf45;
  --svc110-mint:#0ca586;
  background:var(--svc110-navy);
}
.svc110-enterprise-page .svc109-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(560px,72vh,760px);
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:clamp(150px,18vh,210px) 0 clamp(120px,15vh,170px)!important;
  background:
    linear-gradient(90deg,rgba(2,18,30,.96) 0%,rgba(3,27,42,.86) 43%,rgba(3,25,38,.48) 72%,rgba(3,23,36,.76) 100%),
    linear-gradient(180deg,rgba(2,22,34,.12),rgba(2,20,32,.82)),
    url('assets/projects-expanded/safwa-waste-12.webp') center 44%/cover no-repeat!important;
}
.svc110-enterprise-page .svc109-hero::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(circle at 78% 34%,rgba(102,218,71,.20),transparent 25%),
    linear-gradient(110deg,transparent 0 43%,rgba(255,255,255,.04) 44%,transparent 45% 100%);
  animation:svc110HeroLight 9s ease-in-out infinite alternate;
}
.svc109-hero-inner{
  width:100%;max-width:1280px!important;
  text-align:right!important;margin-inline:auto!important;
  display:flex;flex-direction:column;align-items:flex-start;
  position:relative;z-index:2;
}
.svc110-hero-status{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border:1px solid rgba(119,226,84,.30);border-radius:999px;
  background:rgba(4,37,47,.55);color:#a7ef8f;font-size:13px;font-weight:900;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  margin-bottom:18px;
}
.svc110-hero-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#7de756;box-shadow:0 0 0 6px rgba(125,231,86,.11)}
.svc110-enterprise-page .svc109-hero .eyebrow{display:none!important}
.svc110-hero-title{margin:0!important;display:flex;flex-direction:column;align-items:flex-start;max-width:680px!important;line-height:1.05!important;text-wrap:balance}
.svc110-hero-title span,.svc110-hero-title strong{
  display:block!important;color:#fff!important;font-size:clamp(45px,6.5vw,88px)!important;font-weight:950!important;line-height:1.08!important;
  text-shadow:0 8px 32px rgba(0,0,0,.48)!important;opacity:1!important;visibility:visible!important;
}
.svc110-hero-title strong{color:#85dc4d!important;margin-top:6px}
.svc110-enterprise-page .svc109-hero p{
  max-width:650px!important;margin:24px 0 0!important;color:#e1edf2!important;
  font-size:clamp(16px,1.45vw,20px)!important;line-height:2!important;text-align:right!important;
  text-shadow:0 3px 18px rgba(0,0,0,.55);opacity:1!important;
}
.svc110-enterprise-page .svc109-hero-actions{justify-content:flex-start!important;margin-top:28px!important}
.svc110-enterprise-page .svc109-hero-actions .btn{min-width:170px;border-radius:14px!important;height:52px}
.svc110-enterprise-page .svc109-hero-actions .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.42)!important;background:rgba(5,26,39,.32)!important;backdrop-filter:blur(10px)}
.svc110-enterprise-page .svc109-hero-actions .btn-outline:hover{background:#fff!important;color:#092a3b!important;border-color:#fff!important}
.svc110-hero-metrics{
  display:flex;gap:0;margin-top:42px;padding:16px 20px;border-radius:18px;
  border:1px solid rgba(255,255,255,.12);background:rgba(4,25,38,.58);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.svc110-hero-metrics span{display:flex;align-items:center;gap:9px;padding:0 20px;border-inline-start:1px solid rgba(255,255,255,.14)}
.svc110-hero-metrics span:first-child{border-inline-start:0}
.svc110-hero-metrics b{color:#8ee05b;font-size:23px}.svc110-hero-metrics small{color:#dce9ee;font-size:12px;font-weight:800;white-space:nowrap}
.svc110-hero-wave{position:absolute;z-index:1;left:0;right:0;bottom:-10px;height:160px;overflow:hidden;pointer-events:none;opacity:.85}
.svc110-hero-wave i{position:absolute;left:-8%;width:116%;height:80px;border:1px solid rgba(113,222,73,.40);border-radius:50%;filter:drop-shadow(0 0 10px rgba(92,224,74,.22));animation:svc110Wave 8s ease-in-out infinite alternate}
.svc110-hero-wave i:nth-child(1){bottom:12px;transform:rotate(-2deg)}
.svc110-hero-wave i:nth-child(2){bottom:33px;transform:rotate(2deg);animation-delay:-2.5s;opacity:.58}
.svc110-hero-wave i:nth-child(3){bottom:55px;transform:rotate(-1deg);animation-delay:-4.5s;opacity:.35}
@keyframes svc110Wave{to{transform:translate3d(3%,10px,0) rotate(1deg) scaleX(1.02)}}
@keyframes svc110HeroLight{to{transform:scale(1.05) translate3d(-1.5%,1%,0)}}

.svc110-enterprise-page .svc109-section{
  position:relative;padding:clamp(72px,8vw,118px) 0!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(33,174,137,.14),transparent 28%),
    linear-gradient(180deg,#051c29 0%,#031521 100%)!important;
}
.svc110-enterprise-page .svc109-heading{max-width:850px;margin-bottom:44px}
.svc110-enterprise-page .svc109-heading>span{color:#8ada5e!important}
.svc110-enterprise-page .svc109-heading h2{color:#fff!important;font-size:clamp(34px,4vw,56px)!important;text-shadow:0 7px 24px rgba(0,0,0,.26)}
.svc110-enterprise-page .svc109-heading p{color:#aebfc9!important;font-size:clamp(15px,1.2vw,18px)!important}
.svc110-enterprise-page .svc109-shell{
  max-width:1280px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;
}
.svc110-enterprise-page .svc109-card{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
  min-height:520px!important;padding:0!important;margin:0!important;overflow:hidden;
  border-radius:24px!important;background:linear-gradient(180deg,rgba(12,47,64,.98),rgba(5,27,40,.98))!important;
  border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 22px 50px rgba(0,0,0,.24)!important;
  transition:transform .36s cubic-bezier(.22,.61,.36,1),border-color .3s ease,box-shadow .36s ease!important;
}
.svc110-enterprise-page .svc109-card:hover{transform:translateY(-9px)!important;border-color:rgba(128,220,79,.36)!important;box-shadow:0 30px 64px rgba(0,0,0,.34)!important}
.svc110-enterprise-page .svc109-media{width:100%!important;height:255px!important;aspect-ratio:auto!important;border-radius:0!important;grid-column:auto!important;position:relative}
.svc110-enterprise-page .svc109-media::after{background:linear-gradient(180deg,transparent 42%,rgba(3,20,31,.92))!important}
.svc110-enterprise-page .svc109-media img{filter:saturate(.98) contrast(1.04);transform:scale(1.01)}
.svc110-enterprise-page .svc109-card:hover .svc109-media img{transform:scale(1.07)!important;filter:saturate(1.12) contrast(1.04)!important}
.svc110-enterprise-page .svc109-index{top:16px;inset-inline-start:16px;background:rgba(4,25,36,.78);border:1px solid rgba(255,255,255,.10)}
.svc110-enterprise-page .svc109-icon{
  position:relative!important;z-index:3;margin:-32px auto 0!important;width:64px!important;height:64px!important;border-radius:50%!important;
  background:linear-gradient(145deg,#139f81,#69ce49)!important;border:5px solid #082638!important;box-shadow:0 14px 28px rgba(0,0,0,.28)!important;
  grid-column:auto!important;grid-row:auto!important;
}
.svc110-enterprise-page .svc109-copy{padding:18px 24px 28px!important;text-align:center!important;display:flex;flex:1;flex-direction:column;align-items:center}
.svc110-enterprise-page .svc109-kicker{color:#84d75b!important;font-size:12px!important}
.svc110-enterprise-page .svc109-copy h3{color:#fff!important;font-size:clamp(21px,2vw,28px)!important;line-height:1.35!important;margin-bottom:12px!important}
.svc110-enterprise-page .svc109-copy p{color:#b1c3cd!important;font-size:14px!important;line-height:1.85!important;margin-bottom:4px!important}
.svc110-enterprise-page .svc109-copy a{margin-top:auto!important;padding-top:17px!important;color:#8ce166!important;justify-content:center!important}
.svc110-enterprise-page .svc109-benefits{background:#031521!important;padding:0 0 88px!important}
.svc110-enterprise-page .svc109-benefit{background:rgba(10,39,53,.92)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 16px 34px rgba(0,0,0,.18)!important}
.svc110-enterprise-page .svc109-benefit strong{color:#85da58!important}.svc110-enterprise-page .svc109-benefit span{color:#c0d1d9!important}

/* V110 — visible, premium interactive background across all public pages */
#msaInteractiveBg{display:none!important}
.msa110-global-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.82;transition:opacity .35s ease}
body.is-loading .msa110-global-bg{opacity:0}
.msa110-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(12,137,112,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(12,137,112,.045) 1px,transparent 1px);background-size:52px 52px;transform:perspective(700px) rotateX(58deg) translateY(36%);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 72%);animation:msa110Grid 16s linear infinite}
.msa110-aurora{position:absolute;width:clamp(320px,38vw,720px);aspect-ratio:1;border-radius:50%;filter:blur(62px);opacity:.18;will-change:transform}
.msa110-aurora.a{left:-12%;top:8%;background:#38d58f}.msa110-aurora.b{right:-14%;top:34%;background:#32aee9}.msa110-aurora.c{left:32%;bottom:-28%;background:#84d94f}
.msa110-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#74dc66;box-shadow:0 0 18px rgba(116,220,102,.86);opacity:.58;animation:msa110Float var(--dur,9s) ease-in-out infinite alternate}
.msa110-beam{position:absolute;left:-20%;top:var(--top,35%);width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(72,197,152,.08),rgba(80,202,160,.45),rgba(72,197,152,.08),transparent);filter:drop-shadow(0 0 8px rgba(65,202,155,.28));transform:rotate(var(--rot,-4deg));animation:msa110Beam 8s ease-in-out infinite alternate}
.msa110-section-fx{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;border-radius:inherit}
.msa110-section-fx::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:var(--fx-x,8%);top:var(--fx-y,8%);background:radial-gradient(circle,rgba(74,205,145,.15),transparent 67%);filter:blur(8px);transform:translate3d(var(--fx-mx,0),var(--fx-my,0),0);transition:transform .12s linear}
.msa110-section-fx::after{content:"";position:absolute;left:-10%;right:-10%;bottom:8%;height:80px;border-top:1px solid rgba(64,190,144,.12);border-radius:50%;animation:msa110SectionWave 8s ease-in-out infinite alternate}
main>section{position:relative;isolation:isolate}main>section>.container,main>section>*:not(.msa110-section-fx){position:relative;z-index:1}
header,main,footer,.msa-faq-bot,.msa-social-rail{position:relative;z-index:2}
@keyframes msa110Grid{to{background-position:52px 52px}}
@keyframes msa110Float{to{transform:translate3d(var(--dx,18px),var(--dy,-38px),0) scale(1.4);opacity:.18}}
@keyframes msa110Beam{to{transform:translateY(35px) rotate(calc(var(--rot,-4deg) + 2deg));opacity:.45}}
@keyframes msa110SectionWave{to{transform:translateX(7%) scaleX(1.05);border-color:rgba(113,215,77,.24)}}

@media(max-width:980px){
  .svc110-enterprise-page .svc109-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .svc110-hero-metrics{flex-wrap:wrap}.svc110-hero-metrics span{padding:8px 14px}
}
@media(max-width:680px){
  .svc110-enterprise-page .svc109-hero{min-height:690px;padding:132px 0 120px!important;background-position:64% center!important}
  .svc109-hero-inner{align-items:stretch!important;text-align:center!important}
  .svc110-hero-title{align-items:center!important;text-align:center!important}
  .svc110-hero-title span,.svc110-hero-title strong{font-size:clamp(39px,12vw,58px)!important}
  .svc110-enterprise-page .svc109-hero p{text-align:center!important;margin-inline:auto!important}
  .svc110-enterprise-page .svc109-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;justify-content:stretch!important}
  .svc110-hero-metrics{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:10px;margin-top:28px}
  .svc110-hero-metrics span{justify-content:center;border:0!important;padding:10px 5px}.svc110-hero-metrics span:last-child{grid-column:1/-1}
  .svc110-enterprise-page .svc109-shell{grid-template-columns:1fr!important;gap:16px!important}
  .svc110-enterprise-page .svc109-card{min-height:auto!important}
  .svc110-enterprise-page .svc109-media{height:auto!important;aspect-ratio:16/10!important}
  .svc110-enterprise-page .svc109-copy{padding:16px 18px 24px!important}
  .msa110-aurora{opacity:.11;filter:blur(48px)}.msa110-grid{background-size:42px 42px}.msa110-particle:nth-of-type(n+8){display:none}
}
@media(prefers-reduced-motion:reduce){
  .svc110-hero-wave i,.svc110-enterprise-page .svc109-hero::before,.msa110-grid,.msa110-particle,.msa110-beam,.msa110-section-fx::after{animation:none!important}
}

/* =========================================================
   V111 — Footer mobile fix + stronger premium motion
   ========================================================= */
.footer.msa-footer-pro{overflow:clip;}
.msa-footer-bottom{flex-wrap:wrap !important;justify-content:center !important;row-gap:10px !important;column-gap:14px !important;padding:18px max(16px, calc(var(--safe-right) + 16px)) calc(18px + var(--safe-bottom)) max(16px, calc(var(--safe-left) + 16px)) !important;text-align:center !important;}
.msa-footer-bottom p,.msa-footer-bottom span{max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.9;}
.msa-footer-bottom p{flex:1 1 100%;text-align:center !important;}
.msa-footer-bottom span{flex:0 1 auto;text-align:center !important;}
@media (max-width: 1100px), (max-height: 820px){.msa-social-rail{display:none !important;}}
.msa110-global-bg{opacity:.96;}
html[data-theme="dark"] .msa110-global-bg{opacity:.9;}
.msa110-grid{background-image:linear-gradient(rgba(12,137,112,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(12,137,112,.075) 1px,transparent 1px);background-size:46px 46px;filter:drop-shadow(0 0 16px rgba(20,158,126,.14));animation:msa110Grid 11s linear infinite;}
.msa110-aurora{opacity:.28;filter:blur(54px);animation:msa110AuroraDrift 16s ease-in-out infinite alternate;}
.msa110-aurora.a{animation-delay:-2s}.msa110-aurora.b{animation-delay:-7s}.msa110-aurora.c{animation-delay:-11s}
.msa110-particle{width:7px;height:7px;opacity:.76;box-shadow:0 0 22px rgba(116,220,102,.95),0 0 34px rgba(53,199,165,.22);}
.msa110-beam{height:2px;opacity:.72;background:linear-gradient(90deg,transparent,rgba(72,197,152,.12),rgba(80,202,160,.72),rgba(110,221,87,.28),rgba(72,197,152,.12),transparent);filter:drop-shadow(0 0 12px rgba(65,202,155,.34));animation:msa110Beam 5.8s ease-in-out infinite alternate;}
.msa110-section-fx::before{width:320px;height:320px;background:radial-gradient(circle,rgba(74,205,145,.22),transparent 67%);filter:blur(10px);}
.msa110-section-fx::after{height:94px;border-top:1px solid rgba(64,190,144,.22);}
@keyframes msa110AuroraDrift{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.08)}100%{transform:translate3d(-1%,2%,0) scale(1.03)}}
@media (max-width: 680px){.msa110-global-bg{opacity:.82}.msa110-grid{background-size:34px 34px}.msa110-aurora{opacity:.18;filter:blur(38px)}.msa110-particle{width:6px;height:6px;opacity:.68}}

/* =========================================================
   V112 — Restore social links on all screens
   ========================================================= */
/* The social rail was being overridden by a generic position:relative rule.
   Force a reliable enterprise presentation on every device. */
.msa-social-rail{
  position:fixed !important;
  z-index:140 !important;
  opacity:1 !important;
  visibility:visible !important;
}
header,main,footer,.msa-faq-bot{position:relative;z-index:2}
body.is-loading .msa-social-rail{opacity:0 !important}

/* Desktop / large screens: left vertical rail */
@media (min-width: 1101px){
  .msa-social-rail{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:10px !important;
    left:18px !important;
    top:50% !important;
    bottom:auto !important;
    right:auto !important;
    transform:translateY(-50%) !important;
    width:66px !important;
    min-width:66px !important;
    padding:10px 8px !important;
    border-radius:28px !important;
    background:rgba(8,31,58,.88) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 44px rgba(4,20,40,.24) !important;
    backdrop-filter:blur(14px) saturate(140%) !important;
  }
  .msa-social-rail-label,
  .msa-social-rail::after,
  .msa-social-rail a::after{display:none !important}
  .msa-social-rail a{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    transform:none !important;
  }
  .msa-social-rail a:hover{transform:translateY(-2px) !important}
}

/* Tablet / mobile: bottom centered dock */
@media (max-width: 1100px){
  .msa-social-rail{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    min-width:auto !important;
    padding:10px 12px !important;
    border-radius:24px !important;
    background:rgba(8,31,58,.92) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 46px rgba(4,20,40,.28) !important;
    backdrop-filter:blur(14px) saturate(145%) !important;
  }
  .msa-social-rail-label,
  .msa-social-rail::after,
  .msa-social-rail a::after{display:none !important}
  .msa-social-rail a{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    transform:none !important;
  }
  .msa-social-rail a:hover{transform:translateY(-2px) !important}
}

/* Phones: keep it compact and above safe-area */
@media (max-width: 640px){
  .msa-social-rail{
    bottom:calc(14px + var(--safe-bottom)) !important;
    padding:8px 10px !important;
    gap:8px !important;
  }
  .msa-social-rail a{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }
  .msa-social-rail a svg{width:18px !important;height:18px !important}
}


/* =========================================================
   V116 — Light-mode clarity fixes + service-page parity
   ========================================================= */
html:not([data-theme="dark"]) .contact-page-v30 .header:not(.scrolled):not(:hover) .nav,
html:not([data-theme="dark"]) .careers-page-v28 .header:not(.scrolled):not(:hover) .nav,
html:not([data-theme="dark"]) .services-page-v116 .header:not(.scrolled):not(:hover) .nav{
  color:var(--blue)!important;
}
html:not([data-theme="dark"]) .contact-page-v30 .header:not(.scrolled):not(:hover) .mode-toggle,
html:not([data-theme="dark"]) .contact-page-v30 .header:not(.scrolled):not(:hover) .lang,
html:not([data-theme="dark"]) .contact-page-v30 .header:not(.scrolled):not(:hover) .menu,
html:not([data-theme="dark"]) .careers-page-v28 .header:not(.scrolled):not(:hover) .mode-toggle,
html:not([data-theme="dark"]) .careers-page-v28 .header:not(.scrolled):not(:hover) .lang,
html:not([data-theme="dark"]) .careers-page-v28 .header:not(.scrolled):not(:hover) .menu,
html:not([data-theme="dark"]) .services-page-v116 .header:not(.scrolled):not(:hover) .mode-toggle,
html:not([data-theme="dark"]) .services-page-v116 .header:not(.scrolled):not(:hover) .lang,
html:not([data-theme="dark"]) .services-page-v116 .header:not(.scrolled):not(:hover) .menu{
  color:var(--blue)!important;
  border-color:rgba(7,53,92,.12)!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 10px 24px rgba(7,31,56,.08);
}

html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-bg span,
html:not([data-theme="dark"]) .careers-page-v28 .career-hero-bg span{
  background:linear-gradient(90deg,rgba(247,251,252,.92),rgba(244,251,250,.76),rgba(220,243,228,.58));
}
html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-bg img,
html:not([data-theme="dark"]) .careers-page-v28 .career-hero-bg img{
  filter:saturate(.95) brightness(1.08);
}
html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-content,
html:not([data-theme="dark"]) .careers-page-v28 .career-hero-content{
  background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.54));
  border:1px solid rgba(7,53,92,.09);
  border-radius:34px;
  padding:38px 40px;
  box-shadow:0 26px 62px rgba(8,55,84,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-content h1,
html:not([data-theme="dark"]) .careers-page-v28 .career-hero-content h1{
  color:var(--blue)!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-content p,
html:not([data-theme="dark"]) .careers-page-v28 .career-hero-content p{
  color:#516b80!important;
}
html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-content .eyebrow,
html:not([data-theme="dark"]) .careers-page-v28 .career-hero-content .eyebrow{
  color:var(--green2)!important;
}

html:not([data-theme="dark"]) .svc110-enterprise-page{
  --svc110-navy:#f4fafc;
  --svc110-navy-2:#eff7fa;
  background:linear-gradient(180deg,#f7fbfc 0%,#eef7fa 100%);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-hero{
  background:
    linear-gradient(92deg,rgba(247,251,252,.97) 0%,rgba(242,250,252,.88) 48%,rgba(225,244,233,.74) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.24)),
    url('assets/projects-expanded/safwa-waste-12.webp') center 44%/cover no-repeat!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-hero::before{
  background:
    radial-gradient(circle at 78% 34%,rgba(102,218,71,.16),transparent 24%),
    linear-gradient(110deg,transparent 0 43%,rgba(255,255,255,.22) 44%,transparent 45% 100%);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-status{
  background:rgba(255,255,255,.70);
  border-color:rgba(79,181,104,.26);
  color:#19896f;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-title span{
  color:var(--blue)!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-title strong{
  color:#64b63f!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-hero p{
  color:#4f687c!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-hero-actions .btn-outline{
  color:var(--blue)!important;
  border-color:rgba(7,53,92,.14)!important;
  background:rgba(255,255,255,.76)!important;
  backdrop-filter:blur(10px);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-hero-actions .btn-outline:hover{
  background:var(--blue)!important;
  color:#fff!important;
  border-color:var(--blue)!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-metrics{
  background:rgba(255,255,255,.74);
  border-color:rgba(13,69,101,.10);
  box-shadow:0 16px 40px rgba(8,55,84,.08);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-metrics span{
  border-inline-start-color:rgba(13,69,101,.10);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-metrics b{
  color:#1b9b79;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-metrics small{
  color:#5c7487;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc110-hero-wave i{
  border-color:rgba(113,222,73,.26);
  filter:drop-shadow(0 0 8px rgba(92,224,74,.12));
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-section{
  background:
    radial-gradient(circle at 12% 8%,rgba(33,174,137,.11),transparent 28%),
    linear-gradient(180deg,#f7fcfc 0%,#edf7f9 100%)!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-heading>span,
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-kicker,
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-copy a{
  color:#10957d!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-heading h2,
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-copy h3{
  color:var(--blue)!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-heading p,
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-copy p{
  color:#688095!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-card{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(249,252,253,.98))!important;
  border:1px solid rgba(10,67,95,.09)!important;
  box-shadow:0 18px 44px rgba(8,55,84,.08)!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-card:hover{
  border-color:rgba(102,195,80,.28)!important;
  box-shadow:0 24px 54px rgba(8,55,84,.12)!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-media::after{
  background:linear-gradient(180deg,transparent 42%,rgba(255,255,255,.08));
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-index{
  background:rgba(7,53,92,.80);
  border:1px solid rgba(255,255,255,.24);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-icon{
  box-shadow:0 12px 26px rgba(30,156,110,.12);
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-benefits{
  background:linear-gradient(180deg,#edf7f9 0%,#e8f4f6 100%)!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-benefit{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(10,67,95,.08)!important;
  box-shadow:0 16px 34px rgba(8,55,84,.07)!important;
}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-benefit strong{color:#129a7e!important}
html:not([data-theme="dark"]) .svc110-enterprise-page .svc109-benefit span{color:#567182!important}

@media(max-width:700px){
  html:not([data-theme="dark"]) .contact-page-v30 .contact-hero-content,
  html:not([data-theme="dark"]) .careers-page-v28 .career-hero-content{
    padding:26px 22px;
    border-radius:26px;
  }
}




/* =========================================================
   V127 fallback rules — JS owns final state
   ========================================================= */
.msa-social-rail-v125 a,
.msa-social-rail-v125 .msa-social-rail-toggle{
  background:#0b131d !important;
  border:1px solid #1e2b38 !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}
.msa-social-rail-v125{
  background:#07111c !important;
  border:1px solid #192735 !important;
}


/* =========================================================
   V128 — keep header content visible; animate only background
   ========================================================= */
.header{
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
@media (min-width:901px){
  .header:not(.scrolled):not(:hover):not(:focus-within){
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .header.scrolled,
  .header:hover,
  .header:focus-within{
    background:var(--header) !important;
    box-shadow:0 10px 32px rgba(7,31,56,.10) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }
}


/* V131 side-dock reservation */
@media(max-width:760px){
  body.msa-social-side-reserved main,
  body.msa-social-side-reserved footer{padding-left:54px!important;}
}


/* =========================================================
   V132 — true full-width mobile centering fix
   ========================================================= */
html,body{width:100%;max-width:100%;margin:0!important;padding:0!important;overflow-x:hidden!important;}
body.msa-social-side-reserved main,
body.msa-social-side-reserved footer,
body.msa-social-side-reserved .footer{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

@media (max-width:760px){
  body,body.home70{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  main,.home70-main,section,footer,.footer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }
  .container,body:not(.msa-admin-v37) .container{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }
  .home70-hero-grid,.home70-copy,.home70-actions,.home70-visual,.home70-values-grid,.home70-benefit-grid,.home70-services,.home70-news{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
  }
  .home70-actions{max-width:100%!important;}
  .home70-actions .btn{width:100%!important;max-width:100%!important;}
  .home70-values-grid{width:100%!important;}
  body.home70 .home70-visual.home71-collage{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
  .header,.nav-wrap{max-width:100%!important;}
}

@media (max-width:420px){
  .container,body:not(.msa-admin-v37) .container{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
  }
}

/* 2026-09-22: speed + universal new brand */
.msa-loader-e{display:flex!important}
body.is-loading{overflow:hidden!important}
.brand img{width:clamp(174px,15vw,230px)!important;height:auto!important;object-fit:contain!important}
.msa-footer-pro img[src*="logo-on-dark"],.loader-e-logo{width:min(270px,90%)!important;height:auto!important;object-fit:contain!important}
@media(max-width:900px){.brand img{width:clamp(128px,29vw,173px)!important;max-width:34vw!important}}
@media(prefers-reduced-motion:reduce){.reveal{filter:none!important;transition-duration:.01ms!important}.reveal.show{transform:none!important}*{scroll-behavior:auto!important}}

/* V14.2 — keep the existing logo, but always use readable lettering for the active theme. */
html:not([data-theme="dark"]) .header .brand img{content:url("assets/logo.png?v=20260923-v142")!important}
html[data-theme="dark"] .header .brand img{content:url("assets/logo-on-dark.png?v=20260923-v142")!important}
/* Replace the legacy CSS-drawn bot symbol with the actual supplied brand mark. */
.msa-faq-window-v49 .msa-faq-head-logo::before,.msa-faq-window-v49 .msa-faq-head-logo::after{display:none!important;content:none!important}
.msa-faq-window-v49 .msa-faq-head-logo img{display:block!important;content:url("android-chrome-192x192.png?v=20260922")!important;width:92%!important;height:92%!important;object-fit:contain!important}
.msa-faq-toggle-icon-v49 img{content:url("android-chrome-192x192.png?v=20260922")!important;object-fit:contain!important}


/* V56 — safe footer contact details. Keeps the original footer grid intact. */
.msa-footer-contact-v56{min-width:0!important}
.msa-footer-contact-v56>.msa-footer-row-v56{
  width:100%;max-width:100%;min-width:0;display:flex!important;align-items:center!important;gap:11px!important;
  margin:0 0 13px!important;color:#b9cad7!important;text-decoration:none;
}
.msa-footer-contact-v56>.msa-footer-row-v56:hover{color:#fff!important}
.msa-footer-contact-v56>.msa-footer-row-v56>.msa-footer-icon-v56{
  width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.07)!important;color:#73dcc9!important;
  border:1px solid rgba(255,255,255,.09);flex:0 0 36px!important;
}
.msa-footer-contact-v56>.msa-footer-row-v56>.msa-footer-icon-v56.phone{
  background:linear-gradient(135deg,#0788d1,#0aa69e 58%,#7ccc49)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(0,119,135,.16)
}
.msa-footer-icon-v56 svg{width:19px;height:19px;display:block}
.msa-footer-copy-v56{min-width:0;display:flex;flex-direction:column;gap:2px;text-align:start;line-height:1.45}
.msa-footer-copy-v56 b{display:block;font-size:12.5px;font-weight:800;overflow-wrap:normal!important;word-break:normal!important;color:#e8f4f8}
.msa-footer-copy-v56 small{display:block;font-size:11px;color:#91a8b8;line-height:1.65;overflow-wrap:break-word;word-break:normal}
.msa-footer-phone-v56 .msa-footer-copy-v56 small{font-size:13px;color:#cfe0e8;font-weight:800;letter-spacing:.25px}
@media(max-width:1050px){
  .msa-footer-contact-v56>.msa-footer-row-v56{margin-bottom:0!important;align-self:stretch}
}
@media(max-width:850px){
  .msa-footer-contact-v56>.msa-footer-row-v56{margin-bottom:10px!important}
}
.contact-cards-v30 .phone-icon-v56{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0788d1,#0aa69e 58%,#7ccc49)!important;color:#fff!important}
.contact-cards-v30 .phone-icon-v56 svg{width:21px;height:21px;display:block}
.contact-cards-v30 .contact-phone-v56>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact-cards-v30 .contact-phone-v56 strong{font-size:13px;color:var(--ink)}
.contact-cards-v30 .contact-phone-v56 small{font-size:13px;color:var(--muted);font-weight:800}
.contact-cards-v30 .contact-map-v56 span{line-height:1.6}