/*
 * GHB Corporate Website UI V1.2 - restrained Glassmorphism enhancement.
 * Non-destructive additive layer: retains v1.1 layout, navigation, typography,
 * UAE photography, palette, page structure, spacing and interaction patterns.
 */
:root{
  --ghb-glass-white:rgba(255,255,255,.72);
  --ghb-glass-soft:rgba(255,255,255,.59);
  --ghb-glass-light:rgba(246,253,255,.70);
  --ghb-glass-edge:rgba(255,255,255,.84);
  --ghb-glass-edge-dark:rgba(255,255,255,.27);
  --ghb-glass-shadow:0 16px 42px rgba(1,56,78,.09),inset 0 1px 0 rgba(255,255,255,.6);
  --ghb-glass-blur:blur(15px) saturate(155%);
}
/* Header and menus: identical dimensions and navigation positions. */
.site-header{
  background:rgba(250,254,255,.78);
  backdrop-filter:blur(19px) saturate(160%);
  -webkit-backdrop-filter:blur(19px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.85);
  box-shadow:0 8px 26px rgba(3,54,73,.085);
}
.utility-bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.1)}
.mega-menu,.login-menu,.mobile-menu{
  background:rgba(248,253,255,.92);
  border-color:rgba(231,246,249,.95);
  backdrop-filter:blur(25px) saturate(170%);
  -webkit-backdrop-filter:blur(25px) saturate(170%);
  box-shadow:0 24px 60px rgba(0,43,67,.19),inset 0 1px 0 rgba(255,255,255,.96);
}
.mega-feature{
  background:linear-gradient(139deg,rgba(0,90,111,.94),rgba(0,43,62,.87));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 14px 28px rgba(0,57,75,.15),inset 0 1px 0 rgba(255,255,255,.18);
}
/* Hero: no change to photograph, height, slide order, alignment or controls. */
.hero-v11 .hero-text{
  padding:24px 27px 26px;
  background:linear-gradient(115deg,rgba(0,48,66,.37),rgba(0,70,85,.13));
  border:1px solid rgba(234,255,255,.25);
  border-radius:15px;
  backdrop-filter:blur(7px) saturate(125%);
  -webkit-backdrop-filter:blur(7px) saturate(125%);
  box-shadow:0 15px 45px rgba(0,43,56,.09),inset 0 1px 0 rgba(255,255,255,.10);
}
.hero-arrow,.hero-v11 .hero-dot,.help-fab{
  backdrop-filter:blur(13px) saturate(145%);
  -webkit-backdrop-filter:blur(13px) saturate(145%);
  border:1px solid rgba(255,255,255,.35);
}
.hero-v11 .hero-corner-note{background:rgba(0,42,57,.22);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px 10px;backdrop-filter:blur(8px)}
/* The existing section rhythm and grid are unchanged; glass only on surfaces. */
.quick-services{background:rgba(249,254,255,.91);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.quick-item{transition:background .22s ease,color .22s ease}
.quick-item:hover{background:rgba(222,247,248,.45)}
.gateway-bar{background:linear-gradient(108deg,rgba(255,255,255,.60),rgba(232,249,251,.24));border-radius:0 0 12px 12px}
.refined-solutions{background-image:radial-gradient(circle at 12% 22%,rgba(192,232,235,.23),transparent 37%),radial-gradient(circle at 90% 70%,rgba(210,240,242,.19),transparent 34%)}
.section-soft,.resource-section{background-color:#f3f8fa;background-image:radial-gradient(circle at 0% 25%,rgba(197,238,241,.33),transparent 42%),radial-gradient(circle at 96% 70%,rgba(216,233,247,.30),transparent 38%)}
.refined-solutions .service-card,.product-card,.feature-card,.resource-grid>a,.news-card,.contact-panel,.demo-form,.category-more,.info-page-v11 .feature-card{
  background:var(--ghb-glass-white);
  border:1px solid var(--ghb-glass-edge);
  backdrop-filter:var(--ghb-glass-blur);
  -webkit-backdrop-filter:var(--ghb-glass-blur);
  box-shadow:var(--ghb-glass-shadow);
}
.refined-solutions .service-card:hover,.product-card:hover,.resource-grid>a:hover,.news-card:hover{
  box-shadow:0 22px 48px rgba(1,56,78,.14),inset 0 1px 0 rgba(255,255,255,.8);
  border-color:rgba(255,255,255,.99);
  transform:translateY(-3px);
}
.service-icon,.resource-icon,.modal-icon{
  background:rgba(212,241,240,.65);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
}
.solution-tabs{background:rgba(255,255,255,.38);border-radius:10px 10px 0 0;padding-inline:4px}
.solution-tab.active{background:rgba(244,254,255,.64);border-radius:8px 8px 0 0}
.editorial-tile{border:1px solid rgba(255,255,255,.68);box-shadow:0 13px 34px rgba(0,54,70,.12)}
.editorial-tile>div{
  margin:0 11px 11px;
  padding:19px 19px 18px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.27);
  background:linear-gradient(130deg,rgba(0,42,55,.46),rgba(0,65,74,.22));
  backdrop-filter:blur(10px) saturate(150%);
  -webkit-backdrop-filter:blur(10px) saturate(150%);
  box-shadow:0 8px 18px rgba(0,25,37,.14);
}
.digital-section .phone-stage .phone-circle{opacity:.63}
.phone-visual{box-shadow:0 35px 55px rgba(0,33,43,.32),inset 0 1px 0 rgba(255,255,255,.18)}
.phone-visual .phone-top{background:linear-gradient(120deg,#005569,#00778a)}
.page-hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 77% -30%,rgba(255,255,255,.15),transparent 43%)}
.page-hero>.container{position:relative;z-index:1}
.page-hero .breadcrumbs{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.contact-grid .contact-panel,.contact-grid .demo-form{background:rgba(252,255,255,.82)}
.demo-form input,.demo-form select,.demo-form textarea{background:rgba(255,255,255,.72);border-color:rgba(181,210,220,.62)}
.contact-grid .empty-note,.empty-note{background:rgba(223,243,244,.52);border:1px solid rgba(255,255,255,.7)}
.product-callout{background:linear-gradient(125deg,rgba(225,246,248,.82),rgba(240,250,251,.70));border:1px solid rgba(255,255,255,.83);backdrop-filter:var(--ghb-glass-blur);-webkit-backdrop-filter:var(--ghb-glass-blur);box-shadow:var(--ghb-glass-shadow)}
.faq-item{background:rgba(255,255,255,.30);border-radius:8px;margin-bottom:7px;padding-inline:10px}
.modal-layer .modal-panel{
  background:rgba(250,255,255,.92);
  border:1px solid rgba(255,255,255,.9);
  backdrop-filter:blur(28px) saturate(155%);
  -webkit-backdrop-filter:blur(28px) saturate(155%);
}
.search-overlay{background:rgba(0,37,55,.81);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.search-field{background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.65);box-shadow:0 16px 42px rgba(0,24,38,.14)}
.search-hit{background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.15);border-radius:8px;backdrop-filter:blur(10px)}
.site-footer{background-image:radial-gradient(circle at 88% 0%,rgba(4,111,127,.14),transparent 38%)}
/* Product-page expansion: retains the established page hero, content grid and typography. */
.ghb-product-v12{background:radial-gradient(ellipse at 92% 9%,rgba(198,236,242,.19),transparent 36%),#fbfdfd;padding-top:0}
.ghb-product-v12 .container{padding-bottom:2px}
.product-breadcrumb{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:20px 0 11px;color:#67818b;font-size:12px}
.product-breadcrumb a{display:inline-flex;align-items:center;gap:7px;color:#077386;font-weight:750}
.product-breadcrumb svg{transform:rotate(180deg)}
.product-section-nav{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:11px;margin:0 0 17px;background:rgba(236,249,250,.75);border:1px solid rgba(255,255,255,.94);border-radius:12px;box-shadow:0 9px 28px rgba(0,64,80,.045)}
.product-section-nav button{cursor:pointer;white-space:nowrap;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.85);border-radius:8px;color:#164e60;font-weight:750;font-size:12px;padding:11px 14px;transition:background .2s,color .2s}
.product-section-nav button:hover,.product-section-nav button:focus-visible{background:#006e80;color:white;outline:0}
.ghb-product-v12 [id^="product-"]{scroll-margin-top:32px}
.v12-intro-panel{margin:29px 0 0;gap:32px;grid-template-columns:1.04fr .96fr;min-height:395px}
.v12-intro-copy{padding:36px 5px 36px 0}
.v12-intro-copy h2{font-size:clamp(30px,3.1vw,44px);line-height:1.16;letter-spacing:-.035em;margin:15px 0 20px}
.v12-intro-copy>p{color:#536e7a;font-size:15px;line-height:1.8;max-width:580px}
.v12-intro-copy .mini-points{margin-top:22px}
.v12-panel-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}
.v12-intro-image{position:relative;align-self:stretch;min-height:350px;overflow:hidden;border-radius:15px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px rgba(6,54,69,.13)}
.v12-intro-image img{width:100%;height:100%;min-height:350px;object-fit:cover;display:block;position:absolute;inset:0}
.v12-image-caption{position:absolute;bottom:15px;left:15px;display:inline-flex;align-items:center;gap:8px;color:white;font-size:11px;font-weight:770;padding:10px 14px;border:1px solid rgba(255,255,255,.29);border-radius:10px;background:rgba(0,48,64,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.v12-product-section{margin:0;padding:74px 0 55px}
.v12-product-section+.v12-product-section{border-top:1px solid rgba(206,227,232,.7)}
.v12-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:29px}
.v12-section-head h2{font-size:clamp(27px,2.7vw,38px);line-height:1.2;letter-spacing:-.035em;margin:12px 0 10px;color:#08384d}
.v12-section-head p{font-size:14px;line-height:1.7;color:#627c87;max-width:760px}
.v12-benefit-grid,.v12-journey-grid,.v12-docs-grid,.v12-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v12-benefit-card,.v12-journey-item,.v12-doc-card,.v12-product-faq{
  background:var(--ghb-glass-white);
  border:1px solid var(--ghb-glass-edge);
  border-radius:13px;
  backdrop-filter:var(--ghb-glass-blur);
  -webkit-backdrop-filter:var(--ghb-glass-blur);
  box-shadow:var(--ghb-glass-shadow);
}
.v12-benefit-card{min-height:225px;padding:26px;position:relative;overflow:hidden}
.v12-benefit-number{position:absolute;right:19px;top:17px;color:rgba(0,110,125,.25);font-size:32px;font-weight:850}
.v12-benefit-card .service-icon{width:50px;height:50px;margin-bottom:20px}
.v12-benefit-card h3,.v12-journey-item h3,.v12-doc-card h3{font-size:18px;line-height:1.33;color:#0a3c52;margin:10px 0 12px}
.v12-benefit-card p,.v12-journey-item p,.v12-doc-card p{color:#607a86;font-size:13px;line-height:1.65}
.v12-section-tint{position:relative}
.v12-section-tint:before{position:absolute;z-index:0;content:"";inset:24px -26px;background:linear-gradient(113deg,rgba(229,246,248,.56),rgba(240,250,250,.70));border-radius:19px;pointer-events:none}
.v12-section-tint>*{position:relative;z-index:1}
.v12-journey-item{padding:27px;min-height:188px}
.v12-journey-item>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(209,237,53,.65);border:1px solid rgba(255,255,255,.83);color:#05485a;font-weight:800}
.v12-journey-item h3{margin-top:19px}
.v12-compare-wrap{border-radius:14px;overflow-x:auto;background:var(--ghb-glass-white);border:1px solid rgba(255,255,255,.88);box-shadow:var(--ghb-glass-shadow);backdrop-filter:var(--ghb-glass-blur)}
.v12-compare-table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px;text-align:start}
.v12-compare-table caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v12-compare-table th,.v12-compare-table td{padding:17px 20px;border-bottom:1px solid rgba(196,224,230,.58);text-align:start}
.v12-compare-table thead{background:rgba(0,91,108,.92);color:#fff}
.v12-compare-table thead th{font-weight:800;font-size:12px}
.v12-compare-table tbody th{color:#11475a;font-weight:770;background:rgba(233,247,248,.45)}
.v12-compare-table tbody tr:last-child>*{border-bottom:0}
.v12-compare-table tbody tr:hover{background:rgba(212,245,246,.23)}
.v12-compare-table td{color:#4e6b79}
.v12-table-note{display:flex;align-items:flex-start;gap:9px;color:#607a86;font-size:12px;line-height:1.7;margin-top:13px}
.v12-table-note svg{flex:0 0 16px;color:#087286}
.v12-doc-card{padding:25px;min-height:182px;position:relative}
.v12-doc-card .service-icon{width:44px;height:44px}
.v12-doc-card h3{margin-top:18px}
.v12-status-tag{display:inline-block;margin-top:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1d6371;background:rgba(221,243,246,.9);padding:6px 9px;border:1px solid #d5e9eb;border-radius:30px}
.v12-product-faqs{display:grid;gap:12px}
.v12-product-faq{padding:0 22px}
.v12-product-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-size:15px;font-weight:780;color:#154759;padding:20px 0}
.v12-product-faq summary::-webkit-details-marker{display:none}
.v12-product-faq[open] summary svg{transform:rotate(180deg)}
.v12-product-faq p{padding:0 0 20px;color:#526f7a;font-size:14px;line-height:1.75;max-width:860px}
.v12-related-section .product-card{min-height:224px;padding:25px}
.v12-related-section .product-card h3{font-size:18px}
.v12-final-callout{margin:25px 0 65px}
html[dir=rtl] .v12-intro-copy{padding:36px 0 36px 5px}
html[dir=rtl] .v12-image-caption{left:auto;right:15px}
html[dir=rtl] .v12-benefit-number{right:auto;left:19px}
html[dir=rtl] .product-breadcrumb svg{transform:none}
html[dir=rtl] .v12-compare-table th,html[dir=rtl] .v12-compare-table td{text-align:right}
/* Graceful browser fallback: preserve clear text if filters are unsupported. */
@supports not (backdrop-filter:blur(1px)){
 .site-header,.mega-menu,.mobile-menu,.login-menu{background:rgba(251,254,255,.98)}
 .hero-v11 .hero-text{background:rgba(0,51,67,.82)}
 .v12-benefit-card,.v12-journey-item,.v12-doc-card,.v12-product-faq,.product-card,.service-card,.news-card,.resource-grid>a{background:#fff}
}
@media(max-width:1130px){
 .v12-benefit-grid,.v12-docs-grid,.v12-related-grid{gap:13px}
 .v12-intro-panel{gap:25px}
 .v12-section-tint:before{inset:18px -16px}
}
@media(max-width:700px){
 .hero-v11 .hero-text{padding:18px 18px 19px;max-width:100%;background:rgba(0,54,74,.35)}
 .hero-v11 .hero-text h1{font-size:clamp(36px,10vw,49px)}
 .editorial-tile>div{padding:17px;margin:0 9px 9px}
 .product-section-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:0 0 13px;padding:8px}
 .product-section-nav button{flex:0 0 auto;font-size:11px;padding:10px 12px}
 .v12-intro-panel{display:flex;flex-direction:column;gap:14px;min-height:0}
 .v12-intro-copy{padding:15px 0 11px}
 .v12-intro-copy h2{font-size:31px}
 .v12-intro-image{min-height:285px;width:100%}
 .v12-intro-image img{min-height:285px}
 .v12-product-section{padding:56px 0 44px}
 .v12-section-head h2{font-size:29px}
 .v12-benefit-grid,.v12-journey-grid,.v12-docs-grid,.v12-related-grid{grid-template-columns:1fr}
 .v12-benefit-card{min-height:190px}
 .v12-journey-item{min-height:0}
 .v12-doc-card{min-height:0}
 .v12-section-tint:before{inset:12px -8px}
 .v12-final-callout{margin:13px 0 52px}
 .v12-panel-actions{gap:14px}
 html[dir=rtl] .v12-intro-copy{padding:15px 0 11px}
}
@media(min-width:701px) and (max-width:940px){
 .v12-benefit-grid,.v12-docs-grid,.v12-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v12-intro-panel{grid-template-columns:1fr 1fr}
 .v12-journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 .v12-product-faq svg,.product-section-nav button{transition:none}
}
@media(prefers-contrast:more){
 .site-header,.mega-menu,.login-menu,.mobile-menu,.product-card,.v12-benefit-card,.v12-doc-card,.v12-journey-item,.v12-product-faq{background:#fff;border-color:#668995;backdrop-filter:none}
 .hero-v11 .hero-text{background:rgba(0,42,58,.88);backdrop-filter:none}
}
/* At mid-desktop widths, keep the entire header contained by switching to
   the existing responsive navigation rather than compressing its labels. */
@media(min-width:1131px) and (max-width:1250px){
  .desktop-nav{display:none}
  .mobile-menu-toggle{display:inline-grid}
  .header-actions{margin-left:auto}
  .mega-menu{display:none}
}