html { background: #e9f5ff; }
body { margin: 0; }
.engines-shell { container-type: inline-size; max-width: 1920px; margin-inline: auto; }
.engines-section,.engines-section * { box-sizing: border-box; }
.engines-section { position: relative; isolation: isolate; overflow: hidden; padding: 3.1cqw 3.65cqw 2.4cqw; min-height: 66.67cqw; color: #010b2d; font-family: Arial,Helvetica,sans-serif; background: radial-gradient(ellipse at 99% 0,#bddcffaa,transparent 39%),radial-gradient(ellipse at 1% 78%,#aad0ff88,transparent 42%),radial-gradient(ellipse at 87% 89%,#dbfded66,transparent 31%),linear-gradient(120deg,#f4fbff,#f9feff 56%,#e8f4ff); }
.engines-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.engines-blueprint { position: absolute; inset: 0; z-index: -1; opacity: .6; pointer-events: none; background: linear-gradient(26deg,transparent 38%,#fff9 38.1% 38.25%,transparent 38.35%),linear-gradient(-24deg,transparent 44%,#fffc 44.1% 44.25%,transparent 44.35%),repeating-linear-gradient(90deg,transparent 0 13cqw,#ffffff6b 13cqw 13.1cqw,transparent 13.2cqw 25cqw); }
.engines-blueprint::before { content: ''; position: absolute; right: -8%; top: -15%; width: 36%; height: 120%; transform: skewY(-12deg); background-image: linear-gradient(#fff8 1px,transparent 1px),linear-gradient(90deg,#fff6 1px,transparent 1px); background-size: 9cqw 9cqw; }
.engines-header { display: grid; grid-template-columns: 58% 40%; gap: 2%; margin-bottom: 2cqw; padding-inline: 1.2cqw .4cqw; }
.engines-eyebrow { display: flex; gap: 1.1cqw; align-items: center; font: 500 .77cqw/1.1 monospace; letter-spacing: .21cqw; margin: 0 0 1.55cqw; }
.engines-eyebrow span { display: grid; place-items: center; border: 1px solid #819dff; border-radius: .9cqw; padding: .38cqw .83cqw; font-size: .86cqw; font-weight: 700; letter-spacing: .15cqw; }
.engines-eyebrow b { font-weight: 500; }.engines-eyebrow i { display: block; width: 2.5cqw; height: 1px; background: #a8bce1; }
.engines-heading-block h2 { margin: 0; font-size: 7cqw; line-height: .84; letter-spacing: -.35cqw; font-weight: 800; white-space: nowrap; }
.engines-heading-block h2 span { background: linear-gradient(100deg,#0642ff 6%,#0963ff 49%,#00c5c1 91%,#00d6b1); color: #005dff; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.engines-handwritten { position: relative; display: inline-block; margin: 1cqw 0 0 1cqw; color: #6174aa; font-family: 'Segoe Print','Bradley Hand','Comic Sans MS',cursive; font-size: 2.05cqw; font-style: italic; line-height: 1.3; letter-spacing: .055cqw; transform: rotate(-1deg); }
.engines-handwritten svg { position: absolute; width: 7cqw; height: .9cqw; right: -1.4cqw; bottom: -.15cqw; }
.engines-intro { padding-top: 7.25cqw; }
.engines-intro>p { margin: 0; color: #3c4d88; font-size: 1.19cqw; line-height: 1.55; letter-spacing: -.02cqw; }
.engines-values { display: flex; gap: 1.3cqw; margin-top: 1.6cqw; color: #304779; font: 500 .75cqw/1.2 monospace; letter-spacing: .18cqw; white-space: nowrap; }
.engines-values span { color: #5b73a4; }.engines-values b { position: relative; font-weight: 500; }.engines-values svg { position: absolute; top: 1.1cqw; left: 15%; width: 6cqw; height: .8cqw; }
.engine-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6cqw; }
.engine-card { --accent: #00d7ff; --bright: #00f5ff; --pointer-x: 70%; --pointer-y: 45%; position: relative; isolation: isolate; min-width: 0; min-height: 36.3cqw; border: 1px solid #5376ac; border-radius: 1.4cqw; overflow: hidden; color: #fff; background: radial-gradient(ellipse at 81% 38%,#003f9a99,transparent 60%),linear-gradient(130deg,#000516,#001842); box-shadow: 0 15px 25px #477fc325; transition: box-shadow 250ms ease,border-color 250ms ease; }
.engine-card::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent) 13%,transparent),transparent 45%); opacity: 0; transition: opacity 220ms ease; }
.engine-groups { --accent: #91ff45; --bright: #c2ff56; border-color: #347a4b; background: radial-gradient(ellipse at 73% 47%,#087b2899,transparent 53%),linear-gradient(130deg,#00130d,#002d1b); }
.engine-brand { position: absolute; left: 5.2%; top: 7.5%; display: flex; align-items: center; gap: 1cqw; z-index: 3; pointer-events: none; }
.engine-brand-icon { width: 5.8cqw; height: 7.2cqw; color: #a9f769; filter: drop-shadow(0 0 4px var(--accent)); }
.engine-groups .engine-brand-icon { width: 6.8cqw; height: 6cqw; filter: none; }
.engine-brand h2 { display: flex; flex-direction: column; margin: 0; font-style: italic; font-weight: 900; line-height: .86; letter-spacing: -.12cqw; transform: skewX(-4deg); }
.engine-brand small { font-size: 2.7cqw; color: #fff; letter-spacing: -.13cqw; }
.engine-brand strong { font-size: 4.8cqw; color: #1deaff; -webkit-text-stroke: 1px #b5efff; text-shadow: 0 3px 0 #0356eb,0 0 8px #0878ff; }
.engine-groups .engine-brand strong { font-size: 4.7cqw; color: #a5f460; -webkit-text-stroke: 0; text-shadow: 0 3px 0 #396b0b; }
.engine-tagline { position: absolute; left: 5.2%; top: 29.5%; z-index: 3; margin: 0; color: #95ecff; font: 600 .73cqw/1.2 monospace; letter-spacing: .2cqw; white-space: nowrap; }
.engine-groups .engine-tagline { color: #e1f4df; letter-spacing: .19cqw; }
.engine-description { position: absolute; left: 5.2%; top: 35.2%; z-index: 3; font-size: 1.14cqw; line-height: 1.42; letter-spacing: -.018cqw; margin: 0; text-shadow: 0 1px 8px #0009; }
.engine-cta { position: absolute; z-index: 5; top: 49%; left: 5.2%; display: inline-flex; align-items: center; justify-content: space-between; gap: 1.3cqw; padding: 1.1cqw 1.7cqw; min-height: 4.4cqw; border: 1px solid #23f8ff; border-radius: .85cqw; background: linear-gradient(105deg,#0343ff,#0089ff); color: #fff; box-shadow: 0 0 19px #008bff4d; font: 700 .91cqw/1.2 Arial,Helvetica,sans-serif; cursor: pointer; transition: transform 220ms ease,box-shadow 220ms ease; }
.engine-cta span { font-size: 1.35cqw; line-height: .8; transition: translate 220ms ease; }
.engine-groups .engine-cta { top: 52.5%; border-color: #c8ff71; color: #081006; background: linear-gradient(110deg,#d2ff76,#acfb52); box-shadow: 0 0 19px #a1fa4140; }
.engine-cta:is(:hover,:focus-visible) { transform: translateY(-2px); box-shadow: 0 0 27px color-mix(in srgb,var(--accent) 65%,transparent); }
.engine-cta:is(:hover,:focus-visible) span { translate: 4px 0; }
.engine-cta:active { transform: translateY(0) scale(.98); }
.engine-cta:focus-visible,.engine-features li:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.engine-scene { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.engine-energy { position: absolute; z-index: 0; width: 51%; height: 58%; top: 8%; right: 0; border: 1px solid color-mix(in srgb,var(--accent) 35%,transparent); border-radius: 50%; transform: rotate(-24deg); box-shadow: 0 0 12px color-mix(in srgb,var(--accent) 17%,transparent),inset 0 0 15px color-mix(in srgb,var(--accent) 15%,transparent); }
.engine-energy::before,.engine-energy::after { content: ''; position: absolute; inset: 11%; border: 1px dashed color-mix(in srgb,var(--accent) 46%,transparent); border-radius: 50%; }
.engine-energy::after { inset: -5%; opacity: .4; }
.engine-grid-floor { position: absolute; inset: 56% -15% 18%; background: repeating-linear-gradient(0deg,transparent 0 22px,color-mix(in srgb,var(--accent) 20%,transparent) 22px 23px),repeating-linear-gradient(90deg,transparent 0 45px,color-mix(in srgb,var(--accent) 16%,transparent) 45px 46px); transform: perspective(200px) rotateX(55deg); mask-image: linear-gradient(transparent,#000); }
.engine-mascot { position: absolute; right: 17%; bottom: 27%; width: 37%; height: 54%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 55%,transparent)); transform: translate(var(--mascot-x,0px),var(--mascot-y,0px)); transition: transform 220ms ease-out; }
.groups-mascot { width: 37%; right: 11%; bottom: 25.3%; height: 52%; }
.engine-platform { position: absolute; left: 0; bottom: 21%; width: 100%; height: 16%; color: var(--accent); filter: drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 40%,transparent)); }
.engine-groups .engine-platform { left: 5%; }
.force-dashboard,.force-proof,.force-performance,.force-result { position: absolute; border: 1.5px solid #10cfff; border-radius: .65cqw; background: linear-gradient(120deg,#003888ed,#001633e6); box-shadow: inset 0 0 9px #0084ff80,0 0 12px #0077ff80; color: #e1f7ff; }
.force-dashboard { top: 5%; right: 3%; width: 28%; height: 25%; padding: .65cqw .9cqw; transform: skewY(-5deg); }
.force-dashboard>span { font: 500 .91cqw/1.2 monospace; letter-spacing: .08cqw; }
.funding-amount { display: flex; align-items: center; gap: .65cqw; margin: .7cqw 0 .35cqw; font-size: 1.65cqw; font-weight: 700; }.funding-amount i { width: 1.45cqw; height: 1.6cqw; color: #15e5ff; }.funding-amount svg { width: 100%; height: 100%; }
.funding-track { height: .65cqw; border: 1px solid #227fff; border-radius: 99px; margin-left: 2.1cqw; background: #0855bd; overflow: hidden; }.funding-track b { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#c0ffff,#06e5f7); }
.force-dashboard small { display: block; margin: .35cqw 0 0 2.1cqw; font-size: .67cqw; }
.force-proof { top: 33%; right: 3%; width: 18.5%; padding: .5cqw .7cqw; transform: skewY(-4deg); }
.force-proof>span { display: block; margin-bottom: .65cqw; font: 500 .73cqw/1.2 monospace; white-space: nowrap; }.force-proof p { display: flex; align-items: center; gap: .4cqw; font-size: .61cqw; white-space: nowrap; margin: .45cqw 0; }.force-proof i { display: grid; place-items: center; background: #00e4c2; color: #00364e; border-radius: 50%; width: .95cqw; height: .95cqw; font-size: .7cqw; font-style: normal; }
.force-performance { left: 43%; bottom: 35%; width: 12%; padding: .4cqw .55cqw; }.force-performance>span { font-size: .54cqw; }.force-performance>div { height: 3cqw; display: flex; align-items: end; gap: .23cqw; }.force-performance i { flex: 1; height: 25%; background: linear-gradient(#12e2ff,#0095e9); }.force-performance i:nth-child(2) { height: 45%; }.force-performance i:nth-child(3) { height: 65%; }.force-performance i:nth-child(4) { height: 90%; }
.force-result { right: 16%; bottom: 35%; padding: .55cqw .9cqw; font-size: 1.1cqw; font-weight: 700; color: #00efde; }.force-paperplane { position: absolute; right: 2%; bottom: 30%; width: 8%; height: 12%; color: #f4ffff; filter: drop-shadow(0 0 7px #008aff); }.force-paperplane svg { width: 100%; height: 100%; }
.groups-orbits { position: absolute; inset: 0; width: 100%; height: 100%; }
.groups-mantra { position: absolute; top: 2.8%; right: 3%; color: #d0ff6e; font-family: 'Segoe Print','Bradley Hand','Comic Sans MS',cursive; font-size: 1.5cqw; font-style: italic; font-weight: 700; line-height: 1.2; transform: rotate(-12deg); text-align: center; }.groups-mantra>svg { position: absolute; width: 2cqw; height: 2cqw; left: -2.2cqw; top: -1cqw; }.groups-mantra i { display: block; margin: .3cqw auto 0; width: 4.5cqw; height: 2px; background: #c9fa67; transform: rotate(-5deg); }
.engine-avatar { position: absolute; border: 2px solid #d3ff9f; border-radius: 50%; width: 4.65cqw; height: 4.65cqw; background-image: url('assets/creator-avatars.png'); background-size: 200% 200%; box-shadow: 0 0 12px #8cff4d; }
.avatar-purple { right: 21%; top: 10%; background-position: 0 0; --avatar-delay: -200ms; }.avatar-black { right: 41%; top: 31%; background-position: 100% 0; --avatar-delay: -500ms; }.avatar-brown { right: 43%; top: 49%; background-position: 0 100%; --avatar-delay: -900ms; }.avatar-hijab { right: 2%; top: 41%; background-position: 100% 100%; --avatar-delay: -1400ms; }
.social-bubble { position: absolute; display: grid; place-items: center; border: 1px solid #c9ffffaa; border-radius: .9cqw; color: white; box-shadow: 0 0 15px color-mix(in srgb,var(--accent) 45%,transparent); }.social-bubble svg { width: 65%; height: 65%; }.bubble-heart { width: 3.05cqw; height: 3.05cqw; right: 35%; top: 20%; background: linear-gradient(130deg,#ff529a,#e72251); transform: rotate(-10deg); }.bubble-chat { display: flex; justify-content: center; gap: .3cqw; width: 4.4cqw; height: 3.5cqw; right: 3%; top: 24%; border-radius: 1.4cqw; background: linear-gradient(#43fb68,#05b640); }.bubble-chat i { width: .55cqw; height: .55cqw; background: white; border-radius: 50%; }.bubble-chat::after { content: ''; position: absolute; bottom: -.6cqw; left: 18%; border-top: .8cqw solid #0bd14b; border-right: .8cqw solid transparent; }.bubble-like { width: 3.45cqw; height: 3.45cqw; right: 7%; bottom: 33%; background: linear-gradient(130deg,#377dcf,#13498d); transform: rotate(12deg); }
.engine-features { position: absolute; z-index: 5; bottom: 3.7%; left: 3.4%; right: 3.4%; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75cqw; list-style: none; padding: 0; margin: 0; }
.engine-features li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .55cqw; min-height: 7.9cqw; border: 1px solid #2483b6; border-radius: .9cqw; background: linear-gradient(135deg,#002241e0,#00102bef); box-shadow: inset 0 0 15px #006bdd20; font-size: .97cqw; line-height: 1.25; text-align: center; transition: border-color 200ms ease,box-shadow 200ms ease,translate 200ms ease; }
.engine-features svg { color: var(--accent); width: 2.35cqw; height: 2.35cqw; filter: drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 60%,transparent)); }
.engine-groups .engine-features li { border-color: #6fd85c; background: linear-gradient(130deg,#073916e8,#00291ce8); }.engine-groups .engine-features li:nth-child(3) svg { color: #d3ff62; }
.engine-features li:is(:hover,:focus-visible) { translate: 0 -4px; border-color: var(--bright); box-shadow: inset 0 0 20px color-mix(in srgb,var(--accent) 15%,transparent),0 0 16px color-mix(in srgb,var(--accent) 35%,transparent); }
.engine-card:is(:hover,:focus-within,.is-active) { box-shadow: 0 0 28px color-mix(in srgb,var(--accent) 30%,transparent); border-color: var(--bright); }.engine-card:is(:hover,:focus-within,.is-active)::after { opacity: 1; }
.engines-footer { text-align: center; color: #5875a4; margin-top: 1.8cqw; font: 500 .72cqw/1.3 monospace; letter-spacing: .16cqw; }
.engines-footer p { display: flex; align-items: center; justify-content: center; gap: 1.6cqw; margin: 0 0 .9cqw; }.engines-footer i { width: 7.2cqw; height: 1px; background: #9cb6d3; }.engines-footer>span { font-size: .67cqw; letter-spacing: .1cqw; }.engines-footer b { margin: 0 .45cqw; }
@media (prefers-reduced-motion: no-preference) {
  .engines-header { animation: engines-enter 750ms ease-out both; }.engine-card { animation: engines-enter 850ms ease-out 150ms backwards; }.engine-groups { animation-delay: 280ms; }
  .engine-card:is(:hover,:focus-within,.is-active) .engine-energy { animation: engines-energy 3s ease-in-out infinite; }
  .engine-card:is(:hover,:focus-within,.is-active) .platform-dashes { animation: engines-platform-flow 6s linear infinite; }
  .engine-card:is(:hover,:focus-within,.is-active) .force-dashboard { animation: engines-float 2.8s ease-in-out infinite; }
  .engine-card:is(:hover,:focus-within,.is-active) .funding-track b { animation: engines-progress 850ms ease-out; }
  .engine-card:is(:hover,:focus-within,.is-active) .force-performance i { animation: engines-bars 1.5s ease-in-out infinite; }.force-performance i:nth-child(2) { animation-delay: 180ms !important; }.force-performance i:nth-child(3) { animation-delay: 360ms !important; }
  .engine-card:is(:hover,:focus-within,.is-active) .force-paperplane { animation: engines-flight 2s ease-in-out infinite; }
  .engine-card:is(:hover,:focus-within,.is-active) .engine-avatar { animation: engines-float 2.5s ease-in-out var(--avatar-delay) infinite; }
  .engine-card:is(:hover,:focus-within,.is-active) .social-bubble { animation: engines-social 2s ease-in-out infinite; }.bubble-like { animation-delay: -700ms !important; }.bubble-chat { animation-delay: -1300ms !important; }
  .engine-features li:is(:hover,:focus-visible) svg { animation: engines-icon-pulse 1.5s ease-in-out infinite; }
}
@keyframes engines-enter { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes engines-energy { 0%,100% { opacity: .55; } 50% { opacity: 1; filter: drop-shadow(0 0 6px var(--accent)); } }
@keyframes engines-platform-flow { to { stroke-dashoffset: -180; } }
@keyframes engines-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -4px; } }
@keyframes engines-progress { from { width: 15%; } to { width: 72%; } }
@keyframes engines-bars { 0%,100% { opacity: .6; } 50% { opacity: 1; } }
@keyframes engines-flight { 0%,100% { translate: 0 0; } 50% { translate: 3px -5px; } }
@keyframes engines-social { 0%,100% { scale: 1; } 50% { scale: 1.07; } }
@keyframes engines-icon-pulse { 0%,100% { scale: 1; } 50% { scale: 1.14; } }
@container (max-width: 1000px) {
  .engines-section { padding: 32px 25px; min-height: auto; }
  .engines-header { grid-template-columns: 1fr; padding: 0 10px; margin-bottom: 30px; }
  .engines-eyebrow { font-size: 10px; gap: 14px; letter-spacing: 2px; margin-bottom: 24px; }.engines-eyebrow span { font-size: 12px; padding: 7px 12px; border-radius: 13px; }.engines-eyebrow i { width: 36px; }
  .engines-heading-block h2 { font-size: clamp(45px,9cqw,80px); line-height: .9; letter-spacing: -3px; }.engines-handwritten { font-size: clamp(19px,3cqw,28px); margin: 15px 0 0; }.engines-handwritten svg { width: 70px; height: 10px; right: 0; }
  .engines-intro { padding-top: 25px; max-width: 680px; }.engines-intro>p { font-size: 17px; }.engines-values { font-size: 11px; gap: 20px; margin-top: 20px; letter-spacing: 2px; }.engines-values svg { top: 17px; width: 70px; height: 8px; }
  .engine-grid { grid-template-columns: 1fr; gap: 25px; }
  .engine-card { min-height: 73cqw; border-radius: 20px; }
  .engine-brand { gap: 2cqw; }.engine-brand-icon { width: 11.6cqw; height: 14.4cqw; }.engine-groups .engine-brand-icon { width: 13.6cqw; height: 12cqw; }
  .engine-brand small { font-size: 5.4cqw; letter-spacing: -.26cqw; }.engine-brand strong { font-size: 9.6cqw; }.engine-groups .engine-brand strong { font-size: 9.4cqw; }
  .engine-tagline { font-size: 1.46cqw; letter-spacing: .4cqw; }.engine-groups .engine-tagline { letter-spacing: .38cqw; }.engine-description { font-size: 2.28cqw; }
  .engine-cta { font-size: 1.82cqw; padding: 2cqw 3.2cqw; border-radius: 1.7cqw; gap: 2.6cqw; }.engine-cta span { font-size: 2.7cqw; }
  .force-dashboard { padding: 1.3cqw 1.8cqw; border-radius: 1.3cqw; }.force-dashboard>span { font-size: 1.82cqw; }.funding-amount { font-size: 3.3cqw; gap: 1.3cqw; margin: 1.4cqw 0 .7cqw; }.funding-amount i { width: 2.9cqw; height: 3.2cqw; }.funding-track { height: 1.3cqw; margin-left: 4.2cqw; }.force-dashboard small { font-size: 1.34cqw; margin: .7cqw 0 0 4.2cqw; }
  .force-proof { padding: 1cqw 1.4cqw; border-radius: 1.3cqw; }.force-proof>span { font-size: 1.46cqw; margin-bottom: 1.3cqw; }.force-proof p { font-size: 1.22cqw; gap: .8cqw; margin: .9cqw 0; }.force-proof i { width: 1.9cqw; height: 1.9cqw; font-size: 1.4cqw; }
  .force-performance { padding: .8cqw 1.1cqw; }.force-performance>span { font-size: 1.08cqw; }.force-performance>div { height: 6cqw; gap: .46cqw; }.force-result { font-size: 2.2cqw; padding: 1.1cqw 1.8cqw; }
  .groups-mantra { font-size: 3cqw; }.groups-mantra>svg { width: 4cqw; height: 4cqw; left: -4.4cqw; }.groups-mantra i { width: 9cqw; }
  .engine-avatar { width: 9.3cqw; height: 9.3cqw; }.bubble-heart { width: 6.1cqw; height: 6.1cqw; border-radius: 1.8cqw; }.bubble-chat { width: 8.8cqw; height: 7cqw; border-radius: 2.8cqw; gap: .6cqw; }.bubble-chat i { width: 1.1cqw; height: 1.1cqw; }.bubble-like { width: 6.9cqw; height: 6.9cqw; border-radius: 1.8cqw; }
  .engine-features { gap: 1.5cqw; }.engine-features li { min-height: 15.8cqw; font-size: 1.94cqw; border-radius: 1.8cqw; gap: 1.1cqw; }.engine-features svg { width: 4.7cqw; height: 4.7cqw; }
  .engines-footer { margin-top: 26px; font-size: 10px; letter-spacing: 2px; }.engines-footer p { gap: 20px; margin-bottom: 13px; }.engines-footer i { width: 60px; }.engines-footer>span { font-size: 9px; letter-spacing: 1px; }
}
@container (max-width: 550px) {
  .engines-section { padding-inline: 16px; }.engines-header { padding-inline: 0; }.engines-heading-block h2 { font-size: clamp(38px,9.4cqw,51px); letter-spacing: -2px; }.engines-handwritten { font-size: 17px; letter-spacing: 0; }.engines-intro>p { font-size: 16px; }.engines-values { font-size: 9px; gap: 12px; letter-spacing: 1.5px; }
  .engine-card { min-height: 650px; }
  .engine-brand { top: 27px; left: 20px; gap: 12px; }.engine-brand-icon { width: 65px; height: 85px; }.engine-groups .engine-brand-icon { width: 76px; height: 72px; }.engine-brand small { font-size: 32px; letter-spacing: -1px; }.engine-brand strong,.engine-groups .engine-brand strong { font-size: 58px; }
  .engine-tagline { top: 135px; left: 20px; font-size: 8px; letter-spacing: 1.6px; }.engine-groups .engine-tagline { letter-spacing: 1.6px; }.engine-description { top: 160px; left: 20px; font-size: 15px; }
  .engine-cta,.engine-groups .engine-cta { top: 237px; left: 20px; font-size: 12px; padding: 13px 18px; min-height: 44px; border-radius: 9px; gap: 16px; }.engine-cta span { font-size: 19px; }
  .engine-mascot { width: 50%; height: 36%; bottom: 24%; right: 12%; }.groups-mascot { right: 10%; height: 37%; bottom: 23%; }
  .force-dashboard { top: 310px; right: 6%; width: 29%; height: 90px; opacity: .8; }.force-dashboard>span { font-size: 8px; }.funding-amount { font-size: 16px; }.funding-track { height: 5px; }.force-dashboard small { font-size: 7px; }.force-proof { display: none; }.force-performance { left: 15%; bottom: 30%; width: 18%; }.force-performance>span { font-size: 7px; }.force-performance>div { height: 29px; }.force-result { font-size: 10px; right: 7%; bottom: 28%; }.force-paperplane { right: 4%; }
  .engine-platform { bottom: 20%; width: 130%; left: -20%; }.engine-groups .engine-platform { left: -15%; }.engine-energy { top: 37%; height: 38%; width: 75%; }
  .groups-mantra { top: 46%; right: 7%; font-size: 14px; }.groups-mantra>svg { width: 22px; height: 22px; left: -24px; }.engine-avatar { width: 43px; height: 43px; }.avatar-purple { top: 42%; right: 31%; }.avatar-black { top: 51%; right: 58%; }.avatar-brown { top: 65%; right: 60%; }.avatar-hijab { top: 62%; right: 3%; }.bubble-heart { top: 45%; right: 52%; width: 30px; height: 30px; }.bubble-chat { top: 56%; right: 5%; width: 40px; height: 31px; }.bubble-like { bottom: 25%; right: 8%; width: 32px; height: 32px; }.groups-orbits { opacity: .35; }
  .engine-features { bottom: 18px; left: 15px; right: 15px; gap: 7px; }.engine-features li { min-height: 115px; font-size: 11px; border-radius: 10px; padding: 5px; gap: 10px; }.engine-features svg { width: 29px; height: 29px; }
  .engines-footer { font-size: 8px; letter-spacing: 1px; }.engines-footer i { width: 24px; }
}
@media (prefers-reduced-motion: reduce) { .engines-section *,.engines-section *::before,.engines-section *::after { animation: none !important; transition: none !important; }.engine-mascot { transform: none; } }
/* Generated mascot sprites are isolated with authored vector silhouettes.
   Square media boxes keep the normalized clip paths aligned at every width. */
.engine-mascot { width: 46%; height: auto; aspect-ratio: 1; right: 11.5%; bottom: 28%; object-fit: fill; }
.force-mascot { clip-path: url(#engine-force-cutout); }
.groups-mascot { clip-path: url(#engine-groups-cutout); width: 45%; right: 7.2%; bottom: 25.8%; }
@container (max-width: 550px) {
 .engine-mascot { width: 72%; height: auto; right: 6%; bottom: 24%; }
 .groups-mascot { width: 72%; right: 1%; bottom: 24%; }
}