/* Engage Games homepage design system: Curated Hybrid. */
body[data-design-system="curated"]{--curated-deep:#0b1321;--curated-proof:#0c1423;--curated-origin-end:#101a2d;--curated-surface:#16223a;--curated-paper:#e8e4dc;--curated-ink:#0d1626;--surface-bleed-depth:clamp(140px,14vw,200px);--motion-quick:150ms;--motion-fast:250ms;--motion-slow:400ms;--motion-reveal-compact:480ms;--motion-reveal:680ms;--motion-stagger:60ms;--motion-distance:24px;--motion-out:cubic-bezier(.22,1,.36,1)}

/* Keep first-scroll compositing stable without changing the curated motion. */
body[data-design-system="curated"]::after{display:none}
body[data-design-system="curated"] .nav,
body[data-design-system="curated"] .nav.scrolled{border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:padding var(--motion-fast) var(--motion-out),background-color var(--motion-fast) var(--motion-out)}
body[data-design-system="curated"] .diag-light,
body[data-design-system="curated"] .diag-dark,
body[data-design-system="curated"] .diag-dark-alt{margin-top:0;clip-path:none;transition:none}

/* Hero: the Engage identity leads; no single product is privileged. */
body[data-design-system="curated"] .hero{background:radial-gradient(circle at 78% 42%,rgba(0,242,193,.13),transparent 36%),var(--curated-deep)}
body[data-design-system="curated"] .hero-content{max-width:1480px}
body[data-design-system="curated"] .hero-headline{max-width:1280px;font-size:clamp(58px,7.5vw,118px)}
body[data-design-system="curated"] .hero-watermark{right:-8%;top:48%;width:min(850px,62vw);opacity:.06;transform-origin:center}
body[data-design-system="curated"] .hero-accent-line,
body[data-design-system="curated"] .hero-grid-line{display:none}

/* One quiet Engage watermark per major section. */
body[data-design-system="curated"] .philosophy,
body[data-design-system="curated"] .metrics-bar,
body[data-design-system="curated"] .proof,
body[data-design-system="curated"] .testimonials,
body[data-design-system="curated"] .origin,
body[data-design-system="curated"] .close,
body[data-design-system="curated"] .contact,
body[data-design-system="curated"] .footer{position:relative;isolation:isolate;overflow:hidden}
body[data-design-system="curated"] .philosophy::before,
body[data-design-system="curated"] .metrics-bar::before,
body[data-design-system="curated"] .proof::before,
body[data-design-system="curated"] .testimonials::before,
body[data-design-system="curated"] .origin::before,
body[data-design-system="curated"] .close::before,
body[data-design-system="curated"] .contact::before,
body[data-design-system="curated"] .footer::before{content:'';position:absolute;z-index:0;width:clamp(260px,38vw,620px);aspect-ratio:123/150;background:currentColor;opacity:.026;pointer-events:none;mask:var(--eg-mark) center/contain no-repeat;-webkit-mask:var(--eg-mark) center/contain no-repeat;filter:none}
body[data-design-system="curated"] .philosophy::before{right:-8%;top:50%;transform:translateY(-50%) rotate(5deg)}
body[data-design-system="curated"] .metrics-bar::before{left:-7%;top:50%;transform:translateY(-50%) rotate(-6deg)}
body[data-design-system="curated"] .proof::before{right:-10%;top:13%;transform:rotate(6deg)}
body[data-design-system="curated"] .testimonials::before{left:-9%;bottom:-38%;transform:rotate(-7deg)}
body[data-design-system="curated"] .origin::before{right:-8%;top:14%;transform:rotate(5deg)}
body[data-design-system="curated"] .close::before{left:-6%;top:-45%;transform:rotate(-5deg)}
body[data-design-system="curated"] .contact::before{right:-8%;bottom:-38%;transform:rotate(6deg)}
body[data-design-system="curated"] .footer::before{right:3%;top:-160px;width:260px;opacity:.02;transform:rotate(5deg)}
body[data-design-system="curated"] .phil-grid,
body[data-design-system="curated"] .metrics-inner,
body[data-design-system="curated"] .proof>*,
body[data-design-system="curated"] .testimonials>*,
body[data-design-system="curated"] .origin>*,
body[data-design-system="curated"] .close>*,
body[data-design-system="curated"] .contact>*,
body[data-design-system="curated"] .footer>*{position:relative;z-index:1}

/* Signature teal brand statement; retain navy type and clean section edges. */
body[data-design-system="curated"] .philosophy{background:linear-gradient(135deg,var(--accent) 0%,#1cf0cc 45%,#4df5d7 100%);color:var(--curated-ink)}
body[data-design-system="curated"] .phil-ghost{display:none}
body[data-design-system="curated"] .phil-heading,
body[data-design-system="curated"] .phil-para,
body[data-design-system="curated"] .phil-statement{color:var(--curated-ink)}
body[data-design-system="curated"] .phil-heading::after{display:none}

/* Portfolio results become three legible, tonal tiles. */
body[data-design-system="curated"] .metrics-bar{background:var(--curated-deep);border:0;padding:56px}
body[data-design-system="curated"] .metrics-inner{grid-template-columns:170px 1fr;gap:48px;max-width:1400px}
body[data-design-system="curated"] .metrics-row{gap:12px;align-items:stretch}
body[data-design-system="curated"] .metric{min-width:0;min-height:210px;padding:34px;background:var(--curated-surface);border:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:18px;clip-path:polygon(0 12px,100% 0,100% 100%,0 100%)}
body[data-design-system="curated"] .metric-value{align-items:baseline}
body[data-design-system="curated"] .metric-num{font-size:clamp(58px,5.5vw,88px);letter-spacing:-.045em}
body[data-design-system="curated"] .metric-sym{font-size:clamp(38px,3.6vw,58px);opacity:.9;margin-left:.045em}
body[data-design-system="curated"] .metric-label{font-size:15px;line-height:1.45;max-width:285px}
body[data-design-system="curated"] .metrics-row .metric.rv{transition-delay:0ms}
/* Static surface blends live below content and finish at the next navy. */
body[data-design-system="curated"] .metrics-bar::after{
  content:'';position:absolute;z-index:0;inset:auto 0 0;
  height:var(--surface-bleed-depth);pointer-events:none;
  background:linear-gradient(180deg,rgba(12,20,35,0) 0%,rgba(12,20,35,.104) 20%,rgba(12,20,35,.352) 40%,rgba(12,20,35,.648) 60%,rgba(12,20,35,.896) 80%,var(--curated-proof) 100%)
}

/* Case-study theatre: three equal cards and both UI states visible. */
body[data-design-system="curated"] .proof{background:var(--curated-proof)}
body[data-design-system="curated"] .proof-header{text-align:left}
body[data-design-system="curated"] .proof-title{font-size:clamp(52px,5.4vw,78px)}
body[data-design-system="curated"] .proof-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}
body[data-design-system="curated"] .proof-card{height:100%;border:1px solid rgba(255,255,255,.18);border-radius:0;background:var(--curated-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:none}
body[data-design-system="curated"] .proof-card.rv{opacity:0;transform:translate3d(0,64px,0);filter:none;transition:opacity var(--motion-reveal-compact) var(--motion-out),transform var(--motion-reveal) var(--motion-out)}
body[data-design-system="curated"] .proof-card.rv.vis{opacity:1;transform:translate3d(0,0,0)}
body[data-design-system="curated"] .proof-card.rv.rv-d1{transition-delay:0ms}
body[data-design-system="curated"] .proof-card.rv.rv-d2{transition-delay:60ms}
body[data-design-system="curated"] .proof-card.rv.rv-d3{transition-delay:120ms}
body[data-design-system="curated"] .proof-card::before{display:none}
body[data-design-system="curated"] .proof-card::after{display:block;content:'';position:absolute;inset:0;z-index:3;width:auto;height:auto;background:transparent;border:1px solid rgba(0,242,193,.42);opacity:0;transform:none;transform-origin:center;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-out)}
body[data-design-system="curated"] .proof-card-inner{padding:0 32px 40px}
body[data-design-system="curated"] .proof-device-wrap{--proof-primary-width:min(52%,202px);--proof-support-width:min(43%,172px);position:relative;isolation:isolate;order:-1;min-height:458px;margin:0 -32px 38px;padding:36px 12px;background:var(--curated-deep);display:flex;align-items:center;justify-content:center;gap:4px;perspective:none;overflow:hidden}
body[data-design-system="curated"] .proof-device-wrap::after{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 52% 58% at 39% 44%,rgba(0,242,193,.1) 0%,rgba(0,242,193,.035) 45%,transparent 72%);opacity:.28;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-out)}
body[data-design-system="curated"] .proof-device,
body[data-design-system="curated"] .proof-device-back{display:block;position:relative;inset:auto;flex:0 0 auto;height:auto;margin:0;opacity:1;filter:none;z-index:1}
body[data-design-system="curated"] .proof-device{width:var(--proof-primary-width)!important}
body[data-design-system="curated"] .proof-device-back{width:var(--proof-support-width)!important}
body[data-design-system="curated"] .proof-device img,
body[data-design-system="curated"] .proof-device-back img{width:100%;height:auto;max-width:none;object-fit:contain}
body[data-design-system="curated"] .proof-device{transform:rotate(-1.5deg)}
body[data-design-system="curated"] .proof-device-back{transform:rotate(2.5deg)}
body[data-design-system="curated"] .proof-device,
body[data-design-system="curated"] .proof-device-back{transition:transform var(--motion-fast) var(--motion-out)}
body[data-design-system="curated"] .proof-operator{order:0;margin-bottom:30px;color:var(--steel-light)}
body[data-design-system="curated"] .proof-operator::before,
body[data-design-system="curated"] .proof-game-mark,
body[data-design-system="curated"] .proof-bridge::before{display:none}
body[data-design-system="curated"] .proof-num{font-size:clamp(76px,6.4vw,112px)}
body[data-design-system="curated"] .proof-num-suffix{font-size:clamp(48px,4vw,68px);opacity:1}
body[data-design-system="curated"] .proof-metric-label{font-size:16px;max-width:300px}
body[data-design-system="curated"] .proof-desc{font-size:15px;line-height:1.65}
body[data-design-system="curated"] .proof-link{border:0;padding-top:0;gap:10px;transition:color var(--motion-fast) ease}
body[data-design-system="curated"] .proof-link span{transition:transform var(--motion-quick) var(--motion-out)}
body[data-design-system="curated"] .proof-bridge{margin-top:86px}

/* Quotes stay editorial, with the quotation marks doing the visual work. */
body[data-design-system="curated"] .testimonials{background:var(--light)}
body[data-design-system="curated"] .test-card{padding-top:48px}
body[data-design-system="curated"] .test-card::before,
body[data-design-system="curated"] .test-operator-divider{display:none}
body[data-design-system="curated"] .test-text{font-size:clamp(21px,1.7vw,25px)}
body[data-design-system="curated"] .origin{background:linear-gradient(180deg,#0a1220,var(--curated-origin-end))}
/* Identical radial stops/radii make these two halves one continuous glow. */
body[data-design-system="curated"] .origin::after{
  content:'';position:absolute;z-index:0;inset:auto 0 0;
  height:var(--surface-bleed-depth);pointer-events:none;
  background:
    radial-gradient(ellipse 48% var(--surface-bleed-depth) at 82% 100%,rgba(0,242,193,.03) 0%,rgba(0,242,193,.024) 30%,rgba(0,242,193,.01) 60%,rgba(0,242,193,0) 100%),
    linear-gradient(180deg,rgba(11,19,33,0) 0%,rgba(11,19,33,.104) 20%,rgba(11,19,33,.352) 40%,rgba(11,19,33,.648) 60%,rgba(11,19,33,.896) 80%,var(--curated-deep) 100%)
}
body[data-design-system="curated"] .close{
  background:
    radial-gradient(ellipse 48% var(--surface-bleed-depth) at 82% 0%,rgba(0,242,193,.03) 0%,rgba(0,242,193,.024) 30%,rgba(0,242,193,.01) 60%,rgba(0,242,193,0) 100%),
    var(--curated-deep)
}

/* The primary action is unmistakably Engage turquoise, with a small hover expansion. */
body[data-design-system="curated"] .contact{background:var(--light)}
body[data-design-system="curated"] .cf-submit{background:var(--accent);border-color:var(--accent);color:var(--curated-deep);transition:transform var(--motion-quick) var(--motion-out),background-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-quick) ease}
body[data-design-system="curated"] .cf-submit::before{display:none}
body[data-design-system="curated"] .cf-submit-arrow{transition:transform var(--motion-fast) var(--motion-out)}
body[data-design-system="curated"] .footer{border:0;background:var(--curated-deep)}
body[data-design-system="curated"] .footer-brand{word-spacing:-.08em;white-space:nowrap}

@media(hover:hover) and (pointer:fine){
  body[data-design-system="curated"] .proof-card:hover{background:var(--curated-surface);border-color:rgba(255,255,255,.18);transform:none}
  body[data-design-system="curated"] .proof-card:hover::after{opacity:1;transform:none}
  body[data-design-system="curated"] .proof-card:hover .proof-device-wrap::after{opacity:.85}
  body[data-design-system="curated"] .proof-card:hover .proof-device{transform:translateY(-3px) rotate(-1deg) scale(1.012)}
  body[data-design-system="curated"] .proof-card:hover .proof-device-back{transform:rotate(2.5deg)}
  body[data-design-system="curated"] .proof-card:hover .proof-link{gap:10px;color:var(--accent)}
  body[data-design-system="curated"] .proof-card:hover .proof-link span{transform:translateX(4px)}
  body[data-design-system="curated"] .cf-submit:hover{background:var(--accent);color:var(--curated-deep);transform:scale(1.025)}
  body[data-design-system="curated"] .cf-submit:hover .cf-submit-arrow{transform:translateX(6px)}
  body[data-design-system="curated"] .footer-ukgc:hover,
  body[data-design-system="curated"] .footer-linkedin:hover{color:var(--accent)}
}

@media (hover: none), (pointer: coarse){
  body[data-design-system="curated"] .proof-card:hover::before,
  body[data-design-system="curated"] .proof-card:hover::after{opacity:0}
  body[data-design-system="curated"] .proof-card:hover .proof-device-wrap::after,
  body[data-design-system="curated"] .proof-device-wrap:hover::after{opacity:.28}
  body[data-design-system="curated"] .proof-card:hover .proof-device{transform:rotate(-1.5deg)}
  body[data-design-system="curated"] .proof-card:hover .proof-device-back{transform:rotate(2.5deg)}
  body[data-design-system="curated"] .proof-card:hover .proof-link{gap:10px}
  body[data-design-system="curated"] .proof-card:hover .proof-link span{transform:none}
}

@media(max-width:1100px) and (min-width:761px){
  body[data-design-system="curated"] .metrics-inner{grid-template-columns:1fr;gap:28px}
  body[data-design-system="curated"] .metrics-eyebrow{max-width:none}
  body[data-design-system="curated"] .proof-cards{grid-template-columns:1fr;gap:24px}
  body[data-design-system="curated"] .proof-card-inner{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);grid-auto-rows:auto;padding:0 38px 38px;column-gap:38px}
  body[data-design-system="curated"] .proof-device-wrap{--proof-primary-width:170px;--proof-support-width:147px;grid-column:1;grid-row:1/9;margin:0 0 -38px -38px;min-height:520px;padding:36px 28px;gap:4px}
  body[data-design-system="curated"] .proof-card-inner>*:not(.proof-device-wrap){grid-column:2}
  body[data-design-system="curated"] .proof-operator{margin-top:42px}
  body[data-design-system="curated"] .proof-card.rv{transform:translate3d(0,40px,0)}
  body[data-design-system="curated"] .proof-card.rv.vis{transform:translate3d(0,0,0)}
  body[data-design-system="curated"] .proof-card.rv.rv-d1,
  body[data-design-system="curated"] .proof-card.rv.rv-d2,
  body[data-design-system="curated"] .proof-card.rv.rv-d3{transition-delay:0ms}
  body[data-design-system="curated"] .proof-device,
  body[data-design-system="curated"] .proof-device-back{display:block;height:auto}
}

@media(max-width:760px){
  body[data-design-system="curated"] .hero-headline{font-size:clamp(42px,12vw,62px)}
  body[data-design-system="curated"] .hero-watermark{width:115vw;right:-36%;top:44%;opacity:.08}
  body[data-design-system="curated"] .metrics-bar{padding:60px 20px}
  body[data-design-system="curated"] .metrics-inner{grid-template-columns:1fr;gap:28px}
  body[data-design-system="curated"] .metrics-row{grid-template-columns:1fr}
  body[data-design-system="curated"] .metric{min-height:180px;padding:28px 24px}
  body[data-design-system="curated"] .proof-cards{grid-template-columns:1fr;gap:16px}
  body[data-design-system="curated"] .proof-card.rv{transform:translate3d(0,24px,0);transition-duration:var(--motion-reveal-compact)}
  body[data-design-system="curated"] .proof-card.rv.vis{transform:translate3d(0,0,0)}
  body[data-design-system="curated"] .proof-card.rv.rv-d1,
  body[data-design-system="curated"] .proof-card.rv.rv-d2,
  body[data-design-system="curated"] .proof-card.rv.rv-d3{transition-delay:0ms}
  body[data-design-system="curated"] .proof-card-inner{display:flex;padding:0 26px 40px}
  body[data-design-system="curated"] .proof-device-wrap{--proof-primary-width:min(50%,196px);--proof-support-width:min(41%,164px);min-height:420px;margin:0 -26px 36px;padding:24px 6px;gap:4px}
  body[data-design-system="curated"] .proof-device,
  body[data-design-system="curated"] .proof-device-back{display:block;height:auto;max-width:none}
  body[data-design-system="curated"] .proof-operator{margin-top:0}
}

@media(max-width:420px){
  body[data-design-system="curated"] .hero-headline{font-size:clamp(34px,9.2vw,42px)}
  body[data-design-system="curated"] .proof-device-wrap{--proof-primary-width:min(50%,166px);--proof-support-width:min(41%,142px);min-height:370px}
}

@media(max-width:360px){
  body[data-design-system="curated"] .hero-headline{font-size:clamp(32px,9vw,34px)}
}

@media(prefers-reduced-motion:reduce){
  body[data-design-system="curated"] .proof-card::before,
  body[data-design-system="curated"] .proof-card::after,
  body[data-design-system="curated"] .proof-device-wrap::after{transition-duration:var(--motion-fast)!important}
  body[data-design-system="curated"] .proof-device,
  body[data-design-system="curated"] .proof-device-back,
  body[data-design-system="curated"] .proof-link span,
  body[data-design-system="curated"] .cf-submit,
  body[data-design-system="curated"] .cf-submit-arrow{transition-duration:.01ms!important;transform:none!important}
  body[data-design-system="curated"] .proof-card.rv{opacity:0;transform:none!important;filter:none!important;transition:opacity 200ms var(--motion-out)!important;transition-delay:0ms!important}
  body[data-design-system="curated"] .proof-card.rv.vis{opacity:1}
}