/*
 * GHB Corporate Website UI v1.2.1 - Glass polish.
 * Visual layer only. No changes to grid definitions, hero dimensions,
 * brand identity, routes, copy, images, or underlying banking UI scope.
 * Layer order: site.css -> refinements-v1-1.css -> glassmorphism-v1-2.css -> THIS.
 * Optical hierarchy: clearer navigation / breathable panels / deep photography.
 */
:root {
 --ghb-polish-clear:rgba(255,255,255,.89);
 --ghb-polish-card:rgba(255,255,255,.79);
 --ghb-polish-soft:rgba(248,253,254,.64);
 --ghb-polish-edge:rgba(255,255,255,.88);
 --ghb-polish-stroke:rgba(42,111,129,.13);
 --ghb-polish-blur:blur(12px) saturate(137%);
 --ghb-polish-raised-blur:blur(19px) saturate(145%);
 --ghb-polish-shadow:0 12px 28px rgba(5,60,77,.07),0 2px 6px rgba(4,69,85,.025),inset 0 1px 0 rgba(255,255,255,.74);
 --ghb-polish-shadow-hover:0 20px 39px rgba(6,61,77,.13),0 6px 13px rgba(0,55,77,.05),inset 0 1px 0 rgba(255,255,255,.95);
 --ghb-polish-focus:#007d90;
}
/* Global restraint: richer gradients in the backdrop make frosted panels
 * perceptible; content and document contrast stay strong. */
#app { isolation:isolate; }
.refined-solutions,
.ghb-product-v12,
.page-body.category-v11,
.page-body.info-page-v11 {
 background-image:
  radial-gradient(ellipse at 9% 5%,rgba(177,228,231,.23),transparent 37%),
  radial-gradient(ellipse at 94% 50%,rgba(215,235,246,.20),transparent 40%);
}
.section-soft,.resource-section {
 background-color:#f2f8fa;
 background-image:
  radial-gradient(ellipse at 8% 20%,rgba(174,222,227,.22),transparent 38%),
  radial-gradient(ellipse at 93% 78%,rgba(204,233,242,.30),transparent 44%);
}
/* Navigation gets deliberately higher opacity: text stays readable above
 * detailed backgrounds, without changing its size or positioning. */
.site-header{
 background:rgba(252,255,255,.89);
 border-bottom:1px solid rgba(215,237,241,.86);
 -webkit-backdrop-filter:blur(17px) saturate(145%);
 backdrop-filter:blur(17px) saturate(145%);
 box-shadow:0 8px 22px rgba(2,54,73,.09),inset 0 1px rgba(255,255,255,.9);
}
.mega-menu,.login-menu,.mobile-menu {
 background:rgba(250,254,255,.94);
 border:1px solid rgba(227,244,246,.96);
 -webkit-backdrop-filter:var(--ghb-polish-raised-blur);
 backdrop-filter:var(--ghb-polish-raised-blur);
 box-shadow:0 19px 49px rgba(0,40,61,.17),0 4px 13px rgba(0,43,62,.06),inset 0 1px rgba(255,255,255,.94);
}
.mega-menu .mega-column a:hover,
.mobile-nav-group a:hover { background:rgba(210,239,242,.37); }
.login-button {box-shadow:0 5px 15px rgba(0,91,108,.12),inset 0 1px rgba(255,255,255,.12)}
/* Hero gets deeper glass (dark translucent teal), not opaque boxes.
 * Preserve V1.1 headline positions and image crop. */
.hero-v11 .hero-text{
 background:linear-gradient(125deg,rgba(1,47,64,.55),rgba(0,72,86,.34) 70%,rgba(0,71,80,.21));
 border:1px solid rgba(216,249,251,.30);
 -webkit-backdrop-filter:blur(10px) saturate(130%);
 backdrop-filter:blur(10px) saturate(130%);
 box-shadow:0 13px 31px rgba(0,31,46,.16),inset 0 1px 0 rgba(247,255,255,.16);
}
.hero-v11 .hero-text p{color:#f3fafb;text-shadow:0 1px 2px rgba(0,33,49,.2)}
.hero-v11 .hero-arrow {background:rgba(247,255,255,.27);border-color:rgba(255,255,255,.48)}
.hero-v11 .hero-arrow:hover {box-shadow:0 8px 20px rgba(0,30,43,.18)}
.hero-v11 .hero-corner-note{background:rgba(0,48,60,.32);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}
/* Smooth the section-to-section rhythm without moving any modules. */
.quick-services{background:rgba(250,254,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.gateway-bar{background:linear-gradient(112deg,rgba(252,255,255,.73),rgba(230,245,249,.34));border-bottom-color:rgba(206,230,234,.73)}
.solution-tabs{
 background:linear-gradient(105deg,rgba(249,254,255,.72),rgba(236,249,251,.34));
 border:1px solid rgba(255,255,255,.85);
 box-shadow:0 5px 14px rgba(4,65,81,.025);
}
.solution-tab.active{background:rgba(255,255,255,.88);box-shadow:0 -2px 12px rgba(0,80,98,.035)}
.refined-solutions .service-card,.product-card,.feature-card,.resource-grid>a,
.news-card,.contact-panel,.demo-form,.category-more,
.info-page-v11 .feature-card,.value-card {
 background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(248,253,254,.72));
 border:1px solid var(--ghb-polish-edge);
 outline:1px solid var(--ghb-polish-stroke);
 outline-offset:-2px;
 -webkit-backdrop-filter:var(--ghb-polish-blur);
 backdrop-filter:var(--ghb-polish-blur);
 box-shadow:var(--ghb-polish-shadow);
}
.refined-solutions .service-card:hover,.product-card:hover,.resource-grid>a:hover,.news-card:hover {
 border-color:rgba(255,255,255,.95);
 box-shadow:var(--ghb-polish-shadow-hover);
 transform:translateY(-2px);
}
.refined-solutions .service-card p,.product-card p,.feature-card p,
.v12-benefit-card p,.v12-journey-item p,.v12-doc-card p{color:#536f7a}
.service-icon,.resource-icon,.modal-icon{
 background:linear-gradient(155deg,rgba(237,252,251,.88),rgba(208,238,241,.58));
 border-color:rgba(255,255,255,.87);
 box-shadow:inset 0 1px rgba(255,255,255,.89),0 3px 11px rgba(5,76,91,.04);
}
.editorial-tile{box-shadow:0 13px 29px rgba(0,47,63,.11);border-color:rgba(255,255,255,.71)}
.editorial-tile>div{
 background:linear-gradient(140deg,rgba(1,48,63,.69),rgba(0,63,80,.44));
 border-color:rgba(255,255,255,.29);
 -webkit-backdrop-filter:blur(12px) saturate(130%);
 backdrop-filter:blur(12px) saturate(130%);
 box-shadow:0 10px 19px rgba(0,29,44,.16),inset 0 1px rgba(255,255,255,.16);
}
/* Interior page hero: retain scale and image; clearer translucent breadcrumbs */
.page-hero .breadcrumbs{
 background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 box-shadow:inset 0 1px rgba(255,255,255,.15);
}
/* Category landing pages: glass wraps copy, never the photograph. */
.category-v11 .category-intro{position:relative}
.category-v11 .category-feature>div:first-child,
#app[data-page="about"] .content-two>div:first-child,
.info-page-v11 .content-two>div:first-child {
 background:linear-gradient(139deg,rgba(255,255,255,.81),rgba(247,253,254,.58));
 border:1px solid rgba(255,255,255,.86);
 outline:1px solid rgba(37,114,129,.10);outline-offset:-2px;
 border-radius:13px;
 padding:24px;
 -webkit-backdrop-filter:var(--ghb-polish-blur);backdrop-filter:var(--ghb-polish-blur);
 box-shadow:var(--ghb-polish-shadow);
}
.category-feature img,#app[data-page="about"] .content-two>img,.info-page-v11 .content-two>img {
 border-radius:13px;border:1px solid rgba(255,255,255,.76);
 box-shadow:0 13px 30px rgba(7,63,80,.12);
}
/* Product information: keep the existing grids, fonts, information, and spacing.
 * Light glass is softer; important notices and table headings are more solid. */
.product-section-nav{
 background:rgba(243,252,253,.86);
 border-color:rgba(255,255,255,.92);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 box-shadow:0 8px 19px rgba(5,66,84,.065),inset 0 1px rgba(255,255,255,.94);
}
.product-section-nav button{
 background:rgba(255,255,255,.77);
 border:1px solid rgba(220,240,243,.98);
 color:#144d5b;
}
.product-section-nav button:hover,.product-section-nav button:focus-visible{box-shadow:0 6px 15px rgba(0,67,84,.13)}
.v12-intro-image{border-color:rgba(255,255,255,.92);box-shadow:0 17px 37px rgba(2,54,74,.14)}
.v12-image-caption{
 background:rgba(1,54,66,.71);border-color:rgba(255,255,255,.37);
 -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
 box-shadow:0 6px 15px rgba(0,34,48,.12);
}
.v12-benefit-card,.v12-journey-item,.v12-doc-card,.v12-product-faq{
 background:linear-gradient(144deg,rgba(255,255,255,.86),rgba(247,253,253,.68));
 border:1px solid rgba(255,255,255,.93);outline:1px solid rgba(39,107,126,.12);outline-offset:-2px;
 -webkit-backdrop-filter:var(--ghb-polish-blur);backdrop-filter:var(--ghb-polish-blur);
 box-shadow:var(--ghb-polish-shadow);
}
.v12-benefit-number{color:rgba(0,109,125,.36)}
.v12-section-tint:before{
 background:linear-gradient(120deg,rgba(231,247,249,.62),rgba(239,250,252,.72));
 border:1px solid rgba(255,255,255,.70);
}
.v12-compare-wrap{
 background:rgba(253,255,255,.91);
 border:1px solid rgba(222,239,242,.92);
 -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
 box-shadow:0 9px 25px rgba(4,63,82,.07);
}
.v12-compare-table thead{background:#086177}
.v12-compare-table tbody th{background:rgba(228,244,247,.83)}
.v12-compare-table tbody tr:hover{background:rgba(223,245,247,.44)}
.v12-table-note{color:#506e7b}
.v12-status-tag{background:rgba(231,246,247,.92);color:#135a6d}
.v12-product-faq[open]{background:rgba(251,255,255,.93);border-color:rgba(192,225,232,.86);box-shadow:0 11px 29px rgba(0,68,85,.08)}
.v12-product-faq summary:focus-visible{outline:2px solid var(--ghb-polish-focus);outline-offset:4px;border-radius:4px}
.product-callout,.v12-final-callout{
 background:linear-gradient(115deg,rgba(224,245,248,.88),rgba(239,251,251,.78));
 border-color:rgba(255,255,255,.9);box-shadow:0 12px 27px rgba(4,66,84,.075);
}
/* Secondary interior pages: about, news, help, contact, and informational content. */
#app[data-page="news"] .news-card{box-shadow:0 14px 30px rgba(2,59,79,.08)}
#app[data-page="news"] .empty-note,
#app[data-page="contact"] .empty-note,
.info-page-v11 .empty-note{background:rgba(229,246,248,.87);border-color:rgba(193,226,233,.72);color:#3d6574}
#app[data-page="faq"] .faq-item{
 background:rgba(252,255,255,.84);border:1px solid rgba(223,241,243,.95);
 -webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);
 box-shadow:0 8px 20px rgba(5,67,85,.055);
}
#app[data-page="faq"] .faq-item.open{box-shadow:0 12px 25px rgba(3,65,80,.09);border-color:rgba(182,223,228,.82)}
#app[data-page="contact"] .contact-panel,
#app[data-page="contact"] .demo-form{background:rgba(253,255,255,.89)}
.contact-detail{border-color:rgba(206,229,232,.75)}
.demo-form input,.demo-form select,.demo-form textarea{
 background:rgba(255,255,255,.95);border:1px solid rgba(156,193,202,.76);
 box-shadow:inset 0 1px 3px rgba(0,51,66,.025);
}
.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{
 border-color:#007c8e;box-shadow:0 0 0 3px rgba(0,132,151,.13);
}
.modal-layer .modal-panel{
 background:rgba(252,255,255,.96);border-color:rgba(255,255,255,.97);
 -webkit-backdrop-filter:blur(21px) saturate(130%);backdrop-filter:blur(21px) saturate(130%);
 box-shadow:0 26px 66px rgba(0,33,54,.24);
}
.search-overlay{background:rgba(0,35,50,.87);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}
.search-hit{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.23)}
/* Surface accessibility - visible keyboard focus and reduced-transparency
 * fallback without affecting standard browser layout. */
#app a:focus-visible,.site-header button:focus-visible,.site-header a:focus-visible,
.mobile-menu a:focus-visible,.mega-menu a:focus-visible,.resource-grid>a:focus-visible,
.hero-arrow:focus-visible,.hero-dot:focus-visible,.solution-tab:focus-visible {
 outline:2px solid var(--ghb-polish-focus);outline-offset:3px;
}
.hero-arrow:focus-visible,.hero-dot:focus-visible{outline-color:#fff}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .site-header,.mega-menu,.login-menu,.mobile-menu,.refined-solutions .service-card,.product-card,
 .feature-card,.resource-grid>a,.news-card,.contact-panel,.demo-form,.category-more,.value-card,
 .v12-benefit-card,.v12-journey-item,.v12-doc-card,.v12-product-faq,
 .category-v11 .category-feature>div:first-child,#app[data-page="about"] .content-two>div:first-child,
 .info-page-v11 .content-two>div:first-child {background:#fff}
 .hero-v11 .hero-text{background:rgba(0,50,65,.89)}
 .editorial-tile>div{background:rgba(0,46,60,.89)}
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .site-header,.mega-menu,.mobile-menu,.login-menu{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .hero-v11 .hero-text{background:rgba(0,49,66,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .refined-solutions .service-card,.product-card,.feature-card,.resource-grid>a,.news-card,.contact-panel,.demo-form,.category-more,.value-card,
 .v12-benefit-card,.v12-journey-item,.v12-doc-card,.v12-product-faq,.v12-compare-wrap,
 .category-v11 .category-feature>div:first-child,#app[data-page="about"] .content-two>div:first-child,.info-page-v11 .content-two>div:first-child{
 background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#b5cdd3!important;
 }
 .editorial-tile>div{background:rgba(0,43,59,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(max-width:700px){
 .site-header{background:rgba(253,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
 .hero-v11 .hero-text{background:linear-gradient(116deg,rgba(0,45,61,.75),rgba(0,59,76,.58));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .mega-menu,.mobile-menu,.login-menu{background:rgba(252,255,255,.97);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}
 .category-v11 .category-feature>div:first-child,#app[data-page="about"] .content-two>div:first-child,.info-page-v11 .content-two>div:first-child{padding:18px}
 .v12-benefit-card,.v12-journey-item,.v12-doc-card,.resource-grid>a{box-shadow:0 8px 21px rgba(3,62,79,.07)}
 .editorial-tile>div{background:rgba(0,50,64,.73);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
 .product-section-nav{box-shadow:0 5px 14px rgba(1,65,80,.045)}
}
@media(prefers-reduced-motion:reduce){
 .refined-solutions .service-card,.product-card,.resource-grid>a,.news-card,.editorial-tile img{transition:none!important}
 .refined-solutions .service-card:hover,.product-card:hover,.resource-grid>a:hover,.news-card:hover{transform:none!important}
}