</style>
<style>
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body { font-family: 'Geist Variable', system-ui, sans-serif; background: #ffffff; color: #2A2722; -webkit-font-smoothing: antialiased; line-height: 1.6; letter-spacing: -0.01em; }
  a { color: inherit; text-decoration: none; }
  @keyframes orbitF { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  @keyframes orbitFr { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
  @keyframes marqueeF { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes cometPath { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } }
  @keyframes beamSpin { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
  @keyframes cometF { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  @keyframes drawLine { from { stroke-dashoffset:1500; } to { stroke-dashoffset:0; } }
  [data-prodcard]{transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease;} [data-prodcard]:hover{transform:translate(-50%,-50%) translateY(-5px) !important;}
  [data-logocell]{transition:opacity .25s ease, background .25s ease; opacity:0.78;} [data-logocell]:hover{opacity:1; background:#ECECE9 !important;}
  .pillCta:hover{transform:translateY(-1.5px); box-shadow:0 10px 22px -8px rgba(0,0,0,0.3);}
  details > summary{transition:color .2s ease;} details:hover{background:rgba(0,0,0,0.02);}
  .approachLink{transition:color .2s ease;} .approachLink:hover{color:#8a8a8a !important;} .approachLink:hover [data-arrow]{transform:translateX(5px);}
  @keyframes cometF { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  @keyframes pulseF { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
  @keyframes travelF { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/* Production adaptations: responsive layout, reduced motion, and real-page chrome. */
html { scroll-behavior: smooth; }
#pageF { overflow-x: clip; }
#pageF a { text-decoration: none; }
#pageF img[alt="essensys Platform"],
#pageF img[alt="elumo"] { filter: brightness(0); }
#pageF nav { top: 0 !important; }
#pageF nav a { font-size: 14px !important; }
#pageF p:not(.testimonial-reveal) { font-size: 15.5px !important; line-height: 1.68 !important; }
#pageF [data-prodcard] p,
#pageF [data-prodcard] [style*="font-size:13px"] { font-size: 14px !important; line-height: 1.6 !important; }
#pageF details > div { font-size: 15px !important; line-height: 1.68 !important; color: #555 !important; }
#pageF footer a { font-size: 13px !important; }
#pageF footer p { font-size: 13px !important; line-height: 1.65 !important; }
#pageF .design-image-placeholder {
  width: 100%; height: 100%; min-height: 260px; display: grid; place-items: center;
  border: 1px solid rgba(0,0,0,.1); border-radius: 12px; background: #f4f4f2;
  color: #999; font: 600 11px/1.4 'Geist Variable', system-ui, sans-serif;
  letter-spacing: .12em; text-transform: uppercase; text-align: center; padding: 24px;
}
@media (max-width: 900px) {
  #pageF nav { padding: 15px 22px !important; }
  #pageF nav > div > div { display: none !important; }
  #pageF section { padding-left: 24px !important; padding-right: 24px !important; }
  #pageF h1 { font-size: clamp(44px, 12vw, 68px) !important; }
  #pageF h2, #pageF h3 { font-size: clamp(34px, 8vw, 46px) !important; }
  #customers > div:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: minmax(88px, auto) !important; }
  #customers > div:last-child > div:nth-child(9) { grid-column: 1 / -1 !important; grid-row: auto !important; min-height: 190px !important; padding: 28px 20px !important; gap: 18px !important; }
  #pageF footer > div:first-child { grid-template-columns: 1fr !important; }
  #pageF .cta-expectations { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  #pageF [data-plan],
  #pageF [data-plan] > [data-reveal],
  #pageF #approach > div:last-child { grid-template-columns: minmax(0, 1fr) !important; }
  #pageF [data-plan] > [data-reveal] > div:first-child { width: 100% !important; max-width: none !important; }
  #pageF [data-plan] > [data-reveal] h2 { max-width: 12ch; text-wrap: balance; }
  #pageF #products .product-lifecycle-visual { height: auto !important; display: grid !important; gap: 18px; margin-top: 34px !important; }
  #pageF #products .product-lifecycle-visual > svg,
  #pageF #products .product-lifecycle-stages { display: none !important; }
  #pageF #home-agentic-flow { display: block !important; width: 100% !important; margin-top: 30px; padding: 24px 16px !important; }
  #pageF #home-agentic-flow .platform-jeff-flow { width: 100% !important; height: auto !important; display: grid !important; gap: 22px; }
  #pageF #home-agentic-flow .platform-jeff-flow::before { content: ""; position: absolute; top: 36px; bottom: 36px; left: 24px; width: 2px; background: rgba(24, 48, 107, .18); }
  #pageF #home-agentic-flow .platform-jeff-flow > svg,
  #pageF #home-agentic-flow .platform-jeff-flow > span { display: none !important; }
  #pageF #home-agentic-flow .platform-jeff-flow > div { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; z-index: 1; }
  #pageF .mobile-media-stack { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; min-height: 0 !important; }
  #pageF .mobile-media-stack > div:first-child { padding: 0 !important; }
  #pageF .mobile-media-stack > figure { width: 100% !important; }
  #pageF [data-prodcard] { position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; margin-bottom: 0; }
  #pageF #lifeStageF { height: auto !important; display: grid !important; gap: 18px; }
  #pageF [data-reveal] { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #pageF *, #pageF *::before, #pageF *::after { animation: none !important; transition-duration: .01ms !important; }
  #pageF [data-reveal] { opacity: 1 !important; transform: none !important; }
}
