@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#f4f8fb;--bg-2:#ffffff;--panel:rgba(255,255,255,.72);--panel-solid:#fff;
  --ink:#07152a;--muted:#607089;--line:rgba(7,43,127,.11);--navy:#002B7F;--blue:#007CBF;
  --cyan:#00BCBF;--green:#0A7132;--ice:#AED0EB;--shadow:0 30px 80px rgba(0,43,127,.12);
  --shadow-soft:0 16px 44px rgba(0,43,127,.08);--radius:30px;--radius-sm:20px;
  --ease:cubic-bezier(.2,.8,.2,1);--max:1280px;--header-h:90px;
}
html[data-theme="dark"]{
  --bg:#050b14;--bg-2:#0a1422;--panel:rgba(12,27,45,.72);--panel-solid:#0c1a2b;
  --ink:#eff9ff;--muted:#96aabd;--line:rgba(174,208,235,.12);--shadow:0 30px 90px rgba(0,0,0,.35);
  --shadow-soft:0 16px 50px rgba(0,0,0,.25);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans Arabic','Tahoma',system-ui,sans-serif;line-height:1.8;overflow-x:hidden}
html[lang="en"] body{font-family:'Inter','Arial',system-ui,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:104px 0;position:relative}.section.tight{padding:72px 0}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-weight:800;letter-spacing:.03em;font-size:.82rem}.eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:9px}.section-title{font-size:clamp(2rem,4vw,4.3rem);line-height:1.2;margin:12px 0 18px;letter-spacing:-.035em;max-width:900px}.section-lead{color:var(--muted);font-size:1.06rem;max-width:760px;margin:0}.split-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:44px}.split-head .section-lead{max-width:520px}.glass-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.site-header{height:var(--header-h);position:fixed;z-index:1000;top:0;left:0;right:0;display:flex;align-items:center;transition:.35s var(--ease);border-bottom:1px solid transparent}.site-header.scrolled{background:color-mix(in srgb,var(--bg-2) 88%,transparent);backdrop-filter:blur(24px);border-bottom-color:var(--line);box-shadow:0 10px 30px rgba(0,43,127,.06)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:178px}.brand img{width:58px;height:58px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:.96rem;letter-spacing:.04em}.brand-copy span{color:var(--muted);font-size:.62rem;margin-top:5px}.main-nav{display:flex;align-items:center;gap:28px;font-size:.86rem;font-weight:700}.main-nav>a,.nav-dropdown>button{position:relative;padding:30px 0;border:0;background:none;color:var(--ink);cursor:pointer}.main-nav>a:after,.nav-dropdown>button:after{content:"";position:absolute;inset-inline:0;bottom:22px;height:2px;transform:scaleX(0);background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.3s var(--ease)}.main-nav>a:hover:after,.main-nav>a.active:after,.nav-dropdown:hover>button:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.25s}.icon-btn:hover{transform:translateY(-2px);border-color:rgba(0,124,191,.35)}.nav-cta{padding:11px 18px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:800;font-size:.78rem;box-shadow:0 10px 28px rgba(0,124,191,.2)}.nav-dropdown{position:relative}.mega{position:absolute;top:74px;inset-inline-start:50%;transform:translateX(-50%) translateY(10px);width:680px;padding:18px;background:color-mix(in srgb,var(--panel-solid) 96%,transparent);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(2,1fr);gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:.28s var(--ease);backdrop-filter:blur(20px)}.nav-dropdown:hover .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega a{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;padding:10px;border-radius:18px;transition:.2s}.mega a:hover{background:color-mix(in srgb,var(--ice) 18%,transparent)}.mega img{width:74px;height:58px;object-fit:cover;border-radius:13px}.mega strong{display:block;font-size:.82rem}.mega span{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.mobile-toggle{display:none}
.hero{min-height:100vh;padding-top:var(--header-h);position:relative;display:grid;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 22%,rgba(0,188,191,.18),transparent 29%),radial-gradient(circle at 82% 28%,rgba(0,124,191,.16),transparent 34%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 82%,var(--ice)));pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center;padding:80px 0 60px}.hero-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:99px;padding:8px 13px;background:var(--panel);box-shadow:var(--shadow-soft);font-size:.76rem;color:var(--muted)}.hero-kicker i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(10,113,50,.1)}.hero h1{font-size:clamp(3rem,6vw,6.5rem);line-height:1.14;letter-spacing:-.055em;margin:24px 0 24px;max-width:760px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--navy),var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.12rem;color:var(--muted);max-width:680px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:16px;font-weight:800;font-size:.82rem;transition:.3s var(--ease);cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 18px 40px rgba(0,124,191,.22)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,124,191,.28)}.btn-secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.btn-secondary:hover{transform:translateY(-4px);border-color:rgba(0,124,191,.3)}.hero-proof{display:flex;gap:26px;margin-top:38px;flex-wrap:wrap}.proof-item{display:flex;gap:11px;align-items:center}.proof-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(0,124,191,.12),rgba(0,188,191,.14));display:grid;place-items:center;color:var(--blue)}.proof-item strong{font-size:.78rem;display:block}.proof-item span{font-size:.67rem;color:var(--muted);display:block}.hero-visual{position:relative;min-height:650px}.hero-card-main{position:absolute;inset:30px 5% 30px 11%;border-radius:48px;overflow:hidden;box-shadow:0 40px 100px rgba(0,43,127,.22);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}html[dir="rtl"] .hero-card-main{transform:perspective(1200px) rotateY(4deg) rotateX(1deg)}.hero-card-main img{width:100%;height:100%;object-fit:cover}.hero-card-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,27,67,.72));}.hero-card-label{position:absolute;z-index:2;bottom:28px;inset-inline:28px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-card-label strong{font-size:1.2rem}.hero-card-label span{font-size:.72rem;opacity:.8}.floating-glass{position:absolute;border:1px solid rgba(174,208,235,.42);background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(174,208,235,.08));backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 30px 70px rgba(0,43,127,.12);border-radius:28px;animation:float 6s ease-in-out infinite}.glass-a{width:160px;height:220px;top:0;inset-inline-end:-2%;transform:rotate(9deg)}.glass-b{width:120px;height:160px;bottom:18px;inset-inline-start:0;transform:rotate(-10deg);animation-delay:-2s}.metric-float{position:absolute;z-index:3;top:14%;inset-inline-start:0;padding:18px 20px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.metric-float b{font-size:1.55rem;color:var(--blue);display:block;line-height:1}.metric-float span{font-size:.68rem;color:var(--muted)}@keyframes float{50%{transform:translateY(-14px) rotate(5deg)}}
.trust-rail{position:relative;z-index:4;margin-top:-10px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border-radius:26px;overflow:hidden}.trust-cell{padding:24px 22px;background:var(--panel-solid);border-inline-end:1px solid var(--line)}.trust-cell:last-child{border:0}.trust-cell small{color:var(--muted);font-size:.64rem}.trust-cell strong{font-size:.84rem;display:block;margin-top:4px}.trust-cell b{font-size:1.3rem;color:var(--blue);margin-inline-end:4px}
.bento{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:18px}.bento-card{border-radius:var(--radius);overflow:hidden;position:relative;min-height:340px;border:1px solid var(--line);background:var(--panel-solid);box-shadow:var(--shadow-soft)}.bento-card.large{grid-row:span 2;min-height:700px}.bento-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.bento-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(1,21,52,.82))}.bento-copy{position:absolute;z-index:2;bottom:0;inset-inline:0;padding:30px;color:#fff}.bento-copy span{font-size:.7rem;opacity:.7}.bento-copy h3{font-size:1.65rem;margin:6px 0 8px;line-height:1.35}.bento-copy p{font-size:.8rem;opacity:.82;margin:0;max-width:520px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border-radius:26px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden;transition:.35s var(--ease);position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.product-image{height:260px;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}.product-card:hover .product-image img{transform:scale(1.05)}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,25,63,.54))}.product-index{position:absolute;z-index:2;top:16px;inset-inline-start:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.82);color:var(--navy);font-weight:800;backdrop-filter:blur(10px)}.product-copy{padding:22px}.product-copy small{color:var(--blue);font-weight:800;font-size:.64rem}.product-copy h3{font-size:1.14rem;margin:7px 0 8px}.product-copy p{color:var(--muted);font-size:.76rem;margin:0 0 18px;min-height:70px}.product-link{font-weight:800;font-size:.75rem;color:var(--blue);display:inline-flex;gap:8px;align-items:center}.product-link svg{transition:.25s}.product-card:hover .product-link svg{transform:translateX(-4px)}html[dir="ltr"] .product-card:hover .product-link svg{transform:translateX(4px)}
.stat-band{border-radius:36px;background:linear-gradient(120deg,#001a52,#003b92 55%,#007CBF);color:#fff;padding:42px;display:grid;grid-template-columns:1.2fr repeat(3,.6fr);align-items:center;gap:28px;box-shadow:0 30px 70px rgba(0,43,127,.2);overflow:hidden;position:relative}.stat-band:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:-160px;inset-inline-end:-80px;box-shadow:0 0 0 52px rgba(255,255,255,.03),0 0 0 104px rgba(255,255,255,.025)}.stat-intro{position:relative;z-index:2}.stat-intro h3{font-size:1.4rem;margin:0 0 7px}.stat-intro p{margin:0;opacity:.7;font-size:.77rem}.stat{position:relative;z-index:2}.stat b{font-family:'Inter','Arial',sans-serif;font-size:2.3rem;line-height:1;display:block}.stat span{font-size:.68rem;opacity:.7}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel-solid);box-shadow:var(--shadow-soft);transition:.3s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(0,124,191,.24)}.feature-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,124,191,.12),rgba(0,188,191,.14));color:var(--blue);margin-bottom:22px}.feature-card h3{font-size:1rem;margin:0 0 9px}.feature-card p{font-size:.76rem;color:var(--muted);margin:0}.feature-card ul{padding:0 18px;margin:14px 0 0;color:var(--muted);font-size:.74rem}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:step}.process-step{padding:26px;border-radius:22px;border:1px solid var(--line);background:var(--panel-solid);position:relative;box-shadow:var(--shadow-soft)}.process-step:before{counter-increment:step;content:"0" counter(step);display:block;font-family:'Inter','Arial';font-size:2rem;font-weight:800;color:rgba(0,124,191,.25);margin-bottom:22px}.process-step h3{font-size:.96rem;margin:0 0 8px}.process-step p{font-size:.73rem;color:var(--muted);margin:0}
.gallery-preview{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:250px 250px;gap:12px}.gallery-preview a{position:relative;overflow:hidden;border-radius:24px}.gallery-preview a:first-child{grid-row:span 2}.gallery-preview img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}.gallery-preview a:hover img{transform:scale(1.06)}.gallery-preview a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(1,22,51,.28));opacity:0;transition:.3s}.gallery-preview a:hover:after{opacity:1}.gallery-grid{columns:4;column-gap:14px}.gallery-item{break-inside:avoid;margin-bottom:14px;border-radius:22px;overflow:hidden;position:relative;cursor:zoom-in;background:var(--panel-solid);border:1px solid var(--line)}.gallery-item img{width:100%;transition:.5s var(--ease)}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:after{content:"+";position:absolute;bottom:14px;inset-inline-end:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white;background:rgba(0,43,127,.72);backdrop-filter:blur(8px);opacity:0;transform:scale(.8);transition:.25s}.gallery-item:hover:after{opacity:1;transform:scale(1)}
.ceo{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.ceo-visual{border-radius:32px;overflow:hidden;min-height:480px;position:relative}.ceo-visual img{width:100%;height:100%;object-fit:cover;position:absolute}.ceo-copy{padding:48px;border-radius:32px;background:linear-gradient(135deg,var(--panel-solid),color-mix(in srgb,var(--ice) 20%,var(--panel-solid)));border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:center}.quote-mark{font-family:Georgia,serif;font-size:5rem;color:var(--cyan);line-height:.6;opacity:.8}.ceo-copy blockquote{font-size:1.12rem;line-height:2.15;margin:18px 0 26px}.ceo-name{display:flex;align-items:center;gap:12px}.ceo-name i{width:42px;height:2px;background:var(--blue)}.ceo-name strong{display:block}.ceo-name span{color:var(--muted);font-size:.7rem}
.cta-panel{border-radius:42px;background:linear-gradient(120deg,#001a52,#003789 55%,#0088c7);color:white;padding:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;position:relative;overflow:hidden;box-shadow:0 36px 90px rgba(0,43,127,.24)}.cta-panel:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(0,188,191,.14),transparent 35%);animation:spin 18s linear infinite}.cta-panel>*{position:relative;z-index:2}.cta-panel h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.35;margin:0 0 12px}.cta-panel p{opacity:.72;margin:0;max-width:670px}.cta-actions{display:flex;justify-content:end;gap:12px;flex-wrap:wrap}.cta-panel .btn-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}@keyframes spin{to{transform:rotate(360deg)}}
.page-hero{padding:160px 0 70px;position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--ice) 22%,var(--bg)),var(--bg))}.page-hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.15),transparent 66%);top:-230px;inset-inline-end:-120px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.7rem;margin-bottom:20px}.breadcrumb a{color:var(--blue)}.page-hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:1.2;letter-spacing:-.05em;margin:0 0 20px;max-width:950px}.page-hero p{font-size:1.05rem;color:var(--muted);max-width:800px;margin:0}.page-hero .hero-mini-art{position:absolute;inset-inline-end:7%;bottom:-100px;width:360px;height:360px;border-radius:48px;border:1px solid var(--line);transform:rotate(10deg);background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(0,188,191,.05));backdrop-filter:blur(10px)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.about-image{position:relative;min-height:650px}.about-image img{position:absolute;width:82%;height:88%;inset-inline-start:0;top:0;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.about-image .mini{width:45%;height:42%;inset-inline-start:auto;inset-inline-end:0;top:auto;bottom:0;border:8px solid var(--bg);border-radius:26px}.about-copy h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.35;margin:10px 0 22px}.about-copy p{color:var(--muted)}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.check{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--panel-solid);border:1px solid var(--line);font-size:.75rem}.check i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(10,113,50,.1);color:var(--green);font-style:normal;flex:0 0 auto}
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.value-card{padding:26px 20px;border-radius:22px;background:var(--panel-solid);border:1px solid var(--line);min-height:210px}.value-card b{font-family:'Inter','Arial';font-size:2rem;color:rgba(0,124,191,.25)}.value-card h3{font-size:.9rem;margin:24px 0 8px}.value-card p{font-size:.69rem;color:var(--muted);margin:0}
.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.product-hero-media{height:600px;border-radius:40px;overflow:hidden;box-shadow:var(--shadow);position:relative}.product-hero-media img{width:100%;height:100%;object-fit:cover}.product-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,25,63,.4))}.product-hero-copy h1{font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.2;letter-spacing:-.045em;margin:12px 0 18px}.product-hero-copy p{color:var(--muted);font-size:1rem}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tag{padding:8px 11px;border-radius:99px;background:color-mix(in srgb,var(--ice) 22%,var(--panel-solid));border:1px solid var(--line);font-size:.68rem;font-weight:800}.thickness-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.thickness-pills b{min-width:65px;padding:11px 13px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--line);text-align:center;font-family:'Inter','Arial';font-size:.77rem;box-shadow:var(--shadow-soft)}
.spec-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.spec-summary{padding:32px;border-radius:28px;background:linear-gradient(145deg,var(--panel-solid),color-mix(in srgb,var(--ice) 12%,var(--panel-solid)));border:1px solid var(--line);height:max-content;position:sticky;top:120px}.spec-summary h3{font-size:1.1rem;margin:0 0 16px}.spec-summary ul{padding:0 20px;margin:0;color:var(--muted);font-size:.76rem}.spec-summary li{margin:10px 0}.spec-table-wrap{overflow:hidden;border-radius:28px;border:1px solid var(--line);background:var(--panel-solid);box-shadow:var(--shadow-soft)}table{border-collapse:collapse;width:100%;font-size:.78rem}th,td{padding:18px 16px;text-align:center;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}th:last-child,td:last-child{border-inline-end:0}thead th{background:linear-gradient(135deg,var(--navy),#004ca1);color:white;font-family:'Inter','Arial',sans-serif;font-size:.74rem}.spec-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--ice) 12%,transparent)}.tick{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(10,113,50,.11);color:var(--green);font-weight:800}.jumbo{padding:20px;text-align:center;background:linear-gradient(90deg,rgba(0,124,191,.08),rgba(0,188,191,.08));font-weight:800}
.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sector-card{min-height:260px;border-radius:24px;padding:26px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.sector-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.12),transparent 70%);top:-70px;inset-inline-end:-50px}.sector-card .feature-icon{margin-bottom:46px}.sector-card h3{font-size:.9rem;margin:0 0 8px}.sector-card p{font-size:.7rem;color:var(--muted);margin:0}
.form-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;align-items:start}.rfq-aside{padding:34px;border-radius:30px;background:linear-gradient(145deg,#001a52,#005baf);color:#fff;position:sticky;top:120px;box-shadow:0 30px 70px rgba(0,43,127,.22)}.rfq-aside h2{font-size:1.6rem;margin:0 0 10px}.rfq-aside p{font-size:.78rem;opacity:.72}.rfq-points{display:grid;gap:14px;margin-top:28px}.rfq-point{display:flex;gap:12px;align-items:center;font-size:.75rem}.rfq-point i{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-style:normal}.rfq-form{padding:34px;border-radius:30px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-size:.7rem;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:14px 15px;outline:none;transition:.2s}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(0,124,191,.5);box-shadow:0 0 0 4px rgba(0,124,191,.08)}.form-note{font-size:.66rem;color:var(--muted);margin-top:14px}.success-note{display:none;margin-top:15px;padding:13px 15px;border-radius:14px;background:rgba(10,113,50,.1);color:var(--green);font-size:.72rem;font-weight:700}.success-note.show{display:block}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.contact-list{display:grid;gap:12px}.contact-card{display:flex;align-items:center;gap:16px;padding:22px;border-radius:20px;background:var(--panel-solid);border:1px solid var(--line)}.contact-card i{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(0,124,191,.12),rgba(0,188,191,.15));display:grid;place-items:center;font-style:normal;color:var(--blue);font-weight:800}.contact-card small{display:block;color:var(--muted);font-size:.65rem}.contact-card strong{font-family:'Inter','Noto Sans Arabic','Tahoma';font-size:.86rem}.map-placeholder{min-height:420px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--ice) 34%,var(--panel-solid)),var(--panel-solid));border:1px solid var(--line);display:grid;place-items:center}.map-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;opacity:.7}.map-pin{position:relative;z-index:2;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:rgba(0,124,191,.12);box-shadow:0 0 0 30px rgba(0,124,191,.05)}.origin-note{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:.69rem;color:var(--muted);text-align:center}
.site-footer{padding:74px 0 30px;background:var(--bg-2);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:50px}.footer-brand p{color:var(--muted);font-size:.73rem;max-width:420px}.footer-title{font-size:.76rem;font-weight:800;margin-bottom:16px}.footer-links{display:grid;gap:10px}.footer-links a{color:var(--muted);font-size:.7rem;transition:.2s}.footer-links a:hover{color:var(--blue);transform:translateX(-3px)}html[dir="ltr"] .footer-links a:hover{transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:48px;padding-top:22px;color:var(--muted);font-size:.64rem}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.page-loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:grid;place-items:center;transition:opacity .6s var(--ease),visibility .6s}.page-loader.done{opacity:0;visibility:hidden}.loader-mark{display:grid;place-items:center;gap:16px}.loader-mark img{width:88px;height:88px;object-fit:contain;animation:pulse 1.25s ease-in-out infinite}.loader-line{width:120px;height:2px;background:var(--line);overflow:hidden;border-radius:9px}.loader-line:after{content:"";display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:load 1s ease-in-out infinite}@keyframes load{from{transform:translateX(-120%)}to{transform:translateX(270%)}}@keyframes pulse{50%{transform:scale(1.04);filter:drop-shadow(0 10px 18px rgba(0,124,191,.16))}}.route-curtain{position:fixed;z-index:9998;inset:0;background:linear-gradient(135deg,#001a52,#007CBF);transform:translateY(100%);pointer-events:none}.route-curtain.go{animation:curtain .55s var(--ease) forwards}@keyframes curtain{to{transform:translateY(0)}}.scroll-progress{position:fixed;z-index:1100;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--green),var(--cyan),var(--blue));box-shadow:0 0 14px rgba(0,188,191,.5)}.cursor-glow{position:fixed;z-index:0;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,188,191,.08),transparent 65%);transform:translate(-50%,-50%);transition:opacity .2s}.lightbox{position:fixed;z-index:3000;inset:0;background:rgba(2,9,18,.88);display:none;align-items:center;justify-content:center;padding:30px;backdrop-filter:blur(16px)}.lightbox.open{display:flex}.lightbox img{max-width:min(1200px,92vw);max-height:88vh;border-radius:22px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.lightbox button{position:absolute;top:25px;inset-inline-end:25px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:white;font-size:1.3rem;cursor:pointer}
@media(max-width:1120px){.main-nav{gap:18px}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.product-grid{grid-template-columns:repeat(2,1fr)}.sector-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{columns:3}.footer-grid{grid-template-columns:1.2fr repeat(3,.8fr);gap:25px}}
@media(max-width:900px){:root{--header-h:78px}.container{width:min(100% - 26px,var(--max))}.site-header{height:78px}.brand img{width:50px;height:50px}.main-nav{position:fixed;top:78px;left:13px;right:13px;padding:18px;border-radius:24px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown>button{padding:13px 8px;width:100%;text-align:inherit}.main-nav>a:after,.nav-dropdown>button:after{bottom:7px}.nav-dropdown .mega{position:static;transform:none!important;width:auto;display:none;opacity:1;visibility:visible;pointer-events:auto;grid-template-columns:1fr;margin-top:5px;box-shadow:none}.nav-dropdown.open .mega{display:grid}.mobile-toggle{display:grid}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:80px 0 48px}.hero-visual{min-height:560px}.hero h1{font-size:clamp(2.7rem,12vw,5rem)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-cell{border-bottom:1px solid var(--line)}.bento,.about-grid,.product-hero,.spec-layout,.ceo,.form-shell,.contact-grid,.cta-panel{grid-template-columns:1fr}.bento-card.large{min-height:520px}.bento-card{min-height:360px}.cards-3{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.stat-band{grid-template-columns:1fr 1fr}.stat-intro{grid-column:1/-1}.gallery-preview{grid-template-columns:1fr 1fr;grid-template-rows:280px 220px 220px}.gallery-preview a:first-child{grid-column:1/-1;grid-row:auto}.gallery-grid{columns:2}.ceo-visual{min-height:460px}.cta-actions{justify-content:start}.about-image{min-height:580px}.spec-summary,.rfq-aside{position:static}.footer-grid{grid-template-columns:1fr 1fr}.page-hero .hero-mini-art{display:none}}
@media(max-width:620px){.section{padding:78px 0}.split-head{display:block}.split-head .section-lead{margin-top:14px}.nav-actions .lang-btn{display:none}.brand-copy{display:none}.hero-grid{padding-top:55px}.hero-visual{min-height:450px}.hero-card-main{inset:20px 3% 20px 6%;border-radius:34px}.glass-a{width:110px;height:160px}.glass-b{width:90px;height:120px}.metric-float{top:5%;padding:13px 15px}.trust-grid{grid-template-columns:1fr}.trust-cell{border-inline-end:0}.product-grid,.cards-3,.process,.sector-grid,.values-grid{grid-template-columns:1fr}.gallery-preview{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,270px)}.gallery-preview a:first-child{grid-column:auto}.gallery-preview a:nth-child(n+4){display:none}.gallery-grid{columns:1}.stat-band{grid-template-columns:1fr;padding:30px}.stat-intro{grid-column:auto}.page-hero{padding-top:130px}.page-hero h1{font-size:clamp(2.4rem,14vw,4rem)}.product-hero-media{height:430px}.form-grid,.check-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.cta-panel{padding:40px 26px}.ceo-copy{padding:32px 24px}.hero-proof{gap:14px}.proof-item{width:calc(50% - 8px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* ===== OASIS GLASS CRYSTAL V5 — premium glass experience ===== */
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --crystal:rgba(255,255,255,.56);--crystal-strong:rgba(255,255,255,.76);--crystal-line:rgba(255,255,255,.72);
  --aurora-1:rgba(0,188,191,.14);--aurora-2:rgba(0,124,191,.13);--aurora-3:rgba(10,113,50,.08);
}
body{font-family:'Alexandria','Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;background:
  radial-gradient(800px 560px at 8% 0%,var(--aurora-1),transparent 68%),
  radial-gradient(820px 620px at 98% 18%,var(--aurora-2),transparent 70%),var(--bg);}
html[lang="en"] body{font-family:'Manrope','Inter','Segoe UI',Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 70%)}
.site-header{height:96px}.site-header.scrolled{background:color-mix(in srgb,var(--bg-2) 72%,transparent);border-bottom-color:rgba(174,208,235,.25);box-shadow:0 18px 60px rgba(0,43,127,.08)}
.site-header.scrolled .nav-wrap{background:var(--crystal);border:1px solid var(--crystal-line);border-radius:26px;padding-inline:18px;backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)}
.brand img{filter:drop-shadow(0 14px 24px rgba(0,124,191,.12))}.brand-copy strong{letter-spacing:.08em}.main-nav{gap:25px}.main-nav>a,.nav-dropdown>button{font-weight:700}
.icon-btn{background:var(--crystal);border-color:rgba(174,208,235,.34);backdrop-filter:blur(18px)}.nav-cta{border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 35px rgba(0,124,191,.22)}
.glass-panel,.product-card,.feature-card,.check,.contact-card,.rfq-form,.panel-glass{background:linear-gradient(145deg,var(--crystal-strong),color-mix(in srgb,var(--panel) 78%,transparent));border:1px solid var(--crystal-line);box-shadow:0 24px 65px rgba(0,43,127,.09),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}
.product-card{border-radius:32px}.product-image{height:280px}.product-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.32) 40%,transparent 58%);transform:translateX(-120%);transition:.8s var(--ease);z-index:3}.product-card:hover:before{transform:translateX(120%)}
.section-title{font-weight:800}.hero h1{font-weight:800}.hero:before{background:radial-gradient(circle at 16% 18%,rgba(0,188,191,.2),transparent 30%),radial-gradient(circle at 86% 24%,rgba(0,124,191,.18),transparent 34%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 88%,var(--ice)))}
.hero-card-main{border:1px solid rgba(255,255,255,.5);box-shadow:0 46px 120px rgba(0,43,127,.22),inset 0 1px 0 rgba(255,255,255,.4)}
.floating-glass{background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(174,208,235,.11));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 34px 85px rgba(0,43,127,.14)}
.btn{border-radius:18px}.btn-secondary{background:var(--crystal);backdrop-filter:blur(18px);border-color:rgba(174,208,235,.34)}
.page-hero{padding:165px 0 92px;background:radial-gradient(circle at 84% 14%,rgba(0,188,191,.16),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--ice) 16%,var(--bg)),var(--bg))}.page-hero:before{content:"";position:absolute;inset:90px 5% 0;border:1px solid rgba(174,208,235,.22);border-radius:52px 52px 0 0;pointer-events:none}.page-hero h1{font-weight:800}.hero-mini-art{opacity:.7}

/* Catalog showcase */
.catalog-showcase{position:relative;overflow:hidden}.catalog-showcase:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.16),transparent 68%);inset-inline-end:-200px;top:-160px;filter:blur(8px)}
.catalog-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center;min-height:690px;position:relative;z-index:2}.catalog-copy{position:relative}.catalog-copy .catalog-year{display:inline-flex;align-items:center;gap:12px;color:var(--cyan);font-weight:800;font-size:.72rem;letter-spacing:.06em}.catalog-copy .catalog-year:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.catalog-copy h2{font-size:clamp(3rem,5.2vw,6.2rem);line-height:1.12;letter-spacing:-.055em;margin:22px 0 20px;font-weight:800}.catalog-copy h2 em{display:block;font-style:normal;background:linear-gradient(110deg,var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.catalog-copy p{color:var(--muted);max-width:690px;font-size:1rem}.catalog-note{margin:30px 0 20px;padding:15px 18px;border-inline-start:2px solid var(--cyan);border-radius:16px;background:linear-gradient(90deg,rgba(0,188,191,.07),transparent);font-size:.72rem;color:var(--muted);max-width:690px}.catalog-actions{display:flex;gap:12px;flex-wrap:wrap}.catalog-visual{min-height:590px;position:relative;display:grid;place-items:center}.catalog-cover{width:min(410px,78%);aspect-ratio:1/1.02;border-radius:34px;overflow:hidden;transform:perspective(1200px) rotateY(-8deg) rotateZ(2deg);box-shadow:0 55px 120px rgba(0,43,127,.24);border:1px solid rgba(255,255,255,.68);position:relative;background:#fff;transition:.6s var(--ease)}html[dir="rtl"] .catalog-cover{transform:perspective(1200px) rotateY(8deg) rotateZ(-2deg)}.catalog-cover:hover{transform:perspective(1200px) rotateY(0) rotateZ(0) translateY(-10px)}.catalog-cover img{width:100%;height:100%;object-fit:cover}.catalog-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.28) 42%,transparent 63%);transform:translateX(-120%);animation:catalogShine 5s ease-in-out infinite}.catalog-chip{position:absolute;padding:14px 18px;border-radius:18px;background:var(--crystal-strong);border:1px solid var(--crystal-line);box-shadow:0 22px 60px rgba(0,43,127,.1);backdrop-filter:blur(26px);font-size:.68rem;color:var(--muted)}.catalog-chip b{display:block;color:var(--ink);font-size:.82rem}.catalog-chip.one{top:14%;inset-inline-start:2%}.catalog-chip.two{bottom:14%;inset-inline-end:0}.catalog-orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(0,124,191,.12);border-radius:50%;box-shadow:0 0 0 54px rgba(0,124,191,.025),0 0 0 108px rgba(0,188,191,.02)}@keyframes catalogShine{0%,55%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}
.catalog-page-hero{padding:150px 0 40px}.catalog-page-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.catalog-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.catalog-fact{padding:18px;border-radius:20px;background:var(--crystal);border:1px solid var(--crystal-line);backdrop-filter:blur(18px)}.catalog-fact b{font-size:1.35rem;color:var(--blue);display:block}.catalog-fact span{font-size:.68rem;color:var(--muted)}

/* Premium gallery — no stats strip */
.gallery-hero{padding:155px 0 58px;position:relative;overflow:hidden}.gallery-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 14%,rgba(0,188,191,.15),transparent 30%),radial-gradient(circle at 90% 20%,rgba(0,124,191,.13),transparent 32%)}.gallery-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.gallery-hero h1{font-size:clamp(3.2rem,6vw,6.8rem);line-height:1.08;margin:16px 0 18px;letter-spacing:-.055em;font-weight:800}.gallery-hero p{color:var(--muted);max-width:720px}.gallery-hero-card{position:relative;height:330px;border-radius:40px;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 36px 90px rgba(0,43,127,.16)}.gallery-hero-card img{width:100%;height:100%;object-fit:cover}.gallery-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,29,75,.52))}.gallery-hero-badge{position:absolute;z-index:3;bottom:20px;inset-inline:20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.gallery-hero-badge span{font-size:.68rem;opacity:.78}.gallery-toolbar{position:sticky;top:112px;z-index:20;margin-bottom:30px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px;border-radius:24px;background:color-mix(in srgb,var(--crystal-strong) 90%,transparent);border:1px solid var(--crystal-line);box-shadow:0 22px 55px rgba(0,43,127,.08);backdrop-filter:blur(30px) saturate(140%)}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap}.gallery-filter{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;padding:9px 14px;font-size:.7rem;font-weight:700;cursor:pointer;transition:.25s}.gallery-filter.active,.gallery-filter:hover{background:linear-gradient(135deg,rgba(0,124,191,.11),rgba(0,188,191,.12));color:var(--blue);border-color:rgba(0,124,191,.12)}.gallery-count{font-size:.66rem;color:var(--muted);padding-inline:10px}.premium-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:68px;gap:16px}.premium-gallery .gallery-item{margin:0;grid-column:span 4;grid-row:span 5;border-radius:28px;background:var(--crystal);border:1px solid var(--crystal-line);box-shadow:0 22px 60px rgba(0,43,127,.08);overflow:hidden}.premium-gallery .gallery-item:nth-child(7n+1){grid-column:span 7;grid-row:span 7}.premium-gallery .gallery-item:nth-child(7n+2){grid-column:span 5;grid-row:span 5}.premium-gallery .gallery-item:nth-child(7n+3){grid-column:span 5;grid-row:span 6}.premium-gallery .gallery-item:nth-child(7n+4){grid-column:span 7;grid-row:span 5}.premium-gallery .gallery-item:nth-child(7n+5){grid-column:span 4;grid-row:span 5}.premium-gallery .gallery-item:nth-child(7n+6){grid-column:span 4;grid-row:span 6}.premium-gallery .gallery-item:nth-child(7n){grid-column:span 4;grid-row:span 5}.premium-gallery .gallery-item img{height:100%;object-fit:cover}.premium-gallery .gallery-item:before{content:attr(data-label);position:absolute;z-index:2;bottom:18px;inset-inline-start:18px;padding:8px 11px;border-radius:12px;background:rgba(4,22,43,.5);color:white;font-size:.64rem;backdrop-filter:blur(12px);opacity:0;transform:translateY(8px);transition:.3s}.premium-gallery .gallery-item:hover:before{opacity:1;transform:none}.premium-gallery .gallery-item.hidden{display:none}.premium-gallery .gallery-item:after{content:"↗";background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.28);color:white}
.lightbox{background:rgba(1,8,17,.82);backdrop-filter:blur(30px)}.lightbox img{border-radius:30px;border:1px solid rgba(255,255,255,.18)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:1.2rem}.lightbox-prev{left:26px}.lightbox-next{right:26px}

/* glass footer & dark */
.site-footer{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 75%,transparent),var(--bg-2))}.footer-grid{padding:26px;border-radius:34px;background:var(--crystal);border:1px solid var(--crystal-line);backdrop-filter:blur(22px)}
html[data-theme="dark"]{--crystal:rgba(10,25,43,.56);--crystal-strong:rgba(10,25,43,.76);--crystal-line:rgba(174,208,235,.14)}
html[data-theme="dark"] body:before{opacity:.12}.site-header.scrolled .nav-wrap{transition:.3s}

@media(max-width:900px){.catalog-shell,.catalog-page-grid,.gallery-hero-inner{grid-template-columns:1fr}.catalog-visual{min-height:510px}.gallery-hero-card{height:280px}.premium-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.premium-gallery .gallery-item,.premium-gallery .gallery-item:nth-child(n){grid-column:span 1;grid-row:span 1}.premium-gallery .gallery-item:nth-child(5n+1){grid-column:1/-1}.gallery-toolbar{top:92px;align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.catalog-shell{gap:30px}.catalog-copy h2{font-size:clamp(2.6rem,14vw,4.2rem)}.catalog-visual{min-height:420px}.catalog-chip{display:none}.catalog-orbit{width:330px;height:330px}.catalog-cover{width:78%}.catalog-facts{grid-template-columns:1fr}.gallery-hero{padding-top:125px}.gallery-hero-card{height:230px}.gallery-toolbar{position:relative;top:auto}.premium-gallery{grid-template-columns:1fr;grid-auto-rows:300px}.premium-gallery .gallery-item,.premium-gallery .gallery-item:nth-child(n){grid-column:1;grid-row:span 1}.lightbox-nav{display:none}}


/* =========================================================
   OASIS GLASS — CRYSTAL V6
   Formal typography + luminous glass design system
   ========================================================= */
:root{
  --heading:#0b4d78;
  --heading-2:#086aa4;
  --text:#456b86;
  --glass-white:rgba(255,255,255,.66);
  --glass-white-strong:rgba(255,255,255,.82);
  --glass-edge:rgba(132,203,228,.32);
  --glass-shadow:0 30px 90px rgba(0,77,126,.12);
  --glass-shadow-soft:0 18px 54px rgba(0,76,126,.09);
  --radius:34px;
  --radius-sm:20px;
}
html[data-theme="dark"]{
  --heading:#d9f4ff;
  --heading-2:#83ddf1;
  --text:#a9c7d9;
  --glass-white:rgba(7,30,48,.62);
  --glass-white-strong:rgba(8,34,55,.82);
  --glass-edge:rgba(108,207,232,.17);
}
body{
  font-family:'IBM Plex Sans Arabic','Tahoma','Arial',sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 8% 10%,rgba(0,188,191,.11),transparent 27rem),
    radial-gradient(circle at 92% 12%,rgba(0,124,191,.10),transparent 30rem),
    linear-gradient(180deg,#f7fcff 0%,#eef8fc 48%,#f8fcfe 100%);
  font-weight:400;
}
html[lang="en"] body{font-family:'Manrope','Arial',sans-serif}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 8% 8%,rgba(0,188,191,.12),transparent 28rem),
    radial-gradient(circle at 88% 12%,rgba(0,124,191,.15),transparent 32rem),
    linear-gradient(180deg,#061522,#081c2c 56%,#071725 100%);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
  background-image:linear-gradient(rgba(0,124,191,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,124,191,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 82%);
}
h1,h2,h3,h4,.section-title,.page-hero h1,.gallery-hero h1,.catalog-copy h2{
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic','Tahoma',sans-serif;
  color:var(--heading);
  letter-spacing:0!important;
  font-weight:700!important;
}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,
html[lang="en"] .section-title,html[lang="en"] .page-hero h1,html[lang="en"] .gallery-hero h1,html[lang="en"] .catalog-copy h2{
  font-family:'Manrope','Arial',sans-serif;
  letter-spacing:-.035em!important;
  font-weight:700!important;
}
p,.section-lead{color:var(--text)}
.eyebrow{font-family:'IBM Plex Sans Arabic','Tahoma',sans-serif;color:var(--heading-2);font-weight:600}
html[lang="en"] .eyebrow{font-family:'Manrope',sans-serif}
.glass-panel,.product-card,.feature-card,.check,.contact-card,.rfq-form,.panel-glass,
.bento-card,.catalog-fact,.gallery-toolbar,.mega,.icon-btn,.btn-secondary{
  background:linear-gradient(145deg,var(--glass-white-strong),var(--glass-white));
  border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow-soft),inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(30px) saturate(145%);
  -webkit-backdrop-filter:blur(30px) saturate(145%);
}
html[data-theme="dark"] .glass-panel,html[data-theme="dark"] .product-card,html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .check,html[data-theme="dark"] .contact-card,html[data-theme="dark"] .rfq-form,
html[data-theme="dark"] .bento-card,html[data-theme="dark"] .catalog-fact,html[data-theme="dark"] .gallery-toolbar,
html[data-theme="dark"] .mega,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .btn-secondary{
  box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07);
}
.site-header{padding-top:12px}
.site-header .nav-wrap{
  min-height:68px;
  padding:0 16px;
  border-radius:25px;
  background:rgba(247,253,255,.67);
  border:1px solid rgba(126,202,226,.26);
  box-shadow:0 18px 50px rgba(0,69,113,.08),inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(30px) saturate(155%);
  -webkit-backdrop-filter:blur(30px) saturate(155%);
}
html[data-theme="dark"] .site-header .nav-wrap{background:rgba(6,27,43,.72);border-color:rgba(105,207,231,.15)}
.site-header.scrolled{background:transparent;border:0;box-shadow:none}
.brand img{width:55px;height:55px}.brand-copy strong{color:var(--heading);font-weight:700}.brand-copy span{color:var(--text)}
.main-nav>a,.nav-dropdown>button{color:var(--heading);font-weight:600;padding:25px 0}
.main-nav>a:after,.nav-dropdown>button:after{bottom:17px;height:2px;border-radius:99px}
.nav-cta{border-radius:16px;background:linear-gradient(135deg,#07518c,#0085bd 58%,#00aeba);box-shadow:0 15px 35px rgba(0,118,176,.19);font-weight:700}
.icon-btn{color:var(--heading);background:rgba(255,255,255,.55)}
.mega{background:rgba(248,253,255,.88)}
html[data-theme="dark"] .mega{background:rgba(7,29,47,.92)}
.mega strong{color:var(--heading)}
.mega span{color:var(--text)}
.hero{
  min-height:100svh;
  padding-top:calc(var(--header-h) + 22px);
  background:
    radial-gradient(circle at 15% 20%,rgba(0,188,191,.12),transparent 28rem),
    radial-gradient(circle at 84% 25%,rgba(0,124,191,.15),transparent 31rem);
}
.hero:before{
  background:
    linear-gradient(120deg,rgba(255,255,255,.20),transparent 36%),
    radial-gradient(circle at 52% 38%,rgba(255,255,255,.75),transparent 40%),
    linear-gradient(180deg,rgba(236,249,255,.76),rgba(244,251,254,.22));
}
html[data-theme="dark"] .hero:before{
  background:radial-gradient(circle at 55% 30%,rgba(12,76,105,.24),transparent 42%),linear-gradient(180deg,rgba(7,27,43,.72),transparent);
}
.hero-grid{grid-template-columns:.92fr 1.08fr;gap:64px;padding:70px 0 54px}
.hero-copy{position:relative;z-index:4}
.hero-kicker{
  color:#3f718d;background:rgba(255,255,255,.58);border-color:rgba(104,196,222,.25);
  box-shadow:0 12px 35px rgba(0,98,150,.07);font-weight:500;padding:9px 15px
}
html[data-theme="dark"] .hero-kicker{color:#b6d4e3;background:rgba(7,35,55,.58)}
.hero h1{
  color:var(--heading);
  font-size:clamp(3rem,5.4vw,5.85rem);
  line-height:1.28;
  margin:25px 0 24px;
  max-width:830px;
}
.hero h1 em{
  display:inline;
  font-style:normal;
  background:linear-gradient(105deg,#0769a9 5%,#008abd 50%,#00aeb6 78%,#0a7132);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{font-size:clamp(.96rem,1.25vw,1.14rem);line-height:2.05;color:var(--text);max-width:720px}
.hero-actions{margin-top:30px}
.btn{
  border-radius:17px;min-height:54px;padding-inline:24px;font-weight:600;font-family:'IBM Plex Sans Arabic','Tahoma',sans-serif
}
html[lang="en"] .btn{font-family:'Manrope',sans-serif}
.btn-primary{background:linear-gradient(135deg,#07538d,#0083bd 56%,#00aeb6);box-shadow:0 18px 45px rgba(0,112,169,.18)}
.btn-primary:after{
  content:"";position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.23) 48%,transparent 62%);
  transform:translateX(-120%);transition:.75s var(--ease)
}
.btn-primary:hover:after{transform:translateX(120%)}
.btn-secondary{color:var(--heading)}
.hero-proof{gap:18px;margin-top:30px}
.proof-item{padding:9px 12px;border-radius:16px;background:rgba(255,255,255,.32);border:1px solid rgba(126,201,224,.16);backdrop-filter:blur(14px)}
html[data-theme="dark"] .proof-item{background:rgba(9,42,65,.28)}
.proof-item strong{color:var(--heading);font-weight:600}.proof-item span{color:var(--text)}
.hero-visual{min-height:690px}
.hero-card-main{
  inset:24px 0 24px 4%;
  border-radius:48px;
  transform:none!important;
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 48px 120px rgba(0,70,112,.18),0 8px 30px rgba(0,101,153,.10),inset 0 1px 0 rgba(255,255,255,.78);
}
html[dir="rtl"] .hero-card-main{inset:24px 4% 24px 0}
.hero-card-main:before{
  content:"";position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 26%,transparent 67%,rgba(100,222,238,.10));
}
.hero-card-main:after{background:linear-gradient(180deg,transparent 58%,rgba(3,45,75,.63))}
.hero-card-main img{object-position:center center;filter:saturate(.9) contrast(1.02)}
.hero-card-label{bottom:25px;inset-inline:26px}
.hero-card-label strong{font-family:'IBM Plex Sans Arabic','Tahoma';font-size:1rem;font-weight:600}
.hero-card-label span{font-size:.66rem}
.metric-float{
  top:10%;inset-inline-start:auto;inset-inline-end:-1%;
  border-radius:21px;padding:17px 20px;
  background:rgba(250,254,255,.72);border-color:rgba(121,201,226,.34);
  box-shadow:0 24px 60px rgba(0,80,125,.12)
}
html[data-theme="dark"] .metric-float{background:rgba(7,33,53,.76)}
.metric-float b{color:#087cad;font-family:'Manrope',sans-serif;font-weight:700}
.hero-secondary-shot{
  position:absolute;z-index:5;bottom:4px;inset-inline-start:-18px;width:205px;height:148px;
  border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,.78);
  box-shadow:0 28px 75px rgba(0,69,107,.18);transform:rotate(-3deg);
  background:rgba(255,255,255,.7);backdrop-filter:blur(20px)
}
html[dir="rtl"] .hero-secondary-shot{transform:rotate(3deg)}
.hero-secondary-shot img{width:100%;height:100%;object-fit:cover}
.hero-secondary-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(2,39,67,.72))}
.hero-secondary-shot span{position:absolute;z-index:2;bottom:11px;inset-inline:13px;color:#fff;font:600 .6rem 'Manrope',sans-serif;letter-spacing:.08em}
.floating-glass{opacity:.72;border-color:rgba(132,208,229,.30);background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(138,223,234,.06))}
.glass-a{width:170px;height:220px;inset-inline-end:-7%;top:2%}.glass-b{width:130px;height:170px;inset-inline-start:-3%;bottom:6%}
.trust-grid{gap:10px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible}
.trust-cell{
  border:1px solid var(--glass-edge)!important;border-radius:20px!important;
  background:linear-gradient(145deg,var(--glass-white-strong),var(--glass-white));
  box-shadow:var(--glass-shadow-soft);backdrop-filter:blur(24px);padding:21px 22px
}
.trust-cell small{color:var(--text)}.trust-cell strong{color:var(--heading);font-weight:600}
.section-title{color:var(--heading);line-height:1.45;font-size:clamp(2rem,3.5vw,3.7rem)}
.section-lead{line-height:1.95}
.product-card{border-radius:30px}.product-copy h3{color:var(--heading);font-weight:600!important}.product-copy p{color:var(--text)}
.feature-card h3,.bento-copy h3,.sector-card h3{font-weight:600!important}
.page-hero{
  background:radial-gradient(circle at 84% 14%,rgba(0,188,191,.11),transparent 27%),linear-gradient(180deg,rgba(239,250,255,.88),rgba(248,253,255,.45));
}
html[data-theme="dark"] .page-hero{background:radial-gradient(circle at 84% 14%,rgba(0,188,191,.11),transparent 27%),linear-gradient(180deg,rgba(7,31,49,.9),rgba(7,23,37,.35))}
.page-hero h1{color:var(--heading);line-height:1.35}
.page-hero p{color:var(--text);line-height:2}
.gallery-hero{padding-top:170px}
.gallery-hero h1{color:var(--heading);line-height:1.35;font-size:clamp(2.8rem,5.3vw,5.6rem)}
.gallery-hero p{color:var(--text);line-height:2}
.gallery-hero-card{border-radius:42px;border-color:rgba(255,255,255,.78);box-shadow:0 38px 100px rgba(0,74,116,.15)}
.gallery-toolbar{padding:10px 12px;background:rgba(249,254,255,.72)}
html[data-theme="dark"] .gallery-toolbar{background:rgba(7,31,49,.76)}
.gallery-filter{color:var(--text);font-weight:600}
.gallery-filter.active,.gallery-filter:hover{color:var(--heading);background:linear-gradient(135deg,rgba(0,124,191,.08),rgba(0,188,191,.09))}
.premium-gallery{gap:18px}
.premium-gallery .gallery-item{
  border-radius:30px;border-color:rgba(150,214,233,.31);box-shadow:0 24px 65px rgba(0,72,112,.09);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)
}
.premium-gallery .gallery-item:hover{transform:translateY(-7px) scale(1.006);box-shadow:0 36px 85px rgba(0,79,119,.16)}
.premium-gallery .gallery-item img{transition:transform .8s var(--ease),filter .5s var(--ease);filter:saturate(.91)}
.premium-gallery .gallery-item:hover img{transform:scale(1.045);filter:saturate(1)}
.catalog-page-hero{padding-top:175px}
.catalog-copy .catalog-year{color:#0aaab1;font-weight:600}
.catalog-copy h2{color:var(--heading);font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.35}
.catalog-copy h2 em{background:linear-gradient(105deg,#0a7132,#00aaa7,#0080b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.catalog-copy p{color:var(--text);line-height:2}
.catalog-note{color:var(--text);background:linear-gradient(90deg,rgba(0,188,191,.06),rgba(255,255,255,.25));border-radius:17px}
.catalog-cover{border-radius:38px;box-shadow:0 52px 120px rgba(0,67,108,.18);border-color:rgba(255,255,255,.78)}
.catalog-chip{background:rgba(249,254,255,.74);border-color:var(--glass-edge);box-shadow:0 24px 60px rgba(0,74,116,.10)}
html[data-theme="dark"] .catalog-chip{background:rgba(7,33,52,.74)}
.catalog-chip b{color:var(--heading)}
.site-footer{background:rgba(246,252,255,.68);backdrop-filter:blur(25px);border-top-color:rgba(105,190,218,.18)}
html[data-theme="dark"] .site-footer{background:rgba(4,19,31,.72)}
.footer-title{color:var(--heading);font-weight:600}.footer-links a,.footer-brand p,.footer-bottom{color:var(--text)}
.lightbox{background:rgba(3,16,27,.78);backdrop-filter:blur(28px) saturate(125%)}
.lightbox img{border:1px solid rgba(255,255,255,.22);box-shadow:0 45px 130px rgba(0,0,0,.46)}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:32px}
  .hero h1{font-size:clamp(2.8rem,5.2vw,4.8rem)}
}
@media(max-width:900px){
  .site-header{padding-top:8px}.site-header .nav-wrap{border-radius:21px}
  .hero-grid{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:560px}
  .hero-card-main{inset:22px 3% 22px 3%!important}
  .metric-float{inset-inline-end:1%}.hero-secondary-shot{inset-inline-start:0}
  .hero h1{font-size:clamp(2.8rem,9.4vw,5rem)}
}
@media(max-width:620px){
  .container{width:min(100% - 22px,var(--max))}
  .hero{padding-top:94px}.hero-grid{padding-top:42px}.hero h1{font-size:clamp(2.45rem,12vw,4.15rem);line-height:1.42}
  .hero p{font-size:.94rem;line-height:1.9}.hero-visual{min-height:430px}
  .hero-card-main{border-radius:31px}.hero-secondary-shot{width:145px;height:105px;border-radius:19px;bottom:-4px}
  .metric-float{top:5%;padding:12px 14px}.metric-float b{font-size:1.25rem}
  .glass-a{width:100px;height:135px}.glass-b{width:85px;height:110px}
  .trust-grid{display:grid;grid-template-columns:1fr 1fr}.trust-cell{padding:17px 16px}
  .section-title{font-size:clamp(1.85rem,9vw,3rem)}
  .gallery-hero h1{font-size:clamp(2.4rem,11vw,4rem)}
}


/* CMS/runtime helpers */
body.font-clean,body.font-clean *:not(svg){font-family:'IBM Plex Sans Arabic','Tahoma','Arial',sans-serif!important}
html[lang="en"] body.font-clean,html[lang="en"] body.font-clean *:not(svg){font-family:'Manrope','Arial',sans-serif!important}
body.font-system,body.font-system *:not(svg){font-family:'Tahoma','Arial',sans-serif!important}
.cms-section-glass{
  display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding:42px;border-radius:var(--radius);
  background:linear-gradient(145deg,var(--glass-white-strong),var(--glass-white));border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);
}
.cms-section-glass.has-image{grid-template-columns:.92fr 1.08fr}.cms-section-media{min-height:360px;border-radius:26px;overflow:hidden;box-shadow:0 25px 60px rgba(0,76,119,.12)}
.cms-section-media img{width:100%;height:100%;object-fit:cover}.cms-section-copy .section-lead{white-space:pre-line}
@media(max-width:850px){.cms-section-glass.has-image{grid-template-columns:1fr}.cms-section-media{min-height:280px}}
/* PHP CMS additions */
.mega-all{width:74px;height:58px;border-radius:13px;background:linear-gradient(135deg,rgba(0,124,191,.14),rgba(0,188,191,.14));display:grid;place-items:center;color:var(--blue);font-size:1.15rem}
.content-panel{padding:clamp(28px,5vw,64px);border-radius:var(--radius)}.rich-copy{color:var(--text);line-height:2.1;max-width:1000px}.rich-copy h2,.rich-copy h3{color:var(--heading)}
.spec-check{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(10,113,50,.10);color:var(--green);font-weight:800;margin-bottom:5px}.spec-table td{color:var(--text)}.spec-table td strong{color:var(--heading)}
.hero h1{color:var(--heading)}.hero h1 br+em,.hero h1 em{color:inherit}.hero h1{white-space:normal}.page-hero .breadcrumb span{color:var(--text)}
@media(max-width:700px){.spec-table-wrap{overflow-x:auto}.spec-table{min-width:780px}}

/* =========================================================
   OASIS GLASS PHP PRO v1.1 — Global layout & glass identity fix
   No database migration required.
   ========================================================= */
:root{
  --og-max:1360px;
  --og-glass:rgba(255,255,255,.68);
  --og-glass-strong:rgba(255,255,255,.84);
  --og-edge:rgba(102,187,220,.24);
  --og-shadow:0 30px 90px rgba(2,66,108,.13);
  --og-shadow-soft:0 18px 55px rgba(2,76,115,.09);
}
html[dir="rtl"] body{letter-spacing:0}
body{font-family:'IBM Plex Sans Arabic','Tahoma','Arial',sans-serif;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html[lang="en"] body{font-family:'Manrope','Arial',sans-serif}
.container{width:min(var(--og-max),calc(100% - 64px));margin-inline:auto}
.section-title,.page-hero h1,.product-hero h1,.catalog-copy h2,.hero h1{letter-spacing:0!important;color:var(--heading)}

/* Header / identity */
.site-header{height:104px;padding:10px 0;display:flex;align-items:center}
.site-header .nav-wrap{min-height:78px;padding:8px 12px 8px 18px;border:1px solid transparent;border-radius:26px;transition:.3s var(--ease)}
.site-header.scrolled .nav-wrap{background:rgba(250,254,255,.78);border-color:rgba(117,197,222,.24);box-shadow:0 18px 50px rgba(0,73,112,.08);backdrop-filter:blur(24px) saturate(145%)}
html[data-theme="dark"] .site-header.scrolled .nav-wrap{background:rgba(7,27,43,.78)}
.brand{min-width:235px;gap:14px}
.brand img{width:74px;height:74px;padding:3px;object-fit:contain;filter:drop-shadow(0 9px 18px rgba(0,90,145,.12))}
.brand-copy strong{font-family:'Manrope','IBM Plex Sans Arabic',sans-serif;font-size:1rem;color:var(--heading);letter-spacing:.035em}
.brand-copy span{font-size:.67rem;color:var(--text);margin-top:5px}
.main-nav{gap:clamp(14px,1.6vw,27px);font-size:.84rem}
.main-nav>a,.nav-dropdown>button{padding:28px 0;color:var(--heading);font-weight:650}
.icon-btn{background:var(--og-glass);border-color:var(--og-edge);backdrop-filter:blur(18px)}
.nav-cta{border-radius:15px;padding:12px 20px;background:linear-gradient(135deg,var(--navy),var(--blue) 58%,var(--cyan));box-shadow:0 14px 32px rgba(0,124,191,.2)}

/* Hero: fixed composition, no intersecting images */
.hero.hero-v11{min-height:100svh;padding-top:104px;background:
 radial-gradient(circle at 9% 12%,rgba(0,188,191,.16),transparent 30rem),
 radial-gradient(circle at 86% 16%,rgba(0,124,191,.13),transparent 34rem),
 linear-gradient(155deg,#f8fdff 0%,#eef8fc 45%,#e9f5fb 100%)}
html[data-theme="dark"] .hero.hero-v11{background:
 radial-gradient(circle at 9% 12%,rgba(0,188,191,.12),transparent 30rem),
 radial-gradient(circle at 86% 16%,rgba(0,124,191,.12),transparent 34rem),
 linear-gradient(155deg,#071422 0%,#091d2e 50%,#061725 100%)}
.hero.hero-v11:before{background-image:linear-gradient(rgba(77,169,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(77,169,205,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%);opacity:.7}
.hero-v11 .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(42px,5.5vw,90px);padding:clamp(80px,8vw,126px) 0 86px;align-items:center;min-height:calc(100svh - 104px)}
.hero-v11 .hero-copy{min-width:0;max-width:720px}
.hero-v11 .hero-kicker{max-width:100%;background:rgba(255,255,255,.66);border-color:rgba(104,191,219,.27);box-shadow:0 12px 35px rgba(0,78,116,.07);backdrop-filter:blur(18px);color:#557894;font-size:.72rem;white-space:normal}
html[data-theme="dark"] .hero-v11 .hero-kicker{background:rgba(9,34,53,.68);color:#a7c5d7}
.hero-v11 h1{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic','Tahoma',sans-serif;font-size:clamp(3rem,4.5vw,5.35rem);line-height:1.38;font-weight:700;margin:26px 0 22px;max-width:760px;word-break:normal;overflow-wrap:normal;text-wrap:balance}
html[lang="en"] .hero-v11 h1{font-family:'Manrope','Arial',sans-serif;line-height:1.08;letter-spacing:-.035em!important}
.hero-title-primary{display:block;color:var(--heading)}
.hero-title-accent{display:block;background:linear-gradient(105deg,var(--navy),var(--blue) 48%,var(--cyan) 78%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .hero-title-accent{background:linear-gradient(105deg,#8edcf6,#37c7dd 50%,#55d7c5);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v11 .hero-copy>p{max-width:660px;font-size:1.04rem;line-height:2.05;color:var(--text);text-wrap:pretty}
.hero-v11 .hero-actions{margin-top:30px}
.hero-v11 .hero-proof{gap:15px 26px;margin-top:32px}
.hero-v11 .proof-item{min-width:155px}
.hero-v11 .proof-icon{width:42px;height:42px;border:1px solid rgba(102,189,218,.20);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(202,241,246,.42));box-shadow:0 12px 30px rgba(0,79,119,.07)}
html[data-theme="dark"] .hero-v11 .proof-icon{background:rgba(13,47,66,.8)}
.hero-v11 .proof-item strong{color:var(--heading);font-size:.79rem}.hero-v11 .proof-item span span{color:var(--text);font-size:.65rem}
.hero-v11 .hero-visual{min-width:0;min-height:620px;display:flex;align-items:center;justify-content:center;position:relative}
.hero-picture-shell{position:relative;width:min(100%,680px);height:590px;padding:14px;border-radius:48px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(219,246,249,.34));border:1px solid rgba(142,211,231,.38);box-shadow:var(--og-shadow);backdrop-filter:blur(24px) saturate(135%)}
.hero-picture-shell:before{content:"";position:absolute;inset:8% -5% -6% 8%;border-radius:46px;background:linear-gradient(140deg,rgba(0,188,191,.14),rgba(0,124,191,.05));filter:blur(24px);z-index:-1}
.hero-v11 .hero-card-main{position:relative!important;inset:auto!important;width:100%;height:100%;border-radius:38px;overflow:hidden;transform:none!important;box-shadow:0 28px 75px rgba(0,55,94,.18)}
.hero-v11 .hero-card-main img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none!important}
.hero-v11 .hero-card-main:after{background:linear-gradient(180deg,rgba(4,29,47,.02) 45%,rgba(3,36,59,.74) 100%)}
.hero-v11 .hero-card-label{bottom:24px;inset-inline:24px;gap:16px;align-items:flex-end}.hero-v11 .hero-card-label strong{font-size:1rem}.hero-v11 .hero-card-label span{font-size:.64rem}
.hero-v11 .metric-float{top:40px;inset-inline-end:-24px;inset-inline-start:auto;z-index:5;min-width:128px;padding:16px 18px;border-radius:20px;background:rgba(248,253,255,.82);border:1px solid rgba(117,200,226,.32);box-shadow:0 18px 50px rgba(0,73,112,.12);backdrop-filter:blur(20px);text-align:center}
html[data-theme="dark"] .hero-v11 .metric-float{background:rgba(8,36,55,.84)}
.hero-v11 .metric-float b{font-family:'Manrope','Arial',sans-serif;font-size:1.6rem;color:var(--blue)}
.hero-v11 .metric-float span{color:var(--text);font-size:.61rem}
.hero-secondary-shot,.hero-v11 .floating-glass{display:none!important}

/* Trust / sections glass consistency */
.trust-grid,.glass-panel,.feature-card,.process-step,.product-card,.content-panel,.contact-card,.value-card,.spec-summary,.spec-table-wrap{border-color:var(--og-edge)!important;box-shadow:var(--og-shadow-soft)!important}
.trust-grid{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.58));backdrop-filter:blur(24px);border:1px solid var(--og-edge)}
html[data-theme="dark"] .trust-grid{background:linear-gradient(145deg,rgba(13,39,56,.78),rgba(8,30,47,.64))}
.section-title{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic','Tahoma',sans-serif;font-size:clamp(2rem,3.6vw,4rem);line-height:1.45;font-weight:650;text-wrap:balance}
html[lang="en"] .section-title{font-family:'Manrope','Arial',sans-serif;line-height:1.1}

/* clean page heroes */
.page-hero{overflow:hidden}.page-hero h1{font-size:clamp(2.55rem,4vw,4.7rem);line-height:1.45;max-width:900px}.page-hero p{color:var(--text);max-width:760px}

/* Responsive: never let content overlap or leave viewport */
@media(max-width:1180px){
  .container{width:min(var(--og-max),calc(100% - 42px))}
  .brand{min-width:auto}.brand-copy span{display:none}.brand img{width:66px;height:66px}
  .main-nav{gap:15px;font-size:.78rem}
  .hero-v11 .hero-grid{gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hero-v11 h1{font-size:clamp(2.7rem,4.5vw,4.4rem)}
  .hero-picture-shell{height:540px}
}
@media(max-width:900px){
  .site-header{height:88px;padding:6px 0}.site-header .nav-wrap{min-height:72px}.brand img{width:62px;height:62px}.brand-copy{display:flex!important}
  .hero.hero-v11{padding-top:88px;min-height:auto}.hero-v11 .hero-grid{grid-template-columns:1fr;padding:70px 0 66px;min-height:auto}
  .hero-v11 .hero-copy{max-width:820px}.hero-v11 h1{font-size:clamp(2.75rem,8vw,5rem);max-width:820px}
  .hero-v11 .hero-visual{min-height:0}.hero-picture-shell{height:min(68vw,590px);min-height:440px;width:min(100%,760px)}
  .hero-v11 .metric-float{inset-inline-end:18px;top:28px}
}
@media(max-width:620px){
  .container{width:calc(100% - 24px)}
  .brand img{width:56px;height:56px}.brand-copy strong{font-size:.82rem}.brand-copy span{display:none!important}
  .hero-v11 .hero-grid{padding-top:48px;gap:38px}.hero-v11 h1{font-size:clamp(2.25rem,10.6vw,3.55rem);line-height:1.48;margin-top:20px}.hero-v11 .hero-copy>p{font-size:.94rem;line-height:1.95}
  .hero-picture-shell{height:470px;min-height:0;border-radius:32px;padding:9px}.hero-v11 .hero-card-main{border-radius:25px}.hero-v11 .hero-card-label{inset-inline:16px;bottom:16px}.hero-v11 .hero-card-label>span:last-child{display:none}.hero-v11 .metric-float{top:18px;inset-inline-end:16px;min-width:110px;padding:12px}
  .hero-v11 .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-v11 .proof-item{min-width:0}
  .section-title{font-size:clamp(1.9rem,8vw,2.8rem)}
}

/* =========================================================
   OASIS GLASS PHP PRO v1.2 — Luxury visual system
   Layout-safe page imagery, adaptive text, social & WhatsApp
   ========================================================= */
:root{
  --v12-heading:#0b568d;
  --v12-heading-deep:#0a3f74;
  --v12-text:#416b88;
  --v12-text-soft:#62859c;
  --v12-glass:rgba(250,254,255,.70);
  --v12-glass-strong:rgba(255,255,255,.88);
  --v12-edge:rgba(83,174,211,.24);
  --v12-shadow:0 32px 90px rgba(0,75,116,.12);
  --v12-shadow-soft:0 18px 55px rgba(0,83,120,.08);
}
html[data-theme="dark"]{--heading:#d9f6ff;--text:#a8c9dc;--v12-glass:rgba(8,34,52,.70);--v12-glass-strong:rgba(10,42,62,.88);--v12-edge:rgba(126,215,233,.17)}
body{color:var(--text);background:radial-gradient(circle at 5% 4%,rgba(0,188,191,.10),transparent 29rem),radial-gradient(circle at 94% 11%,rgba(0,124,191,.11),transparent 34rem),var(--bg)}
p,.section-lead,.rich-copy,.feature-card p,.process-step p,.product-copy p,.contact-card small,.footer-brand p,.footer-links a{color:var(--text)}
h1,h2,h3,h4,h5,h6,.section-title,.page-hero h1,.product-hero h1,.footer-title{color:var(--heading)}

/* Header identity: bigger and clearer without stealing navigation space */
.site-header .brand img{width:82px;height:82px;filter:drop-shadow(0 12px 22px rgba(0,93,143,.16))}
.site-header .brand{min-width:250px}.site-header .brand-copy strong{font-size:1.04rem}.site-header .brand-copy span{font-size:.69rem}
@media(max-width:1180px){.site-header .brand img{width:70px;height:70px}.site-header .brand{min-width:auto}}
@media(max-width:620px){.site-header .brand img{width:60px;height:60px}}

/* HOME — one premium image only, no second thumbnail or intersecting layer */
.hero-v11 .hero-visual{min-height:610px}
.hero-v11 .hero-picture-shell.hero-single-media{height:580px;width:min(100%,700px);padding:12px;border-radius:46px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(219,246,249,.44));overflow:visible}
html[data-theme="dark"] .hero-v11 .hero-picture-shell.hero-single-media{background:linear-gradient(145deg,rgba(19,54,70,.86),rgba(7,36,54,.64))}
.hero-v11 .hero-picture-shell.hero-single-media:before{inset:7% -3% -5% 6%;opacity:.65}
.hero-v11 .hero-single-media .hero-card-main{border-radius:35px;isolation:isolate}
.hero-v11 .hero-single-media .hero-card-main img{object-fit:cover;object-position:center 48%;filter:saturate(.96) contrast(1.015)}
.hero-v11 .hero-single-media .hero-card-main:after{z-index:1}
.hero-v11 .hero-single-media .hero-card-label{z-index:2}
.hero-image-spec{position:absolute;z-index:3;top:20px;inset-inline-end:20px;display:grid;gap:3px;min-width:116px;padding:12px 16px;border-radius:18px;background:rgba(250,254,255,.82);border:1px solid rgba(255,255,255,.66);box-shadow:0 18px 48px rgba(0,64,101,.14);backdrop-filter:blur(18px) saturate(140%);text-align:center}
html[data-theme="dark"] .hero-image-spec{background:rgba(8,37,56,.80);border-color:rgba(147,224,237,.18)}
.hero-image-spec b{font:700 1.25rem 'Manrope','Arial',sans-serif;color:var(--blue)}.hero-image-spec span{font-size:.56rem;color:var(--text)}
.hero-v11 .metric-float{display:none!important}
@media(max-width:900px){.hero-v11 .hero-picture-shell.hero-single-media{height:min(72vw,610px);min-height:450px}.hero-v11 .hero-visual{min-height:auto}}
@media(max-width:620px){.hero-v11 .hero-picture-shell.hero-single-media{height:430px;min-height:0;border-radius:31px}.hero-v11 .hero-single-media .hero-card-main{border-radius:23px}.hero-image-spec{top:13px;inset-inline-end:13px;min-width:94px;padding:9px 11px}.hero-image-spec b{font-size:1.05rem}}

/* INTERNAL PAGE HERO — image is part of the grid, never absolute / clipped */
.page-hero.page-hero-v12{padding:136px 0 70px;overflow:visible;background:radial-gradient(circle at 8% 4%,rgba(0,188,191,.10),transparent 28rem),radial-gradient(circle at 91% 11%,rgba(0,124,191,.10),transparent 32rem),linear-gradient(180deg,rgba(245,252,255,.94),rgba(238,249,253,.72))}
html[data-theme="dark"] .page-hero.page-hero-v12{background:radial-gradient(circle at 8% 4%,rgba(0,188,191,.08),transparent 28rem),radial-gradient(circle at 91% 11%,rgba(0,124,191,.08),transparent 32rem),linear-gradient(180deg,rgba(6,28,44,.96),rgba(6,22,36,.84))}
.page-hero.page-hero-v12:before,.page-hero.page-hero-v12:after{display:none!important}
.page-hero-frame{position:relative;padding:clamp(28px,4vw,54px);border-radius:46px;background:linear-gradient(145deg,var(--v12-glass-strong),var(--v12-glass));border:1px solid var(--v12-edge);box-shadow:var(--v12-shadow);backdrop-filter:blur(30px) saturate(140%);overflow:hidden}
.page-hero-frame:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.10),transparent 66%);top:-130px;inset-inline-end:-90px;pointer-events:none}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.72fr);gap:clamp(36px,5vw,82px);align-items:center;position:relative;z-index:1}
.page-hero-copy{min-width:0}.page-hero-v12 .breadcrumb{margin-bottom:18px}.page-hero-v12 .eyebrow{margin-bottom:12px}
.page-hero-v12 h1{font-size:clamp(2.6rem,4vw,4.7rem);line-height:1.48;max-width:820px;margin:0 0 20px;text-wrap:balance;font-weight:650}
.page-hero-v12 p{font-size:1rem;line-height:2.05;max-width:720px;text-wrap:pretty}
.page-hero-media{min-width:0;display:flex;justify-content:center}
.page-hero-image-glass{position:relative;width:min(100%,470px);aspect-ratio:4/3;padding:10px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(208,241,247,.44));border:1px solid rgba(115,200,226,.32);box-shadow:0 28px 70px rgba(0,75,115,.14);overflow:hidden}
html[data-theme="dark"] .page-hero-image-glass{background:linear-gradient(145deg,rgba(16,49,67,.88),rgba(5,32,49,.68))}
.page-hero-image-glass img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:25px;filter:saturate(.94) contrast(1.02)}
.page-hero-image-glass:after{content:"";position:absolute;inset:10px;border-radius:25px;background:linear-gradient(180deg,transparent 58%,rgba(3,37,59,.25));pointer-events:none}
.image-corner-mark{position:absolute;z-index:2;bottom:20px;inset-inline-start:20px;padding:7px 10px;border-radius:10px;color:#fff;background:rgba(3,46,73,.48);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);font:700 .56rem 'Manrope','Arial',sans-serif;letter-spacing:.08em}
.hero-mini-art{display:none!important}
@media(max-width:980px){.page-hero-grid{grid-template-columns:1fr}.page-hero-media{justify-content:flex-start}.page-hero-image-glass{width:min(100%,720px);aspect-ratio:16/9}.page-hero.page-hero-v12{padding-top:120px}}
@media(max-width:620px){.page-hero.page-hero-v12{padding:108px 0 44px}.page-hero-frame{padding:24px 20px;border-radius:30px}.page-hero-v12 h1{font-size:clamp(2.05rem,9vw,3.1rem);line-height:1.55}.page-hero-v12 p{font-size:.91rem}.page-hero-image-glass{padding:7px;border-radius:25px;aspect-ratio:4/3}.page-hero-image-glass img,.page-hero-image-glass:after{border-radius:19px;inset:7px}}

/* All image sections receive a contained premium frame */
.cms-section-media,.ceo-visual,.product-hero-media,.bento-card,.gallery-preview a{border:1px solid var(--v12-edge);box-shadow:var(--v12-shadow-soft);background:var(--v12-glass);isolation:isolate}
.cms-section-media img,.ceo-visual img,.product-hero-media img,.bento-card img,.gallery-preview img{object-fit:cover;object-position:center}
.cms-section-glass.has-image{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);overflow:hidden}
@media(max-width:900px){.cms-section-glass.has-image{grid-template-columns:1fr}.cms-section-media{min-height:320px}}

/* Footer social icons */
.social-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.social-links a{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--heading);background:linear-gradient(145deg,var(--v12-glass-strong),var(--v12-glass));border:1px solid var(--v12-edge);box-shadow:0 12px 28px rgba(0,76,112,.07);transition:.28s var(--ease)}
.social-links a:hover{transform:translateY(-4px) scale(1.03);color:var(--blue);border-color:rgba(0,124,191,.38);box-shadow:0 18px 38px rgba(0,92,137,.13)}
.social-links svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Floating WhatsApp — persistent, animated but respectful */
.floating-whatsapp{position:fixed;z-index:1800;bottom:26px;inset-inline-end:26px;height:58px;min-width:58px;padding:0 18px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(135deg,#0b8b55,#21c66e);box-shadow:0 20px 48px rgba(13,141,84,.28),inset 0 1px 0 rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.28);font-weight:700;font-size:.72rem;transition:.28s var(--ease);isolation:isolate}
.floating-whatsapp:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 26px 62px rgba(13,141,84,.36)}
.floating-whatsapp svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.4;position:relative;z-index:2}.wa-label{position:relative;z-index:2}.wa-pulse{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(33,198,110,.42);animation:waPulse 2.2s ease-out infinite;z-index:-1}
@keyframes waPulse{0%{transform:scale(.96);opacity:.75}70%,100%{transform:scale(1.42);opacity:0}}
@media(max-width:620px){.floating-whatsapp{bottom:18px;inset-inline-end:16px;width:56px;min-width:56px;height:56px;padding:0}.wa-label{display:none}.floating-whatsapp svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.wa-pulse{animation:none}}

/* v1.2 split image/text: exactly one contained image */
.about-grid-v12{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:clamp(42px,6vw,90px);align-items:center}
.about-image-single{position:relative;min-height:500px;border-radius:38px;padding:10px;overflow:hidden;background:linear-gradient(145deg,var(--v12-glass-strong),var(--v12-glass));border:1px solid var(--v12-edge);box-shadow:var(--v12-shadow)}
.about-image-single:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.16),transparent 38%);z-index:2;pointer-events:none}
.about-image-single img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:480px;object-fit:cover!important;object-position:center!important;border-radius:29px!important;transform:none!important}
.about-image-single .mini{display:none!important}
.about-copy h2{color:var(--heading);font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;font-weight:650;line-height:1.5}.about-body{color:var(--text);line-height:2.1}.about-body p{color:var(--text)}
@media(max-width:900px){.about-grid-v12{grid-template-columns:1fr}.about-image-single{min-height:360px}.about-image-single img{min-height:340px}}
@media(max-width:620px){.about-image-single{min-height:300px;border-radius:27px;padding:7px}.about-image-single img{min-height:286px;border-radius:21px!important}}

/* =========================================================
   OASIS GLASS PHP PRO v1.3 — Executive Glass Experience
   Stable mega menu • full-image framing • VMG • CEO • footer
   ========================================================= */
:root{
  --v13-glass:rgba(249,254,255,.74);
  --v13-glass-strong:rgba(255,255,255,.91);
  --v13-line:rgba(70,177,216,.24);
  --v13-line-strong:rgba(0,124,191,.34);
  --v13-shadow:0 28px 80px rgba(0,76,112,.13);
  --v13-shadow-hover:0 34px 95px rgba(0,94,139,.18);
  --v13-blue-soft:rgba(0,124,191,.10);
  --v13-cyan-soft:rgba(0,188,191,.10);
}
html[data-theme="dark"]{
  --v13-glass:rgba(7,31,48,.72);
  --v13-glass-strong:rgba(9,42,61,.90);
  --v13-line:rgba(114,218,235,.17);
  --v13-line-strong:rgba(84,210,231,.31);
}

/* Mega menu — continuous hover corridor so it never disappears while moving the pointer */
.nav-dropdown{position:relative;isolation:isolate}
.nav-dropdown::after{content:"";position:absolute;z-index:1;left:-42px;right:-42px;top:58px;height:38px;background:transparent;pointer-events:auto}
.nav-dropdown .mega{top:82px;z-index:1200;transform:translateX(-50%) translateY(6px);transition:opacity .18s ease,visibility .18s ease,transform .24s var(--ease);box-shadow:0 30px 90px rgba(0,65,105,.18)}
.nav-dropdown:hover .mega,.nav-dropdown:focus-within .mega,.nav-dropdown.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown>button{position:relative;z-index:2}
.mega a{position:relative;z-index:3}
@media(min-width:901px){.nav-dropdown .mega::before{content:"";position:absolute;left:0;right:0;top:-28px;height:30px;background:transparent}}

/* A premium full-image system: the image is always visible in full; ambient copy fills unused ratio beautifully */
.premium-media{position:relative;isolation:isolate;overflow:hidden!important;background:linear-gradient(145deg,var(--v13-glass-strong),var(--v13-glass))!important}
.premium-media::before{content:"";position:absolute;z-index:0;inset:-22px;background-image:var(--media-bg);background-size:cover;background-position:center;filter:blur(30px) saturate(.8);opacity:.24;transform:scale(1.08)}
html[data-theme="dark"] .premium-media::before{opacity:.18}
.premium-media::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 36%,rgba(0,188,191,.05));pointer-events:none}
.premium-media .media-contain{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:saturate(.98) contrast(1.02)!important;transform:none!important}
.hero-v11 .hero-single-media .hero-card-main.premium-media img.media-contain{object-fit:contain!important;background:rgba(247,253,255,.18)}
.hero-v11 .hero-card-label,.hero-image-spec,.image-corner-mark{z-index:5!important}
.hero-v11 .hero-single-media .hero-card-main:after{z-index:4!important;background:linear-gradient(180deg,transparent 65%,rgba(2,33,55,.48))}

.page-hero-image-glass.premium-media{aspect-ratio:4/3;padding:10px}
.page-hero-image-glass.premium-media .media-contain{border-radius:25px;padding:3px}
.page-hero-image-glass.premium-media:after{inset:10px;z-index:3;background:linear-gradient(180deg,transparent 72%,rgba(3,37,59,.22));border-radius:25px}

/* Split content image — editorial frame with full image visible */
.about-grid-v13{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);gap:clamp(46px,6vw,96px);align-items:center}
.about-grid-v13 .about-image-single{min-height:540px;padding:12px;border-radius:42px;border:1px solid var(--v13-line);box-shadow:var(--v13-shadow)}
.about-grid-v13 .section-image-frame{position:absolute;z-index:2;inset:12px;border-radius:31px;overflow:hidden;display:grid;place-items:center;background:rgba(247,253,255,.30)}
.about-grid-v13 .section-image-frame img{min-height:0!important;border-radius:0!important;padding:4px}
.section-image-index{position:absolute;z-index:5;bottom:25px;inset-inline-start:26px;padding:7px 11px;border-radius:12px;background:rgba(4,47,73,.52);border:1px solid rgba(255,255,255,.24);color:#fff;font:700 .56rem 'Manrope',sans-serif;letter-spacing:.09em;backdrop-filter:blur(16px)}
.about-grid-v13 .about-copy{padding:clamp(10px,2vw,28px)}
.about-grid-v13 .about-copy h2{font-size:clamp(2rem,3.4vw,3.7rem);line-height:1.55;text-wrap:balance;margin:14px 0 22px}
.about-grid-v13 .about-body{font-size:1rem;line-height:2.2}
@media(max-width:900px){.about-grid-v13{grid-template-columns:1fr}.about-grid-v13 .about-image-single{min-height:440px}.about-grid-v13 .about-copy{padding:0}}
@media(max-width:620px){.about-grid-v13 .about-image-single{min-height:330px;border-radius:28px;padding:8px}.about-grid-v13 .section-image-frame{inset:8px;border-radius:21px}.section-image-index{bottom:17px;inset-inline-start:18px}}

/* Vision / Mission / Objectives — custom premium editorial section */
.vision-mission-section{position:relative;overflow:hidden;padding-top:118px;padding-bottom:118px}
.vision-mission-section::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.10),transparent 67%);top:-270px;inset-inline-start:-180px;pointer-events:none}
.vision-mission-section::after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(0,124,191,.09),transparent 68%);bottom:-290px;inset-inline-end:-160px;pointer-events:none}
.vmg-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);align-items:end;gap:50px;margin-bottom:46px;position:relative;z-index:2}
.vmg-head .section-title{margin-bottom:0;max-width:860px}.vmg-head .section-lead{line-height:2;justify-self:end}
.vmg-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vmg-card{position:relative;min-height:390px;padding:34px 32px 30px;border-radius:34px;background:linear-gradient(145deg,var(--v13-glass-strong),var(--v13-glass));border:1px solid var(--v13-line);box-shadow:var(--v13-shadow);backdrop-filter:blur(28px) saturate(140%);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease}
.vmg-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.34) 46%,transparent 68%);transform:translateX(-120%);transition:transform .9s var(--ease);pointer-events:none}
.vmg-card:hover{transform:translateY(-10px);box-shadow:var(--v13-shadow-hover);border-color:var(--v13-line-strong)}
.vmg-card:hover::before{transform:translateX(120%)}
.vmg-glow{position:absolute;width:210px;height:210px;border-radius:50%;top:-90px;inset-inline-end:-75px;background:radial-gradient(circle,rgba(0,188,191,.14),transparent 68%)}
.vmg-mission .vmg-glow{background:radial-gradient(circle,rgba(0,124,191,.15),transparent 68%)}.vmg-goals .vmg-glow{background:radial-gradient(circle,rgba(10,113,50,.13),transparent 68%)}
.vmg-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:64px}.vmg-number{font:700 .66rem 'Manrope',sans-serif;letter-spacing:.13em;color:var(--text)}
.vmg-icon{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(191,240,246,.35));border:1px solid rgba(86,191,220,.26);color:var(--blue);box-shadow:0 16px 35px rgba(0,91,133,.10)}
html[data-theme="dark"] .vmg-icon{background:linear-gradient(145deg,rgba(19,63,80,.78),rgba(7,42,60,.62))}.vmg-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.vmg-card h3{font-size:1.42rem;margin:0 0 17px;color:var(--heading)}.vmg-card p{font-size:.87rem;line-height:2.05;color:var(--text);margin:0}.vmg-line{position:absolute;bottom:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--cyan));transform:scaleX(.22);transform-origin:inset-inline-start;transition:transform .45s var(--ease)}.vmg-card:hover .vmg-line{transform:scaleX(1)}
@media(max-width:900px){.vmg-head{grid-template-columns:1fr}.vmg-head .section-lead{justify-self:start}.vmg-grid{grid-template-columns:1fr}.vmg-card{min-height:300px}.vmg-top{margin-bottom:38px}}

/* CEO — executive glass portrait with editorial quote */
.ceo-section{position:relative}.ceo-luxury{display:grid;grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr);gap:22px;align-items:stretch}
.ceo-luxury .ceo-visual{min-height:620px;border-radius:42px;padding:12px;border:1px solid var(--v13-line);box-shadow:var(--v13-shadow);overflow:hidden}
.ceo-photo-frame{position:absolute;z-index:2;inset:12px;border-radius:31px;overflow:hidden;display:grid;place-items:center;background:rgba(246,252,255,.28)}
.ceo-photo-frame img{padding:3px}
.ceo-visual-badge{position:absolute;z-index:5;bottom:28px;inset-inline:28px;padding:15px 17px;border-radius:18px;background:rgba(4,45,70,.58);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);color:#fff;display:flex;justify-content:space-between;gap:16px;align-items:center}
.ceo-visual-badge span{font:700 .58rem 'Manrope',sans-serif;letter-spacing:.12em;opacity:.78}.ceo-visual-badge b{font-size:.72rem}
.ceo-luxury .ceo-copy{position:relative;overflow:hidden;padding:clamp(40px,5vw,72px);border-radius:42px;background:linear-gradient(145deg,var(--v13-glass-strong),var(--v13-glass));border:1px solid var(--v13-line);box-shadow:var(--v13-shadow);backdrop-filter:blur(30px) saturate(145%)}
.ceo-luxury .ceo-copy::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.11),transparent 67%);top:-190px;inset-inline-end:-110px}.ceo-monogram{position:absolute;top:34px;inset-inline-end:38px;font:800 4.5rem 'Manrope',sans-serif;letter-spacing:-.08em;color:rgba(0,124,191,.055)}
.ceo-luxury .quote-mark{font-size:7rem;color:var(--cyan);opacity:.56}.ceo-luxury blockquote{position:relative;z-index:2;font-size:clamp(1rem,1.45vw,1.3rem);line-height:2.25;color:var(--heading);font-weight:500;margin:20px 0 36px}.ceo-signature{display:flex;align-items:center;gap:15px;position:relative;z-index:2}.signature-line{width:54px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}.ceo-signature strong{display:block;color:var(--heading);font-size:.95rem}.ceo-signature span{color:var(--text);font-size:.7rem}
@media(max-width:900px){.ceo-luxury{grid-template-columns:1fr}.ceo-luxury .ceo-visual{min-height:520px}}
@media(max-width:620px){.ceo-luxury .ceo-visual{min-height:390px;border-radius:29px;padding:8px}.ceo-photo-frame{inset:8px;border-radius:21px}.ceo-luxury .ceo-copy{border-radius:29px;padding:34px 24px}.ceo-visual-badge{bottom:18px;inset-inline:18px}}

/* Footer — contact ribbon + animated social glass icons */
.site-footer-v13{position:relative;overflow:hidden;padding-top:38px}.site-footer-v13::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 4%,rgba(0,188,191,.07),transparent 28rem),radial-gradient(circle at 90% 18%,rgba(0,124,191,.07),transparent 32rem);pointer-events:none}
.footer-contact-ribbon{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:54px;padding:12px;border-radius:26px;background:linear-gradient(145deg,var(--v13-glass-strong),var(--v13-glass));border:1px solid var(--v13-line);box-shadow:var(--v13-shadow);backdrop-filter:blur(28px)}
.footer-contact-ribbon>a{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:18px;transition:.3s var(--ease)}.footer-contact-ribbon>a:hover{background:rgba(0,124,191,.055);transform:translateY(-2px)}
.contact-ribbon-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(188,238,245,.34));border:1px solid rgba(91,191,220,.25)}.contact-ribbon-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.contact-ribbon-icon.wa-mini{color:#12995c}
.footer-contact-ribbon small{display:block;color:var(--text);font-size:.6rem}.footer-contact-ribbon b{display:block;color:var(--heading);font:700 .76rem 'Manrope','IBM Plex Sans Arabic',sans-serif;margin-top:2px;word-break:break-word}
.social-title{font-size:.7rem;color:var(--heading);font-weight:700;margin-top:22px}.social-links-v13{gap:10px;margin-top:12px}
.social-links-v13 a,.social-links-v13 .social-disabled{position:relative;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--heading);background:linear-gradient(145deg,var(--v13-glass-strong),var(--v13-glass));border:1px solid var(--v13-line);box-shadow:0 12px 30px rgba(0,73,108,.08);overflow:hidden;transition:.34s var(--ease)}
.social-links-v13 a:hover{transform:translateY(-6px) rotate(-2deg);box-shadow:0 22px 45px rgba(0,88,132,.15);border-color:var(--v13-line-strong)}
.social-links-v13 svg{position:relative;z-index:2;width:20px;height:20px}.social-links-v13 .social-disabled{opacity:.36;cursor:default}.social-shine{position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 49%,transparent 67%);transform:translateX(-120%);transition:transform .8s var(--ease)}.social-links-v13 a:hover .social-shine{transform:translateX(120%)}
.social-instagram:hover{color:#c13584!important}.social-youtube:hover{color:#ff0033!important}.social-linkedin:hover{color:#0a66c2!important}.social-facebook:hover{color:#1877f2!important}.social-snapchat:hover{color:#d2b900!important}
@media(max-width:900px){.footer-contact-ribbon{grid-template-columns:1fr}.footer-contact-ribbon>a{padding:14px}}

/* WhatsApp — more refined motion */
.floating-whatsapp{overflow:visible}.floating-whatsapp::after{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(33,198,110,.30);animation:waOrbit 3.2s ease-in-out infinite;pointer-events:none}.floating-whatsapp:hover svg{animation:waWiggle .55s ease}
@keyframes waOrbit{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.13);opacity:.08}}@keyframes waWiggle{25%{transform:rotate(-8deg)}60%{transform:rotate(7deg)}100%{transform:rotate(0)}}

/* Improve text contrast consistently */
.section-lead,.about-body,.vmg-card p,.feature-card p,.process-step p,.footer-brand p,.footer-links a{color:var(--text)!important}
.eyebrow{color:color-mix(in srgb,var(--blue) 78%,var(--cyan))}.breadcrumb{color:color-mix(in srgb,var(--text) 80%,transparent)}

@media(prefers-reduced-motion:reduce){.vmg-card::before,.floating-whatsapp::after{animation:none!important}.vmg-card:hover,.footer-contact-ribbon>a:hover,.social-links-v13 a:hover{transform:none!important}}

/* ===== OASIS GLASS v1.4.0 premium motion + luxury galleries ===== */
.site-header{z-index:1400}
.site-header .nav-wrap,.main-nav,.nav-dropdown{overflow:visible}
.site-header .nav-wrap{gap:22px;min-height:84px;padding:10px 16px 10px 22px}
.brand{gap:16px;min-width:250px}
.brand img{width:78px!important;height:78px!important;filter:drop-shadow(0 12px 24px rgba(0,88,133,.12))}
.brand-copy strong{font-size:1.34rem!important;line-height:1.1;color:var(--heading)}
.brand-copy span{font-size:.8rem!important;line-height:1.55;max-width:260px}
.main-nav{gap:24px;font-size:.92rem}
.main-nav>a,.nav-dropdown>button{padding:26px 0}
.nav-dropdown>button{font:inherit}
.nav-dropdown.open>button:after,.nav-dropdown:hover>button:after{transform:scaleX(1)}
.mega{top:calc(100% - 2px)!important;margin-top:10px;z-index:1500;border-radius:30px;padding:20px;gap:12px;box-shadow:0 24px 70px rgba(0,53,91,.14)}
.nav-dropdown.open .mega,.nav-dropdown:hover .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mega::before{content:"";position:absolute;inset:auto 0 100% 0;height:22px}
.mega a{min-height:86px;border:1px solid transparent}
.mega a:hover{border-color:rgba(0,124,191,.12);transform:translateY(-2px)}
.mega-all{width:74px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,124,191,.14),rgba(0,188,191,.18));color:var(--blue);font-weight:900}

.origin-marquee-shell{position:fixed;z-index:1200;top:92px;left:0;right:0;pointer-events:none}
.origin-marquee{pointer-events:auto;display:flex;align-items:center;overflow:hidden;padding:9px 16px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(216,245,249,.6));border:1px solid rgba(117,197,222,.32);box-shadow:0 16px 48px rgba(0,73,112,.12);backdrop-filter:blur(22px) saturate(145%)}
.origin-marquee::before{content:"•";color:var(--green);font-size:1.2rem;flex:0 0 auto;margin-inline-end:10px}
.origin-marquee-track{display:flex;gap:42px;white-space:nowrap;animation:originMarquee 22s linear infinite;font-weight:800;color:var(--navy);font-size:.82rem;letter-spacing:.01em}
.origin-marquee-track span{position:relative;padding-inline-end:42px}
.origin-marquee-track span::after{content:"◆";position:absolute;inset-inline-end:10px;color:var(--cyan);opacity:.6}
@keyframes originMarquee{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}
html[dir="rtl"] .origin-marquee-track{animation-name:originMarqueeRtl}
@keyframes originMarqueeRtl{0%{transform:translateX(0)}100%{transform:translateX(33.333%)}}

.hero-v11{padding-top:calc(var(--header-h) + 36px)}
.hero-v11 .hero-picture-shell.hero-single-media{height:640px;display:grid;place-items:center;padding:16px;border-radius:48px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(214,244,248,.48));border:1px solid rgba(117,197,222,.28);box-shadow:0 34px 90px rgba(0,64,98,.16)}
.hero-v11 .hero-card-main{box-shadow:0 30px 80px rgba(0,62,99,.18)}
.luxury-gallery-shell{position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}
.luxury-gallery-shell::before{content:"";position:absolute;inset:-10%;background:var(--media-bg) center/cover no-repeat;filter:blur(34px) saturate(105%);opacity:.25;transform:scale(1.06);z-index:0}
.luxury-gallery-shell::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%,rgba(0,124,191,.08) 68%,rgba(255,255,255,.06));pointer-events:none;z-index:1}
.luxury-gallery-shell:hover{box-shadow:0 34px 90px rgba(0,62,99,.2)}
.luxury-gallery-shell>[data-gallery-main],.luxury-gallery-shell>.section-image-frame,.luxury-gallery-shell>.ceo-photo-frame{position:relative;z-index:2}
.page-hero-image-glass.luxury-gallery-shell,.about-image-single.luxury-gallery-shell,.ceo-luxury .ceo-visual.luxury-gallery-shell,.hero-v11 .hero-card-main.luxury-gallery-shell{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(214,244,248,.44))!important}
.page-hero-image-glass.luxury-gallery-shell img,.about-image-single.luxury-gallery-shell img,.ceo-luxury .ceo-visual.luxury-gallery-shell img,.hero-v11 .hero-card-main.luxury-gallery-shell img{width:100%;height:100%;object-fit:contain!important;position:relative;z-index:2}
.page-hero-image-glass{width:min(100%,560px)!important;aspect-ratio:4/3;padding:14px!important;border-radius:38px!important}
.page-hero-image-glass .media-contain{border-radius:28px;background:rgba(247,253,255,.34)}
.page-hero-grid{align-items:center}
.page-hero-copy p{font-size:1.04rem;line-height:2.05}
.about-image-single{min-height:560px;padding:14px}
.ceo-luxury .ceo-visual{padding:14px;min-height:650px}
.hero-image-spec{position:absolute;z-index:4;top:22px;inset-inline-start:22px;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.85);border:1px solid rgba(117,197,222,.26);backdrop-filter:blur(24px);box-shadow:0 18px 44px rgba(0,70,105,.12)}
.hero-image-spec b{display:block;font-size:1.65rem;line-height:1;color:var(--blue)}
.hero-image-spec span{display:block;margin-top:6px;font-size:.72rem;color:var(--muted)}

.lux-gallery-thumbs{position:absolute;z-index:4;inset-inline:18px;bottom:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hero-card-main .lux-gallery-thumbs{bottom:110px}
.ceo-luxury .lux-gallery-thumbs{bottom:18px}
.lux-thumb{appearance:none;border:0;background:rgba(255,255,255,.18);padding:4px;border-radius:18px;width:78px;height:60px;backdrop-filter:blur(18px);box-shadow:0 14px 28px rgba(0,31,56,.18);cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;overflow:hidden;border:1px solid rgba(255,255,255,.4)}
.lux-thumb img{width:100%;height:100%;object-fit:cover!important;border-radius:14px;display:block}
.lux-thumb:hover,.lux-thumb.is-active{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 32px rgba(0,31,56,.24);border-color:rgba(105,207,231,.75)}

.image-corner-mark{z-index:4!important;background:rgba(7,40,78,.76)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.section-image-index{z-index:4!important;padding:10px 14px;border-radius:14px;background:rgba(7,40,78,.76);color:#fff;backdrop-filter:blur(12px)}
.hero-card-label{z-index:4!important;background:linear-gradient(180deg,transparent,rgba(0,27,67,.28) 16%,rgba(0,27,67,.72));padding:40px 28px 24px;inset-inline:0;bottom:0}
.hero-card-main:after{background:linear-gradient(180deg,transparent 48%,rgba(0,27,67,.48) 78%,rgba(0,27,67,.86))!important}

.contact-cards .contact-card,.cta-panel,.glass-panel,.content-panel,.feature-card,.product-card,.vmg-card,.catalog-shell{transition:transform .3s ease,box-shadow .3s ease}
.contact-cards .contact-card:hover,.feature-card:hover,.glass-panel:hover,.cta-panel:hover,.product-card:hover,.catalog-shell:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(0,64,98,.14)}

.footer-brand .brand img{width:86px!important;height:86px!important}
.footer-brand .brand-copy strong{font-size:1.28rem!important}
.footer-brand .brand-copy span{font-size:.78rem!important}

@media (max-width:1100px){
  .origin-marquee-shell{top:86px}
  .origin-marquee{padding:8px 12px}
  .origin-marquee-track{font-size:.74rem;gap:28px}
  .brand{min-width:auto}
  .brand img{width:70px!important;height:70px!important}
  .brand-copy strong{font-size:1.12rem!important}
  .main-nav{gap:18px}
  .page-hero-grid,.hero-grid{gap:38px}
}
@media (max-width:900px){
  .origin-marquee-shell{position:relative;top:auto;left:auto;right:auto;padding-top:calc(var(--header-h) + 12px);margin-bottom:-12px}
  .site-header .nav-wrap{min-height:78px}
  .brand img{width:64px!important;height:64px!important}
  .brand-copy strong{font-size:1rem!important}
  .brand-copy span{font-size:.7rem!important;max-width:190px}
  .mega{position:static!important;transform:none!important;width:100%;margin-top:12px}
  .nav-dropdown.open .mega{display:grid}
  .hero-v11{padding-top:calc(var(--header-h) + 10px)}
  .hero-v11 .hero-picture-shell.hero-single-media{height:auto;min-height:520px}
  .page-hero-image-glass,.about-image-single,.ceo-luxury .ceo-visual{width:100%!important;min-height:440px}
  .lux-gallery-thumbs{inset-inline:14px;bottom:14px}
  .hero-card-main .lux-gallery-thumbs{bottom:94px}
  .lux-thumb{width:64px;height:50px}
}
@media (max-width:640px){
  .origin-marquee-track{font-size:.68rem}
  .hero-card-label{padding:28px 18px 18px}
  .hero-card-main .lux-gallery-thumbs{bottom:86px}
  .page-hero-image-glass,.about-image-single,.ceo-luxury .ceo-visual{min-height:360px}
}

/* =====================================================================
   OASIS GLASS v1.5.0 — Reference Crystal Edition
   Built to match the approved glass reference: luminous, premium, alive.
   ===================================================================== */
:root{
  --ref-bg:#eaf7fc;
  --ref-bg2:#f7fcff;
  --ref-navy:#063f93;
  --ref-blue:#057fca;
  --ref-cyan:#02bbca;
  --ref-green:#078b4d;
  --ref-glass:rgba(248,253,255,.64);
  --ref-glass-strong:rgba(255,255,255,.84);
  --ref-edge:rgba(106,191,227,.33);
  --ref-shadow:0 32px 88px rgba(31,108,149,.16);
  --ref-soft:0 16px 42px rgba(45,118,151,.10);
}
body{
  background:
    radial-gradient(circle at 3% 24%,rgba(0,188,191,.14),transparent 27rem),
    radial-gradient(circle at 96% 10%,rgba(74,175,227,.13),transparent 30rem),
    linear-gradient(180deg,#e9f8fc 0%,#f8fcff 48%,#eef9fd 100%)!important;
  color:#345f7e;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(117deg,transparent 0 74%,rgba(255,255,255,.48) 74.2% 74.5%,transparent 74.7%),radial-gradient(circle at 87% 30%,rgba(255,255,255,.55),transparent 18rem);opacity:.75}
html[data-theme="dark"] body{background:radial-gradient(circle at 5% 20%,rgba(0,188,191,.10),transparent 28rem),radial-gradient(circle at 95% 8%,rgba(0,124,191,.12),transparent 30rem),linear-gradient(180deg,#061d2c,#08293a 48%,#061d2c)!important}

/* Approved reference header */
.site-header{height:124px;padding:18px 0 0;z-index:2000;background:transparent!important;border:0!important}
.site-header .reference-nav{
  direction:ltr;display:grid!important;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;
  gap:22px;min-height:104px;padding:0 18px 0 0!important;border-radius:35px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.77),rgba(231,247,253,.55))!important;
  border:1px solid rgba(132,202,230,.34)!important;box-shadow:0 22px 68px rgba(46,116,154,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(30px) saturate(145%);overflow:visible!important;
}
.site-header.scrolled .reference-nav{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(235,248,253,.78))!important;box-shadow:0 18px 55px rgba(31,91,126,.14)!important}
.reference-brand{
  position:relative;width:170px;height:118px;margin-top:0;border-radius:31px 31px 31px 14px;display:grid!important;place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(215,241,250,.62));border:1px solid rgba(111,196,229,.36);
  box-shadow:0 22px 58px rgba(20,89,128,.14),inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden;transform:translateY(5px)
}
.reference-brand::after{content:"";position:absolute;inset:-35% auto auto -20%;width:90px;height:220px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(28deg);animation:brandSweep 7s ease-in-out infinite}
.reference-brand .brand-glass-cut{position:absolute;inset:auto -22px -32px auto;width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,rgba(174,208,235,.22),rgba(255,255,255,.08));transform:rotate(45deg);border:1px solid rgba(255,255,255,.45)}
.reference-brand img{position:relative;z-index:2;width:128px!important;height:104px!important;object-fit:contain!important;filter:drop-shadow(0 10px 20px rgba(18,74,121,.10))}
.reference-brand .brand-copy{display:none!important}
@keyframes brandSweep{0%,68%{transform:translateX(-130px) rotate(28deg);opacity:0}78%{opacity:1}100%{transform:translateX(340px) rotate(28deg);opacity:0}}
.reference-nav .main-nav{direction:rtl;justify-self:center;gap:34px;font-size:.93rem;font-weight:750;overflow:visible!important}
html[dir="ltr"] .reference-nav .main-nav{direction:ltr}
.reference-nav .main-nav>a,.reference-nav .nav-dropdown>button{padding:38px 0 32px;color:#174c82;letter-spacing:0;font-weight:760}
.reference-nav .main-nav>a:after,.reference-nav .nav-dropdown>button:after{bottom:19px;height:2px;border-radius:10px;background:linear-gradient(90deg,var(--ref-blue),var(--ref-cyan));box-shadow:0 5px 12px rgba(0,188,191,.22)}
.reference-nav .main-nav>a.active,.reference-nav .main-nav>a:hover,.reference-nav .nav-dropdown>button:hover{color:var(--ref-navy)}
.reference-actions{direction:rtl;display:flex;gap:12px;align-items:center;justify-self:end}
html[dir="ltr"] .reference-actions{direction:ltr}
.reference-actions .nav-cta{min-height:64px;padding:0 28px;border-radius:22px;background:linear-gradient(115deg,#07469f 0%,#057dc8 52%,#04bfc3 100%);font-size:.88rem;box-shadow:0 18px 38px rgba(0,109,169,.24),inset 0 1px 0 rgba(255,255,255,.28)}
.reference-actions .nav-cta b{font-size:1.15rem;font-weight:400}
.lang-switch{position:relative;min-height:58px;padding:0 18px;border-radius:20px;display:flex;align-items:center;gap:9px;color:#164d86;background:rgba(255,255,255,.58);border:1px solid rgba(104,187,222,.27);box-shadow:0 10px 28px rgba(26,103,143,.08);font-size:.82rem;font-weight:760;overflow:hidden}
.lang-switch svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.lang-switch b{font-weight:500;font-size:.9rem}
.reference-actions .icon-btn{width:50px;height:50px;background:rgba(255,255,255,.55);border-color:rgba(106,188,224,.26)}
.click-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.56);transform:translate(-50%,-50%) scale(0);animation:refRipple .65s ease-out;pointer-events:none}
@keyframes refRipple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

/* Stable premium mega menu */
.nav-dropdown{position:relative;overflow:visible!important}
.nav-dropdown::after{content:"";position:absolute;left:-50px;right:-50px;top:66px;height:50px;background:transparent;pointer-events:auto}
.nav-dropdown .mega{top:96px!important;width:710px!important;padding:20px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(231,247,252,.87))!important;border:1px solid rgba(109,191,224,.32)!important;box-shadow:0 32px 90px rgba(24,88,126,.18)!important;backdrop-filter:blur(32px) saturate(150%);z-index:2600!important}
.nav-dropdown.open .mega,.nav-dropdown:hover .mega,.nav-dropdown:focus-within .mega{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
.nav-dropdown .mega::before{content:"";position:absolute;left:0;right:0;top:-36px;height:40px}
.mega a{min-height:90px;padding:11px 13px!important;border-radius:20px!important;border:1px solid transparent;transition:.28s ease!important}
.mega a:hover{transform:translateY(-3px);background:rgba(255,255,255,.64)!important;border-color:rgba(0,124,191,.12);box-shadow:0 14px 30px rgba(28,108,148,.07)}
.mega img{width:84px!important;height:68px!important;border-radius:16px!important;object-fit:cover!important}

/* Reference hero — exact approved composition */
.hero.hero-v11{min-height:100vh;padding-top:154px!important;padding-bottom:54px;overflow:visible!important;background:transparent!important}
.hero.hero-v11::before{background:radial-gradient(circle at 3% 45%,rgba(0,188,191,.15),transparent 28rem),radial-gradient(circle at 96% 16%,rgba(73,177,225,.16),transparent 30rem),linear-gradient(180deg,rgba(240,251,255,.36),rgba(246,252,255,.18))!important}
.hero-grid{grid-template-columns:minmax(460px,.92fr) minmax(600px,1.08fr)!important;gap:clamp(56px,7vw,118px)!important;padding:48px 0 60px!important;align-items:center!important}
.hero-copy{position:relative;z-index:10;max-width:720px}
.hero-kicker{padding:10px 17px!important;background:rgba(255,255,255,.66)!important;border:1px solid rgba(104,190,224,.27)!important;color:#3b6c8d!important;box-shadow:0 12px 32px rgba(20,91,131,.08)!important}
.hero-kicker i{background:var(--ref-green)!important;box-shadow:0 0 0 7px rgba(7,139,77,.10)!important}
.hero-v11 h1{margin:27px 0 22px!important;font-size:clamp(3.5rem,5vw,6rem)!important;line-height:1.42!important;letter-spacing:-.035em!important;font-weight:780!important;max-width:720px!important;text-wrap:balance}
.hero-title-primary{display:block;color:var(--ref-navy);text-shadow:0 10px 32px rgba(0,75,128,.06)}
.hero-title-accent{display:block;background:linear-gradient(105deg,#0b5fb4 2%,#0699cf 38%,#00b8c2 64%,#078b4d 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 16px rgba(0,124,191,.08));background-size:170% 100%;animation:headlineFlow 7s ease-in-out infinite}
@keyframes headlineFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero-v11 p{font-size:1.07rem!important;color:#4c718c!important;line-height:2.15!important;max-width:675px!important}
.hero-actions{margin-top:26px!important;gap:14px!important}.hero-actions .btn{min-height:58px;border-radius:20px;padding-inline:24px}
.hero-actions .btn-primary{background:linear-gradient(115deg,#064a9f,#057fc7,#05bfc4);box-shadow:0 18px 44px rgba(0,111,171,.20)}
.hero-actions .btn-secondary{background:rgba(255,255,255,.62);border-color:rgba(95,178,216,.25);color:#164e84}
.reference-origin-pill{margin-top:25px;display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:12px 17px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(103,190,226,.28);box-shadow:0 14px 34px rgba(28,100,137,.08);backdrop-filter:blur(20px);color:#416a88;font-size:.72rem;position:relative;overflow:hidden}
.reference-origin-pill::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 44%,rgba(255,255,255,.65) 50%,transparent 56%);transform:translateX(-150%);animation:originSweep 6s ease-in-out infinite}
.reference-origin-pill i{height:24px;width:1px;background:rgba(64,129,167,.22)}.origin-flag{font-size:1.2rem}.reference-origin-pill b{font-weight:700}
@keyframes originSweep{0%,62%{transform:translateX(-150%)}90%,100%{transform:translateX(150%)}}
.hero-proof{margin-top:24px!important;gap:12px!important}.proof-item{min-width:150px;padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.43);border:1px solid rgba(100,186,221,.19)}.proof-icon{background:linear-gradient(135deg,rgba(4,128,200,.12),rgba(0,188,191,.14))!important}

.hero-visual{min-height:660px!important;overflow:visible!important}
.hero-picture-shell.hero-single-media{height:620px!important;width:min(100%,760px)!important;padding:14px!important;border-radius:46px!important;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(212,244,249,.48))!important;border:1px solid rgba(106,194,227,.32)!important;box-shadow:0 34px 92px rgba(28,104,143,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;overflow:visible!important}
.reference-media-stage{position:relative!important;overflow:visible!important;isolation:isolate;transform-style:preserve-3d;transition:box-shadow .35s ease,transform .28s ease}
.reference-media-stage::before{content:"";position:absolute!important;inset:-9%!important;background:var(--media-bg) center/cover no-repeat!important;filter:blur(32px) saturate(.92)!important;opacity:.22!important;transform:scale(1.04)!important;border-radius:50px;z-index:0!important}
.reference-media-stage::after{content:"";position:absolute!important;inset:0!important;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.2),transparent 34%,rgba(0,188,191,.06))!important;z-index:3!important;pointer-events:none!important}
.hero-card-main.reference-media-stage{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;border-radius:38px!important;padding:0!important;background:rgba(231,246,250,.45)!important;box-shadow:0 24px 70px rgba(12,67,101,.17)!important;overflow:visible!important;transform:none!important}
.carousel-main-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:38px!important;position:relative!important;z-index:2!important;background:rgba(238,250,253,.18);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1),filter .3s ease!important;filter:saturate(.96) contrast(1.02)}
.reference-media-stage.is-switching .carousel-main-image{opacity:.18;transform:scale(.985);filter:blur(3px)}
.hero-card-label{display:none!important}
.hero-image-spec{top:auto!important;bottom:34px!important;left:28px!important;right:auto!important;inset-inline:auto!important;z-index:6!important;padding:16px 20px!important;border-radius:19px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(115,196,225,.30)!important;box-shadow:0 16px 38px rgba(24,90,128,.12)!important;backdrop-filter:blur(23px)}
.hero-image-spec b{font-size:1.55rem!important;color:#087fc1!important}.hero-image-spec span{font-size:.68rem!important}

/* Floating mini-preview exactly like the approved reference */
.oasis-float-preview{position:absolute;z-index:8;right:-52px;bottom:-34px;width:280px;height:205px;padding:14px 18px 31px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(220,244,250,.64));border:1px solid rgba(107,191,225,.36);box-shadow:0 26px 62px rgba(24,91,128,.18),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(26px) saturate(150%)}
.oasis-float-card{appearance:none;border:0;padding:0;width:100%;height:145px;border-radius:22px;overflow:hidden;position:relative;background:rgba(235,248,252,.6);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);transition:.3s ease}
.oasis-float-card:hover{transform:translateY(-3px) scale(1.015)}
.oasis-float-image{display:block;width:100%;height:100%;overflow:hidden;border-radius:22px}.oasis-float-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;transition:.45s ease}.oasis-float-card:hover img{transform:scale(1.04)}
.oasis-float-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 15px 11px;background:linear-gradient(180deg,transparent,rgba(1,40,69,.67));color:#fff;text-align:start}.oasis-float-caption b{display:block;font:750 .64rem 'Manrope',sans-serif;letter-spacing:.06em}.oasis-float-caption small{opacity:.75;font-size:.58rem}
.oasis-float-arrow{position:absolute;z-index:10;top:70px;width:45px;height:45px;border-radius:50%;border:1px solid rgba(107,187,221,.36);display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--ref-navy);font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(21,84,119,.14);transition:.25s ease}.oasis-float-arrow:hover{transform:scale(1.09);color:var(--ref-blue);box-shadow:0 15px 34px rgba(15,101,148,.20)}
.oasis-float-arrow.prev{left:-22px}.oasis-float-arrow.next{right:-22px}
.oasis-float-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center}.oasis-float-dots button{appearance:none;width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#acd4e7;cursor:pointer;transition:.25s ease}.oasis-float-dots button.is-active{width:13px;background:var(--ref-blue);box-shadow:0 0 0 3px rgba(0,124,191,.12)}
.compact-stage .oasis-float-preview{width:222px;height:170px;right:-32px;bottom:-28px;padding:11px 14px 28px;border-radius:24px}.compact-stage .oasis-float-card{height:117px;border-radius:18px}.compact-stage .oasis-float-image{border-radius:18px}.compact-stage .oasis-float-arrow{top:58px;width:39px;height:39px;font-size:1.45rem}.compact-stage .oasis-float-arrow.prev{left:-18px}.compact-stage .oasis-float-arrow.next{right:-18px}

/* Internal pages inherit the same approved composition */
.page-hero.page-hero-v12{padding:164px 0 90px!important;background:transparent!important;overflow:visible!important}
.page-hero-frame{padding:clamp(38px,5vw,66px)!important;border-radius:44px!important;background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(229,247,252,.50))!important;border:1px solid rgba(112,194,227,.30)!important;box-shadow:var(--ref-shadow)!important;overflow:visible!important}
.page-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(440px,.8fr)!important;gap:72px!important}
.page-hero-v12 h1{font-size:clamp(3rem,4.6vw,5.4rem)!important;line-height:1.42!important;font-weight:760!important;color:var(--ref-navy)!important;letter-spacing:-.03em}
.page-hero-v12 p{font-size:1.04rem!important;color:#547892!important;line-height:2.15!important}
.page-hero-image-glass.reference-media-stage{width:min(100%,560px)!important;aspect-ratio:4/3!important;padding:12px!important;border-radius:36px!important;background:linear-gradient(145deg,rgba(255,255,255,.89),rgba(213,243,249,.46))!important;border:1px solid rgba(105,192,226,.31)!important;box-shadow:0 28px 74px rgba(25,96,134,.16)!important;overflow:visible!important}
.page-hero-image-glass .carousel-main-image{border-radius:28px!important}.image-corner-mark{bottom:18px!important;left:18px!important;right:auto!important;z-index:6!important}

/* Split content / CEO use floating preview system */
.about-grid-v13{gap:clamp(64px,7vw,110px)!important}.about-image-single.reference-media-stage{min-height:560px!important;padding:12px!important;border-radius:38px!important;overflow:visible!important;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(214,244,250,.48))!important;border:1px solid rgba(105,192,226,.28)!important;box-shadow:var(--ref-shadow)!important}.about-image-single .section-image-frame{inset:12px!important;border-radius:29px!important;background:rgba(233,247,251,.45)!important}.about-image-single .carousel-main-image{border-radius:29px!important;object-fit:contain!important}.section-image-index{z-index:6!important;background:rgba(3,62,103,.70)!important}
.about-copy h2{font-size:clamp(2.4rem,4vw,4.5rem)!important;color:var(--ref-navy)!important;font-weight:750!important;line-height:1.45!important}.about-body{font-size:1rem!important;color:#4d728c!important;line-height:2.25!important}
.ceo-luxury{gap:72px!important}.ceo-luxury .ceo-visual.reference-media-stage{overflow:visible!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(216,244,250,.48))!important}.ceo-photo-frame{background:rgba(235,248,252,.46)!important}.ceo-photo-frame .carousel-main-image{object-fit:contain!important}.ceo-copy blockquote{font-size:clamp(1.25rem,2vw,1.75rem)!important;line-height:2.15!important;color:#2c587a!important}.ceo-signature strong{color:var(--ref-navy)!important}

/* All typography and content motion */
.motion-ready .reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(4px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease!important}
.motion-ready .reveal.visible{opacity:1;transform:none;filter:none}
.motion-text{opacity:0;transform:translateY(24px);clip-path:inset(0 0 28% 0);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1),clip-path .95s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--reveal-index,0)*.035s)}
.motion-text.motion-visible{opacity:1;transform:none;clip-path:inset(0)}
.section{position:relative;padding-top:110px;padding-bottom:110px}.section:nth-of-type(even)::before{content:"";position:absolute;inset:4% 0;background:radial-gradient(circle at 7% 45%,rgba(0,188,191,.055),transparent 25rem);pointer-events:none}
.section-title{font-size:clamp(2.35rem,4vw,4.45rem)!important;line-height:1.45!important;color:var(--ref-navy)!important;font-weight:760!important;letter-spacing:-.025em}.section-lead{font-size:1rem!important;line-height:2.1!important;color:#557992!important}
.eyebrow{color:#078bc7!important;font-weight:800!important;letter-spacing:.04em!important}.eyebrow::after{background:linear-gradient(90deg,var(--ref-blue),var(--ref-cyan))!important}

/* Reactive crystal cards */
.feature-card,.product-card,.vmg-card,.glass-panel,.cta-panel,.catalog-shell,.stat-band,.process-step,.contact-card{position:relative;overflow:hidden!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(226,246,251,.50))!important;border:1px solid rgba(108,193,226,.27)!important;box-shadow:0 18px 48px rgba(30,104,142,.08),inset 0 1px 0 rgba(255,255,255,.88)!important;backdrop-filter:blur(24px) saturate(145%);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important}
.feature-card::after,.product-card::after,.vmg-card::after,.glass-panel::after,.cta-panel::after,.catalog-shell::after,.process-step::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.72),transparent 30%);opacity:.0;transition:opacity .25s ease}
.feature-card:hover::after,.product-card:hover::after,.vmg-card:hover::after,.glass-panel:hover::after,.cta-panel:hover::after,.catalog-shell:hover::after,.process-step:hover::after{opacity:.75}
.feature-card:hover,.product-card:hover,.vmg-card:hover,.glass-panel:hover,.cta-panel:hover,.catalog-shell:hover,.process-step:hover{transform:translateY(-9px);border-color:rgba(0,124,191,.32)!important;box-shadow:0 28px 70px rgba(23,99,140,.14)!important}
.feature-card h3,.product-card h3,.vmg-card h3,.process-step h3{color:var(--ref-navy)!important}.feature-card p,.product-card p,.vmg-card p,.process-step p{color:#587b92!important}
.vmg-card{min-height:360px!important}.vmg-icon{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(197,238,244,.42))!important;color:var(--ref-blue)!important}.vmg-line{background:linear-gradient(90deg,var(--ref-blue),var(--ref-cyan),var(--ref-green))!important}
.product-image{height:280px!important;background:rgba(230,246,250,.52)}.product-image img{object-fit:contain!important;padding:8px}.product-copy{padding:25px!important}

/* Footer / social — premium motion */
.site-footer-v13{background:linear-gradient(180deg,rgba(239,250,254,.4),rgba(221,243,250,.66))!important;border-top:1px solid rgba(111,193,226,.22)}
.footer-brand .brand img{width:126px!important;height:106px!important}.footer-brand .brand-copy{display:none!important}
.social-links-v13 a,.social-links-v13 .social-disabled{width:52px!important;height:52px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(219,243,249,.55))!important;border-color:rgba(108,192,225,.28)!important}.social-links-v13 a:hover{transform:translateY(-7px) rotate(-4deg) scale(1.06)!important}.social-links-v13 svg{width:21px!important;height:21px!important}
.floating-whatsapp{height:62px!important;min-width:62px!important;background:linear-gradient(135deg,#088b50,#1fc56c)!important;box-shadow:0 22px 52px rgba(13,141,84,.32)!important}

/* Dark edition retains same identity */
html[data-theme="dark"] .site-header .reference-nav,html[data-theme="dark"] .page-hero-frame,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .product-card,html[data-theme="dark"] .vmg-card,html[data-theme="dark"] .glass-panel,html[data-theme="dark"] .cta-panel,html[data-theme="dark"] .catalog-shell{background:linear-gradient(145deg,rgba(10,43,62,.86),rgba(6,31,47,.66))!important;border-color:rgba(108,210,229,.16)!important}html[data-theme="dark"] .hero-v11 p,html[data-theme="dark"] .page-hero-v12 p,html[data-theme="dark"] .about-body,html[data-theme="dark"] .section-lead{color:#a8c5d7!important}html[data-theme="dark"] .section-title,html[data-theme="dark"] .page-hero-v12 h1,html[data-theme="dark"] .about-copy h2{color:#e0f8ff!important}

/* Responsive reference fidelity */
@media(max-width:1320px){
 .site-header .reference-nav{grid-template-columns:145px minmax(0,1fr) auto}.reference-brand{width:145px}.reference-brand img{width:112px!important;height:92px!important}.reference-nav .main-nav{gap:22px;font-size:.82rem}.reference-actions .nav-cta{padding:0 20px}.hero-grid{grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)!important;gap:56px!important}.oasis-float-preview{right:-25px}
}
@media(max-width:1080px){
 .site-header{height:104px;padding-top:10px}.site-header .reference-nav{display:flex!important;min-height:86px!important;padding:0 14px!important}.reference-brand{width:125px;height:94px;flex:0 0 125px}.reference-brand img{width:96px!important;height:82px!important}.reference-brand .brand-copy{display:none!important}.reference-nav .main-nav{position:fixed;top:102px;left:20px;right:20px;display:none!important;flex-direction:column;align-items:stretch;gap:5px;padding:20px;background:rgba(247,253,255,.96);border:1px solid var(--ref-edge);border-radius:26px;box-shadow:var(--ref-shadow);backdrop-filter:blur(28px);direction:rtl}.reference-nav .main-nav.open{display:flex!important}.reference-nav .main-nav>a,.reference-nav .nav-dropdown>button{padding:13px 14px!important;text-align:start;width:100%}.reference-nav .main-nav>a:after,.reference-nav .nav-dropdown>button:after{display:none}.mobile-toggle{display:grid!important}.nav-dropdown .mega{position:static!important;width:100%!important;transform:none!important;display:none!important;grid-template-columns:1fr!important;margin-top:8px}.nav-dropdown.open .mega{display:grid!important}.reference-actions{margin-inline-start:auto}.hero-grid,.page-hero-grid{grid-template-columns:1fr!important}.hero-copy{max-width:820px}.hero-visual{min-height:650px!important}.hero-picture-shell.hero-single-media{margin-inline:auto}.page-hero-media{justify-content:center!important}.page-hero-copy{text-align:start}.about-grid-v13,.ceo-luxury{grid-template-columns:1fr!important}.about-image-single,.ceo-luxury .ceo-visual{max-width:720px;margin:auto;width:100%}.oasis-float-preview{right:18px;bottom:-34px}.hero-v11 h1{font-size:clamp(3.1rem,7vw,5rem)!important}.hero.hero-v11{padding-top:128px!important}
}
@media(max-width:720px){
 .site-header .reference-nav{border-radius:24px!important}.reference-brand{width:94px;height:80px;flex-basis:94px}.reference-brand img{width:78px!important;height:68px!important}.reference-actions .nav-cta{display:none}.lang-switch{min-height:48px;padding:0 12px}.lang-switch span{display:none}.reference-actions .icon-btn{width:46px;height:46px}.hero.hero-v11{padding-top:112px!important}.hero-grid{padding-top:30px!important;gap:34px!important}.hero-v11 h1{font-size:clamp(2.7rem,12vw,4.25rem)!important;line-height:1.48!important}.hero-v11 p{font-size:.94rem!important}.reference-origin-pill{font-size:.64rem;gap:8px;flex-wrap:wrap;width:100%}.hero-picture-shell.hero-single-media{height:500px!important;padding:8px!important;border-radius:32px!important}.hero-card-main.reference-media-stage,.carousel-main-image{border-radius:26px!important}.hero-image-spec{bottom:20px!important;left:18px!important;padding:12px 15px!important}.hero-image-spec b{font-size:1.22rem!important}.oasis-float-preview{width:210px;height:155px;right:12px;bottom:-42px;padding:9px 12px 26px;border-radius:22px}.oasis-float-card{height:103px;border-radius:17px}.oasis-float-image{border-radius:17px}.oasis-float-caption{padding:16px 10px 8px}.oasis-float-arrow{top:48px;width:36px;height:36px;font-size:1.35rem}.oasis-float-arrow.prev{left:-15px}.oasis-float-arrow.next{right:-15px}.page-hero.page-hero-v12{padding:124px 0 64px!important}.page-hero-frame{padding:26px 20px!important;border-radius:30px!important}.page-hero-image-glass.reference-media-stage{min-height:390px;aspect-ratio:auto!important}.page-hero-v12 h1{font-size:clamp(2.4rem,11vw,3.7rem)!important}.section{padding-top:78px;padding-bottom:78px}.section-title{font-size:clamp(2.1rem,10vw,3.5rem)!important}.hero-proof{display:grid!important;grid-template-columns:1fr 1fr}.proof-item{min-width:0}.compact-stage .oasis-float-preview{width:190px;height:145px;right:8px;bottom:-32px}.about-image-single.reference-media-stage,.ceo-luxury .ceo-visual.reference-media-stage{min-height:430px!important}.footer-brand .brand img{width:100px!important;height:88px!important}
}
@media(prefers-reduced-motion:reduce){.hero-title-accent,.reference-brand::after,.reference-origin-pill::after{animation:none!important}.motion-ready .reveal,.motion-text{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}
/* Reference sparkle / prismatic glass details */
.hero-visual::before{content:"";position:absolute;width:185px;height:220px;left:-34px;top:4px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(174,208,235,.09));border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 26px 62px rgba(38,111,149,.08);backdrop-filter:blur(8px);transform:rotate(5deg);z-index:-1;animation:glassFloatRef 6.5s ease-in-out infinite}
.hero-visual::after{content:"✦";position:absolute;right:-15px;top:58px;color:#fff;font-size:2rem;text-shadow:0 0 8px #fff,0 0 22px rgba(0,188,191,.65);animation:sparkRef 3.2s ease-in-out infinite}
@keyframes glassFloatRef{50%{transform:translateY(-12px) rotate(7deg)}}@keyframes sparkRef{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}
.product-hero h1{background:linear-gradient(105deg,var(--ref-navy),#0766b6 52%,var(--ref-cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important;background-size:160% 100%;animation:headlineFlow 7s ease-in-out infinite}
.catalog-copy h2{color:var(--ref-navy)!important}.catalog-year{color:var(--ref-cyan)!important}
@media(max-width:720px){.hero-visual::before{width:120px;height:150px;left:-10px}.hero-visual::after{right:2px}}

/* =========================================================
   OASIS GLASS — FINAL LUXURY SYSTEM v1.6.0
   Carousel only on home hero + premium single imagery elsewhere
   ========================================================= */
:root{
  --lux-navy:#084f90;
  --lux-blue:#078fca;
  --lux-cyan:#04b7c2;
  --lux-green:#0a8a52;
  --lux-glass:rgba(248,253,255,.72);
  --lux-glass-strong:rgba(255,255,255,.88);
  --lux-edge:rgba(112,195,226,.32);
  --lux-shadow:0 34px 90px rgba(18,83,122,.14);
}
body{background:radial-gradient(circle at 14% 6%,rgba(0,188,191,.08),transparent 24rem),radial-gradient(circle at 88% 9%,rgba(0,124,191,.08),transparent 28rem),linear-gradient(180deg,#f6fbfd,#edf7fb 56%,#f7fbfd);}
html[data-theme="dark"] body{background:radial-gradient(circle at 14% 6%,rgba(0,188,191,.08),transparent 24rem),radial-gradient(circle at 88% 9%,rgba(0,124,191,.1),transparent 28rem),#07121f}

/* formal, colored headings inspired by the approved reference */
.gradient-heading,.page-hero-v16 h1,.product-hero-copy h1,.section-title,.about-copy h2{
  color:transparent!important;
  background:linear-gradient(108deg,var(--lux-navy) 2%,#075ba9 34%,var(--lux-blue) 58%,var(--lux-cyan) 77%,var(--lux-green) 100%);
  -webkit-background-clip:text;background-clip:text;
  background-size:180% 100%;
  filter:drop-shadow(0 8px 16px rgba(0,124,191,.06));
  animation:luxHeadingFlow 9s ease-in-out infinite;
}
@keyframes luxHeadingFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.about-body,.page-hero-copy p,.product-hero-copy p,.section-lead,.rich-copy{color:#365f80!important}
html[data-theme="dark"] .about-body,html[data-theme="dark"] .page-hero-copy p,html[data-theme="dark"] .product-hero-copy p,html[data-theme="dark"] .section-lead,html[data-theme="dark"] .rich-copy{color:#aac9dc!important}

/* Header / logo — larger and clearer */
.site-header .reference-nav,.site-header .nav-wrap{min-height:92px!important}
.reference-brand{width:142px!important;height:92px!important;flex-basis:142px!important;padding:8px 14px!important}
.reference-brand img{width:112px!important;height:78px!important;object-fit:contain!important;filter:drop-shadow(0 12px 26px rgba(0,71,111,.12))}
.site-header .reference-nav{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(224,247,250,.66))!important;border:1px solid rgba(113,198,226,.30)!important;box-shadow:0 24px 70px rgba(13,77,114,.12)!important;backdrop-filter:blur(28px) saturate(150%)!important}

/* Only the home hero keeps the approved big-image + floating-preview carousel */
.hero.hero-v11 .reference-media-stage{overflow:visible!important}
.hero.hero-v11 .oasis-float-preview{display:block!important}
.hero.hero-v11 .hero-title-primary{color:var(--lux-navy)}
.hero.hero-v11 .hero-title-accent{background:linear-gradient(108deg,#0776ba,#00a8ca 46%,#03b8bd 68%,#0b8a51);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Single premium image system for all non-home sections */
.premium-single-media{position:relative;min-height:520px;padding:14px;border-radius:42px;background:linear-gradient(145deg,var(--lux-glass-strong),rgba(215,244,249,.54));border:1px solid var(--lux-edge);box-shadow:var(--lux-shadow);isolation:isolate;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.premium-single-media:hover{transform:translateY(-8px);box-shadow:0 42px 105px rgba(13,80,120,.18)}
.single-media-glow{position:absolute;z-index:0;inset:-10%;background:var(--media-bg) center/cover no-repeat;filter:blur(38px) saturate(.95);opacity:.22;transform:scale(1.08)}
.single-media-frame{position:absolute;z-index:2;inset:14px;display:grid;place-items:center;border-radius:31px;overflow:hidden;background:linear-gradient(145deg,rgba(247,253,255,.68),rgba(222,242,248,.42));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.single-media-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 34%,rgba(0,188,191,.05));pointer-events:none}
.single-media-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important;object-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.premium-single-media:hover .single-media-frame img{transform:scale(1.018);filter:saturate(1.03) contrast(1.01)}
.premium-single-media .image-corner-mark,.premium-single-media .section-image-index{z-index:4}

/* internal page hero is balanced; no carousel or floating thumbnail */
.page-hero.page-hero-v16{padding:150px 0 78px!important;min-height:auto!important;overflow:visible!important;background:radial-gradient(circle at 10% 10%,rgba(0,188,191,.09),transparent 24rem),radial-gradient(circle at 90% 10%,rgba(0,124,191,.09),transparent 28rem)!important}
.page-hero-v16 .page-hero-frame{padding:clamp(34px,4vw,62px)!important;border-radius:46px!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(229,247,250,.58))!important;border:1px solid rgba(112,195,226,.28)!important;box-shadow:0 34px 90px rgba(13,80,120,.12)!important;overflow:visible!important}
.page-hero-v16 .page-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,.86fr)!important;gap:clamp(48px,6vw,90px)!important;align-items:center!important}
.page-hero-v16 .page-hero-copy{position:relative!important;z-index:5!important;min-width:0!important;opacity:1!important;visibility:visible!important;transform:none}
.page-hero-v16 .page-hero-copy h1{font-size:clamp(3rem,5.2vw,6.2rem)!important;line-height:1.42!important;margin:20px 0 18px!important;max-width:900px!important;text-wrap:balance}
.page-hero-v16 .page-hero-copy p{font-size:1rem!important;line-height:2!important;max-width:720px!important;margin:0!important}
.page-hero-v16 .page-hero-media{position:relative;z-index:3;min-width:0}
.page-hero-v16 .premium-single-media{min-height:430px;width:100%;max-width:580px;margin-inline:auto}
.page-hero-v16 .breadcrumb{font-size:.72rem!important;color:#52708b!important;margin-bottom:15px}

/* About / split image sections: one image only, editorial glass layout */
.about-grid-v16{display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)!important;gap:clamp(56px,7vw,110px)!important;align-items:center!important}
.about-grid-v16 .about-image-single{min-height:540px!important;width:100%!important}
.about-grid-v16 .about-copy{min-width:0!important;position:relative!important;z-index:3}
.about-grid-v16 .about-copy h2{font-size:clamp(2.6rem,4.2vw,5rem)!important;line-height:1.5!important;margin:12px 0 22px!important}
.about-grid-v16 .about-body{font-size:1rem!important;line-height:2.05!important}
.about-grid-v16 .section-image-index{position:absolute;z-index:5;bottom:28px;inset-inline-start:28px;padding:9px 13px;border-radius:13px;background:rgba(4,54,91,.72);color:#fff;font-size:.62rem;backdrop-filter:blur(14px)}

/* CEO single-image executive treatment */
.ceo-luxury{display:grid!important;grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr)!important;gap:clamp(52px,7vw,92px)!important;align-items:stretch!important}
.ceo-luxury .executive-media{min-height:650px!important}
.ceo-luxury .ceo-photo-frame{inset:14px!important}
.ceo-luxury .ceo-photo-frame img{object-fit:contain!important}
.ceo-luxury .ceo-copy{display:flex;flex-direction:column;justify-content:center;min-height:650px;padding:clamp(42px,5vw,72px)!important}
.ceo-copy blockquote{color:#315d7e!important}

/* Product page single image */
.product-hero{display:grid!important;grid-template-columns:minmax(410px,.94fr) minmax(0,1.06fr)!important;gap:clamp(54px,7vw,100px)!important;align-items:center!important}
.product-single-media{min-height:590px!important}
.product-hero-copy h1{font-size:clamp(3rem,4.8vw,5.8rem)!important;line-height:1.45!important}

/* Cards & sections use refined motion without clutter */
.feature-card,.product-card,.vmg-card,.glass-panel,.cta-panel,.catalog-shell,.contact-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease!important}
.feature-card:hover,.product-card:hover,.vmg-card:hover,.glass-panel:hover,.cta-panel:hover,.catalog-shell:hover,.contact-card:hover{transform:translateY(-9px)!important;box-shadow:0 30px 78px rgba(17,83,121,.14)!important;border-color:rgba(0,156,194,.24)!important}
.reveal{will-change:transform,opacity;transition-duration:.8s!important}

/* Contact page: keep content visible and balanced */
.contact-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:30px!important;align-items:start!important}
.contact-list,.rfq-form{min-width:0!important;position:relative!important;z-index:2}
.contact-card{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(222,246,249,.54))!important;border:1px solid rgba(108,192,225,.27)!important;box-shadow:0 18px 50px rgba(13,80,120,.09)!important}
.rfq-form{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(222,246,249,.58))!important;border:1px solid rgba(108,192,225,.28)!important;box-shadow:0 28px 76px rgba(13,80,120,.11)!important}

/* Social icons in actual app brand colors */
.social-links-v13 a{color:#fff!important;border:0!important;box-shadow:0 14px 34px rgba(0,43,88,.13)!important}
.social-links-v13 .social-instagram{background:radial-gradient(circle at 30% 110%,#ffd36b 0 19%,#f65d62 33%,#d6249f 56%,#6b3ee8 82%,#405de6 100%)!important}
.social-links-v13 .social-x{background:#111!important}
.social-links-v13 .social-linkedin{background:#0a66c2!important}
.social-links-v13 .social-youtube{background:#ff0033!important}
.social-links-v13 .social-facebook{background:#1877f2!important}
.social-links-v13 .social-snapchat{background:#fffc00!important;color:#111!important}
.social-links-v13 a:hover{transform:translateY(-8px) rotate(-4deg) scale(1.08)!important;box-shadow:0 22px 46px rgba(0,43,88,.20)!important}
.social-links-v13 .social-disabled{filter:grayscale(1);opacity:.28!important}
.footer-developer{color:inherit;text-decoration:none;transition:.25s ease}.footer-developer:hover{color:var(--blue)}

/* ===== Final admin login: clean premium glass, no filler text ===== */
.login-v16{min-height:100vh;overflow:hidden;background:#061626}
.login-v16 .login-bg{position:fixed;inset:0;background-size:cover;background-position:center;filter:saturate(.9);transform:scale(1.03)}
.login-v16 .login-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 25%,rgba(0,188,191,.20),transparent 27rem),linear-gradient(120deg,rgba(2,19,38,.62),rgba(4,68,103,.30),rgba(2,19,38,.50))}
.login-glow{position:fixed;width:430px;height:430px;border-radius:50%;filter:blur(70px);opacity:.25;pointer-events:none}.login-glow-a{background:#00bcbf;top:-140px;right:-110px}.login-glow-b{background:#007cbf;bottom:-160px;left:-120px}
.login-v16-stage{min-height:100vh;display:grid;place-items:center;padding:34px;position:relative;z-index:2}
.login-v16-card{width:min(520px,100%);padding:38px;border-radius:38px;background:linear-gradient(145deg,rgba(250,254,255,.78),rgba(210,239,247,.52));border:1px solid rgba(179,231,242,.42);box-shadow:0 38px 110px rgba(0,18,39,.35),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(34px) saturate(145%);position:relative;overflow:hidden}
.login-v16-card::before{content:"";position:absolute;inset:-50% auto auto -18%;width:56%;height:180%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);animation:loginGlassSweep 7s ease-in-out infinite;pointer-events:none}
@keyframes loginGlassSweep{0%,52%{translate:-120% 0}82%,100%{translate:260% 0}}
.login-v16-brand{display:flex;align-items:center;gap:16px;margin-bottom:30px}.login-v16-logo{width:86px;height:86px;border-radius:24px;background:rgba(255,255,255,.76);display:grid;place-items:center;border:1px solid rgba(130,204,228,.28);box-shadow:0 16px 36px rgba(7,81,118,.1)}.login-v16-logo img{width:70px;height:70px;object-fit:contain}.login-v16-brand strong{display:block;color:#0a4e82;letter-spacing:.08em;font-size:1rem}.login-v16-brand small{display:block;color:#6290a7;font-size:.62rem;letter-spacing:.16em;margin-top:3px}
.login-v16-heading{margin-bottom:28px}.login-v16-heading>span{color:#078fc7;font-size:.67rem;letter-spacing:.16em;font-weight:800}.login-v16-heading h1{margin:6px 0 0;font-size:2.35rem;line-height:1.35;color:#084e85}
.login-v16-card .admin-field{margin-bottom:17px}.login-v16-card .admin-field label{display:block;color:#164f75;font-weight:700;font-size:.78rem;margin-bottom:8px}.login-input-shell{position:relative;display:flex;align-items:center;min-height:58px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(120,196,222,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:.3s ease}.login-input-shell:focus-within{border-color:rgba(0,156,194,.46);box-shadow:0 0 0 4px rgba(0,188,191,.07),inset 0 1px 0 rgba(255,255,255,.8)}.login-input-shell input{width:100%;height:56px;border:0!important;outline:0!important;background:transparent!important;padding:0 54px 0 52px!important;color:#154b70!important;box-shadow:none!important}.login-field-icon{position:absolute;inset-inline-start:18px;display:grid;place-items:center;color:#078fc7}.login-field-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.password-eye{position:absolute;inset-inline-end:10px;width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(145deg,rgba(226,247,250,.86),rgba(255,255,255,.88));color:#0a72ae;display:grid;place-items:center;cursor:pointer;transition:.25s ease;box-shadow:0 8px 20px rgba(9,89,127,.08)}.password-eye:hover{transform:translateY(-2px);background:linear-gradient(135deg,#e8fbfc,#dff4fb)}.password-eye svg{position:absolute;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:.22s ease}.password-eye .eye-closed{opacity:0;transform:scale(.75)}.password-eye.showing .eye-open{opacity:0;transform:scale(.75)}.password-eye.showing .eye-closed{opacity:1;transform:scale(1)}
.login-submit{min-height:58px!important;border-radius:18px!important;margin-top:5px;background:linear-gradient(110deg,#0b55a5,#087cc0 52%,#00b8bd)!important;box-shadow:0 18px 42px rgba(0,112,170,.24)!important}
.login-v16-card .alert{margin-bottom:18px}

/* Mobile / tablet — preserve the approved composition without breaking content */
@media(max-width:1100px){
  .page-hero-v16 .page-hero-grid,.about-grid-v16,.ceo-luxury,.product-hero{grid-template-columns:1fr 1fr!important;gap:38px!important}
  .page-hero-v16 .premium-single-media,.about-grid-v16 .about-image-single,.product-single-media{min-height:430px!important}
  .site-header .reference-nav{min-height:84px!important}.reference-brand{width:116px!important;flex-basis:116px!important}.reference-brand img{width:92px!important;height:70px!important}
}
@media(max-width:900px){
  .page-hero.page-hero-v16{padding:120px 0 58px!important}
  .page-hero-v16 .page-hero-grid,.about-grid-v16,.ceo-luxury,.product-hero,.contact-grid{grid-template-columns:1fr!important}
  .page-hero-v16 .page-hero-copy{order:1}.page-hero-v16 .page-hero-media{order:2}
  .page-hero-v16 .premium-single-media,.about-grid-v16 .about-image-single,.product-single-media,.ceo-luxury .executive-media{min-height:460px!important;max-width:680px;margin-inline:auto;width:100%}
  .ceo-luxury .ceo-copy{min-height:auto!important}
  .reference-brand{width:100px!important;flex-basis:100px!important}.reference-brand img{width:80px!important;height:64px!important}
}
@media(max-width:620px){
  .container{width:min(100% - 26px,var(--max))}
  .page-hero-v16 .page-hero-frame{padding:24px 18px!important;border-radius:28px!important}
  .page-hero-v16 .page-hero-copy h1{font-size:clamp(2.45rem,12vw,4rem)!important;line-height:1.52!important}
  .page-hero-v16 .page-hero-copy p{font-size:.9rem!important;line-height:1.9!important}
  .page-hero-v16 .premium-single-media,.about-grid-v16 .about-image-single,.product-single-media,.ceo-luxury .executive-media{min-height:360px!important;border-radius:28px;padding:9px}
  .single-media-frame{inset:9px;border-radius:22px}
  .about-grid-v16 .about-copy h2{font-size:clamp(2.15rem,11vw,3.5rem)!important}
  .login-v16-stage{padding:18px}.login-v16-card{padding:26px 20px;border-radius:28px}.login-v16-logo{width:74px;height:74px}.login-v16-logo img{width:60px;height:60px}.login-v16-heading h1{font-size:2rem}
  .social-links-v13 a,.social-links-v13 .social-disabled{width:48px!important;height:48px!important}
}
@media(prefers-reduced-motion:reduce){.gradient-heading,.login-v16-card::before{animation:none!important}.premium-single-media,.premium-single-media img{transition:none!important}}

/* =========================================================
   OASIS GLASS v1.6.1 — FINAL RESPONSIVE & COLOR POLISH
   Mobile-first stability + approved reference palette
   ========================================================= */

/* Hard guard against horizontal breakage */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
main,section,.container,.hero-grid,.page-hero-grid,.about-grid-v16,.product-hero,.contact-grid,.footer-grid{min-width:0}
.hero-copy,.hero-visual,.page-hero-copy,.page-hero-media,.about-copy,.about-image,.product-hero-copy,.product-hero-media,.contact-list,.rfq-form{min-width:0;max-width:100%}

/* Approved typography and multicolor visual language */
:root{
  --og-deep:#083f82;
  --og-blue:#087fca;
  --og-cyan:#08b8c2;
  --og-green:#0a8e53;
  --og-copy:#3c6785;
  --og-soft:#6d8da4;
}
body{font-family:'Alexandria','IBM Plex Sans Arabic','Tahoma',sans-serif!important;color:var(--og-copy)!important}
html[lang="en"] body{font-family:'Manrope','Arial',sans-serif!important}
.hero h1,.section-title,.page-hero h1,.about-copy h2,.product-hero h1,.catalog-copy h2,.gallery-hero h1,.ceo-copy h2,.vmg-head h2,.split-head h2{font-family:'Alexandria','Noto Kufi Arabic',sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
html[lang="en"] .hero h1,html[lang="en"] .section-title,html[lang="en"] .page-hero h1,html[lang="en"] .about-copy h2,html[lang="en"] .product-hero h1{font-family:'Manrope',sans-serif!important}

.gradient-heading,.section-title,.about-copy h2,.page-hero-copy h1,.product-hero-copy h1,.gallery-hero h1{
  background:linear-gradient(105deg,var(--og-deep) 4%,#0b63b0 35%,var(--og-blue) 56%,var(--og-cyan) 76%,var(--og-green) 100%)!important;
  background-size:180% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  animation:ogTitleFlow 8s ease-in-out infinite!important;
  text-shadow:none!important;
}
.hero-title-primary{color:var(--og-deep)!important}
.hero-title-accent{background:linear-gradient(105deg,#0b63b0 2%,var(--og-blue) 38%,var(--og-cyan) 65%,var(--og-green) 96%)!important;background-size:180% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:ogTitleFlow 8s ease-in-out infinite!important}
@keyframes ogTitleFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero p,.page-hero p,.about-body,.section-lead,.rich-copy,.feature-card p,.product-copy p,.vmg-card p,.process-step p,.contact-card small{color:var(--og-copy)!important}
.eyebrow{color:var(--og-blue)!important}.eyebrow:before{background:linear-gradient(90deg,var(--og-blue),var(--og-cyan),var(--og-green))!important}

/* Clear readable stat panel — fixes pale text on pale background */
.stat-band{
  background:linear-gradient(115deg,#073a7b 0%,#075caa 42%,#078bc1 73%,#06a69f 100%)!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 30px 80px rgba(5,91,143,.18)!important;
}
.stat-band h3,.stat-band p,.stat-band .stat b,.stat-band .stat span{color:#fff!important}
.stat-band .stat span,.stat-band p{opacity:.82!important}

/* Contact page: never lose or clip content */
.contact-grid{
  width:100%!important;display:grid!important;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;
  gap:28px!important;align-items:start!important;overflow:visible!important;
}
.contact-list{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;position:relative!important;inset:auto!important;transform:none!important}
.contact-card{width:100%!important;min-height:94px!important;padding:20px 22px!important;display:flex!important;align-items:center!important;gap:16px!important;position:relative!important;inset:auto!important;transform:none!important}
.contact-card i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#edfaff,#d7f4f8);color:var(--og-blue);font-style:normal;font-size:1.2rem;border:1px solid rgba(84,183,222,.25)}
.contact-card strong{display:block;color:var(--og-deep)!important;overflow-wrap:anywhere}
.rfq-form{width:100%!important;position:relative!important;inset:auto!important;transform:none!important;padding:30px!important;overflow:visible!important}
.form-grid{width:100%!important;min-width:0!important}.field,.field.full{min-width:0!important}.field input,.field select,.field textarea{width:100%!important;max-width:100%!important}
.origin-note{width:100%!important;max-width:100%!important;margin-top:28px!important;color:var(--og-copy)!important;text-align:center!important}

/* Footer: vibrant app colors even before URLs are configured */
.social-links-v13 a,.social-links-v13 .social-disabled{opacity:1!important;filter:none!important;color:#fff!important;border:0!important}
.social-links-v13 .social-instagram{background:radial-gradient(circle at 30% 110%,#ffd36b 0 18%,#fd5d5d 33%,#d62976 52%,#962fbf 72%,#4f5bd5 100%)!important}
.social-links-v13 .social-x{background:#111827!important}
.social-links-v13 .social-linkedin{background:#0a66c2!important}
.social-links-v13 .social-youtube{background:#ff0033!important}
.social-links-v13 .social-facebook{background:#1877f2!important}
.social-links-v13 .social-snapchat{background:#fffc00!important;color:#111!important}
.social-links-v13 .social-disabled{opacity:.74!important;cursor:default!important}
.social-links-v13 a:hover{transform:translateY(-8px) rotate(-3deg) scale(1.08)!important;box-shadow:0 20px 42px rgba(8,69,112,.22)!important}

/* Desktop spacing consistency */
.section{overflow:visible}
.page-hero-frame,.glass-panel,.cta-panel,.catalog-shell,.rfq-form,.contact-card,.feature-card,.vmg-card,.product-card{box-shadow:0 24px 68px rgba(21,96,138,.10)!important}

/* ======================== TABLET ======================== */
@media(max-width:1100px){
  .container{width:min(100% - 32px,var(--max))!important}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:38px!important}
  .hero-v11 h1{font-size:clamp(3rem,6.5vw,4.8rem)!important}
  .contact-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important}
  .footer-grid{grid-template-columns:1.2fr repeat(3,.7fr)!important;gap:24px!important}
}

/* ======================== MOBILE / TABLET PORTRAIT ======================== */
@media(max-width:900px){
  :root{--header-h:86px}
  .container{width:min(100% - 24px,var(--max))!important}
  .site-header{height:86px!important;padding:8px 0!important;position:fixed!important}
  .site-header .reference-nav{width:100%!important;min-height:70px!important;height:70px!important;padding:6px 8px!important;border-radius:22px!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:space-between!important}
  .reference-brand{width:82px!important;height:70px!important;flex:0 0 82px!important;border-radius:20px!important;transform:none!important}
  .reference-brand img{width:66px!important;height:56px!important}
  .reference-actions{gap:7px!important;margin-inline-start:auto!important;flex:0 0 auto!important}
  .reference-actions .nav-cta{display:none!important}
  .reference-actions .icon-btn,.mobile-toggle{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .lang-switch{min-height:44px!important;height:44px!important;padding:0 10px!important;border-radius:15px!important;gap:5px!important}
  .lang-switch span{display:none!important}.lang-switch svg{width:20px!important;height:20px!important}
  .reference-nav .main-nav{position:fixed!important;top:88px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 104px)!important;overflow-y:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:16px!important;background:rgba(248,253,255,.97)!important;border:1px solid rgba(97,184,220,.30)!important;border-radius:22px!important;box-shadow:0 26px 80px rgba(10,76,119,.18)!important;backdrop-filter:blur(28px)!important;z-index:3000!important}
  .reference-nav .main-nav.open{display:flex!important}
  .reference-nav .main-nav>a,.reference-nav .nav-dropdown>button{padding:13px 14px!important;font-size:.9rem!important;text-align:start!important;width:100%!important}
  .nav-dropdown .mega{position:static!important;width:100%!important;max-width:100%!important;transform:none!important;margin:5px 0 0!important;padding:9px!important;grid-template-columns:1fr!important;display:none!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;background:rgba(235,248,252,.74)!important;border-radius:16px!important}
  .nav-dropdown.open .mega{display:grid!important}.mega a{min-height:64px!important;grid-template-columns:58px 1fr!important}.mega img{width:58px!important;height:48px!important}

  .hero.hero-v11{min-height:auto!important;padding:112px 0 44px!important;overflow:hidden!important}
  .hero-grid{display:flex!important;flex-direction:column!important;gap:34px!important;padding:20px 0 24px!important;width:100%!important}
  .hero-copy{order:1!important;width:100%!important;max-width:100%!important;text-align:start!important;padding:0!important}
  .hero-visual{order:2!important;width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important}
  .hero-v11 h1{width:100%!important;max-width:100%!important;font-size:clamp(2.45rem,8.5vw,4.2rem)!important;line-height:1.48!important;letter-spacing:-.02em!important;margin:20px 0 16px!important;overflow-wrap:anywhere!important;word-break:normal!important;text-wrap:pretty!important}
  .hero-v11 p{width:100%!important;max-width:100%!important;font-size:.94rem!important;line-height:1.95!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:10px!important}.hero-actions .btn{width:100%!important;min-width:0!important;padding-inline:12px!important;font-size:.78rem!important}
  .reference-origin-pill{width:100%!important;display:grid!important;grid-template-columns:auto 1fr auto 1fr!important;gap:8px!important;padding:12px 13px!important;font-size:.68rem!important;line-height:1.55!important}.reference-origin-pill i{display:none!important}
  .hero-proof{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:2px 0 12px!important;margin-inline:-4px!important;scrollbar-width:none}.hero-proof::-webkit-scrollbar{display:none}.proof-item{flex:0 0 190px!important;scroll-snap-align:start!important;min-height:92px!important;padding:14px!important}
  .hero-picture-shell.hero-single-media{width:100%!important;height:500px!important;min-height:0!important;margin:0!important;padding:9px!important;border-radius:30px!important}
  .hero-card-main.reference-media-stage{width:100%!important;height:100%!important;border-radius:24px!important;overflow:visible!important}
  .carousel-main-image{object-fit:contain!important;border-radius:24px!important}
  .oasis-float-preview{width:min(215px,58vw)!important;height:150px!important;right:10px!important;left:auto!important;bottom:-30px!important}
  html[dir="ltr"] .oasis-float-preview{left:10px!important;right:auto!important}

  .page-hero.page-hero-v16{padding:112px 0 48px!important;overflow:hidden!important}
  .page-hero-frame{width:100%!important;padding:22px 18px!important;border-radius:28px!important;overflow:hidden!important}
  .page-hero-grid{display:flex!important;flex-direction:column!important;gap:28px!important;width:100%!important}
  .page-hero-copy{order:1!important;width:100%!important}.page-hero-media{order:2!important;width:100%!important;display:block!important}
  .page-hero-copy h1{width:100%!important;max-width:100%!important;font-size:clamp(2.25rem,8vw,3.8rem)!important;line-height:1.5!important;overflow-wrap:anywhere!important;text-wrap:pretty!important}
  .page-hero-copy p{width:100%!important;max-width:100%!important;font-size:.9rem!important;line-height:1.95!important}
  .premium-single-media,.page-hero-v16 .premium-single-media,.about-grid-v16 .about-image-single,.product-single-media,.ceo-luxury .executive-media{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:4/3!important;margin:0!important;border-radius:26px!important;padding:9px!important;overflow:hidden!important}
  .single-media-frame{inset:9px!important;border-radius:20px!important}.single-media-frame img{object-fit:contain!important;width:100%!important;height:100%!important}

  .section{padding:64px 0!important;overflow:hidden!important}.section.tight{padding:50px 0!important}
  .split-head,.vmg-head{display:block!important;margin-bottom:26px!important}.section-title{font-size:clamp(2rem,7.2vw,3.25rem)!important;line-height:1.55!important;width:100%!important;max-width:100%!important}.section-lead{font-size:.9rem!important;line-height:1.9!important;margin-top:12px!important}
  .about-grid-v16,.ceo-luxury,.product-hero,.contact-grid{display:flex!important;flex-direction:column!important;gap:28px!important;width:100%!important}
  .about-grid-v16 .about-image,.product-hero-media,.ceo-visual{order:1!important}.about-grid-v16 .about-copy,.product-hero-copy,.ceo-copy{order:2!important;width:100%!important}
  .about-copy h2,.product-hero-copy h1{font-size:clamp(2.1rem,8vw,3.5rem)!important;line-height:1.55!important;width:100%!important;max-width:100%!important}
  .ceo-luxury .ceo-copy{min-height:auto!important;padding:28px 22px!important;border-radius:28px!important}
  .ceo-copy blockquote{font-size:.95rem!important;line-height:2!important}

  .stat-band{grid-template-columns:1fr 1fr!important;padding:26px 20px!important;border-radius:28px!important;gap:18px!important}.stat-intro{grid-column:1/-1!important}.stat-band .stat{text-align:center!important;padding:14px!important;background:rgba(255,255,255,.08)!important;border-radius:16px!important}.stat-band .stat b{font-size:1.7rem!important}
  .cards-3,.product-grid,.vmg-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}.feature-card,.vmg-card{min-height:auto!important;padding:22px 18px!important}
  .bento{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.bento-card,.bento-card.large{grid-row:auto!important;min-height:320px!important}.bento-card.large{grid-column:1/-1!important;min-height:400px!important}
  .process{grid-template-columns:1fr 1fr!important}

  .contact-grid{grid-template-columns:1fr!important}.contact-list{order:1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.rfq-form{order:2!important;padding:24px 18px!important}.form-grid{grid-template-columns:1fr 1fr!important}.field.full{grid-column:1/-1!important}

  .footer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px 20px!important;padding:24px!important}.footer-brand{grid-column:1/-1!important}.footer-contact-ribbon{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.footer-contact-ribbon>a:last-child{grid-column:1/-1!important}.footer-bottom{gap:10px!important;flex-wrap:wrap!important}
}

/* ======================== SMALL MOBILE ======================== */
@media(max-width:620px){
  .container{width:calc(100% - 20px)!important}
  .site-header{height:78px!important;padding:6px 0!important}.site-header .reference-nav{height:66px!important;min-height:66px!important;padding:5px 6px!important;border-radius:20px!important}.reference-brand{width:70px!important;height:62px!important;flex-basis:70px!important}.reference-brand img{width:56px!important;height:48px!important}.reference-actions{gap:5px!important}.reference-actions .icon-btn,.mobile-toggle{width:40px!important;height:40px!important;flex-basis:40px!important}.lang-switch{width:46px!important;min-height:40px!important;height:40px!important;padding:0!important;justify-content:center!important}.lang-switch b{display:none!important}
  .reference-nav .main-nav{top:80px!important;left:10px!important;right:10px!important;max-height:calc(100dvh - 94px)!important}

  .hero.hero-v11{padding-top:94px!important}.hero-grid{gap:26px!important;padding-top:10px!important}.hero-kicker{font-size:.65rem!important;padding:8px 11px!important}.hero-v11 h1{font-size:clamp(2.05rem,10.2vw,3.15rem)!important;line-height:1.58!important;margin:16px 0 12px!important;letter-spacing:0!important}.hero-v11 p{font-size:.86rem!important;line-height:1.9!important}.hero-actions{grid-template-columns:1fr!important}.hero-actions .btn{min-height:52px!important}.reference-origin-pill{grid-template-columns:auto 1fr!important;row-gap:8px!important}.reference-origin-pill .origin-flag:nth-of-type(2){grid-row:2}.reference-origin-pill span:nth-of-type(4){grid-row:2}.hero-picture-shell.hero-single-media{height:380px!important;border-radius:25px!important}.hero-card-main.reference-media-stage{border-radius:20px!important}.hero-card-label{padding:24px 14px 14px!important}.hero-card-label strong{font-size:.9rem!important}.hero-card-label span{font-size:.6rem!important}.hero-image-spec{top:14px!important;bottom:auto!important;left:14px!important;right:auto!important;padding:10px 12px!important;border-radius:15px!important}.hero-image-spec b{font-size:1rem!important}.oasis-float-preview{width:170px!important;height:124px!important;right:8px!important;bottom:-24px!important;padding:7px 9px 23px!important}.oasis-float-card{height:82px!important}.oasis-float-arrow{width:30px!important;height:30px!important;top:39px!important}.oasis-float-dots{bottom:7px!important}

  .page-hero.page-hero-v16{padding-top:94px!important}.page-hero-frame{padding:18px 14px!important;border-radius:24px!important}.page-hero-copy h1{font-size:clamp(2rem,9vw,2.8rem)!important;line-height:1.6!important;letter-spacing:0!important}.breadcrumb{font-size:.66rem!important;flex-wrap:wrap!important}.premium-single-media,.page-hero-v16 .premium-single-media,.about-grid-v16 .about-image-single,.product-single-media,.ceo-luxury .executive-media{aspect-ratio:1/1!important;border-radius:22px!important}

  .section{padding:52px 0!important}.section-title{font-size:clamp(1.9rem,8.5vw,2.7rem)!important;line-height:1.62!important;letter-spacing:0!important}.about-copy h2,.product-hero-copy h1{font-size:clamp(2rem,9vw,2.9rem)!important;line-height:1.62!important;letter-spacing:0!important}
  .cards-3,.product-grid,.vmg-grid,.process,.bento{grid-template-columns:1fr!important}.bento-card.large{grid-column:auto!important;min-height:340px!important}.bento-card{min-height:300px!important}.stat-band{grid-template-columns:1fr!important}.stat-intro{grid-column:auto!important}.stat-band .stat{min-height:88px!important}
  .contact-list{grid-template-columns:1fr!important}.contact-card{min-height:84px!important;padding:16px!important}.rfq-form{padding:20px 14px!important}.form-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}.field input,.field select{min-height:50px!important}.field textarea{min-height:150px!important}
  .footer-contact-ribbon{grid-template-columns:1fr!important}.footer-contact-ribbon>a:last-child{grid-column:auto!important}.footer-grid{grid-template-columns:1fr!important;padding:20px 16px!important}.footer-brand{grid-column:auto!important}.social-links-v13{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.social-links-v13 a,.social-links-v13 .social-disabled{width:44px!important;height:44px!important;border-radius:14px!important}.footer-bottom{display:block!important;text-align:center!important}.footer-bottom span{display:block!important;margin:5px 0!important}
  .floating-whatsapp{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;border-radius:50%!important}.floating-whatsapp .wa-label{display:none!important}.floating-whatsapp svg{width:27px!important;height:27px!important}
  .premium-gallery{grid-template-columns:1fr!important;grid-auto-rows:250px!important}.gallery-hero h1{font-size:clamp(2.2rem,10vw,3.2rem)!important;line-height:1.5!important}
}

/* Tiny phones */
@media(max-width:390px){
  .container{width:calc(100% - 16px)!important}.reference-brand{width:62px!important;flex-basis:62px!important}.reference-brand img{width:50px!important}.reference-actions .icon-btn,.mobile-toggle{width:38px!important;height:38px!important;flex-basis:38px!important}.lang-switch{width:42px!important;height:38px!important;min-height:38px!important}.hero-v11 h1{font-size:1.95rem!important}.page-hero-copy h1{font-size:1.9rem!important}.hero-picture-shell.hero-single-media{height:340px!important}.proof-item{flex-basis:170px!important}.oasis-float-preview{width:152px!important;height:116px!important}.oasis-float-card{height:76px!important}
}

html[data-theme="dark"] .gradient-heading,html[data-theme="dark"] .section-title,html[data-theme="dark"] .about-copy h2,html[data-theme="dark"] .page-hero-copy h1,html[data-theme="dark"] .product-hero-copy h1{background:linear-gradient(105deg,#dff7ff,#70d9f0 42%,#36ccd8 70%,#65dfa8)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
@media(prefers-reduced-motion:reduce){.gradient-heading,.section-title,.hero-title-accent{animation:none!important}}

/* ======================================================================
   OASIS GLASS v1.6.2 — FINAL MOBILE DRAWER + FLAG SWITCH + TEXT CLARITY
   ====================================================================== */
:root{
  --og-ink:#073f76;
  --og-copy:#315a76;
  --og-soft:#55758c;
  --og-card:rgba(250,254,255,.86);
}
body{color:var(--og-copy)!important;font-family:'IBM Plex Sans Arabic','Alexandria','Tahoma',sans-serif!important;font-weight:500}
html[lang="en"] body{font-family:'Manrope','Arial',sans-serif!important}
h1,h2,h3,h4,h5,h6,.hero h1,.section-title,.page-hero h1,.product-hero h1,.catalog-copy h2,.footer-title{font-family:'Alexandria','Noto Kufi Arabic','Tahoma',sans-serif!important}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,html[lang="en"] h5,html[lang="en"] h6{font-family:'Manrope','Arial',sans-serif!important}
.hero-v11 p,.page-hero-v12 p,.page-hero-v16 p,.about-body,.section-lead,.feature-card p,.product-copy p,.vmg-card p,.process-step p,.footer-brand p,.footer-links a,.contact-card small,.field label,.origin-note{color:var(--og-copy)!important}
.hero-v11 p,.page-hero-v16 p,.about-body,.section-lead{font-weight:500!important}
.main-nav>a,.nav-dropdown>button,.footer-title,.footer-links a{color:var(--og-ink)!important}
.gradient-heading,.hero-title-primary,.hero-title-accent,.section-title,.about-copy h2,.page-hero-copy h1,.product-hero-copy h1{
  background:linear-gradient(112deg,#073f80 0%,#086fb2 48%,#008f72 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  text-shadow:0 10px 34px rgba(5,82,132,.07)!important
}
.bento-copy h3,.bento-copy p,.bento-copy span{color:#fff!important;text-shadow:0 2px 16px rgba(0,25,55,.45)!important}
.bento-card::after{background:linear-gradient(180deg,rgba(0,20,45,.04) 20%,rgba(0,32,67,.82) 100%)!important}
.stat-band{background:linear-gradient(125deg,#002b67,#045b9d 58%,#0098a4)!important;color:#fff!important}
.stat-band h3,.stat-band p,.stat-band .stat b,.stat-band .stat span{color:#fff!important}.stat-band .stat span{opacity:.84}.stat-band .stat b{color:#96eff1!important}

/* Language switch with Saudi / USA flags */
.lang-switch{display:inline-flex!important;align-items:center!important;gap:8px!important;direction:ltr!important}
.lang-switch .lang-flag{display:grid!important;place-items:center!important;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 8px 18px rgba(0,73,112,.12);font-size:1.18rem;line-height:1;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important}
.lang-switch .lang-label{display:inline!important;color:var(--og-ink)!important;font-weight:800!important;direction:auto}
.lang-switch .lang-switch-arrow{font-size:.72rem;color:#4a718b!important}

/* Mobile drawer structural UI */
.mobile-nav-head,.mobile-nav-backdrop{display:none}
.hamburger-lines{display:grid;gap:4px;width:19px}.hamburger-lines i{display:block;width:19px;height:2px;border-radius:8px;background:currentColor;transition:.28s ease;transform-origin:center}
.mobile-toggle.active .hamburger-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-toggle.active .hamburger-lines i:nth-child(2){opacity:0;transform:scaleX(.2)}
.mobile-toggle.active .hamburger-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Social icons: vivid official app palette */
.social-links-v13 .social-instagram{background:radial-gradient(circle at 30% 110%,#ffd36b 0 18%,#fd5d5d 33%,#d62976 52%,#962fbf 72%,#4f5bd5 100%)!important;color:#fff!important}
.social-links-v13 .social-x{background:#080b10!important;color:#fff!important}
.social-links-v13 .social-linkedin{background:#0a66c2!important;color:#fff!important}
.social-links-v13 .social-youtube{background:#ff0033!important;color:#fff!important}
.social-links-v13 .social-facebook{background:#1877f2!important;color:#fff!important}
.social-links-v13 .social-snapchat{background:#fffc00!important;color:#111!important}
.social-links-v13 .social-disabled{opacity:.9!important}

@media(max-width:1080px){
  body.mobile-nav-open{overflow:hidden!important;touch-action:none}
  .mobile-nav-backdrop{display:block!important;position:fixed;inset:0;z-index:3300;background:rgba(2,28,48,.36);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease}
  body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}

  .reference-nav .main-nav{
    display:flex!important;position:fixed!important;z-index:3600!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;
    width:min(88vw,410px)!important;height:100dvh!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    padding:18px 16px 26px!important;margin:0!important;gap:9px!important;align-items:stretch!important;
    background:linear-gradient(155deg,rgba(253,255,255,.985),rgba(229,248,252,.97))!important;
    border:0!important;border-inline-start:1px solid rgba(91,181,217,.30)!important;border-radius:32px 0 0 32px!important;
    box-shadow:-28px 0 80px rgba(3,56,91,.18)!important;backdrop-filter:blur(32px) saturate(150%)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(110%)!important;
    transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .28s ease,visibility .28s ease!important;
    direction:rtl!important
  }
  html[dir="ltr"] .reference-nav .main-nav{right:auto!important;left:0!important;transform:translateX(-110%)!important;border-radius:0 32px 32px 0!important;border-inline-start:0!important;border-inline-end:1px solid rgba(91,181,217,.30)!important;direction:ltr!important}
  .reference-nav .main-nav.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}

  .mobile-nav-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:5px 2px 16px;margin-bottom:4px;border-bottom:1px solid rgba(74,160,200,.18)}
  .mobile-nav-brand{display:flex;align-items:center;gap:10px;min-width:0}
  .mobile-nav-brand img{width:58px;height:50px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,80,120,.11))}
  .mobile-nav-brand span{display:grid;line-height:1.35}.mobile-nav-brand strong{color:var(--og-ink);font-size:.9rem}.mobile-nav-brand small{color:#66869a;font-size:.66rem}
  .mobile-nav-close{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid rgba(73,164,205,.25);background:rgba(255,255,255,.78);color:var(--og-ink);font-size:1.55rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,69,108,.08)}

  .reference-nav .main-nav>a,.reference-nav .nav-dropdown>button{
    display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:54px!important;padding:13px 14px!important;margin:0!important;
    border-radius:16px!important;border:1px solid rgba(74,160,200,.12)!important;background:rgba(255,255,255,.55)!important;color:var(--og-ink)!important;
    font-size:.92rem!important;font-weight:800!important;text-align:start!important;box-shadow:none!important
  }
  .reference-nav .main-nav>a.active,.reference-nav .nav-dropdown.open>button{background:linear-gradient(135deg,rgba(0,124,191,.11),rgba(0,188,191,.10))!important;border-color:rgba(0,124,191,.20)!important;color:#045d9a!important}
  .reference-nav .main-nav>a::after,.reference-nav .nav-dropdown>button::after{display:none!important}
  .nav-caret{margin-inline-start:auto;transition:.25s ease}.nav-dropdown.open .nav-caret{transform:rotate(180deg)}
  .nav-dropdown{width:100%!important;display:block!important;position:static!important}
  .nav-dropdown .mega{
    position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:7px 0 2px!important;padding:8px!important;
    display:none!important;grid-template-columns:1fr!important;gap:7px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    background:rgba(222,244,250,.62)!important;border:1px solid rgba(68,159,200,.14)!important;border-radius:18px!important;box-shadow:none!important
  }
  .nav-dropdown.open .mega{display:grid!important}
  .mega::before{display:none!important}
  .mega a{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;width:100%!important;min-height:68px!important;padding:7px 8px!important;border-radius:14px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(83,168,205,.10)!important;overflow:hidden!important}
  .mega img{width:62px!important;height:52px!important;border-radius:12px!important;object-fit:cover!important}
  .mega a>span{min-width:0!important}.mega strong{font-size:.86rem!important;color:var(--og-ink)!important;white-space:normal!important;line-height:1.45!important}.mega span span{font-size:.66rem!important;color:#59798e!important;line-height:1.4!important;margin-top:2px!important}
  .mega-all{width:62px!important;height:52px!important;border-radius:12px!important}
}

@media(max-width:900px){
  .site-header .reference-nav{overflow:visible!important}
  .lang-switch{min-width:102px!important;width:auto!important;padding:0 9px!important;gap:6px!important}.lang-switch .lang-flag{width:28px;height:28px;font-size:1.05rem}.lang-switch .lang-label{font-size:.72rem!important}.lang-switch .lang-switch-arrow{display:none!important}
  .hero-v11 h1,.page-hero-copy h1,.section-title,.about-copy h2,.product-hero-copy h1{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance!important}
}

@media(max-width:620px){
  .reference-actions{gap:5px!important}.lang-switch{width:44px!important;min-width:44px!important;padding:0!important;justify-content:center!important}.lang-switch .lang-label,.lang-switch .lang-switch-arrow{display:none!important}.lang-switch .lang-flag{width:30px!important;height:30px!important;font-size:1.1rem!important}
  .reference-nav .main-nav{width:min(92vw,380px)!important;border-radius:26px 0 0 26px!important;padding:14px 12px 22px!important}.mobile-nav-brand img{width:54px;height:46px}.mobile-nav-close{width:40px;height:40px;flex-basis:40px}
  html[dir="ltr"] .reference-nav .main-nav{border-radius:0 26px 26px 0!important}
  .hero-v11 h1{font-size:clamp(2rem,8.8vw,2.75rem)!important;line-height:1.46!important;margin:14px 0 12px!important;letter-spacing:0!important}
  .page-hero-copy h1{font-size:clamp(1.95rem,8vw,2.65rem)!important;line-height:1.5!important}.section-title{font-size:clamp(1.8rem,7.3vw,2.45rem)!important;line-height:1.52!important}
  .hero-v11 p,.page-hero-copy p,.section-lead,.about-body{font-size:.88rem!important;line-height:1.9!important;color:#315a76!important}
  .bento-copy{padding:22px 18px!important}.bento-copy h3{font-size:1.24rem!important;line-height:1.5!important;color:#fff!important}.bento-copy p{font-size:.78rem!important;color:rgba(255,255,255,.86)!important}
}

html[data-theme="dark"]{--og-ink:#def7ff;--og-copy:#b1d0e1;--og-soft:#91b5c9}
html[data-theme="dark"] .reference-nav .main-nav{background:linear-gradient(155deg,rgba(8,31,48,.985),rgba(5,23,37,.98))!important;border-color:rgba(100,210,229,.14)!important}
html[data-theme="dark"] .reference-nav .main-nav>a,html[data-theme="dark"] .reference-nav .nav-dropdown>button,html[data-theme="dark"] .mega a{background:rgba(16,48,67,.72)!important;border-color:rgba(107,206,225,.12)!important;color:#e3f8ff!important}
html[data-theme="dark"] .nav-dropdown .mega{background:rgba(7,38,55,.72)!important}
html[data-theme="dark"] .mega strong{color:#e3f8ff!important}html[data-theme="dark"] .mega span span{color:#a9c7d8!important}