/* Corporate visual alignment for the approved GH public website; scoped to anonymous public pages. */
:root{--gh-ink:#103b2a;--gh-lime:#a3ec69;--gh-paper:#f7faf6}
body.present.web .gh-approval-hero,body.present.web .gh-solutions-hero{background:linear-gradient(90deg,rgba(5,36,25,.23) 0%,rgba(5,41,29,.40) 34%,rgba(5,44,31,.86) 77%,rgba(5,44,31,.95) 100%),url('/static/gh-visuals/approved-mountain-hero.webp') 35% center/cover no-repeat!important;min-height:490px!important;display:flex;align-items:center;color:white!important}
body.present.web .gh-approval-hero .pwrap,body.present.web .gh-solutions-hero .pwrap{width:100%;max-width:1250px!important;margin-inline:auto!important;padding-inline:clamp(24px,5vw,72px)!important;text-align:right!important}
html[dir=rtl] body.present.web .gh-approval-hero .pwrap>*,html[dir=rtl] body.present.web .gh-solutions-hero .pwrap>*{text-align:right!important;max-width:710px!important;margin-left:0!important;margin-right:0!important}
html[dir=rtl] body.present.web .gh-approval-hero h1,html[dir=rtl] body.present.web .gh-solutions-hero h1{margin-left:0!important;margin-right:0!important;font-size:clamp(42px,5.1vw,74px)!important;line-height:1.19!important;max-width:750px!important}
html[dir=rtl] body.present.web .gh-approval-hero p,html[dir=rtl] body.present.web .gh-solutions-hero p{margin-left:0!important;margin-right:0!important;font-size:clamp(16px,1.65vw,21px)!important;line-height:1.85!important}
html[dir=rtl] body.present.web .gh-approval-platform-hero .gh-hero-grid{justify-content:flex-start!important}
html[dir=rtl] body.present.web .gh-approval-platform-hero .gh-hero-content{margin:0!important;max-width:740px!important;width:100%!important;text-align:right!important}
body.present.web .gh-approval-platform-hero .gh-actions{justify-content:flex-start!important}
body.present.web .gh-approval-hero .gh-eyebrow,body.present.web .gh-solutions-hero .gh-eyebrow{color:var(--gh-lime)!important}
body.present.web .gh-approval-platform-hero h1 em{color:var(--gh-lime)!important;display:block!important;font-style:normal!important}
/* Keep original public functions; avoid promo CTA and irrelevant decorative emoji. */
body.present.web .gh-approval-values svg,body.present.web .gh-approval-values .bp-icon,body.present.web .gh-approval-values .gh-value-icon{display:none!important}
body.present.web .gh-approval-values,body.present.web .gh-purposes{color:var(--gh-ink)!important}
body.present.web .gh-approval-offer-row{border-top-color:#547964!important;background:#f8faf6!important}
body.present.web .gh-approval-offer-row:nth-child(n){border-top-color:#547964!important;background:#f8faf6!important}
body.present.web .gh-approval-sector-control{background:#f0f6ee!important}
body.present.web .gh-r83-contact-row,body.present.web .gh-r83-contact-info,body.present.web .gh-r83-contact-card{text-align:right!important}
body.present.web .gh-r83-contact-row{flex-direction:row!important;justify-content:flex-start!important;direction:rtl!important}
body.present.web .gh-r83-contact-row>div{flex:1;min-width:0;text-align:right!important}
body.present.web .gh-r83-contact-row a{display:block;text-align:right!important;direction:ltr;unicode-bidi:isolate;margin:4px 0 0!important}
body.present.web .gh-approval-final-contact .pbtn,body.present.web .gh-r83-contact-card .pbtn{border-radius:13px}
body.present.web .gh-approval-accordion details{border-radius:16px}
@media(max-width:700px){body.present.web .gh-approval-hero,body.present.web .gh-solutions-hero{min-height:415px!important;background-position:39% center!important}html[dir=rtl] body.present.web .gh-approval-hero h1,html[dir=rtl] body.present.web .gh-solutions-hero h1{font-size:clamp(36px,9vw,50px)!important}}

/* 2026-10-25: approved restrained solution palette — aligned to the five chosen solution colours. */
body.present.web .gh-offer-list{display:grid;gap:13px}
body.present.web .gh-offer-row.gh-approval-offer-row{
  --solution-accent:#497e85;position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr) 32px;
  align-items:center;gap:18px;padding:24px 28px;
  border:1px solid #dde9dd;border-top:4px solid var(--solution-accent)!important;
  background:#fff!important;border-radius:16px;box-shadow:0 6px 20px rgba(7,47,30,.035);
}
body.present.web .gh-offer-row.gh-approval-offer-row:nth-child(1){--solution-accent:#497e85;--sol:#497e85;--sol-soft:#eef5f6;--sol-line:#c8dce0}
body.present.web .gh-offer-row.gh-approval-offer-row:nth-child(2){--solution-accent:#6b8957;--sol:#6b8957;--sol-soft:#f4f8f1;--sol-line:#d6e1cf}
body.present.web .gh-offer-row.gh-approval-offer-row:nth-child(3){--solution-accent:#99a837;--sol:#99a837;--sol-soft:#fafbf0;--sol-line:#e1e7bf}
body.present.web .gh-offer-row.gh-approval-offer-row:nth-child(4){--solution-accent:#168186;--sol:#168186;--sol-soft:#eef9f8;--sol-line:#c6e3e1}
body.present.web .gh-offer-row.gh-approval-offer-row:nth-child(5){--solution-accent:#5a9a66;--sol:#5a9a66;--sol-soft:#f1f8f2;--sol-line:#cee2d2}
body.present.web .gh-offer-row .gh-offer-accent{display:none!important}
body.present.web .gh-offer-row.gh-approval-offer-row h3{margin:0 0 8px;font-weight:750;color:#123b2b}
body.present.web .gh-offer-row.gh-approval-offer-row p{margin:0;color:#60766a;line-height:1.8;max-width:42ch}
body.present.web .gh-offer-row.gh-approval-offer-row .gh-offer-go{color:var(--solution-accent)!important;font-size:24px;justify-self:start;align-self:center}
body.present.web .gh-approval-sector-results .gh-approval-sector-solution:nth-child(5n+1){--solution-accent:#497e85}
body.present.web .gh-approval-sector-results .gh-approval-sector-solution:nth-child(5n+2){--solution-accent:#6b8957}
body.present.web .gh-approval-sector-results .gh-approval-sector-solution:nth-child(5n+3){--solution-accent:#99a837}
body.present.web .gh-approval-sector-results .gh-approval-sector-solution:nth-child(5n+4){--solution-accent:#168186}
body.present.web .gh-approval-sector-results .gh-approval-sector-solution:nth-child(5n){--solution-accent:#5a9a66}
body.present.web .gh-approval-sector-solution{border-inline-start:3px solid var(--solution-accent,#5a9a66)!important}
body.present.web .gh-approval-sector-solution .gh-sector-number{color:var(--solution-accent,#5a9a66)!important}
@media(max-width:700px){body.present.web .gh-offer-row.gh-approval-offer-row{grid-template-columns:minmax(0,1fr) 24px;gap:10px;padding:17px 18px}}

/* Five approved solutions only, with the selected colours and lighter decorative lines pushed away from text. */
body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n){background:linear-gradient(145deg,#fff 50%,var(--sol-soft))!important;border:1px solid var(--sol-line)!important;border-top:5px solid var(--sol)!important;box-shadow:0 10px 28px rgba(11,49,32,.045)!important;position:relative;overflow:hidden}
/* Slim, quiet angled strokes replace the broad decorative circles. */
body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n)::after{
  content:"";position:absolute;top:38px;right:28px;left:auto;bottom:auto;
  width:56px;height:48px;border:0!important;border-radius:0!important;box-shadow:none!important;
  background:repeating-linear-gradient(135deg,transparent 0 13px,var(--sol-line) 13px 14px,transparent 14px 27px);
  opacity:.55;pointer-events:none;z-index:0;
}
html[dir="rtl"] body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n)::after{left:28px;right:auto;transform:scaleX(-1)}
body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n)>*{position:relative;z-index:1}
@media(max-width:700px){body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n)::after{width:35px;height:36px;top:26px;right:13px}html[dir="rtl"] body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n)::after{left:13px;right:auto}}

body.present.web .gh-offer-list .gh-approval-offer-row:nth-child(n) .gh-offer-go{color:var(--sol)!important}

/* Detail-page legibility fix: restore the approved clean two-column hero.
   This specifically overrides the older global mountain-background rule. */
body.present.web .gh85-solution-hero {
  background:#f8fbf7!important;
  background-image:none!important;
  color:#103b2a!important;
  border-bottom:4px solid var(--gh85-accent,#497e85)!important;
  min-height:0!important;
}
body.present.web .gh85-solution-hero .gh85-hero-layout {
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  gap:0!important;
  min-height:590px!important;
}
body.present.web .gh85-solution-hero .gh85-hero-copy {
  direction:rtl;
  background:#f8fbf7!important;
  text-align:right!important;
  position:relative!important;
  align-items:stretch!important;
  padding:clamp(44px,6vw,94px) clamp(30px,5vw,86px)!important;
  z-index:2;
}
html[dir=ltr] body.present.web .gh85-solution-hero .gh85-hero-copy {direction:ltr;text-align:left!important}
body.present.web .gh85-solution-hero .gh85-hero-copy h1,
body.present.web .gh85-solution-hero .gh85-hero-copy .gh85-lead {
  color:#103b2a!important;text-shadow:none!important;
}
body.present.web .gh85-solution-hero .gh85-hero-copy .gh85-desc,
body.present.web .gh85-solution-hero .gh85-hero-copy .gh85-breadcrumb,
body.present.web .gh85-solution-hero .gh85-hero-copy .gh85-overline {color:#536b5d!important;text-shadow:none!important}
body.present.web .gh85-solution-hero .gh85-hero-photo {
  background-image:linear-gradient(90deg,#f8fbf7 0%,rgba(248,251,247,.22) 12%,transparent 27%),url('/static/gh-visuals/architecture.webp')!important;
  background-position:center,center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
html[dir=rtl] body.present.web .gh85-solution-hero .gh85-hero-photo {
  background-image:linear-gradient(90deg,#f8fbf7 0%,rgba(248,251,247,.22) 12%,transparent 27%),url('/static/gh-visuals/architecture.webp')!important;
}
body.present.web .gh85-solution-hero .gh85-hero-actions {display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
@media(max-width:760px){
  body.present.web .gh85-solution-hero .gh85-hero-layout{display:flex!important;flex-direction:column!important;min-height:0!important}
  body.present.web .gh85-solution-hero .gh85-hero-copy{padding:34px 22px 32px!important}
  body.present.web .gh85-solution-hero .gh85-hero-photo{min-height:310px!important}
}
