:root {
  --green-dark:#005C43; --green:#008B63; --green-light:#00C993;
  --blue-dark:#123BC6; --blue:#0869ED; --blue-light:#08C8EE;
  --text:#17343D; --muted:#607078; --bg-green:#E8F8F2; --bg-blue:#EAF4FF;
  --head-w:clamp(172px,17vw,226px); --menu-w:clamp(316px,26vw,370px);
  --split:clamp(222px,20vw,306px); --brand-w:clamp(380px,31vw,430px);
  --menu-y:calc(50% - 30px); --brand-y:calc(50% + 146px);
  --font-heading:"Sora",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.84,.28,1);
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{overflow:hidden;font-family:var(--font-body);color:var(--text);background:#eef7f5}
.page{position:relative;isolation:isolate;width:100%;height:100svh;min-height:660px;overflow:hidden;background:
 radial-gradient(circle at 12% 18%,rgba(0,201,147,.13),transparent 24%),
 radial-gradient(circle at 87% 22%,rgba(8,200,238,.11),transparent 24%),
 radial-gradient(circle at 82% 82%,rgba(8,105,237,.08),transparent 28%),
 linear-gradient(135deg,var(--bg-green) 0%,#EEF7F5 46%,var(--bg-blue) 100%);}
.page::before{content:"";position:absolute;inset:0;z-index:-4;opacity:.20;background-image:
 linear-gradient(rgba(94,143,151,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(94,143,151,.16) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000 54%,transparent 100%)}
.network{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.network svg{display:block;width:100%;height:100%;opacity:.72}
.network-line{fill:none;stroke:rgba(72,145,177,.20);stroke-width:1.05;vector-effect:non-scaling-stroke}
.network-line.soft{stroke:rgba(72,145,177,.12)} .network-line.strong{stroke:rgba(91,169,196,.28);stroke-width:1.15}
.dot-glow{fill:rgba(8,200,238,.24);filter:blur(4px)} .dot-core{fill:rgba(255,255,255,.98);stroke:rgba(8,200,238,.46);stroke-width:.75;vector-effect:non-scaling-stroke}
.safe-zone{position:absolute;left:50%;top:50%;width:min(790px,70vw);height:min(570px,62vh);transform:translate(-50%,-48%);z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at center,rgba(244,250,249,.98) 0%,rgba(244,250,249,.94) 36%,rgba(244,250,249,.73) 58%,rgba(244,250,249,.22) 80%,transparent 100%);filter:blur(16px)}
.scene{position:relative;width:100%;height:100%;display:grid;place-items:center}
.logo-shell{position:absolute;left:50%;top:50%;width:var(--head-w);aspect-ratio:780/1051;transform:translate(-50%,-60%);z-index:4;filter:drop-shadow(0 14px 25px rgba(9,46,53,.09))}
.logo-whole,.logo-half{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.logo-whole{animation:loader 2.65s var(--ease) both;transform-origin:50% 52%}
.split-layer{position:absolute;inset:0;opacity:0;pointer-events:none}
.logo-half{transition:transform 1.06s var(--ease)}
.logo-half.left{clip-path:inset(0 50% 0 0)} .logo-half.right{clip-path:inset(0 0 0 50%)}
.menu-wrap{position:absolute;left:50%;top:var(--menu-y);width:var(--menu-w);transform:translate(-50%,-50%);z-index:5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}
.menu{display:grid;gap:8px}
.menu-item{position:relative;min-height:54px;display:grid;place-items:center;padding:0 18px;color:#fff;text-decoration:none;text-align:center;font-family:var(--font-heading);font-weight:600;font-size:clamp(16px,1.12vw,18px);letter-spacing:-.01em;overflow:hidden;box-shadow:0 12px 24px rgba(9,46,53,.11);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);opacity:0;transform:translateY(15px);scale:1;transition:scale .30s var(--ease),filter .30s ease,opacity .30s ease,box-shadow .30s ease}
.menu-item::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.86;background:linear-gradient(145deg,rgba(255,255,255,.22) 0 15%,transparent 15%),linear-gradient(35deg,rgba(255,255,255,.12) 0 19%,transparent 19%),linear-gradient(112deg,transparent 0 30%,rgba(255,255,255,.10) 30% 45%,transparent 45%),linear-gradient(210deg,transparent 0 55%,rgba(0,0,0,.11) 55% 67%,transparent 67%)}
.menu-item span{position:relative;z-index:1}
.green-block{background:linear-gradient(135deg,#006d4e,#008B63 48%,#00C993)}
.mix-block{background:linear-gradient(110deg,#008B63,#00C993 38%,#08C8EE 64%,#0869ED)}
.blue-block{background:linear-gradient(135deg,#08C8EE,#0869ED 55%,#123BC6)}
.menu-item:hover,.menu-item:focus-visible{scale:1.035;z-index:2;filter:saturate(1.06) brightness(1.03);box-shadow:0 18px 34px rgba(9,46,53,.17);outline:none}
.menu:has(.menu-item:hover) .menu-item:not(:hover),.menu:has(.menu-item:focus-visible) .menu-item:not(:focus-visible){scale:.965;opacity:.52;filter:saturate(.48) brightness(.76);box-shadow:0 8px 18px rgba(9,46,53,.06)}
.brand{position:absolute;left:50%;top:var(--brand-y);width:var(--brand-w);transform:translate(-50%,14px) scale(.99);opacity:0;z-index:3;transition:opacity .68s ease,transform .82s var(--ease);pointer-events:none}
.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 14px rgba(9,46,53,.07))}
.stage-brand .brand{opacity:1;transform:translate(-50%,0) scale(1)}
.stage-brand .logo-whole{animation:none;transform:scale(1)}
.stage-menu .logo-whole{opacity:0;transform:scale(.98);transition:opacity .25s ease}
.stage-menu .split-layer{opacity:1}
.stage-menu .logo-half.left{transform:translateX(calc(-1 * var(--split)))}
.stage-menu .logo-half.right{transform:translateX(var(--split))}
.stage-menu .menu-wrap{opacity:1;visibility:visible;pointer-events:auto}
.stage-menu .menu-item{animation:reveal .62s var(--ease) forwards}
.stage-menu .menu-item:nth-child(1){animation-delay:.10s} .stage-menu .menu-item:nth-child(2){animation-delay:.18s} .stage-menu .menu-item:nth-child(3){animation-delay:.26s}
@keyframes loader{0%{opacity:0;transform:scale(.84)}18%{opacity:1;transform:scale(1.03)}38%{transform:scale(.93)}58%{transform:scale(1.035)}78%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes reveal{to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){:root{--head-w:clamp(145px,40vw,176px);--menu-w:min(77vw,318px);--split:clamp(150px,24vw,180px);--menu-y:calc(50% - 25px);--brand-y:calc(50% + 134px);--brand-w:min(86vw,395px)}.menu-item{min-height:51px;font-size:clamp(15px,4.1vw,17px)}.safe-zone{width:min(92vw,560px);height:min(49vh,400px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ─────────────────────────────────────────────────────────────
   OFFERINGS EXPERIENCE — GUIDELINE TYPOGRAPHY + LAPTOP FIT
   ───────────────────────────────────────────────────────────── */
.logo-shell{
  transition:left 1.08s var(--ease),right 1.08s var(--ease),top 1.08s var(--ease),width 1.08s var(--ease),transform 1.08s var(--ease),filter .72s ease;
}
.brand,.menu-wrap{
  transition:opacity .48s ease,transform .66s var(--ease),filter .55s ease,visibility .48s ease;
}

.offerings-flight{
  position:fixed;z-index:40;display:grid;place-items:center;margin:0;color:#fff;
  background:linear-gradient(135deg,#006d4e,#008B63 48%,#00C993);
  box-shadow:0 12px 24px rgba(9,46,53,.15);
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
  font-family:var(--font-heading);font-weight:600;font-size:clamp(16px,1.12vw,18px);letter-spacing:-.01em;line-height:1;
  overflow:hidden;pointer-events:none;opacity:1;will-change:left,top,width,height,transform,opacity,filter;
  transition:left 1.02s var(--ease),top 1.02s var(--ease),width 1.02s var(--ease),height 1.02s var(--ease),transform 1.02s var(--ease),background .68s ease,color .68s ease,font-size 1.02s var(--ease),font-weight .68s ease,letter-spacing .68s ease,box-shadow .68s ease,opacity .44s ease,filter .44s ease;
}
.offerings-flight::after{content:"";position:absolute;inset:0;opacity:.86;background:linear-gradient(145deg,rgba(255,255,255,.22) 0 15%,transparent 15%),linear-gradient(35deg,rgba(255,255,255,.12) 0 19%,transparent 19%),linear-gradient(112deg,transparent 0 30%,rgba(255,255,255,.10) 30% 45%,transparent 45%),linear-gradient(210deg,transparent 0 55%,rgba(0,0,0,.11) 55% 67%,transparent 67%);transition:opacity .52s ease}
.offerings-flight span{position:relative;z-index:1}
.offerings-flight.to-title{left:50%!important;top:24px!important;width:min(540px,82vw)!important;height:78px!important;transform:translateX(-50%);color:var(--green-dark);background:transparent;box-shadow:none;clip-path:none;font-size:clamp(52px,5vw,68px);font-weight:700;letter-spacing:-.048em}
.offerings-flight.to-title::after{opacity:0}
.offerings-flight.fade-out{opacity:0;filter:blur(7px);transform:translateX(-50%) translateY(-8px) scale(.985)}

.offerings-experience{
  position:absolute;inset:0;z-index:8;height:100%;padding:22px 30px 18px;
  overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .58s ease,visibility .58s ease;
}
.offerings-experience__inner{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column}
.offerings-heading{width:min(980px,76vw);margin:0 auto;text-align:center;opacity:0;filter:blur(8px);transform:translateY(16px) scale(.985);transition:opacity .66s ease,filter .72s ease,transform .82s var(--ease)}
.offerings-heading h1{margin:0;color:var(--green-dark);font-family:var(--font-heading);font-size:clamp(40px,3.6vw,48px);line-height:1.03;letter-spacing:-.04em;font-weight:700;text-wrap:balance}
.offerings-divider{position:relative;left:50%;width:100vw;height:6px;margin:11px 0 0;transform:translateX(-50%) scaleX(0);transform-origin:center;overflow:hidden;background:linear-gradient(90deg,#006d4e 0%,#008B63 36%,#00C993 100%);box-shadow:0 4px 12px rgba(0,92,67,.08);transition:transform .92s var(--ease) .12s}
.offerings-divider::after{content:"";position:absolute;inset:0;opacity:.82;background:linear-gradient(145deg,rgba(255,255,255,.25) 0 11%,transparent 11%),linear-gradient(35deg,rgba(255,255,255,.12) 0 17%,transparent 17%),linear-gradient(112deg,transparent 0 32%,rgba(255,255,255,.11) 32% 47%,transparent 47%),linear-gradient(210deg,transparent 0 58%,rgba(0,0,0,.10) 58% 69%,transparent 69%);background-size:290px 100%}

.offerings-cards{width:min(1120px,calc(100vw - 220px));margin:14px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;opacity:0;filter:blur(6px);transform:translateY(22px) scale(.99);transition:opacity .68s ease .18s,filter .76s ease .18s,transform .82s var(--ease) .18s}
.offering-card{--card-accent:var(--green);position:relative;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.92);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);box-shadow:0 16px 36px rgba(9,46,53,.09);backdrop-filter:blur(12px);transform:translateY(10px);transition:transform .38s var(--ease),box-shadow .32s ease,background .32s ease}
.offering-card:nth-child(2){transition-delay:.06s}
.offering-card.organizations{--card-accent:var(--blue)}
.offering-card:hover{transform:translateY(-2px);box-shadow:0 21px 44px rgba(9,46,53,.13);background:rgba(255,255,255,.98)}
.offering-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(145deg,rgba(0,201,147,.11) 0 16%,transparent 16%),linear-gradient(36deg,rgba(8,200,238,.07) 0 18%,transparent 18%),linear-gradient(210deg,transparent 0 62%,rgba(8,105,237,.06) 62% 76%,transparent 76%);opacity:.72}
.offering-card__toggle{width:100%;min-height:148px;padding:19px 24px 18px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"eyebrow icon" "title icon" "copy icon";column-gap:20px;align-content:center;text-align:left;color:var(--text);border:0;background:transparent;cursor:pointer;font-family:var(--font-body)}
.offering-card__eyebrow{grid-area:eyebrow;margin-bottom:8px;color:var(--card-accent);font:600 12px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase}
.offering-card__title{grid-area:title;margin:0;color:var(--green-dark);font:600 clamp(25px,1.8vw,30px)/1.08 var(--font-heading);letter-spacing:-.032em}
.organizations .offering-card__title{color:var(--blue-dark)}
.offering-card__copy{grid-area:copy;margin:9px 0 0;max-width:560px;color:var(--muted);font:400 15.4px/1.43 var(--font-body)}
.offering-card__icon{grid-area:icon;align-self:center;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--card-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--card-accent) 23%,transparent);transition:transform .38s var(--ease),background .3s ease}
.offering-card__icon svg{width:18px;height:18px;transition:transform .38s var(--ease)}
.offering-card.is-open .offering-card__icon svg{transform:rotate(45deg)}
.offering-card__body{max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;transition:max-height .58s var(--ease),opacity .34s ease,border-color .34s ease}
.offering-card.is-open .offering-card__body{max-height:340px;opacity:1;border-color:rgba(220,232,229,.95)}
.offering-card__content{padding:15px 24px 18px}
.service-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;align-items:start}
.service-list li{position:relative;padding-left:20px;color:var(--text);font:400 14.3px/1.36 var(--font-body)}
.service-list li strong{font-weight:600;color:var(--text)}
.service-list li::before{content:"";position:absolute;left:0;top:.48em;width:8px;height:8px;transform:rotate(45deg);background:var(--card-accent);clip-path:polygon(0 0,100% 0,100% 62%,62% 100%,0 100%)}
.collaboration-button{margin-top:14px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;color:#fff;text-decoration:none;background:var(--card-accent);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);font:600 13.5px/1 var(--font-body);cursor:pointer;box-shadow:0 10px 20px color-mix(in srgb,var(--card-accent) 20%,transparent);transition:transform .28s var(--ease),filter .28s ease,box-shadow .28s ease}
.collaboration-button:hover,.collaboration-button:focus-visible{transform:translateY(-2px);filter:brightness(1.06);outline:none;box-shadow:0 14px 26px color-mix(in srgb,var(--card-accent) 26%,transparent)}
.collaboration-button svg{width:15px;height:15px}

.offerings-back{position:absolute;left:25%;top:50%;z-index:20;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:rgba(0,92,67,.48);box-shadow:0 10px 24px rgba(0,53,39,.22),inset 0 1px 0 rgba(255,255,255,.28);backdrop-filter:blur(7px);cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.82);pointer-events:none;transition:opacity .35s ease,transform .38s var(--ease),background .25s ease}
.offerings-back span{display:block;font:400 27px/1 var(--font-body);transform:translateX(-1px)}
.offerings-back:hover,.offerings-back:focus-visible{background:rgba(0,92,67,.72);transform:translate(-50%,-50%) scale(1.07);outline:none}

.offerings-mode .brand{opacity:0!important;filter:blur(8px);transform:translate(-50%,24px) scale(.95);pointer-events:none}
.offerings-mode .menu-wrap{opacity:0!important;visibility:hidden!important;filter:blur(8px);pointer-events:none!important;transform:translate(-50%,-48%) scale(.94)}

.offerings-mode .logo-shell{left:auto;right:0;top:50%;width:clamp(220px,18vw,276px);transform:translate(50%,-50%);z-index:12;filter:drop-shadow(-12px 16px 28px rgba(0,92,67,.14))}
.offerings-mode .logo-whole{opacity:0!important;animation:none!important}
.offerings-mode .split-layer{opacity:1!important}
.offerings-mode .logo-half.left{transform:translateX(0)!important;opacity:1!important}
.offerings-mode .logo-half.right{transform:translateX(34px)!important;opacity:0!important;transition:transform .82s var(--ease),opacity .42s ease}
.offerings-mode .offerings-experience{visibility:visible}
.offerings-ready .offerings-experience{opacity:1;pointer-events:auto}
.offerings-ready .offerings-heading{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
.offerings-ready .offerings-divider{transform:translateX(-50%) scaleX(1)}
.offerings-ready .offerings-cards{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
.offerings-ready .offering-card{transform:translateY(0)}
.offerings-ready .offerings-back{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}

@media (min-width:901px) and (max-height:760px){
  .offerings-experience{padding:16px 28px 13px}
  .offerings-heading h1{font-size:clamp(38px,3.15vw,44px)}
  .offerings-divider{margin-top:8px;height:5px}
  .offerings-cards{margin-top:10px;gap:18px}
  .offering-card__toggle{min-height:132px;padding:14px 20px 13px}
  .offering-card__eyebrow{margin-bottom:6px;font-size:11px}
  .offering-card__title{font-size:clamp(24px,1.65vw,27px)}
  .offering-card__copy{margin-top:7px;font-size:14.2px;line-height:1.36}
  .offering-card__icon{width:38px;height:38px}
  .offering-card__content{padding:11px 20px 13px}
  .service-list{gap:6px 18px}
  .service-list li{font-size:13px;line-height:1.28;padding-left:18px}
  .service-list li::before{width:7px;height:7px}
  .collaboration-button{margin-top:10px;min-height:36px;font-size:12.5px;padding:0 15px}
  .offering-card.is-open .offering-card__body{max-height:270px}
}

@media(max-width:900px){
  .offerings-experience{padding:38px 22px 52px;overflow-y:auto}
  .offerings-experience__inner{height:auto;min-height:100%}
  .offerings-cards{width:min(650px,calc(100vw - 130px));grid-template-columns:1fr;gap:16px}
  .offerings-mode .logo-shell{width:clamp(176px,25vw,222px)}
  .offering-card__toggle{min-height:164px;padding:22px}
  .offering-card__content{padding:20px 22px 24px}
  .offering-card.is-open .offering-card__body{max-height:560px}
  .service-list{gap:10px}
  .service-list li{font-size:14px;line-height:1.45}
}
@media(max-width:620px){
  .offerings-flight.to-title{top:32px!important;height:62px!important;font-size:clamp(34px,10vw,46px)}
  .offerings-experience{padding:34px 14px 42px}
  .offerings-heading{width:min(86vw,500px);padding-right:38px}
  .offerings-heading h1{font-size:clamp(29px,8.3vw,40px)}
  .offerings-divider{margin-top:14px;height:5px}
  .offerings-cards{width:min(76vw,420px);margin-top:22px;margin-left:auto;margin-right:auto}
  .offerings-mode .logo-shell{width:146px}
  .offering-card__toggle{min-height:160px;padding:20px 18px;grid-template-columns:1fr 38px;column-gap:12px}
  .offering-card__title{font-size:23px}
  .offering-card__copy{font-size:14px;line-height:1.48}
  .offering-card__icon{width:38px;height:38px}
  .offering-card__content{padding:18px}
  .service-list li{font-size:13.5px}
  .offerings-back{width:40px;height:40px}
}



/* ─────────────────────────────────────────────────────────────
   OFFERINGS v4 — SPACING, TYPOGRAPHY AND COLOR REFINEMENT
   ───────────────────────────────────────────────────────────── */
.offerings-experience{
  padding:18px 34px 18px;
}
.offerings-experience__inner{
  max-width:1440px;
  margin:0 auto;
}
.offerings-heading{
  width:min(940px,72vw);
}
.offerings-heading h1{
  color:#005C43;
  font-family:var(--font-heading);
  font-weight:700;
  letter-spacing:-.038em;
}
.offerings-divider{
  margin-top:10px;
}
.offerings-cards{
  width:min(1140px,calc(100vw - 250px));
  margin:16px auto 0;
  gap:24px;
  align-items:start;
}
.offering-card{
  background:#FFFFFF;
  box-shadow:0 16px 36px rgba(9,46,53,.085),inset 0 0 0 1px rgba(220,232,229,.92);
}
.offering-card:hover{
  background:#FFFFFF;
  box-shadow:0 21px 44px rgba(9,46,53,.12),inset 0 0 0 1px rgba(220,232,229,.96);
}
.offering-card__toggle{
  min-height:148px;
  padding:20px 24px 19px;
  column-gap:22px;
  color:#17343D;
}
.offering-card__eyebrow{
  margin-bottom:7px;
  color:var(--card-accent);
  font-family:var(--font-body);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.11em;
}
.offering-card__title{
  color:#005C43;
  font-family:var(--font-heading);
  font-size:clamp(25px,1.82vw,30px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.03em;
}
.organizations .offering-card__title{
  color:#123BC6;
}
.offering-card__copy{
  margin-top:9px;
  color:#607078;
  font-family:var(--font-body);
  font-size:15.5px;
  font-weight:400;
  line-height:1.44;
}
.offering-card__body{
  border-top-color:transparent;
}
.offering-card.is-open .offering-card__body{
  max-height:360px;
  border-color:#DCE8E5;
}
.offering-card__content{
  display:flex;
  min-height:0;
  flex-direction:column;
  padding:17px 24px 20px;
}
.service-list{
  gap:10px 24px;
}
.service-list li{
  padding-left:19px;
  color:#17343D;
  font-family:var(--font-body);
  font-size:14.2px;
  font-weight:400;
  line-height:1.38;
}
.service-list li strong{
  color:#17343D;
  font-weight:600;
}
.service-list li::before{
  top:.49em;
  width:7px;
  height:7px;
  background:var(--card-accent);
}
.offering-card__footer{
  display:flex;
  width:100%;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #DCE8E5;
}
.collaboration-button{
  width:100%;
  min-height:42px;
  margin:0;
  padding:0 18px;
  gap:10px;
  color:#FFFFFF;
  background:var(--card-accent);
  font-family:var(--font-body);
  font-size:13.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.005em;
}
.collaboration-button span{
  display:inline-block;
}
.collaboration-button svg{
  flex:0 0 auto;
}

@media (min-width:901px) and (max-height:760px){
  .offerings-experience{padding:14px 28px 12px}
  .offerings-heading{width:min(900px,70vw)}
  .offerings-heading h1{font-size:clamp(37px,3vw,43px)}
  .offerings-divider{margin-top:7px;height:5px}
  .offerings-cards{width:min(1120px,calc(100vw - 240px));margin-top:10px;gap:18px}
  .offering-card__toggle{min-height:126px;padding:13px 20px 12px}
  .offering-card__eyebrow{margin-bottom:5px;font-size:11px}
  .offering-card__title{font-size:clamp(23px,1.6vw,27px)}
  .offering-card__copy{margin-top:6px;font-size:14.1px;line-height:1.35}
  .offering-card__content{padding:10px 20px 12px}
  .service-list{gap:6px 18px}
  .service-list li{padding-left:17px;font-size:12.9px;line-height:1.27}
  .offering-card__footer{margin-top:10px;padding-top:9px}
  .collaboration-button{min-height:36px;font-size:12.5px}
  .offering-card.is-open .offering-card__body{max-height:278px}
}

@media(max-width:900px){
  .offerings-experience{padding:38px 22px 52px}
  .offerings-cards{width:min(650px,calc(100vw - 130px));gap:16px}
  .offering-card__toggle{padding:21px 22px 20px}
  .offering-card__content{padding:18px 22px 22px}
  .offering-card__footer{margin-top:15px;padding-top:13px}
}

@media(max-width:600px){
  .offerings-experience{padding:32px 14px 42px}
  .offerings-cards{width:min(78vw,420px)}
  .offering-card__toggle{padding:18px 18px 17px}
  .offering-card__copy{font-size:14.4px}
  .offering-card__content{padding:16px 18px 20px}
  .service-list{grid-template-columns:1fr;gap:9px}
  .service-list li{font-size:14px;line-height:1.36}
  .collaboration-button{font-size:13px}
}



/* OFFERINGS v5 — expanded-card fit and CTA alignment */
.offering-card.is-open .offering-card__body{
  max-height:min(460px,calc(100vh - 290px));
}
.offering-card__content{
  box-sizing:border-box;
}
.offering-card__footer{
  align-items:center;
  justify-content:center;
}
.collaboration-button{
  align-self:stretch;
  margin-inline:0;
}

@media (min-width:901px) and (max-height:760px){
  .offering-card.is-open .offering-card__body{
    max-height:min(440px,calc(100vh - 288px));
  }
}



/* ─────────────────────────────────────────────────────────────
   OFFERINGS v6 — FINAL POLISH
   ───────────────────────────────────────────────────────────── */
:root{
  --transition-fast:240ms;
  --transition-medium:420ms;
  --transition-slow:760ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.33,1,.68,1);
}

/* Smoother scene hand-off */
.network svg,
.safe-zone{
  transition:opacity .75s ease,filter .75s ease,transform .9s var(--ease-out);
}
.offerings-mode .network svg{opacity:.58;filter:saturate(.86)}
.offerings-mode .safe-zone{opacity:1;transform:translate(-50%,-48%) scale(1.035)}

.offerings-flight{
  transition:
    left .94s var(--ease-out),
    top .94s var(--ease-out),
    width .94s var(--ease-out),
    height .94s var(--ease-out),
    transform .94s var(--ease-out),
    background .56s ease,
    color .56s ease,
    font-size .94s var(--ease-out),
    font-weight .56s ease,
    letter-spacing .56s ease,
    box-shadow .56s ease,
    opacity .46s ease,
    filter .46s ease;
}
.offerings-flight.to-title{top:18px!important}
.offerings-flight.fade-out{filter:blur(5px);transform:translateX(-50%) translateY(-6px) scale(.992)}

.offerings-experience{
  padding:18px 34px 16px;
}
.offerings-experience__inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.offerings-heading{
  width:min(920px,70vw);
  transform:translateY(18px) scale(.985);
  transition:opacity .72s ease,filter .76s ease,transform .88s var(--ease-out);
}
.offerings-heading h1{
  font-size:clamp(40px,3.45vw,48px);
  line-height:1.02;
  letter-spacing:-.042em;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.offerings-divider{
  margin-top:10px;
  height:5px;
  box-shadow:0 3px 12px rgba(0,92,67,.07);
  transition:transform 1s var(--ease-out) .08s;
}
.offerings-divider::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:translateX(-100%);
}
.offerings-ready .offerings-divider::before{
  animation:dividerSheen 1.15s ease .22s 1 both;
}
@keyframes dividerSheen{
  0%{opacity:0;transform:translateX(-100%)}
  30%{opacity:.75}
  100%{opacity:0;transform:translateX(100%)}
}

.offerings-cards{
  width:min(1130px,calc(100vw - 242px));
  margin:15px auto 0;
  gap:22px;
  align-items:start;
  transition:opacity .7s ease .14s,filter .72s ease .14s,transform .84s var(--ease-out) .14s;
}
.offering-card{
  transform:translateY(18px) scale(.99);
  background:rgba(255,255,255,.965);
  box-shadow:
    0 18px 38px rgba(9,46,53,.085),
    inset 0 0 0 1px rgba(220,232,229,.94);
  transition:
    transform .46s var(--ease-out),
    opacity .38s ease,
    filter .38s ease,
    box-shadow .36s ease,
    background .36s ease;
}
.offering-card:nth-child(1){transition-delay:.05s}
.offering-card:nth-child(2){transition-delay:.12s}
.offerings-ready .offering-card{transform:translateY(0) scale(1)}
.offering-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:3px;
  z-index:2;
  opacity:.9;
  background:linear-gradient(90deg,transparent,var(--card-accent),transparent);
}
.offering-card:hover{
  transform:translateY(-3px) scale(1.002);
  box-shadow:
    0 24px 48px rgba(9,46,53,.12),
    inset 0 0 0 1px rgba(220,232,229,.98);
}

/* One open card becomes the clear focal point without hiding its peer. */
.offerings-cards:has(.offering-card.is-open) .offering-card:not(.is-open){
  opacity:.82;
  filter:saturate(.78);
  transform:translateY(3px) scale(.988);
}
.offerings-cards:has(.offering-card.is-open) .offering-card:not(.is-open):hover{
  opacity:.95;
  filter:saturate(.95);
  transform:translateY(-1px) scale(.995);
}

.offering-card__toggle{
  min-height:145px;
  padding:19px 24px 18px;
  column-gap:22px;
  transition:background .3s ease;
}
.offering-card__toggle:hover{background:rgba(247,250,250,.46)}
.offering-card__toggle:focus-visible{
  outline:3px solid color-mix(in srgb,var(--card-accent) 25%,transparent);
  outline-offset:-4px;
}
.offering-card__eyebrow{margin-bottom:7px}
.offering-card__title{font-size:clamp(25px,1.78vw,29px)}
.offering-card__copy{max-width:520px;font-size:15.4px;line-height:1.43}
.offering-card__icon{
  width:40px;
  height:40px;
  box-shadow:0 9px 22px color-mix(in srgb,var(--card-accent) 24%,transparent);
  transition:transform .42s var(--ease-out),background .3s ease,box-shadow .3s ease;
}
.offering-card:hover .offering-card__icon{box-shadow:0 12px 26px color-mix(in srgb,var(--card-accent) 31%,transparent)}
.offering-card.is-open .offering-card__icon{transform:rotate(45deg) scale(.96)}
.offering-card.is-open .offering-card__icon svg{transform:none}

.offering-card__body{
  max-height:0;
  opacity:0;
  overflow:hidden;
  border-top:1px solid transparent;
  transition:max-height .66s var(--ease-out),opacity .34s ease,border-color .34s ease;
}
.offering-card__content{
  padding:16px 24px 19px;
  transform:translateY(-8px);
  opacity:.72;
  transition:transform .48s var(--ease-out) .05s,opacity .38s ease .05s;
}
.offering-card.is-open .offering-card__body{
  max-height:min(500px,calc(100vh - 286px));
  opacity:1;
  border-color:#DCE8E5;
}
.offering-card.is-open .offering-card__content{
  transform:translateY(0);
  opacity:1;
}
.service-list{gap:9px 23px}
.service-list li{font-size:14.2px;line-height:1.37}
.service-list li::before{
  transition:transform .28s var(--ease-out),opacity .28s ease;
}
.offering-card.is-open .service-list li::before{transform:rotate(45deg) scale(1);opacity:1}
.offering-card__footer{
  margin-top:15px;
  padding-top:13px;
}
.collaboration-button{
  min-height:41px;
  border-radius:0;
  letter-spacing:.008em;
  transition:transform .28s var(--ease-out),filter .28s ease,box-shadow .28s ease;
}
.collaboration-button svg{transition:transform .28s var(--ease-out)}
.collaboration-button:hover svg,.collaboration-button:focus-visible svg{transform:translateX(4px)}

.offerings-back{
  width:43px;
  height:43px;
  border-color:rgba(255,255,255,.68);
  background:rgba(0,92,67,.44);
  box-shadow:0 10px 26px rgba(0,53,39,.20),inset 0 1px 0 rgba(255,255,255,.26);
  transition:opacity .36s ease,transform .44s var(--ease-out),background .28s ease,box-shadow .28s ease;
}
.offerings-back:hover,.offerings-back:focus-visible{
  background:rgba(0,92,67,.72);
  box-shadow:0 14px 30px rgba(0,53,39,.27),inset 0 1px 0 rgba(255,255,255,.32);
}

/* Exit hand-off */
.offerings-leaving .offerings-heading,
.offerings-leaving .offerings-cards,
.offerings-leaving .offerings-back{
  opacity:0!important;
  filter:blur(5px);
  pointer-events:none!important;
}
.offerings-leaving .offerings-heading{transform:translateY(-10px) scale(.992)}
.offerings-leaving .offerings-cards{transform:translateY(14px) scale(.988)}

@media (min-width:901px) and (max-height:760px){
  .offerings-experience{padding:12px 28px 10px}
  .offerings-heading{width:min(880px,68vw)}
  .offerings-heading h1{font-size:clamp(36px,2.9vw,42px)}
  .offerings-divider{margin-top:7px;height:4px}
  .offerings-cards{width:min(1110px,calc(100vw - 240px));margin-top:10px;gap:18px}
  .offering-card__toggle{min-height:124px;padding:13px 20px 12px}
  .offering-card__copy{font-size:14px;line-height:1.34}
  .offering-card__content{padding:10px 20px 12px}
  .service-list{gap:6px 17px}
  .service-list li{font-size:12.85px;line-height:1.27}
  .offering-card__footer{margin-top:10px;padding-top:9px}
  .collaboration-button{min-height:36px;font-size:12.5px}
  .offering-card.is-open .offering-card__body{max-height:min(438px,calc(100vh - 284px))}
}

@media(max-width:900px){
  .offerings-experience__inner{height:auto;min-height:100%}
  .offerings-cards:has(.offering-card.is-open) .offering-card:not(.is-open){opacity:1;filter:none;transform:none}
}


/* WHY WORK WITH US — v1 */
.why-experience{position:fixed;inset:0;z-index:11;padding:24px 5vw 22px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .55s ease;background:linear-gradient(135deg,rgba(247,250,250,.93),rgba(234,244,255,.88));overflow:hidden}
.why-experience__inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}
.why-heading{width:min(1040px,78vw);margin:0 auto;text-align:center;opacity:0;filter:blur(8px);transform:translateY(18px) scale(.985);transition:opacity .68s ease,filter .72s ease,transform .82s var(--ease)}
.why-heading h1{margin:0;color:var(--blue-dark);font:700 clamp(40px,3.6vw,48px)/1.03 var(--font-heading);letter-spacing:-.04em;text-wrap:balance}
.why-divider{height:9px;width:100%;margin:14px auto 0;clip-path:polygon(0 33%,7% 33%,9% 0,19% 0,21% 33%,47% 33%,49% 0,72% 0,74% 33%,91% 33%,93% 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,#008B63 0%,#00C993 38%,#08C8EE 62%,#0869ED 100%);transform:scaleX(.06);transform-origin:center;opacity:0;transition:transform 1s var(--ease),opacity .35s ease}
.why-layout{flex:1;min-height:0;width:min(1120px,83vw);margin:18px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:center;opacity:0;transform:translateY(18px);transition:opacity .62s ease .18s,transform .72s var(--ease) .18s}
.why-cards{display:grid;gap:10px;min-height:0}
.why-card{--accent:var(--blue);background:rgba(255,255,255,.92);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:0 14px 32px rgba(9,46,53,.09);overflow:hidden;transition:transform .34s var(--ease),box-shadow .3s ease,opacity .3s ease}
.why-card:nth-child(1){--accent:var(--green)}.why-card:nth-child(2){--accent:var(--blue)}.why-card:nth-child(3){--accent:var(--green-dark)}
.why-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(9,46,53,.13)}
.why-card__toggle{width:100%;min-height:74px;padding:13px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--text)}
.why-card__title{font:600 clamp(21px,1.55vw,25px)/1.1 var(--font-heading);letter-spacing:-.025em;color:var(--blue-dark)}
.why-card:nth-child(1) .why-card__title,.why-card:nth-child(3) .why-card__title{color:var(--green-dark)}
.why-card__summary{display:block;margin-top:5px;color:var(--muted);font:400 14.4px/1.35 var(--font-body)}
.why-card__icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 25%,transparent);transition:transform .35s var(--ease)}
.why-card__icon svg{width:17px;height:17px}.why-card.is-open .why-card__icon{transform:rotate(45deg)}
.why-card__body{max-height:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .58s var(--ease),opacity .32s ease,border-color .3s ease}
.why-card.is-open .why-card__body{max-height:330px;opacity:1;border-color:rgba(220,232,229,.95)}
.why-card__content{padding:13px 18px 17px;color:var(--text);font:400 14px/1.42 var(--font-body)}
.engine-grid{display:grid;grid-template-columns:148px 1fr;gap:17px;align-items:center}
.engine-photo{width:148px;aspect-ratio:1/1;object-fit:cover;object-position:center 24%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:0 12px 24px rgba(9,46,53,.14)}
.engine-copy h3{margin:0 0 6px;color:var(--green-dark);font:600 20px/1.12 var(--font-heading)}
.engine-copy p{margin:0;color:var(--muted)}
.engine-badges{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.engine-badges span{padding:5px 8px;border-radius:999px;background:#E8F8F2;color:#005C43;font:600 11px/1 var(--font-body)}
.profile-links{display:flex;gap:8px;flex-wrap:wrap}.profile-links a{color:var(--blue-primary);font:600 12.5px/1.2 var(--font-body);text-decoration:none}.profile-links a:hover{text-decoration:underline}
.approach-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:stretch}
.flow-step{position:relative;padding:11px 8px 10px;text-align:center;background:linear-gradient(145deg,rgba(232,248,242,.96),rgba(234,244,255,.96));clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);animation:flowBreathe 4.8s ease-in-out infinite}
.flow-step:nth-child(2){animation-delay:.25s}.flow-step:nth-child(3){animation-delay:.5s}.flow-step:nth-child(4){animation-delay:.75s}.flow-step:nth-child(5){animation-delay:1s}
.flow-step:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:50%;z-index:2;color:var(--blue-primary);font-weight:700;transform:translateY(-50%)}
.flow-num{display:block;color:var(--blue-primary);font:700 11px/1 var(--font-body);letter-spacing:.08em}.flow-step strong{display:block;margin-top:6px;color:var(--text);font:600 13px/1.15 var(--font-heading)}.flow-step small{display:block;margin-top:5px;color:var(--muted);font:400 11.5px/1.25 var(--font-body)}
@keyframes flowBreathe{0%,100%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-3px);filter:saturate(1.08)}}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.value{padding:10px;background:#fff;border-left:3px solid var(--green);box-shadow:0 6px 14px rgba(9,46,53,.05)}.value strong{display:block;color:var(--green-dark);font:600 13px/1.15 var(--font-heading)}.value span{display:block;margin-top:4px;color:var(--muted);font:400 11.8px/1.35 var(--font-body)}
.why-contact{display:flex;align-items:center;justify-content:center}.why-contact a{width:190px;min-height:58px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#008B63,#0869ED);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:0 15px 30px rgba(8,105,237,.18);font:600 14px/1.25 var(--font-body);transition:transform .3s var(--ease),box-shadow .3s ease}.why-contact a:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 38px rgba(8,105,237,.24)}
.why-back{position:absolute;left:75%;top:50%;z-index:20;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:rgba(8,105,237,.5);cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.82);pointer-events:none;transition:opacity .35s ease,transform .38s var(--ease)}
.why-back:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(18,59,198,.78)}
.why-mode .brand,.why-mode .menu-wrap{opacity:0!important;filter:blur(8px);pointer-events:none!important}
.why-mode .logo-shell{left:0;right:auto;top:50%;width:clamp(220px,18vw,276px);transform:translate(-50%,-50%);z-index:12;filter:drop-shadow(12px 16px 28px rgba(8,105,237,.14))}
.why-mode .logo-whole{opacity:0!important;animation:none!important}.why-mode .split-layer{opacity:1!important}.why-mode .logo-half.left{opacity:0!important;transform:translateX(-34px)!important}.why-mode .logo-half.right{opacity:1!important;transform:translateX(0)!important}
.why-mode .why-experience{visibility:visible}.why-ready .why-experience{opacity:1;pointer-events:auto}.why-ready .why-heading{opacity:1;filter:blur(0);transform:none}.why-ready .why-divider{opacity:1;transform:scaleX(1)}.why-ready .why-layout{opacity:1;transform:none}.why-ready .why-back{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.why-flight{position:fixed;z-index:100;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#00C993,#0869ED);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font:600 18px/1 var(--font-heading);transition:left 1.05s var(--ease),top 1.05s var(--ease),width 1.05s var(--ease),height 1.05s var(--ease),color .75s ease,background .75s ease,font-size 1.05s var(--ease),opacity .38s ease,filter .38s ease,clip-path .8s ease}.why-flight.to-title{left:50%!important;top:38px!important;width:min(820px,72vw)!important;height:58px!important;transform:translateX(-50%);font-size:clamp(36px,3vw,44px);color:var(--blue-dark);background:transparent;clip-path:none}.why-flight.fade-out{opacity:0;filter:blur(8px)}
@media(max-height:760px) and (min-width:761px){.why-experience{padding:14px 4vw 12px}.why-heading h1{font-size:36px}.why-layout{margin-top:12px;width:min(1080px,84vw);grid-template-columns:minmax(0,1fr) 190px;gap:18px}.why-card__toggle{min-height:66px;padding:10px 16px}.why-card__title{font-size:21px}.why-card__summary{font-size:12.8px}.why-card__content{padding:10px 16px 12px}.why-card.is-open .why-card__body{max-height:270px}.engine-grid{grid-template-columns:122px 1fr}.engine-photo{width:122px}.why-contact a{width:176px}}
@media(max-width:760px){.why-experience{padding:26px 15px 40px;overflow-y:auto}.why-experience__inner{height:auto;min-height:100%}.why-heading{width:min(88vw,520px);padding-left:42px}.why-heading h1{font-size:30px}.why-layout{width:100%;grid-template-columns:1fr;margin-top:18px}.why-contact a{width:100%}.why-mode .logo-shell{width:146px}.why-card__toggle{padding:15px}.engine-grid{grid-template-columns:100px 1fr}.engine-photo{width:100px}.approach-flow{grid-template-columns:1fr}.flow-step:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-12px;transform:translateX(-50%)}.values-grid{grid-template-columns:1fr}.why-card.is-open .why-card__body{max-height:900px}}



/* ─────────────────────────────────────────────────────────────
   WHY WORK WITH US — REFINED CLIENT-TRUST EXPERIENCE v2
   ───────────────────────────────────────────────────────────── */
.why-experience{
  position:absolute;inset:0;z-index:15;height:100%;padding:18px 34px 16px;
  overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;background:transparent;
  transition:opacity .58s ease,visibility .58s ease;
}
.why-experience__inner{position:relative;z-index:2;width:100%;height:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column}
.why-heading{width:min(940px,72vw);margin:0 auto;text-align:center;opacity:0;filter:blur(8px);transform:translateY(16px) scale(.985);transition:opacity .66s ease,filter .72s ease,transform .82s var(--ease)}
.why-heading h1{margin:0;color:#123BC6;font:700 clamp(40px,3.6vw,48px)/1.03 var(--font-heading);letter-spacing:-.038em;text-wrap:balance}
.why-divider{position:relative;left:50%;width:100vw;height:6px;margin:10px 0 0;transform:translateX(-50%) scaleX(0);transform-origin:center;overflow:hidden;background:linear-gradient(110deg,#008B63,#00C993 38%,#08C8EE 64%,#0869ED);box-shadow:0 4px 12px rgba(8,105,237,.08);transition:transform .92s var(--ease) .12s}
.why-divider::after{content:"";position:absolute;inset:0;opacity:.82;background:linear-gradient(145deg,rgba(255,255,255,.25) 0 11%,transparent 11%),linear-gradient(35deg,rgba(255,255,255,.12) 0 17%,transparent 17%),linear-gradient(112deg,transparent 0 32%,rgba(255,255,255,.11) 32% 47%,transparent 47%),linear-gradient(210deg,transparent 0 58%,rgba(0,0,0,.10) 58% 69%,transparent 69%);background-size:290px 100%}
.why-layout{flex:1;min-height:0;width:min(1180px,calc(100vw - 250px));margin:14px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:28px;align-items:center;opacity:0;filter:blur(6px);transform:translateY(22px) scale(.99);transition:opacity .68s ease .18s,filter .76s ease .18s,transform .82s var(--ease) .18s}
.why-cards{display:grid;gap:9px;min-height:0;align-content:center}
.why-card{--accent:#0869ED;position:relative;isolation:isolate;background:rgba(255,255,255,.94);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:0 14px 32px rgba(9,46,53,.09);overflow:hidden;backdrop-filter:blur(12px);transition:transform .34s var(--ease),box-shadow .3s ease,opacity .3s ease,filter .3s ease}
.why-card--engine{--accent:#008B63}.why-card--approach{--accent:#0869ED}.why-card--values{--accent:#005C43}
.why-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(145deg,rgba(0,201,147,.08) 0 15%,transparent 15%),linear-gradient(34deg,rgba(8,200,238,.055) 0 18%,transparent 18%),linear-gradient(212deg,transparent 0 65%,rgba(8,105,237,.05) 65% 76%,transparent 76%);opacity:.78}
.why-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(9,46,53,.13)}
.why-card__toggle{width:100%;min-height:68px;padding:11px 17px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;border:0;background:transparent;text-align:left;cursor:pointer;color:#17343D;font-family:var(--font-body)}
.why-card__title{font:600 clamp(21px,1.55vw,26px)/1.08 var(--font-heading);letter-spacing:-.027em;color:#123BC6}
.why-card--engine .why-card__title,.why-card--values .why-card__title{color:#005C43}
.why-card__summary{display:block;margin-top:4px;color:#607078;font:400 14px/1.32 var(--font-body)}
.why-card__icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent);transition:transform .35s var(--ease),filter .3s ease}
.why-card__icon svg{width:17px;height:17px}.why-card.is-open .why-card__icon{transform:rotate(45deg)}
.why-card__body{max-height:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .62s var(--ease),opacity .34s ease,border-color .32s ease}
.why-card.is-open .why-card__body{max-height:410px;opacity:1;border-color:#DCE8E5}
.why-card__content{padding:13px 17px 16px;color:#17343D;font:400 14px/1.42 var(--font-body)}
.why-cards:has(.why-card.is-open) .why-card:not(.is-open){opacity:.76;filter:saturate(.82)}

/* Engine */
.engine-grid{display:grid;grid-template-columns:158px minmax(0,1fr);gap:18px;align-items:start}
.engine-profile{display:grid;gap:8px}.engine-photo{width:158px;aspect-ratio:4/5;object-fit:cover;object-position:center 24%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:0 12px 26px rgba(9,46,53,.14)}
.engine-stats{display:grid;grid-template-columns:1fr;gap:5px}.engine-stats span{padding:6px 8px;background:#E8F8F2;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.engine-stats strong{display:block;color:#005C43;font:600 11.5px/1.1 var(--font-heading)}.engine-stats small{display:block;margin-top:2px;color:#607078;font:400 10.2px/1.2 var(--font-body)}
.engine-copy{min-width:0}.engine-eyebrow{display:block;color:#008B63;font:600 10.5px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.engine-copy h3{margin:3px 0 2px;color:#005C43;font:700 23px/1.05 var(--font-heading);letter-spacing:-.03em}.engine-role{margin:0;color:#123BC6;font:600 13.2px/1.3 var(--font-heading)}.engine-lead{margin:7px 0 0;color:#17343D;font:400 13.2px/1.42 var(--font-body)}
.engine-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.engine-proof span{position:relative;padding:7px 8px 7px 22px;background:#F7FAFA;color:#607078;font:400 11.4px/1.3 var(--font-body)}.engine-proof span::before{content:"";position:absolute;left:9px;top:11px;width:7px;height:7px;background:linear-gradient(135deg,#008B63,#08C8EE);transform:rotate(45deg)}
.engine-badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.engine-badges span{padding:4px 7px;border-radius:999px;background:#E8F8F2;color:#005C43;font:600 10.2px/1 var(--font-body);white-space:nowrap}.engine-badges span:nth-child(3n+2){background:#EAF4FF;color:#123BC6}.engine-badges span:nth-child(3n){background:linear-gradient(90deg,rgba(232,248,242,.95),rgba(234,244,255,.95));color:#17343D}
.profile-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.profile-links a{min-width:150px;display:flex;align-items:center;gap:8px;padding:7px 10px;text-decoration:none;background:#fff;border:1px solid #DCE8E5;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);box-shadow:0 6px 14px rgba(9,46,53,.05);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.profile-links a:hover{transform:translateY(-2px);border-color:#08C8EE;box-shadow:0 10px 20px rgba(8,105,237,.10)}.profile-icon{width:31px;height:31px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#008B63,#00C993);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.profile-icon--linkedin{background:#0869ED}.profile-icon svg{width:19px;height:19px}.profile-links strong{display:block;color:#17343D;font:600 11.5px/1.1 var(--font-heading)}.profile-links small{display:block;margin-top:2px;color:#607078;font:400 9.8px/1.1 var(--font-body)}

/* Approach */
.approach-layout{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(300px,1.18fr);gap:18px;align-items:center}.approach-kicker{display:block;color:#0869ED;font:600 11px/1.2 var(--font-body);letter-spacing:.10em;text-transform:uppercase}.approach-copy p{margin:7px 0 0;color:#17343D;font:400 13.2px/1.46 var(--font-body)}.approach-outcomes{display:grid;gap:6px;margin-top:10px}.approach-outcomes span{padding:7px 9px 7px 25px;position:relative;background:#F7FAFA;color:#005C43;font:600 11.4px/1.25 var(--font-body)}.approach-outcomes span::before{content:"✓";position:absolute;left:9px;color:#008B63;font-weight:700}
.approach-visual{position:relative;width:min(100%,360px);aspect-ratio:1;margin:auto}.approach-wheel{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 11px 24px rgba(9,46,53,.10))}.approach-orbit{fill:none;stroke:rgba(8,105,237,.18);stroke-width:2;stroke-dasharray:7 9;transform-origin:210px 210px;animation:approachOrbit 20s linear infinite}.approach-orbit--inner{stroke:rgba(0,139,99,.16);stroke-dasharray:3 8;animation-direction:reverse;animation-duration:14s}.approach-segment{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:opacity .3s ease,filter .3s ease,transform .35s var(--ease)}.approach-segment path{fill:var(--segment);opacity:.57;stroke:rgba(255,255,255,.92);stroke-width:2;transition:opacity .3s ease,filter .3s ease}.approach-segment text{fill:#fff;font:700 17px var(--font-heading);pointer-events:none}.approach-segment:hover,.approach-segment:focus-visible,.approach-segment.is-active{transform:scale(1.035);filter:drop-shadow(0 9px 12px rgba(8,105,237,.18))}.approach-segment:hover path,.approach-segment:focus-visible path,.approach-segment.is-active path{opacity:1}.approach-visual:has(.approach-segment:hover) .approach-segment:not(:hover){opacity:.52}.approach-center{position:absolute;left:50%;top:50%;width:45%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.approach-center span{display:block;color:#0869ED;font:700 11px/1 var(--font-body);letter-spacing:.11em}.approach-center strong{display:block;margin-top:5px;color:#17343D;font:600 clamp(16px,1.3vw,20px)/1.1 var(--font-heading);letter-spacing:-.025em}.approach-center p{margin:7px auto 0;max-width:145px;color:#607078;font:400 9.8px/1.32 var(--font-body)}
@keyframes approachOrbit{to{transform:rotate(360deg)}}

/* Values */
.values-shell{display:grid;gap:9px}.values-core{display:flex;align-items:center;gap:12px;padding:10px 13px;background:linear-gradient(110deg,#E8F8F2,#F7FAFA 48%,#EAF4FF);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.values-shield{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#008B63,#0869ED);clip-path:polygon(50% 0,92% 20%,84% 72%,50% 100%,16% 72%,8% 20%)}.values-shield svg{width:25px;height:25px}.values-core strong{color:#005C43;font:600 16px/1.15 var(--font-heading)}.values-core p{margin:4px 0 0;color:#607078;font:400 12.3px/1.35 var(--font-body)}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.value-node{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;padding:9px;background:#fff;border:1px solid #DCE8E5;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:transform .28s var(--ease),box-shadow .28s ease,border-color .28s ease}.value-node:hover{transform:translateY(-2px);border-color:#08C8EE;box-shadow:0 10px 20px rgba(9,46,53,.08)}.value-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#008B63;font:700 12px/1 var(--font-heading)}.value-node:nth-child(even) .value-icon{background:#0869ED}.value-node strong{display:block;color:#17343D;font:600 11.5px/1.2 var(--font-heading)}.value-node p{margin:3px 0 0;color:#607078;font:400 10.4px/1.28 var(--font-body)}.values-promise{display:flex;gap:7px;flex-wrap:wrap}.values-promise span{padding:5px 8px;border-radius:999px;background:#092E35;color:#fff;font:500 10.4px/1 var(--font-body);letter-spacing:.02em}

/* Contact and head/back */
.why-contact{display:flex;align-items:center;justify-content:center}.why-contact a{width:246px;min-height:104px;padding:17px 18px;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px;text-decoration:none;color:#fff;background:linear-gradient(110deg,#008B63,#00C993 38%,#08C8EE 64%,#0869ED);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:0 18px 36px rgba(8,105,237,.18);transition:transform .32s var(--ease),box-shadow .32s ease,filter .32s ease}.why-contact a:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 24px 46px rgba(8,105,237,.24);filter:saturate(1.06)}.why-contact__icon{width:42px;height:42px;display:grid;place-items:center;background:rgba(255,255,255,.18);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.why-contact__icon svg{width:22px;height:22px}.why-contact__copy small{display:block;color:rgba(255,255,255,.82);font:500 10px/1.15 var(--font-body);letter-spacing:.08em;text-transform:uppercase}.why-contact__copy strong{display:block;margin-top:5px;font:600 16.5px/1.22 var(--font-heading)}.why-contact__arrow{font-size:22px;transition:transform .3s ease}.why-contact a:hover .why-contact__arrow{transform:translateX(4px)}
.why-back{position:absolute;left:clamp(48px,5vw,72px);top:50%;z-index:30;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:rgba(8,105,237,.58);box-shadow:0 10px 24px rgba(8,105,237,.18);cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.82);pointer-events:none;transition:opacity .35s ease,transform .38s var(--ease),background .25s ease}.why-back svg{width:25px;height:25px}.why-back:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(18,59,198,.88)}
.why-mode .brand,.why-mode .menu-wrap{opacity:0!important;filter:blur(8px);pointer-events:none!important}.why-mode .logo-shell{left:0;right:auto;top:50%;width:clamp(220px,18vw,276px);transform:translate(-50%,-50%);z-index:12;filter:drop-shadow(12px 16px 28px rgba(8,105,237,.14))}.why-mode .logo-whole{opacity:0!important;animation:none!important}.why-mode .split-layer{opacity:1!important}.why-mode .logo-half.left{opacity:0!important;transform:translateX(-34px)!important}.why-mode .logo-half.right{opacity:1!important;transform:translateX(0)!important}.why-mode .why-experience{visibility:visible}.why-ready .why-experience{opacity:1;pointer-events:auto}.why-ready .why-heading{opacity:1;filter:blur(0);transform:none}.why-ready .why-divider{transform:translateX(-50%) scaleX(1)}.why-ready .why-layout{opacity:1;filter:blur(0);transform:none}.why-ready .why-back{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.why-flight{position:fixed;z-index:100;display:grid;place-items:center;color:#fff;background:linear-gradient(110deg,#008B63,#00C993 38%,#08C8EE 64%,#0869ED);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font:600 18px/1 var(--font-heading);transition:left 1.05s var(--ease),top 1.05s var(--ease),width 1.05s var(--ease),height 1.05s var(--ease),color .75s ease,background .75s ease,font-size 1.05s var(--ease),opacity .38s ease,filter .38s ease,clip-path .8s ease}.why-flight.to-title{left:50%!important;top:38px!important;width:min(820px,72vw)!important;height:58px!important;transform:translateX(-50%);font-size:clamp(36px,3vw,44px);color:#123BC6;background:transparent;clip-path:none}.why-flight.fade-out{opacity:0;filter:blur(8px)}

@media(max-height:760px) and (min-width:901px){.why-experience{padding:14px 30px 12px}.why-heading h1{font-size:38px}.why-divider{height:5px;margin-top:8px}.why-layout{margin-top:10px;width:min(1140px,calc(100vw - 240px));grid-template-columns:minmax(0,1fr) 232px;gap:22px}.why-card__toggle{min-height:61px;padding:8px 15px}.why-card__title{font-size:20px}.why-card__summary{font-size:12.4px}.why-card__content{padding:10px 15px 12px}.why-card.is-open .why-card__body{max-height:355px}.engine-grid{grid-template-columns:132px minmax(0,1fr);gap:14px}.engine-photo{width:132px}.engine-stats span{padding:4px 7px}.engine-lead{font-size:12.2px}.engine-proof span{font-size:10.5px;padding-top:5px;padding-bottom:5px}.engine-badges{gap:4px;margin:6px 0}.engine-badges span{font-size:9.4px;padding:3px 6px}.profile-links a{padding:5px 8px}.approach-layout{grid-template-columns:.78fr 1.22fr}.approach-visual{width:300px}.value-node{padding:7px}.value-node p{font-size:9.7px}.why-contact a{width:228px;min-height:94px}.why-contact__copy strong{font-size:15px}}
@media(max-width:900px){.why-experience{padding:34px 22px 48px;overflow-y:auto}.why-experience__inner{height:auto;min-height:100%}.why-layout{width:min(690px,calc(100vw - 130px));grid-template-columns:1fr;gap:18px}.why-contact a{width:min(100%,420px);min-height:82px} /* .why-mode .logo-shell{width:clamp(176px,25vw,222px)} */.why-card.is-open .why-card__body{max-height:900px}.engine-grid{grid-template-columns:145px 1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.why-experience{padding:32px 14px 42px}.why-heading{width:min(86vw,500px);padding-right:32px}.why-heading h1{font-size:clamp(29px,8.3vw,40px)}.why-divider{height:5px;margin-top:14px}.why-layout{width:min(78vw,430px);margin-top:18px} .why-mode .logo-shell{width:175px}.why-back{left:38px;width:42px;height:42px}.why-card__toggle{padding:13px 14px}.why-card__title{font-size:20px}.why-card__summary{font-size:13px}.engine-grid{grid-template-columns:1fr}.engine-profile{grid-template-columns:120px 1fr;align-items:start}.engine-photo{width:120px}.engine-proof{grid-template-columns:1fr}.approach-layout{grid-template-columns:1fr}.approach-visual{width:min(100%,330px)}.values-grid{grid-template-columns:1fr}.why-contact a{width:100%}}



/* ─── Why work with us: alignment and presentation refinement ─── */
.why-divider{
  position:relative;left:50%;width:100vw;height:6px;margin:11px 0 0;
  transform:translateX(-50%) scaleX(0);transform-origin:center;overflow:hidden;
  background:linear-gradient(110deg,#008B63 0%,#00C993 38%,#08C8EE 64%,#0869ED 100%);
  box-shadow:0 4px 12px rgba(8,105,237,.08);
  transition:transform .92s var(--ease) .12s;
  clip-path:none;opacity:1;
}
.why-divider::after{
  content:"";position:absolute;inset:0;opacity:.82;
  background:linear-gradient(145deg,rgba(255,255,255,.25) 0 11%,transparent 11%),linear-gradient(35deg,rgba(255,255,255,.12) 0 17%,transparent 17%),linear-gradient(112deg,transparent 0 32%,rgba(255,255,255,.11) 32% 47%,transparent 47%),linear-gradient(210deg,transparent 0 58%,rgba(0,0,0,.10) 58% 69%,transparent 69%);
  background-size:290px 100%;
}

/* Same control geometry as the Offerings back button, with the blue context retained. */
.why-back{
  position:absolute;left:clamp(48px,5vw,72px);top:50%;z-index:30;
  width:44px;height:44px;padding:0;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;
  background:rgba(8,105,237,.48);
  box-shadow:0 10px 24px rgba(8,105,237,.22),inset 0 1px 0 rgba(255,255,255,.28);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.82);pointer-events:none;
  transition:opacity .35s ease,transform .38s var(--ease),background .25s ease,box-shadow .25s ease;
}
.why-back span{display:block;font:400 27px/1 var(--font-body);transform:translateX(-1px)}
.why-back:hover,.why-back:focus-visible{
  background:rgba(18,59,198,.76);box-shadow:0 13px 29px rgba(8,105,237,.27),inset 0 1px 0 rgba(255,255,255,.30);
  transform:translate(-50%,-50%) scale(1.07);outline:none;
}

.engine-copy{min-width:0}
.why-card--engine.is-open .why-card__body{max-height:470px}
.engine-lead{margin-top:8px;font-size:13.35px;line-height:1.46}
.engine-lead strong{color:#005C43;font-weight:600}
.engine-proof{margin-top:9px}
.engine-proof span{font-size:11.35px;line-height:1.34}
.engine-proof span strong{color:#17343D;font-weight:600}
.engine-badges{
  justify-content:center;align-items:center;gap:6px;margin:11px auto 9px;
  max-width:900px;text-align:center;
}
.engine-badges span{
  padding:5px 8px;border-radius:999px;border:1px solid rgba(0,139,99,.10);
  background:#E8F8F2;color:#005C43;font:600 10.35px/1 var(--font-body);
}
.engine-badges span:nth-child(3n+2){background:#EAF4FF;color:#123BC6;border-color:rgba(8,105,237,.10)}
.engine-badges span:nth-child(3n){background:linear-gradient(90deg,#E8F8F2,#EAF4FF);color:#17343D;border-color:#DCE8E5}
.profile-links{justify-content:center;align-items:center;gap:10px;margin:9px auto 0;text-align:left}
.profile-links a{min-width:172px}

.approach-visual{width:min(100%,370px)}
.approach-center{
  position:absolute;left:50%;top:50%;width:48%;aspect-ratio:1;
  transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:17px;border-radius:50%;text-align:center;pointer-events:none;
  background:rgba(255,255,255,.97);border:1px solid #DCE8E5;
  box-shadow:0 10px 28px rgba(9,46,53,.10),inset 0 1px 0 rgba(255,255,255,.95);
}
.approach-center span{font:700 10.5px/1 var(--font-body);letter-spacing:.10em}
.approach-center strong{margin-top:5px;font:600 clamp(15px,1.15vw,18px)/1.08 var(--font-heading)}
.approach-center p{margin:7px auto 0;max-width:142px;color:#607078;font:400 9.45px/1.28 var(--font-body);text-wrap:balance}

.values-promise{justify-content:center;align-items:center;gap:7px;margin-top:2px;text-align:center}
.values-promise span{
  padding:6px 10px;border-radius:999px;border:1px solid #DCE8E5;
  background:#E8F8F2;color:#005C43;font:600 10.4px/1 var(--font-body);letter-spacing:.01em;
}
.values-promise span:nth-child(2){background:#EAF4FF;color:#123BC6;border-color:rgba(8,105,237,.13)}
.values-promise span:nth-child(3){background:linear-gradient(90deg,#E8F8F2,#EAF4FF);color:#17343D}

@media(max-height:760px) and (min-width:901px){
  .why-card--engine.is-open .why-card__body{max-height:390px}
  .engine-lead{font-size:12.1px;line-height:1.37}
  .engine-proof span{font-size:10.35px;line-height:1.25}
  .engine-badges{gap:4px;margin:7px auto 6px}
  .engine-badges span{padding:3px 6px;font-size:9.25px}
  .profile-links{margin-top:6px}
  .profile-links a{min-width:154px;padding:5px 8px}
  .approach-visual{width:306px}
  .approach-center{padding:13px}
  .approach-center p{font-size:8.5px;line-height:1.22;max-width:118px}
  .values-promise span{padding:4px 7px;font-size:9.5px}
}
@media(max-width:620px){
  .why-back{left:38px;width:40px;height:40px}
  .engine-badges{justify-content:center}
  .profile-links{justify-content:center}
  .approach-center{width:49%;padding:12px}
  .approach-center p{font-size:8.4px;max-width:112px}
}



/* ─────────────────────────────────────────────────────────────
   CENTERED CARD STAGE + IN-PLACE BIDIRECTIONAL EXPANSION
   ───────────────────────────────────────────────────────────── */
@media (min-width:901px){
  .offerings-experience__inner{position:relative}
  .offerings-experience__inner .offerings-cards{
    position:absolute;
    left:50%;
    top:53%;
    width:min(1130px,calc(100vw - 242px));
    margin:0;
    align-items:center;
    align-content:center;
    transform:translate(-50%,-50%) translateY(22px) scale(.99);
    transform-origin:center;
  }
  .offerings-ready .offerings-experience__inner .offerings-cards{
    transform:translate(-50%,-50%) translateY(0) scale(1);
  }
  .offering-card{
    align-self:center;
    transform-origin:center;
  }
  .offering-card__body,
  .offering-card__content{transform-origin:center}

  .why-experience__inner{position:relative}
  .why-experience__inner .why-layout{
    position:absolute;
    left:50%;
    top:53%;
    width:min(1180px,calc(100vw - 250px));
    margin:0;
    transform:translate(-50%,-50%) translateY(22px) scale(.99);
    transform-origin:center;
    align-items:center;
  }
  .why-ready .why-experience__inner .why-layout{
    transform:translate(-50%,-50%) translateY(0) scale(1);
  }
  .why-cards{
    height:auto;
    min-height:0;
    align-content:center;
    transform-origin:center;
  }
  .why-card,
  .why-card__body,
  .why-card__content{transform-origin:center}
}

/* Organizations and programmes — compact proof layer grounded in the CV */
.engine-organizations{
  margin-top:8px;
  padding:8px 10px 9px;
  text-align:center;
  background:linear-gradient(105deg,rgba(232,248,242,.92),rgba(247,250,250,.96),rgba(234,244,255,.92));
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
  box-shadow:inset 0 0 0 1px rgba(220,232,229,.9);
}
.engine-organizations__label{
  display:block;
  margin-bottom:6px;
  color:#17343D;
  font:600 10.2px/1.2 var(--font-heading);
  letter-spacing:.075em;
  text-transform:uppercase;
}
.engine-organizations__list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:4px 5px;
}
.engine-organizations__list span{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border-radius:999px;
  background:#fff;
  color:#005C43;
  box-shadow:inset 0 0 0 1px rgba(0,139,99,.13);
  font:600 9.2px/1 var(--font-body);
  white-space:nowrap;
}
.engine-organizations__list span:nth-child(3n+2){
  color:#123BC6;
  box-shadow:inset 0 0 0 1px rgba(8,105,237,.13);
}
.engine-organizations__list span:nth-child(3n){
  color:#17343D;
  box-shadow:inset 0 0 0 1px rgba(96,112,120,.14);
}
.engine-proof--single{grid-template-columns:1fr;margin-top:7px}
.engine-proof--single span{text-align:center;padding-left:20px;padding-right:20px}
.engine-proof--single span::before{left:9px}

@media (max-height:820px) and (min-width:901px){
  .offerings-experience__inner .offerings-cards{top:54%}
  .why-experience__inner .why-layout{top:54%}
  .why-card--engine.is-open .why-card__body{max-height:min(420px,calc(100vh - 315px))}
  .engine-organizations{padding:6px 8px 7px;margin-top:6px}
  .engine-organizations__label{margin-bottom:5px;font-size:9.6px}
  .engine-organizations__list{gap:3px 4px}
  .engine-organizations__list span{min-height:18px;padding:2px 6px;font-size:8.6px}
  .engine-badges{margin:6px 0;gap:4px}
  .engine-badges span{padding:3px 6px;font-size:9px}
  .profile-links{margin-top:6px}
}

@media (max-width:900px){
  .engine-organizations__list span{white-space:normal}
}



/* ─────────────────────────────────────────────────────────────
   v5 refinement — delivery environments, full Engine visibility,
   and a seam-free Offerings green half flush with the right edge
   ───────────────────────────────────────────────────────────── */

/* Dedicated crop: the green half reaches the right viewport edge and contains no white centre divider. */
.offerings-mode .logo-shell{
  left:auto!important;
  right:0!important;
  top:50%!important;
  width:clamp(104px,9.2vw,138px)!important;
  aspect-ratio:385/1051!important;
  transform:translate(0,-50%)!important;
  background:url("../images/offerings-green-head.png") right center/100% 100% no-repeat!important;
  filter:drop-shadow(-12px 16px 28px rgba(0,92,67,.14))!important;
}
.offerings-mode .logo-shell>.logo-whole,
.offerings-mode .logo-shell>.split-layer{
  opacity:0!important;
  visibility:hidden!important;
}

/* One compact horizontal proof row, replacing the organization list. */
.engine-environments{
  margin:8px 0 0;
  padding:8px 10px 7px;
  background:linear-gradient(105deg,rgba(232,248,242,.94),rgba(247,250,250,.97),rgba(234,244,255,.92));
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
  box-shadow:inset 0 0 0 1px rgba(220,232,229,.92);
  text-align:center;
}
.engine-environments__row{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:5px;
  min-width:0;
}
.engine-environments__row strong{
  flex:0 0 auto;
  color:#17343D;
  font:600 9.3px/1.1 var(--font-heading);
  letter-spacing:.025em;
  white-space:nowrap;
}
.engine-environments__row span{
  flex:0 1 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:3px 6px;
  border-radius:999px;
  background:#fff;
  color:#005C43;
  box-shadow:inset 0 0 0 1px rgba(0,139,99,.13);
  font:600 8.65px/1 var(--font-body);
  white-space:nowrap;
}
.engine-environments__row span:nth-of-type(2n){
  color:#123BC6;
  box-shadow:inset 0 0 0 1px rgba(8,105,237,.13);
}
.engine-environments p{
  margin:5px 0 0;
  color:#607078;
  font:400 9.45px/1.25 var(--font-body);
  letter-spacing:.01em;
}

/* Keep the complete Engine content inside the open card with reliable margins. */
.why-card--engine.is-open .why-card__body{
  max-height:min(500px,calc(100vh - 250px))!important;
}
.why-card--engine .why-card__content{
  padding:12px 17px 14px!important;
}
.why-card--engine .engine-grid{
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:19px!important;
  align-items:center!important;
}
.why-card--engine .engine-profile{
  align-self:center;
  gap:7px;
}
.why-card--engine .engine-photo{width:150px!important}
.why-card--engine .engine-lead{
  margin-top:7px;
  font-size:12.8px;
  line-height:1.39;
}
.why-card--engine .engine-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:4px 5px;
  max-width:none;
  margin:8px auto 7px;
}
.why-card--engine .engine-badges span{
  padding:3px 6px;
  font-size:9px;
  line-height:1;
}
.why-card--engine .profile-links{
  margin:7px auto 0;
}
.why-card--engine .profile-links a{
  min-width:164px;
  padding:6px 9px;
}

@media (min-width:901px) and (max-height:820px){
  .why-experience__inner .why-layout{top:52.5%!important}
  .why-card--engine.is-open .why-card__body{
    max-height:min(438px,calc(100vh - 270px))!important;
  }
  .why-card--engine .why-card__content{padding:9px 14px 11px!important}
  .why-card--engine .engine-grid{grid-template-columns:126px minmax(0,1fr)!important;gap:14px!important}
  .why-card--engine .engine-photo{width:126px!important}
  .why-card--engine .engine-stats{gap:4px}
  .why-card--engine .engine-stats span{padding:4px 6px}
  .why-card--engine .engine-lead{font-size:11.7px;line-height:1.32}
  .engine-environments{margin-top:5px;padding:5px 7px 5px}
  .engine-environments__row{gap:3px}
  .engine-environments__row strong{font-size:8.3px}
  .engine-environments__row span{min-height:17px;padding:2px 5px;font-size:7.65px}
  .engine-environments p{margin-top:3px;font-size:8.45px}
  .why-card--engine .engine-badges{gap:3px 4px;margin:5px auto}
  .why-card--engine .engine-badges span{padding:2px 5px;font-size:8.2px}
  .why-card--engine .profile-links{margin-top:5px}
  .why-card--engine .profile-links a{min-width:148px;padding:4px 7px}
}

@media (max-width:900px){
  .engine-environments__row{flex-wrap:wrap}
  .engine-environments__row strong{width:100%}
  .why-card--engine.is-open .why-card__body{max-height:1100px!important}
  .offerings-mode .logo-shell{width:clamp(88px,13vw,112px)!important}
}


/* v6 — two compact proof blocks inside The Green Mind engine */
.engine-context-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:8px;
  margin:8px 0 0;
  align-items:stretch;
}
.engine-mini-card{
  position:relative;
  min-width:0;
  padding:9px 10px 8px;
  background:rgba(255,255,255,.92);
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
  box-shadow:inset 0 0 0 1px rgba(220,232,229,.96),0 7px 18px rgba(9,46,53,.045);
  overflow:hidden;
}
.engine-mini-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#008B63,#00C993);
}
.engine-mini-card--environments::before{
  background:linear-gradient(180deg,#08C8EE,#0869ED);
}
.engine-mini-card h4{
  margin:0 0 6px;
  color:#17343D;
  font:600 10.4px/1.15 var(--font-heading);
  letter-spacing:.025em;
  text-align:center;
}
.engine-mini-card--clients,
.engine-mini-card--environments{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.engine-mini-card--clients{
  background:linear-gradient(135deg,rgba(232,248,242,.90),rgba(247,250,250,.97));
}
.engine-mini-card--environments{
  background:linear-gradient(135deg,rgba(247,250,250,.97),rgba(234,244,255,.92));
}
.engine-mini-card--clients p,
.engine-mini-card--environments p{
  margin:0;
  color:#607078;
  font:400 10.25px/1.36 var(--font-body);
  text-align:center;
}

/* Preserve full Engine-card visibility and internal margins. */
.why-card--engine .engine-lead{margin-bottom:0!important}
.why-card--engine .engine-badges{margin-top:7px!important}
.why-card--engine.is-open .why-card__body{
  max-height:min(520px,calc(100vh - 238px))!important;
}

@media (min-width:901px) and (max-height:820px){
  .engine-context-grid{gap:6px;margin-top:6px}
  .engine-mini-card{padding:6px 7px 6px}
  .engine-mini-card h4{margin-bottom:4px;font-size:8.9px}
  .engine-mini-card--clients p,
  .engine-mini-card--environments p{font-size:8.55px;line-height:1.25}
  .why-card--engine.is-open .why-card__body{
    max-height:min(458px,calc(100vh - 258px))!important;
  }
  .why-card--engine .engine-badges{margin-top:5px!important}
}

@media (max-width:900px){
  .engine-context-grid{grid-template-columns:1fr}
  .engine-mini-card h4{font-size:10px}
  .engine-mini-card--clients p,
  .engine-mini-card--environments p{font-size:10px}
}



/* ─────────────────────────────────────────────────────────────
   LET'S GET TO WORK — CONTACT MODE
   ───────────────────────────────────────────────────────────── */
.work-contact-panel{
  position:absolute;
  left:50%;
  top:calc(var(--menu-y) - 20px);
  width:min(430px,42vw);
  transform:translate(-50%,-50%) translateY(14px) scale(.97);
  z-index:7;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  text-align:center;
  filter:blur(8px);
  transition:opacity .55s ease,transform .72s var(--ease),filter .62s ease,visibility .55s ease;
  margin-bottom:18px;
}
.work-contact-panel__inner{
  position:relative;
  padding:22px 24px 23px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
  box-shadow:0 18px 42px rgba(9,46,53,.11);
  overflow:hidden;
}
.work-contact-panel__inner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.50;
  background:
    linear-gradient(145deg,rgba(0,201,147,.10) 0 15%,transparent 15%),
    linear-gradient(35deg,rgba(8,200,238,.08) 0 19%,transparent 19%),
    linear-gradient(212deg,transparent 0 62%,rgba(8,105,237,.07) 62% 76%,transparent 76%);
}

.work-back{
  position:absolute;
  left:14px;
  top:14px;
  z-index:3;
  width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.78);
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--blue-light),var(--blue),var(--blue-dark));
  box-shadow:0 10px 22px rgba(8,105,237,.20),inset 0 1px 0 rgba(255,255,255,.30);
  cursor:pointer;
  transition:transform .28s var(--ease),filter .28s ease,box-shadow .28s ease;
}
.work-back span{
  display:block;
  font:400 25px/1 var(--font-body);
  transform:translateX(-1px);
}
.work-back:hover,.work-back:focus-visible{
  transform:scale(1.07);
  filter:brightness(1.06);
  box-shadow:0 14px 28px rgba(8,105,237,.25),inset 0 1px 0 rgba(255,255,255,.34);
  outline:none;
}
.work-contact-panel h2{
  position:relative;
  z-index:1;
  margin:0;
  padding-inline:42px;
  color:var(--blue-dark);
  font:700 clamp(29px,2.35vw,38px)/1.08 var(--font-heading);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.work-contact-rule{
  position:relative;
  z-index:1;
  width:94px;
  height:4px;
  margin:14px auto 15px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green),var(--green-light) 38%,var(--blue-light) 62%,var(--blue));
  transform:scaleX(.3);
  opacity:0;
  transition:transform .68s var(--ease) .16s,opacity .44s ease .16s;
}
.work-contact-label{
  position:relative;
  z-index:1;
  margin:0 0 11px;
  color:var(--text);
  font:600 15px/1.2 var(--font-body);
  letter-spacing:.035em;
}
.work-contact-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
}
.work-contact-link{
  min-height:48px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 20px;
  align-items:center;
  gap:11px;
  padding:6px 12px 6px 8px;
  color:var(--text);
  text-decoration:none;
  text-align:left;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(220,232,229,.96);
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
  box-shadow:0 8px 18px rgba(9,46,53,.045);
  opacity:0;
  transform:translateY(10px);
  transition:transform .32s var(--ease),opacity .38s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.work-contact-link:nth-child(2){transition-delay:.06s}
.work-contact-link:nth-child(3){transition-delay:.12s}
.work-contact-link:hover,.work-contact-link:focus-visible{
  transform:translateY(-2px)!important;
  background:#fff;
  border-color:rgba(8,105,237,.24);
  box-shadow:0 12px 25px rgba(9,46,53,.09);
  outline:none;
}
.work-contact-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--green),var(--green-light));
  box-shadow:0 7px 16px rgba(0,139,99,.18);
}
.work-contact-link:nth-child(2) .work-contact-icon{
  background:linear-gradient(135deg,var(--green-light),var(--blue-light),var(--blue));
  box-shadow:0 7px 16px rgba(8,105,237,.16);
}
.work-contact-link:nth-child(3) .work-contact-icon{
  background:linear-gradient(135deg,var(--blue-light),var(--blue),var(--blue-dark));
  box-shadow:0 7px 16px rgba(8,105,237,.19);
}
.work-contact-icon svg{width:18px;height:18px}
.work-contact-copy small{
  display:block;
  margin-bottom:2px;
  color:var(--muted);
  font:500 10.5px/1.15 var(--font-body);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.work-contact-copy strong{
  display:block;
  overflow-wrap:anywhere;
  color:var(--text);
  font:600 13.6px/1.25 var(--font-body);
}
.work-contact-arrow{
  color:var(--blue);
  font:500 18px/1 var(--font-body);
  transition:transform .28s var(--ease);
}
.work-contact-link:hover .work-contact-arrow,.work-contact-link:focus-visible .work-contact-arrow{transform:translateX(3px)}

.work-mode .menu-wrap{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(.93);
  filter:blur(8px);
}
.work-mode .menu-item:nth-child(1){transform:translateY(-13px) scale(.95);opacity:0!important}
.work-mode .menu-item:nth-child(2){transform:scale(.94);opacity:0!important}
.work-mode .menu-item:nth-child(3){transform:translateY(13px) scale(.95);opacity:0!important}
.work-mode .utility{opacity:0;filter:blur(5px);transform:translateY(8px);pointer-events:none}
.work-mode .work-contact-panel{visibility:visible}
.work-ready .work-contact-panel{
  opacity:1;
  filter:blur(0);
  transform:translate(-50%,-50%) translateY(0) scale(1);
  pointer-events:auto;
}
.work-ready .work-contact-rule{transform:scaleX(1);opacity:1}
.work-ready .work-contact-link{opacity:1;transform:translateY(0)}
.work-leaving .work-contact-panel{opacity:0;filter:blur(7px);transform:translate(-50%,-50%) translateY(12px) scale(.98);pointer-events:none}

@media(max-width:760px){
  .work-contact-panel{width:min(78vw,340px);top:calc(var(--menu-y) - 12px)}
  .work-contact-panel__inner{padding:18px 17px 19px}
  .work-contact-panel h2{font-size:clamp(24px,6.4vw,31px)}
  .work-back{left:11px;top:11px;width:38px;height:38px}
  .work-back span{font-size:23px}
  .work-contact-link{grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;min-height:46px}
  .work-contact-icon{width:36px;height:36px}
  .work-contact-copy strong{font-size:12.5px}
}



/* ─────────────────────────────────────────────────────────────
   FINAL ALIGNMENT — WHY CARDS + GUIDELINE CONTACT TYPOGRAPHY
   ───────────────────────────────────────────────────────────── */
@media (min-width:901px){
  .why-experience__inner .why-layout{
    position:absolute!important;
    left:50%!important;
    top:53%!important;
    width:min(1320px,calc(100vw - 68px))!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    gap:0!important;
    transform:translate(-50%,-50%) translateY(22px) scale(.99)!important;
  }
  .why-ready .why-experience__inner .why-layout{
    transform:translate(-50%,-50%) translateY(0) scale(1)!important;
  }
  .why-cards{
    width:min(760px,56vw)!important;
    margin:0 auto!important;
    justify-self:center!important;
    align-self:center!important;
  }
  .why-contact{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  .why-experience__inner .why-layout{top:52.5%!important}
  .why-cards{width:min(720px,54vw)!important}
  .why-contact a{width:218px!important;min-height:88px!important}
}

@media (max-width:900px){
  .why-experience__inner .why-layout{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:min(690px,calc(100vw - 130px))!important;
    margin:18px auto 0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    transform:none!important;
  }
  .why-cards{width:100%!important;margin:0 auto!important}
  .why-contact{position:static!important;transform:none!important;margin:0 auto!important;width:100%!important}
}

/* Contact panel follows Green Mind Guidelines: Sora headings, Inter UI text,
   dark green / primary text / neutral border, and the brand gradient as accent. */
.work-contact-panel{
  width:min(454px,44vw);
}
.work-contact-panel__inner{
  padding:24px 25px 24px;
  background:rgba(255,255,255,.94);
  border:1px solid #DCE8E5;
  box-shadow:0 18px 42px rgba(9,46,53,.10);
}
.work-contact-panel__inner::before{
  opacity:.30;
  background:
    linear-gradient(145deg,rgba(0,139,99,.07) 0 15%,transparent 15%),
    linear-gradient(35deg,rgba(8,200,238,.055) 0 19%,transparent 19%),
    linear-gradient(212deg,transparent 0 62%,rgba(8,105,237,.045) 62% 76%,transparent 76%);
}
.work-contact-panel h2{
  color:#005C43;
  font-family:var(--font-heading);
  font-size:clamp(31px,2.45vw,40px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.04em;
}
.work-contact-rule{
  width:112px;
  height:4px;
  margin:15px auto 16px;
  background:linear-gradient(90deg,#008B63 0%,#00C993 38%,#08C8EE 62%,#0869ED 100%);
}
.work-contact-label{
  margin:0 0 12px;
  color:#607078;
  font-family:var(--font-body);
  font-size:15px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:.02em;
}
.work-contact-list{gap:9px}
.work-contact-link{
  min-height:52px;
  padding:7px 13px 7px 9px;
  color:#17343D;
  background:#FFFFFF;
  border:1px solid #DCE8E5;
  box-shadow:0 7px 18px rgba(9,46,53,.045);
}
.work-contact-link:hover,.work-contact-link:focus-visible{
  background:#FFFFFF;
  border-color:rgba(0,139,99,.32);
  box-shadow:0 12px 26px rgba(9,46,53,.085);
}
.work-contact-copy small{
  color:#607078;
  font-family:var(--font-body);
  font-size:10.5px;
  font-weight:500;
}
.work-contact-copy strong{
  color:#17343D;
  font-family:var(--font-body);
  font-size:14px;
  font-weight:600;
  line-height:1.25;
}
.work-contact-arrow{color:#0869ED}
.work-back{
  background:linear-gradient(135deg,#08C8EE,#0869ED 58%,#123BC6);
}

@media(max-width:760px){
  .work-contact-panel{width:min(84vw,360px)}
  .work-contact-panel__inner{padding:20px 18px 20px}
  .work-contact-panel h2{font-size:clamp(25px,6.5vw,32px);padding-inline:38px}
}


/* ─────────────────────────────────────────────────────────────
   FINAL CONTACT SPACING — keep panel clear of GREEN MIND
   ───────────────────────────────────────────────────────────── */
.work-contact-panel{
  top:auto!important;
  bottom:calc(100% - var(--brand-y) + 16px)!important;
  margin-bottom:0!important;
  transform:translateX(-50%) translateY(14px) scale(.97)!important;
}
.work-ready .work-contact-panel{
  transform:translateX(-50%) translateY(0) scale(1)!important;
}
.work-leaving .work-contact-panel{
  transform:translateX(-50%) translateY(12px) scale(.98)!important;
}
@media(max-width:760px){
  .work-contact-panel{
    top:auto!important;
    bottom:calc(100% - var(--brand-y) + 12px)!important;
  }
}