/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
  /* Fallback only: live official-site gradient wins when measured by brand sync. */
  --brand-gradient: linear-gradient(100deg, #ea874f 0%, #d66eb4 27%, #956fe0 51%, #508ee6 76%, #39b8aa 100%);
  --ink: #171c20;
  --ink-soft: #4c5255;
  --line: #dedfdb;
  --line-faint: #eaeae6;
  --paper: #fafaf8;
  --white: #ffffff;
  --sea: #397e8e;
  --sea-light: color-mix(in srgb, var(--sea) 8%, var(--white));
  --sea-border: color-mix(in srgb, var(--sea) 25%, var(--white));
  --muted: #848c8d;
  --font-ui: 'Inter', Arial, Helvetica, sans-serif;
  --font-display: 'Poppins', 'Inter', Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-ui); background: var(--paper); color: var(--ink); -webkit-font-smoothing: antialiased; }
button, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
a { color: inherit; text-decoration: none; }
::selection { color: #fff; background: #3c7888; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.page-shell { overflow-x: hidden; }

.global-header { position: relative; z-index: 10; background: rgba(255,255,255,.86); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line-faint); }
.header-inner { max-width: 1480px; height: 84px; padding: 0 44px; margin: auto; display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; min-width: 260px; }
.brand-symbol { display: grid; place-items: center; width: 29px; height: 29px; margin-right: 11px; background: transparent; }
.brand-icon-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-wordmark { font-family: var(--font-display); font-weight: 800; letter-spacing: -.075em; font-size: 26px; line-height: 1; }
.brand-period { color: var(--sea); }
.brand-by { border-left: 1px solid #c5caca; color: #7c8180; padding-left: 13px; margin: 1px 0 0 13px; font-size: 10px; font-weight: 600; letter-spacing: .01em; }
.site-navigation { display: flex; align-items: center; gap: clamp(12px,2.4vw,35px); }
.site-navigation button { background: none; border: 0; color: #4c5556; font-size: 12px; letter-spacing: -.005em; padding: 16px 0; transition: color .2s; }
.site-navigation button:hover, .site-navigation button:focus-visible { color: var(--sea); }
.header-cta { display: flex; align-items: center; gap: 15px; border: 1px solid var(--ink); background: var(--ink); color: white; padding: 12px 15px 12px 20px; white-space: nowrap; border-radius: 2px; font-size: 12px; font-weight: 600; transition: transform .2s ease, background .2s; }
.header-cta:hover { transform: translateY(-1px); background: #333b41; }

.hero-container { display: grid; grid-template-columns: minmax(0,1fr) minmax(435px,.89fr); grid-gap: clamp(34px,4.3vw,82px); gap: clamp(34px,4.3vw,82px); max-width: 1480px; margin: 0 auto; padding: clamp(50px,5.6vw,87px) 44px 70px; align-items: start; }
.hero-information { padding-top: 29px; }
.eyebrow { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; font-size: 10px; font-weight: 700; letter-spacing: .135em; color: #353a3c; }
.eyebrow-line { width: 25px; height: 1px; background: var(--sea); }
.eyebrow-index { margin-left: 10px; color: #b7bbba; font-size: 10px; }
.hero-information h1 { font-family: var(--font-display); font-size: clamp(41px,4.45vw,67px); font-weight: 600; letter-spacing: -.075em; line-height: 1.115; margin: 40px 0 30px; white-space: normal; text-wrap: balance; }
.hero-information h1 .hero-name { display: inline; font-weight: 800; letter-spacing: -.085em; }
.hero-dot { color: var(--sea); }
.hero-copy { max-width: 500px; font-size: clamp(15px,1.12vw,17px); line-height: 1.83; color: var(--ink-soft); margin: 0; }
.hero-copy strong { color: #1e343a; font-weight: 700; }
.hero-actions { margin-top: 35px; display: flex; align-items: center; flex-wrap: wrap; gap: 28px; }
.primary-action { border: 0; background: #1a2327; color: white; display: inline-flex; align-items: center; gap: 29px; padding: 18px 21px; border-radius: 2px; font-size: 12px; font-weight: 700; transition: background .25s, transform .25s; }
.primary-action:hover { background: var(--sea); transform: translateY(-2px); }
.text-action { display: inline-flex; gap: 9px; align-items: center; font-weight: 700; font-size: 11px; color: #565c5d; }
.text-action:hover { color: var(--sea); }
.hero-separator { max-width: 540px; border-top: 1px solid var(--line); margin: clamp(54px,6vw,92px) 0 26px; }
.hero-traits { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 23px 9px; gap: 23px 9px; font-size: 12px; font-weight: 600; }
.trait-index { color: var(--sea); font-family: var(--font-display); font-size: 10px; margin-right: 10px; }
.conversation-column { min-width: 0; scroll-margin-top: 95px; position: relative; }

.avatar-frame { position: relative; border: 1px solid #d9dddd; background: #f2f3f1; border-bottom: 0; }
.avatar-scene { height: clamp(235px,23vw,342px); position: relative; overflow: hidden; background: linear-gradient(118deg,#eaedec 0%,#f9faf9 58%,#edf2f1 100%); isolation: isolate; }
.avatar-stage-pattern { position: absolute; inset: 0; background-image: linear-gradient(to right,rgba(93,133,140,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(93,133,140,.07) 1px,transparent 1px); background-size: 38px 38px; -webkit-mask-image: linear-gradient(90deg, transparent 8%, #000 55%, transparent); mask-image: linear-gradient(90deg, transparent 8%, #000 55%, transparent); }
.avatar-image { position: absolute; inset: -46px 19% -95px 13%; background-image: url('https://www.enigmamind.com/images/face-on-white-fade.webp'); background-position: 50% 15%; background-size: auto 112%; background-repeat: no-repeat; opacity: 1; z-index: 2; -webkit-mask-image: linear-gradient(180deg, #000 22%, #000 74%, transparent 99%); mask-image: linear-gradient(180deg, #000 22%, #000 74%, transparent 99%); }
.avatar-halo { position: absolute; z-index: 3; left: 50%; top: 48%; width: 255px; height: 255px; border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 1px rgba(93,130,133,.09), 0 0 0 45px rgba(94,131,133,.018); pointer-events: none; }
.avatar-orbit { position: absolute; z-index: 1; border: 1px solid rgba(86,119,120,.16); left: 50%; top: 49%; border-radius: 50%; transform: translate(-50%,-50%); pointer-events: none; }
.avatar-orbit-outer { width: 370px; height: 370px; border-style: dashed; animation: orbit 35s linear infinite; }
.avatar-orbit-inner { width: 260px; height: 260px; border-color: var(--sea-border); }
.avatar-signal { position: absolute; z-index: 4; width: 9px; height: 9px; border: 1px solid var(--sea); background: #f9fbfb; border-radius: 50%; box-shadow: 0 0 0 4px #8bb3bc25; animation: shimmer 3s ease-in-out infinite; }
.avatar-signal-one { left: 21%; top: 28%; }
.avatar-signal-two { right: 26%; bottom: 29%; animation-delay: 1s; }
.avatar-id { position: absolute; z-index: 5; left: 22px; bottom: 20px; display: flex; align-items: center; gap: 10px; }
.avatar-id-mark { width: 35px; height: 35px; border: 1px solid #bbc8c9; display: grid; place-items: center; background: rgba(255,255,255,.82); }
.avatar-brand-icon { display:block; width:22px; height:22px; object-fit:contain; }
.avatar-id > div:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.avatar-id-name { color: #333e41; font-weight: 800; font-size: 10px; letter-spacing: .13em; }
.avatar-id-subtitle { color: #667274; font-size: 9px; }
.avatar-speaking-indicator { position: absolute; z-index: 5; right: 23px; bottom: 27px; height: 21px; display: flex; align-items: center; gap: 3px; }
.avatar-speaking-indicator span { width: 3px; height: 5px; background: #7b999e; border-radius: 3px; opacity: .55; }
.avatar-speaking .avatar-speaking-indicator span { opacity: 1; animation: speaking .63s ease-in-out infinite alternate; }
.avatar-speaking .avatar-speaking-indicator span:nth-child(2) { animation-delay: .14s; }
.avatar-speaking .avatar-speaking-indicator span:nth-child(3) { animation-delay: .28s; }
.avatar-speaking .avatar-speaking-indicator span:nth-child(4) { animation-delay: .06s; }
.avatar-thinking .avatar-halo { animation: thinking 2s ease-in-out infinite; }
.avatar-watermark { position: absolute; z-index: 0; right: -35px; top: -80px; color: rgba(70,112,124,.06); font-family: var(--font-display); font-weight: 800; font-size: 325px; line-height: 1; letter-spacing: -.14em; }

.chat-card { border: 1px solid #d9dddd; background: #fff; box-shadow: 0 22px 55px rgba(26,37,40,.05); }
.transcript { min-height: 164px; max-height: 330px; overflow-y: auto; overscroll-behavior-y: contain; padding: 22px 23px 16px; scrollbar-color: #dfe4e4 transparent; scrollbar-width: thin; }
.message-row { display: flex; gap: 10px; margin-bottom: 18px; }
.guide-row { justify-content: flex-start; }
.visitor-row { justify-content: flex-end; }
.message-avatar { align-self: start; flex-shrink: 0; width: 29px; height: 29px; border: 1px solid var(--sea-border); background: var(--sea-light); color: var(--sea); font-family: var(--font-display); font-size: 15px; font-weight: 800; display: grid; place-items: center; }
.message-body { border: 1px solid #e8eae9; padding: 11px 14px; font-size: 12px; line-height: 1.75; max-width: 89%; }
.message-body p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.guide-bubble { background: #fafbf9; color: #454e50; }
.visitor-bubble { background: #232b2e; color: #fff; border-color: #232b2e; }
.message-note { display: inline-block; margin-top: 8px; color: #8a625e; font-size: 10px; font-weight: 700; }
.thinking-bubble { display: flex; align-items: center; gap: 5px; border: 1px solid #e7e9e7; background: #f7faf8; padding: 12px 14px; min-height: 38px; }
.thinking-bubble > span:not(.thinking-label) { height: 5px; width: 5px; background: var(--sea); border-radius: 50%; animation: dots 1s ease-in-out infinite; }
.thinking-bubble > span:nth-child(2) { animation-delay: .14s; }
.thinking-bubble > span:nth-child(3) { animation-delay: .28s; }
.thinking-label { margin-left: 5px; color: #778587; font-size: 10px; }
.sources { padding-top: 12px; margin-top: 12px; border-top: 1px solid #dde9e7; }
.source-heading { color: var(--sea); font-size: 9px; font-weight: 800; letter-spacing: .07em; display: flex; align-items: center; gap: 5px; margin-bottom: 7px; }
.source-list { display: flex; flex-wrap: wrap; gap: 6px; }
.source { max-width: 100%; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 9px; line-height: 1.6; color: var(--ink-soft); padding: 6px 7px; background: var(--sea-light); border: 1px solid var(--sea-border); }
.source:hover { color: #2c6978; background: #e6f4f1; }
.source-id { font-weight: 800; color: var(--sea); }
.source-name { font-weight: 700; }
.source-location { font-size: 8px; color: #8a9795; }
.prompt-section { border-top: 1px solid #f0f0ee; padding: 13px 22px 4px; }
.prompt-caption { display: block; font-size: 9px; color: #9ca3a1; font-weight: 800; letter-spacing: .09em; margin-bottom: 10px; }
.prompts { display: flex; gap: 6px; flex-wrap: wrap; }
.suggestion { display: inline-flex; gap: 8px; align-items: center; justify-content: space-between; background: #fff; color: #526264; border: 1px solid #dfe6e4; padding: 7px 9px; font-size: 9px; transition: color .2s, background .2s, border .2s; }
.suggestion:hover:not(:disabled) { background: var(--sea-light); border-color: var(--sea-border); color: var(--sea); }
.suggestion:disabled { opacity: .55; }
.composer { background: #fff; border: 1px solid #d6dedd; margin: 16px 22px 0; transition: border-color .2s, box-shadow .2s; }
.composer:focus-within { border-color: var(--sea); box-shadow: 0 0 0 2px var(--sea-light); }
.composer textarea { display: block; width: 100%; resize: vertical; min-height: 68px; max-height: 170px; border: 0; background: none; padding: 16px 16px 4px; color: #303b3d; outline: none; font-size: 12px; line-height: 1.6; }
.composer textarea::placeholder { color: #adb5b5; }
.composer-bottom { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 9px 8px 12px; }
.voice-controls { display: flex; align-items: center; gap: 3px; }
.voice-button { border: none; background: none; color: #879797; padding: 7px; display: grid; place-items: center; border-radius: 3px; }
.voice-button:hover:not(:disabled), .voice-button-active { background: var(--sea-light); color: var(--sea); }
.voice-button:disabled { opacity: .3; }
.composer-tip { padding-left: 6px; color: #b0b8b5; font-size: 10px; }
.send-button { height: 33px; width: 35px; border: 0; border-radius: 2px; background: #1f282b; color: #fff; display: grid; place-items: center; transition: background .2s; }
.send-button:hover:not(:disabled) { background: var(--sea); }
.send-button:disabled { background: #c8cecc; }

.bottom-band { border-top: 1px solid #e2e4e1; border-bottom: 1px solid #e2e4e1; background: #f4f5f2; }
.bottom-band-inner { max-width: 1480px; padding: 28px 44px; margin: 0 auto; }
.band-lead { display: flex; align-items: center; gap: 9px; color: #657074; font-size: 10px; letter-spacing: .13em; font-weight: 800; }
.mini-dot { background: var(--sea); height: 7px; width: 7px; border-radius: 50%; }
.band-items { display: flex; gap: 30px; flex-wrap: wrap; align-items: center; margin-top: 15px; }
.band-items > span { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: #4e5a5c; }
.band-items svg { color: var(--sea); }
.band-items .band-health { margin-left: auto; color: #8a9698; font-size: 10px; }
.page-footer { display: flex; justify-content: space-between; gap: 15px; max-width: 1480px; margin: 0 auto; padding: 22px 44px 40px; color: #929a9a; font-size: 10px; }
.page-footer a { text-decoration: underline; text-underline-offset: 3px; }
.page-footer svg { vertical-align: middle; }

@keyframes orbit { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes shimmer { 50% { opacity: .5; box-shadow: 0 0 0 11px rgba(65,145,160,0); } }
@keyframes thinking { 50% { box-shadow: 0 0 0 10px rgba(74,144,156,.06), 0 0 0 55px rgba(74,144,156,.01); } }
@keyframes speaking { 0% { height: 4px; } 100% { height: 20px; } }
@keyframes dots { 50% { transform: translateY(-4px); opacity: .3; } }

@media (max-width: 1200px) {
  .site-navigation { gap: 16px; }
  .brand { min-width: 235px; }
  .hero-container { gap: 40px; grid-template-columns: minmax(0,1fr) minmax(410px,1fr); }
  .hero-information h1 { font-size: clamp(42px,4.5vw,58px); }
}
@media (max-width: 1020px) {
  .site-navigation { display: none; }
  .hero-container { grid-template-columns: minmax(0,1fr) minmax(380px,.9fr); padding-left: 30px; padding-right: 30px; gap: 28px; }
  .hero-information h1 { font-size: clamp(37px,4.3vw,50px); }
  .hero-copy { font-size: 14px; }
  .hero-traits { font-size: 11px; }
  .header-inner, .bottom-band-inner, .page-footer { padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 780px) {
  .header-inner { height: 70px; padding: 0 20px; }
  .brand { min-width: auto; }
  .brand-wordmark { font-size: 24px; }
  .brand-by { display: none; }
  .header-cta { font-size: 11px; padding: 11px; gap: 6px; }
  .hero-container { grid-template-columns: 1fr; padding: 35px 20px 45px; gap: 38px; }
  .hero-information { padding-top: 0; }
  .eyebrow { font-size: 9px; }
  .eyebrow-index { display: none; }
  .hero-information h1 { font-size: clamp(42px,8.4vw,67px); margin: 27px 0 25px; }
  .hero-separator { margin: 39px 0 23px; }
  .conversation-column { max-width: 600px; width: 100%; margin: 0 auto; }
  .avatar-scene { height: 270px; }
  .bottom-band-inner, .page-footer { padding-left: 20px; padding-right: 20px; }
  .band-items { gap: 12px 22px; }
  .band-items .band-health { margin-left: 0; }
  .page-footer { flex-direction: column; }
}
@media (max-width: 460px) {
  .header-cta { padding: 9px; }
  .brand-symbol { height: 24px; width: 24px; margin-right: 8px; }
  .brand-wordmark { font-size: 22px; }
  .hero-information h1 { font-size: clamp(36px,9.2vw,45px); }
  .hero-copy { font-size: 14px; }
  .primary-action { padding: 14px; gap: 12px; }
  .hero-actions { gap: 18px; }
  .hero-traits { gap: 18px 0; font-size: 10px; }
  .avatar-scene { height: 225px; }
  .avatar-image { background-size: auto 117%; inset: -30px 10% -70px 5%; }
  .avatar-id { left: 12px; bottom: 15px; }
  .avatar-watermark { font-size: 240px; }
  .avatar-status-right { display: none; }
  .chat-private-label { font-size: 8px; padding: 5px 6px; }
  .transcript { padding: 15px; }
  .message-body { max-width: 88%; font-size: 11px; }
  .prompt-section { padding: 12px 15px 4px; }
  .composer { margin-left: 15px; margin-right: 15px; }
  .chat-disclaimer { padding-left: 15px; padding-right: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/brand.generated.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/** Generated from a LIVE official-site computed-style audit.
 * Source: https://www.enigmamind.com/
 * Captured: 2026-10-20T22:46:08.312Z
 * Font files are NEVER bundled. External font URLs require normal CORS/licensing.
 * Rerun `npm run brand:sync` to refresh this file.
 */
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/5476f68d60460930-s.2uwcyprjm3xu3.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/5476f68d60460930-s.2uwcyprjm3xu3.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/5476f68d60460930-s.2uwcyprjm3xu3.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Inter; src: url("https://www.enigmamind.com/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://www.enigmamind.com/_next/static/media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://www.enigmamind.com/_next/static/media/0da9c7f357bd9d4d-s.1975l3y3401x_.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://www.enigmamind.com/_next/static/media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://www.enigmamind.com/_next/static/media/0a7740363b4d4863-s.3ji57o093q1kd.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://www.enigmamind.com/_next/static/media/5f9d24ebef5d5292-s.19xuq3td7fwu_.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://www.enigmamind.com/_next/static/media/e2334d715941921e-s.p.3o_v2fun1jzxk.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/04c5164763c40239-s.1kd-r_s9smv5m.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/04c5164763c40239-s.1kd-r_s9smv5m.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("https://www.enigmamind.com/_next/static/media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2"); font-weight: 600; font-style: normal; font-display: swap; }
:root { --font-ui: Inter, "Inter Fallback", Inter, sans-serif; --font-display: Poppins, "Poppins Fallback", Poppins, sans-serif; --ink: rgb(43, 47, 56); --ink-soft: rgb(43, 47, 56); --paper: rgb(255, 255, 255); --brand-gradient: linear-gradient(100deg, rgb(95, 211, 252) 0%, rgb(79, 178, 251) 18%, rgb(90, 139, 251) 36%, rgb(124, 108, 250) 50%, rgb(165, 94, 249) 64%, rgb(212, 90, 247) 80%, rgb(247, 92, 242) 100%); }
body { font-size: 17.28px; line-height: 27.648px; }
.hero-information h1 { font-family: var(--font-display); font-size: clamp(37px, 4.45vw, 56.16px); font-weight: 600; line-height: 55.0368px; letter-spacing: -2.5272px; color: rgb(7, 7, 7); }
.hero-information h1 .hero-name { font-weight: 600; }
.hero-copy { font-size: 16.56px; line-height: 26.496px; font-weight: 500; color: var(--ink-soft); }
.site-navigation button { font-size: 15px; font-weight: 500; letter-spacing: normal; color: rgb(7, 7, 7); }
.primary-action, .header-cta { font-size: 17.28px; font-weight: 400; letter-spacing: normal; }
.chat-heading h2 { font-weight: 600; }

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/brand-experience.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
/**
 * Stage 10 — stable ÉLAIRE interaction styles.
 * Imported AFTER the measured typography stylesheet so refreshing the official
 * brand audit cannot regress button contrast or custom interaction states.
 * Site-observed interaction characteristics: unchanged navigation text on hover,
 * multicolour underline, gradient headline accents, and rounded surfaces.
 * Gradient fallback colours live in globals.css (before the generated audit)
 * so a verified official-site CSS gradient can override them on Fedora.
 */
:root {
  --brand-ink: #2b2f38;
  --brand-primary: #171c26;
  --brand-radius-sm: 10px;
  --brand-radius-md: 16px;
  --brand-radius-lg: 22px;
  --brand-radius-pill: 999px;
}

/* The official-site hover adds colour UNDER text without recolouring letters. */
.site-navigation button {
  position: relative;
  isolation: isolate;
  color: var(--brand-ink);
  transition: none;
}
.site-navigation button:hover,
.site-navigation button:focus-visible {
  color: var(--brand-ink);
}
.site-navigation button::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: 7px;
  height: 3px;
  background: var(--brand-gradient);
  border-radius: var(--brand-radius-pill);
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease;
  pointer-events: none;
}
.site-navigation button:is(:hover, :focus-visible)::after {
  transform: scaleX(1);
  opacity: 1;
}

/* The headline contains explicit multi-colour text, not a colour-changing hover. */
.hero-information h1 .hero-gradient-text {
  display: inline;
  background-image: var(--brand-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.hero-name { color: var(--brand-ink); }
.hero-information h1 .hero-dot,
.brand-period {
  background: var(--brand-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Button foreground is NEVER inherited from audited *site* anchor colours.
 * White remains legible before hover, after hover, and on keyboard focus. */
.primary-action,
.header-cta {
  border-radius: var(--brand-radius-pill);
  background: var(--brand-primary);
  background-color: var(--brand-primary);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-weight: 600;
  box-shadow: 0 5px 13px rgba(18, 27, 43, 0.10);
  transition: background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.primary-action:is(:hover, :focus-visible),
.header-cta:is(:hover, :focus-visible) {
  background: #303544;
  background-color: #303544;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  box-shadow: 0 7px 20px rgba(18, 27, 43, 0.18);
}
.primary-action:focus-visible,
.header-cta:focus-visible,
.site-navigation button:focus-visible,
.suggestion:focus-visible,
.send-button:focus-visible,
.voice-button:focus-visible {
  outline: 2px solid #568fe3;
  outline-offset: 3px;
}

/* Rounded surfaces replace the square-edged Stage 09 components. */
.conversation-column { border-radius: var(--brand-radius-lg); }
.avatar-frame,
.avatar-scene {
  border-radius: var(--brand-radius-lg) var(--brand-radius-lg) 0 0;
}
.avatar-frame { overflow: hidden; }
.chat-card {
  border-radius: 0 0 var(--brand-radius-lg) var(--brand-radius-lg);
  overflow: hidden;
}
.avatar-id-mark,
.message-avatar { border-radius: var(--brand-radius-sm); }
.guide-bubble { border-radius: var(--brand-radius-md) var(--brand-radius-md) var(--brand-radius-md) 4px; }
.visitor-bubble { border-radius: var(--brand-radius-md) var(--brand-radius-md) 4px var(--brand-radius-md); }
.thinking-bubble { border-radius: var(--brand-radius-md); }
.composer { border-radius: var(--brand-radius-md); overflow: hidden; }
.suggestion, .source { border-radius: var(--brand-radius-pill); }
.send-button { border-radius: 12px; }
.voice-button { border-radius: var(--brand-radius-sm); }
.eyebrow-line { height: 3px; width: 26px; background: var(--brand-gradient); border-radius: var(--brand-radius-pill); }

/* A gradient underline for supplementary links; their text colour stays steady. */
.text-action { position: relative; color: var(--ink-soft); padding-bottom: 5px; }
.text-action:is(:hover, :focus-visible) { color: var(--ink-soft); }
.text-action::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 2px;
  background: var(--brand-gradient);
  border-radius: var(--brand-radius-pill);
  transform: scaleX(0);
  opacity: 0;
  transform-origin: left;
  transition: transform 180ms ease, opacity 180ms ease;
}
.text-action:is(:hover, :focus-visible)::after { transform: scaleX(1); opacity: 1; }

/* Maintain solid text when gradients are disabled for accessibility. */
@media (forced-colors: active) {
  .hero-information h1 .hero-gradient-text,
  .hero-information h1 .hero-dot,
  .brand-period {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
  .site-navigation button:is(:hover, :focus-visible) { text-decoration: underline; }
  .site-navigation button::after, .text-action::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .site-navigation button::after,
  .text-action::after,
  .primary-action,
  .header-cta { transition: none; }
}

/* Stage 15 — private session label and logout (on the existing ÉLAIRE header). */
.session-tools {display:flex;align-items:center;gap:13px;white-space:nowrap;}
.session-username {font-weight:700;font-size:11px;color:#465153;max-width:125px;overflow:hidden;text-overflow:ellipsis;}
.session-signout {border:1px solid #d7dcda;border-radius:999px;background:#fff;padding:10px 14px;color:#364042;font-weight:700;font-size:11px;}
.session-signout:hover {border-color:#7aaab1;background:#f6f9f8;}
.session-signout:focus-visible {outline:2px solid #568fe3;outline-offset:2px;}
.session-error {padding:10px 22px;text-align:center;background:#fff1f1;color:#b83242;font-size:12px;}
@media(max-width:760px) {.session-username{display:none;}}