/* Gabriel Topman homepage current design layer — consolidated V9 */


:root{--gt6-ink:#0b1721;--gt6-muted:#5c6c78;--gt6-blue:#1769a8;--gt6-blue-dark:#10547f;--gt6-navy:#061725;--gt6-gold:#dfbb69;--gt6-line:#dce3e8;--gt6-shadow:0 22px 58px rgba(7,22,34,.11)}html{scroll-behavior:smooth}body{overflow-x:hidden}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.965);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-inner{min-height:72px}
.gt6-hero{position:relative;overflow:hidden;padding:clamp(54px,6vw,84px) 0 clamp(56px,6vw,86px);background:radial-gradient(circle at 7% 14%,rgba(23,105,168,.075),transparent 24%),linear-gradient(180deg,#fff 0%,#fff 78%,#f7f9fa 100%);border-bottom:1px solid #e5eaed}.gt6-hero::before{display:none!important}.gt6-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(440px,.9fr);gap:clamp(42px,5vw,74px);align-items:center}.gt6-hero-copy{max-width:640px}.gt6-hero .hero-kicker{margin:0 0 14px;color:var(--gt6-blue);font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.gt6-hero h1{max-width:10.5ch;margin:0 0 1.25rem;color:var(--gt6-ink);font-size:clamp(3.25rem,5.1vw,5.45rem);line-height:.9;letter-spacing:-.057em;overflow-wrap:normal;word-break:normal;text-wrap:balance}.gt6-hero .hero-intro{max-width:37rem;margin:0;color:#425563;font-size:clamp(1.06rem,1.3vw,1.23rem);line-height:1.58}.gt6-hero .hero-actions{display:flex;align-items:center;gap:16px 20px;margin-top:1.65rem}.gt6-hero .hero-actions .btn-primary{min-height:50px;padding-inline:22px;background:var(--gt6-blue);border-color:var(--gt6-blue);box-shadow:0 13px 30px rgba(23,105,168,.18)}.gt6-hero .hero-actions .btn-primary:hover{background:var(--gt6-blue-dark);border-color:var(--gt6-blue-dark)}.gt6-hero-assurance{margin:1.05rem 0 0;color:#75828b;font-size:.86rem;font-weight:720;letter-spacing:.01em}.gt6-hero-media{position:relative;margin:0;min-height:500px;overflow:hidden;border:1px solid rgba(11,23,33,.10);border-radius:28px;background:#eef1f3;box-shadow:var(--gt6-shadow)}.gt6-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(4,16,26,.46));pointer-events:none}.gt6-hero-media img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center 39%}.gt6-hero-media figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff;font-size:.82rem;font-weight:760;letter-spacing:.035em;text-shadow:0 2px 8px rgba(0,0,0,.28)}
.gt6-journey{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,7.5vw,106px) 0;color:#fff;background:var(--gt6-navy) url("img/global-strategy-united-by-vision.webp") center/cover no-repeat}.gt6-journey::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,15,25,.97) 0%,rgba(3,15,25,.92) 33%,rgba(3,15,25,.70) 69%,rgba(3,15,25,.82) 100%)}.gt6-journey::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 12%,rgba(223,187,105,.13),transparent 26%)}.gt6-journey-layout{display:grid;grid-template-columns:minmax(285px,.72fr) minmax(0,1.58fr);gap:clamp(38px,5vw,66px);align-items:center}.gt6-journey-intro{min-width:0}.gt6-journey .eyebrow{margin:0 0 13px;color:var(--gt6-gold);font-size:.76rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.gt6-journey h2{max-width:8.7ch;margin:0 0 1rem;color:#fff;font-size:clamp(2.75rem,4.3vw,4.5rem);line-height:.93;letter-spacing:-.045em;text-wrap:balance}.gt6-journey-intro>p:not(.eyebrow):not(.gt6-journey-assurance){max-width:31rem;margin:0;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.58}.gt6-journey-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.gt6-stage-status{display:flex;align-items:baseline;gap:8px;color:rgba(255,255,255,.55);font-size:.74rem;font-weight:820;letter-spacing:.10em;text-transform:uppercase}.gt6-stage-status strong{color:#fff;font-size:.84rem}.gt6-journey-controls{display:flex;gap:8px}.gt6-journey-control{display:grid;place-items:center;width:46px;height:46px;padding:0;color:#fff;background:rgba(7,24,39,.72);border:1px solid rgba(255,255,255,.23);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.18);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.gt6-journey-control:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(223,187,105,.75);background:rgba(7,24,39,.94)}.gt6-journey-control:disabled{opacity:.34;cursor:default}.gt6-journey-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gt6-journey-assurance{margin:22px 0 0;padding-left:15px;color:rgba(255,255,255,.75);border-left:2px solid rgba(223,187,105,.58);font-size:.9rem;line-height:1.5}.gt6-journey-assurance strong{color:#fff}.gt6-dots{display:flex;gap:7px;margin-top:20px}.gt6-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.34);cursor:pointer;transition:width .18s ease,background .18s ease}.gt6-dots button[aria-current="true"]{width:27px;background:var(--gt6-gold)}.gt6-journey-window{position:relative;min-width:0;overflow:hidden}.gt6-journey-window::after{content:"";position:absolute;top:0;right:-1px;bottom:16px;width:56px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(3,15,25,.78))}.gt6-journey-track{display:flex;gap:16px;overflow-x:auto;padding:8px 0 20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.gt6-journey-track::-webkit-scrollbar{display:none}.gt6-step{position:relative;flex:0 0 315px;min-width:315px;min-height:355px;padding:22px 22px 24px;color:#fff;background:rgba(6,22,35,.87);border:1px solid rgba(255,255,255,.16);border-radius:24px;box-shadow:0 23px 55px rgba(0,0,0,.24);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);scroll-snap-align:start;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.gt6-step:hover{transform:translateY(-4px);border-color:rgba(223,187,105,.48);background:rgba(6,22,35,.93)}.gt6-step::after{content:"";position:absolute;right:-54px;bottom:-76px;width:160px;height:160px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.017);pointer-events:none}.gt6-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:21px}.gt6-step-icon{display:grid;place-items:center;width:132px;height:132px;flex:0 0 132px;color:var(--gt6-gold);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),rgba(223,187,105,.08) 44%,rgba(4,18,29,.75) 74%);border:2px solid rgba(223,187,105,.67);border-radius:50%;box-shadow:0 0 0 7px rgba(223,187,105,.05),0 17px 36px rgba(0,0,0,.27),inset 0 0 28px rgba(223,187,105,.08)}.gt6-step-icon svg{width:74px;height:74px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.gt6-step-num{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;color:#fff;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.28);border-radius:50%;font-size:.74rem;font-weight:850;letter-spacing:.07em}.gt6-step--plan .gt6-step-icon{color:#79c6ef;border-color:rgba(121,198,239,.70)}.gt6-step--implement .gt6-step-icon{color:#dce8ef;border-color:rgba(220,232,239,.56)}.gt6-step--improve .gt6-step-icon{color:#77d7af;border-color:rgba(119,215,175,.69)}.gt6-step h3{position:relative;z-index:1;margin:0 0 8px;color:#fff;font-size:1.48rem;line-height:1.04;letter-spacing:-.022em}.gt6-step p{position:relative;z-index:1;max-width:14.5rem;margin:0;color:rgba(245,248,250,.76);font-size:.94rem;line-height:1.48}.gt6-track-end{flex:0 0 48%;min-width:0}
.proof-band{margin-top:0!important;padding-top:28px!important;background:#fff!important}.proof-band .container{transform:none!important}.proof-band .trustpilot{margin-top:0!important;margin-bottom:16px!important;box-shadow:none!important}.proof-grid{box-shadow:none!important;border-color:#e1e6ea!important}.hero-service-grid,.hero-mobile-reflection{display:none!important}.gt6-journey-control:focus-visible,.gt6-dots button:focus-visible,.gt6-journey-track:focus-visible{outline:3px solid rgba(121,198,239,.72);outline-offset:3px}
@media(max-width:980px){.gt6-hero-grid{grid-template-columns:1fr;gap:30px}.gt6-hero-copy{max-width:760px}.gt6-hero h1{max-width:11ch}.gt6-hero-media{min-height:0;aspect-ratio:16/9}.gt6-hero-media img{min-height:0;height:100%;object-position:center 38%}.gt6-journey-layout{grid-template-columns:1fr;gap:28px}.gt6-journey h2{max-width:11ch}.gt6-journey-intro>p:not(.eyebrow):not(.gt6-journey-assurance){max-width:43rem}.gt6-journey-meta{max-width:420px}.gt6-journey-assurance{max-width:620px}}
@media(max-width:760px){html{scroll-behavior:auto}.container{width:calc(100% - 28px)}.gt6-hero{padding:42px 0 50px}.gt6-hero h1{max-width:none;font-size:clamp(2.85rem,12.1vw,4.12rem)!important;line-height:.91!important;letter-spacing:-.052em}.gt6-hero .hero-intro{font-size:1.01rem;line-height:1.55}.gt6-hero .hero-actions{align-items:flex-start;flex-direction:column}.gt6-hero .hero-actions .btn{width:100%;justify-content:center}.gt6-hero-media{aspect-ratio:4/3;border-radius:21px}.gt6-hero-media img{object-position:center 36%}.gt6-hero-media figcaption{left:14px;right:14px;bottom:12px}.gt6-journey{padding:56px 0 62px;background-position:62% center}.gt6-journey::before{background:linear-gradient(180deg,rgba(3,15,25,.91),rgba(3,15,25,.95))}.gt6-journey h2{max-width:none;font-size:clamp(2.5rem,10.8vw,3.55rem)}.gt6-journey-meta{margin-top:22px}.gt6-journey-window{margin-right:-14px}.gt6-journey-window::after{width:34px}.gt6-journey-track{gap:12px;padding-right:14px}.gt6-step{flex-basis:min(82vw,310px);min-width:min(82vw,310px);min-height:335px;padding:20px 19px 22px;border-radius:21px}.gt6-step-icon{width:112px;height:112px;flex-basis:112px}.gt6-step-icon svg{width:62px;height:62px}.gt6-step h3{font-size:1.32rem}.gt6-track-end{flex-basis:14px}}
@media(max-width:390px){.gt6-hero h1{font-size:3rem!important}.gt6-step{flex-basis:84vw;min-width:84vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gt6-step,.gt6-journey-control,.gt6-dots button{transition:none}}


/* V8 layer */

/* ==========================================================
   GABRIEL TOPMAN HOMEPAGE V8
   Hero benefit cards + simple infinite Support Plan carousel.
   This file is loaded last so future polishing is predictable.
   ========================================================== */

:root{
  --gt8-ink:#0b1721;
  --gt8-muted:#5c6c78;
  --gt8-blue:#1769a8;
  --gt8-navy:#061725;
  --gt8-gold:#dfbb69;
  --gt8-line:#dce3e8;
  --gt8-shadow:0 20px 52px rgba(7,22,34,.10);
}

/* ---------- HERO ---------- */
.gt8-hero{
  padding:clamp(52px,6vw,82px) 0 clamp(46px,5vw,72px)!important;
}
.gt8-hero>.container{position:relative;z-index:2}
.gt8-hero-main{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(440px,.9fr);
  gap:clamp(40px,5vw,72px);
  align-items:center;
}
.gt8-hero-copy{max-width:640px}
.gt8-hero h1{
  max-width:11ch!important;
  font-size:clamp(3.15rem,5vw,5.35rem)!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
}
.gt8-hero .hero-intro{
  max-width:38rem!important;
  line-height:1.56!important;
}
.gt8-hero-media{min-height:465px!important}
.gt8-hero-media img{
  min-height:465px!important;
  object-position:center 39%!important;
}

/* Four reasons to care: compact, benefit-led, visibly subordinate to the headline. */
.gt8-reason-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
}
.gt8-reason-card{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  align-items:start;
  min-width:0;
  min-height:142px;
  padding:17px 16px;
  background:rgba(255,255,255,.96);
  border:1px solid #dfe5e9;
  border-radius:18px;
  box-shadow:0 11px 30px rgba(8,23,36,.055);
}
.gt8-reason-card::before{
  content:"";
  position:absolute;
  left:16px;right:16px;bottom:0;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(23,105,168,.65),rgba(23,105,168,0));
}
.gt8-reason-icon{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  border-radius:15px;
  color:#1769a8;
  background:#edf5fa;
  border:1px solid #d2e4ef;
}
.gt8-reason-icon svg{
  width:25px;height:25px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.gt8-reason-icon--customers{color:#0d7a43;background:#eefbf4;border-color:#cbeedb}
.gt8-reason-icon--management{color:#a4421f;background:#fff1e9;border-color:#f0c8b5}
.gt8-reason-icon--protect{color:#8a6510;background:#fff8df;border-color:#f0df9f}
.gt8-reason-card h3{
  margin:.1rem 0 .42rem;
  color:var(--gt8-ink);
  font-size:1.05rem;
  line-height:1.08;
  letter-spacing:-.018em;
}
.gt8-reason-card p{
  margin:0;
  color:#657580;
  font-size:.84rem;
  line-height:1.42;
}

/* ---------- SUPPORT PLAN ---------- */

/* Slider editing variables — change these first for visual refinements. */
.gt6-journey{
  --gt8-slide-width:300px;
  --gt8-slide-height:342px;
  --gt8-slide-gap:15px;
  --gt8-icon-size:124px;
  --gt8-card-bg:rgba(6,22,35,.89);
}

.gt6-journey-meta,
.gt6-dots{display:none!important}

.gt6-journey-window{
  position:relative;
  min-width:0;
  overflow:hidden;
}

/* The only visible carousel control. */
.gt8-pause{
  position:absolute;
  top:14px;
  right:14px;
  z-index:8;
  display:grid;
  place-items:center;
  width:44px;height:44px;
  padding:0;
  color:#fff;
  background:rgba(3,15,25,.72);
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  box-shadow:0 10px 26px rgba(0,0,0,.20);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.gt8-pause:hover{
  transform:translateY(-1px);
  background:rgba(3,15,25,.92);
  border-color:rgba(223,187,105,.66);
}
.gt8-pause:focus-visible,
.gt6-journey-track:focus-visible{
  outline:3px solid rgba(121,198,239,.72);
  outline-offset:3px;
}
.gt8-pause-icon{
  display:block;
  transform:translateY(-1px);
  font-size:1.02rem;
  font-weight:900;
  line-height:1;
}

/* Slider is itself the interaction surface. */
.gt6-journey-track{
  display:flex!important;
  gap:var(--gt8-slide-gap)!important;
  max-width:none!important;
  margin:0!important;
  padding:8px 58px 22px 0!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
  -webkit-overflow-scrolling:touch;
}
.gt6-journey-track::-webkit-scrollbar{display:none}
.gt6-journey-track.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none;
  scroll-behavior:auto!important;
}

.gt6-step{
  flex:0 0 var(--gt8-slide-width)!important;
  min-width:var(--gt8-slide-width)!important;
  min-height:var(--gt8-slide-height)!important;
  padding:21px 21px 23px!important;
  background:var(--gt8-card-bg)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:23px!important;
  box-shadow:0 22px 52px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  scroll-snap-align:start;
  scroll-snap-stop:always;
  transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
.gt6-step:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(223,187,105,.46)!important;
  background:rgba(6,22,35,.94)!important;
}
.gt6-step-head{margin-bottom:19px!important}
.gt6-step-icon{
  width:var(--gt8-icon-size)!important;
  height:var(--gt8-icon-size)!important;
  flex-basis:var(--gt8-icon-size)!important;
}
.gt6-step-icon svg{width:69px!important;height:69px!important}
.gt6-step-num{
  width:38px!important;height:38px!important;flex-basis:38px!important;
  font-size:.72rem!important;
}
.gt6-step h3{margin:0 0 8px!important;font-size:1.42rem!important}
.gt6-step p{max-width:14rem!important;margin:0!important;font-size:.93rem!important;line-height:1.48!important}

/* Clones are visual only; originals remain the easy-to-edit source in HTML. */
.gt6-step[data-loop-clone="true"]{pointer-events:none}

/* Keep the user's Support Plan heading concise and readable. */
.gt6-journey .gt6-journey-assurance{
  max-width:31rem;
}
.gt6-journey .gt6-journey-assurance strong{
  display:block;
  margin-bottom:.28rem;
}

/* Tablet */
@media(max-width:980px){
  .gt8-hero-main{grid-template-columns:1fr;gap:30px}
  .gt8-hero-copy{max-width:760px}
  .gt8-hero-media{min-height:0!important;aspect-ratio:16/9}
  .gt8-hero-media img{min-height:0!important;height:100%!important}
  .gt8-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile */
@media(max-width:760px){
  .gt8-hero{padding-top:42px!important}
  .gt8-hero h1{
    max-width:none!important;
    font-size:clamp(2.75rem,11.8vw,4rem)!important;
    line-height:.91!important;
  }
  .gt8-hero-media{aspect-ratio:4/3;border-radius:21px!important}
  .gt8-hero-media img{object-position:center 37%!important}
  .gt8-reason-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:22px;
  }
  .gt8-reason-card{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:184px;
    padding:14px 13px;
    border-radius:16px;
  }
  .gt8-reason-icon{width:43px;height:43px;border-radius:13px}
  .gt8-reason-icon svg{width:22px;height:22px}
  .gt8-reason-card h3{font-size:1rem}
  .gt8-reason-card p{font-size:.79rem;line-height:1.38}

  .gt6-journey{
    --gt8-slide-width:min(82vw,304px);
    --gt8-slide-height:328px;
    --gt8-icon-size:109px;
  }
  .gt6-journey-window{margin-right:-14px!important}
  .gt6-journey-track{padding-right:44px!important}
  .gt6-step-icon svg{width:61px!important;height:61px!important}
  .gt6-step h3{font-size:1.3rem!important}
  .gt8-pause{top:10px;right:10px;width:42px;height:42px}
}

@media(max-width:390px){
  .gt8-reason-grid{grid-template-columns:1fr 1fr}
  .gt8-reason-card{min-height:192px;padding:13px 12px}
}

@media(prefers-reduced-motion:reduce){
  .gt6-step,.gt8-pause{transition:none!important}
}


/* Final icon/proof polish */

/* Requested icon + proof-heading polish.
   No copy changes. */

/* HERO BENEFIT ICONS: exactly 25% larger than the V8 48px / 25px treatment. */
.gt8-reason-icon{
  width:60px !important;
  height:60px !important;
  flex:0 0 60px;
  border-radius:18px !important;
}
.gt8-reason-icon svg{
  width:31.25px !important;
  height:31.25px !important;
  stroke-width:1.7;
}

/* Give the larger icon enough breathing room without changing the card message. */
.gt8-reason-card{
  grid-template-columns:60px minmax(0,1fr) !important;
  gap:15px !important;
  align-items:start;
}

/* SUPPORT PLAN ICONS: 25% larger, preserving the existing wording and layout logic. */
.gt6-journey{
  --gt8-icon-size:155px !important;
}
.gt6-step-icon svg{
  width:86px !important;
  height:86px !important;
}

/* Centre the proof H2 the user added. */
.proof-band .proof-heading{
  max-width:900px;
  margin:0 auto 22px;
  text-align:center;
}

/* Mobile scaling stays proportionate rather than overwhelming the cards. */
@media(max-width:760px){
  .gt8-reason-icon{
    width:54px !important;
    height:54px !important;
    flex-basis:54px;
    border-radius:16px !important;
  }
  .gt8-reason-icon svg{
    width:28px !important;
    height:28px !important;
  }
  .gt8-reason-card{
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:12px !important;
  }
  .gt6-journey{
    --gt8-icon-size:136px !important;
  }
  .gt6-step-icon svg{
    width:76px !important;
    height:76px !important;
  }
  .proof-band .proof-heading{
    margin-bottom:18px;
    padding-inline:8px;
  }
}