/* Landing-only styles: the signed-in application keeps its existing theme. */
.lp-trust { display: grid; grid-template-columns: .7fr 1fr; align-items: center; gap: clamp(32px, 6vw, 85px); padding-block: 60px 90px; border-top: 1px solid #a894c322; }
.lp-trust-art { min-width: 0; }
.lp-trust-art img { display: block; width: 100%; max-width: 340px; height: auto; margin-inline: auto; border-radius: 28px; box-shadow: 0 0 55px #517bf518; }
.lp-trust-copy { min-width: 0; }
.lp-trust-points { display: grid; gap: 22px; margin-block: 28px; }
.lp-trust-points article { padding-left: 18px; border-left: 2px solid #8972f3; }
.lp-trust-points article:last-child { border-color: #22d4e5; }
.mf-landing .lp-trust-points h3 { font-size: 1.0625rem; letter-spacing: -.02em; margin-bottom: 8px; }
@media (max-width: 800px) { .lp-trust { grid-template-columns: 1fr; gap: 30px; padding-block: 40px 60px; } .lp-trust-art img { max-width: 220px; } }
/* Interactive brand scene */
.lp-brain { min-width: 0; position: relative; color: #d8d4ee; }
.lp-brain-topline, .lp-brain-bottomline { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.lp-brain-topline { font-size: .625rem; letter-spacing: .12em; color: #a99fbd; padding-inline: 15px; }
.lp-brain-topline > span:first-child { display: flex; align-items: center; gap: 8px; }
.lp-brain-topline > span:last-child { font-size: .5625rem; color: #9387ad; }
.lp-brain-stage { position: relative; width: 100%; height: 435px; isolation: isolate; perspective: 1000px; }
.lp-brain-stage::before { content: ''; position: absolute; inset: 10% 3%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, #7442a525 0%, #252d8a10 45%, transparent 70%); }
.lp-brain-fallback { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: screen; mask-image: radial-gradient(ellipse, #000 43%, transparent 72%); transition: opacity .7s; }
.lp-brain-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .8s; }
.lp-brain.is-ready .lp-brain-canvas { opacity: 1; }
.lp-brain.is-ready .lp-brain-fallback { opacity: 0; }
.lp-brain-orbit-label { position: absolute; top: 48%; display: flex; align-items: center; gap: 13px; text-transform: uppercase; font-size: .625rem; letter-spacing: .18em; color: #b29abc; pointer-events: none; }
.lp-brain-orbit-label span { color: #675379; }
.lp-brain-orbit-label--left { left: 0; }
.lp-brain-orbit-label--right { right: 0; color: #8dbecb; }
.lp-brain-caption { text-align: center; margin: -10px auto 0; position: relative; width: 100%; max-width: 100%; min-width: 0; padding-inline: 12px; box-sizing: border-box; }
.lp-brain-caption > span { font-size: .6875rem; letter-spacing: .17em; color: #cb9eeb; }
.mf-landing .lp-brain-caption p { font-size: 1.1375rem; line-height: 1.5; color: #c5bfd6; margin: 9px auto 0; max-width: 34ch; min-height: 4.5em; white-space: normal; overflow-wrap: anywhere; }
.lp-brain-controls { display: flex; justify-content: center; gap: 6px; margin-top: 22px; }
.lp-brain-controls[hidden], .lp-brain-bottomline button[hidden] { display: none; }
.lp-brain-controls button { color: #ada5c2; background: #ffffff03; border: 1px solid #ffffff0f; border-radius: 9px; padding: 12px 16px; font-size: .8125rem; transition: background .25s, border-color .25s; }
.lp-brain-controls button > span { font-size: .625rem; color: #a995c8; margin-right: 7px; }
.lp-brain-controls button[aria-pressed='true'] { color: #f4eafd; background: #8c55cc22; border-color: #ba86e860; }
.lp-brain-controls button:hover { border-color: #8fdbe980; }
.lp-brain-bottomline { margin: 18px auto 0; max-width: 400px; color: #a99fbd; font-size: .6875rem; }
.lp-brain-bottomline button { border: 0; padding: 5px 0; background: transparent; color: #bab0cc; text-decoration: underline; text-underline-offset: 4px; font-size: .75rem; }
.lp-brain-result { position: absolute; width: 78%; left: 11%; top: 25%; padding: 23px; background: #10121b; border: 1px solid #74bacd30; border-radius: 14px; opacity: 0; transform: translateY(14px); transition: opacity .6s, transform .6s; pointer-events: none; }
.lp-brain-result-heading { color: #95e7dd; font-size: .6875rem; letter-spacing: .16em; }
.mf-landing .lp-brain-result p { color: #e0e1ee; margin-top: 16px; font-size: .875rem; border-top: 1px solid #ffffff0c; padding-top: 12px; }
.lp-brain-result p span { color: #aa88d7; font-size: .6875rem; margin-right: 10px; }
.lp-brain.is-ready[data-stage='text'] .lp-brain-result { opacity: 1; transform: translateY(0); transition-delay: 1.1s; }
.lp-proof { display: grid; grid-template-columns: .8fr 1.2fr; gap: 85px; align-items: center; padding-block: 100px 20px; }
.lp-proof-copy { max-width: 370px; }
.lp-proof .lp-demo { max-width: 650px; }
html[data-theme='light'] .lp-brain { background: #0b0c14; border-radius: 24px; padding: 20px 12px; }
@media (min-width: 1100px) { .mf-landing .lp-hero { grid-template-columns: 1fr 1.13fr; gap: 45px; padding-block: 65px 70px; } }
@media (max-width: 800px) { .lp-brain { width: 100%; max-width: 620px; justify-self: center; } .lp-brain-stage { height: 420px; } .lp-proof { gap: 35px; grid-template-columns: 1fr; padding-top: 65px; } .lp-proof-copy { max-width: 550px; } .lp-proof .lp-demo { justify-self: center; width: 100%; } }
@media (max-width: 560px) { .lp-brain-stage { height: 340px; } .lp-brain-topline { padding-inline: 0; font-size: .5625rem; } .lp-brain-topline > span:last-child { display: none; } .lp-brain-orbit-label { font-size: .5rem; gap: 3px; } .lp-brain-controls button { padding: 12px 9px; font-size: .75rem; } .lp-brain-controls button > span { margin-right: 3px; } .lp-brain-bottomline { justify-content: center; gap: 8px 16px; } .lp-brain-result { padding: 17px; width: 86%; left: 7%; top: 18%; } .mf-landing .lp-brain-result p { font-size: .8125rem; } }
.mf-landing-body { --lp-muted: #a8aec5; --lp-line: #ffffff16; background: #0b0c14; color: #f3f3fc; font-family: 'Segoe UI', sans-serif; }
.mf-landing-body .mf-navbar { background: #0b0c14eb; border-color: var(--lp-line); padding: 18px 0; }
.mf-landing-body .mf-navbar .container { max-width: 1248px; }
.mf-landing-body .mf-brand-logo { width: 188px; height: auto; }
.mf-landing-body .nav-link { color: #c6c9da !important; font-size: .875rem; }
.mf-landing-body .navbar-toggler { border-color: #ffffff40; background: #e5eaf4; }
.mf-landing-body .mf-footer { background: #0b0c14; border-color: var(--lp-line) !important; margin-top: 0 !important; }
.mf-landing-body .mf-footer small { color: #a8aec5 !important; }
.mf-landing { overflow: clip; background: radial-gradient(ellipse at 82% 7%, #28205560, transparent 25%), radial-gradient(ellipse at 6% 1%, #411d3c40, transparent 17%); }
.mf-landing *, .mf-landing *::before, .mf-landing *::after { box-sizing: border-box; }
.lp-wrap { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.mf-landing [id] { scroll-margin-top: 120px; }
.mf-landing h1, .mf-landing h2, .mf-landing h3 { color: #f5f5fc !important; letter-spacing: -.045em; font-weight: 650; }
.mf-landing p { color: var(--lp-muted); line-height: 1.75; margin-bottom: 0; }
.mf-landing h2 { font-size: clamp(2rem, 3.3vw, 3rem); line-height: 1.17; margin-bottom: 22px; }
.mf-landing h2 > span { color: #a5a4ba; }
.mf-landing a { text-underline-offset: 5px; }
.mf-landing a:focus-visible, .mf-landing button:focus-visible, .mf-landing summary:focus-visible, .mf-landing-body .nav-link:focus-visible { outline: 3px solid #0ae8f9; outline-offset: 6px; }
.mf-skip-link { position: fixed; left: 20px; top: -100px; z-index: 2000; background: #fff; color: #111; padding: 15px; border-radius: 10px; }
.mf-skip-link:focus { top: 12px; }
.lp-hero { display: grid; grid-template-columns: 1.03fr 1fr; gap: 65px; align-items: center; padding-block: 88px 84px; }
.mf-landing .lp-eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .15em; color: #cfb9f3; display: flex; align-items: center; gap: 10px; margin-bottom: 25px; }
.lp-dot { display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #0ae8f9; box-shadow: 0 0 12px #0ae8f960; }
.mf-landing h1 { font-size: clamp(2.9rem, 4.6vw, 4.2rem); line-height: 1.075; margin: 0 0 27px; }
.mf-landing h1 > span { background: linear-gradient(95deg, #ee72fd, #aba3ff 52%, #0ae8f9); background-clip: text; -webkit-background-clip: text; color: transparent; }
.mf-landing .lp-lead { font-size: 1.08rem; max-width: 460px; line-height: 1.8; }
.lp-actions { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; margin-top: 31px; }
.lp-button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 17px 23px; border-radius: 12px; font-size: .9375rem; font-weight: 650; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.lp-button-primary { background: linear-gradient(115deg, #7650ee, #5b6bee); color: #fff !important; box-shadow: 0 8px 34px #7850ed29, inset 0 1px #ffffff30; }
.lp-button-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 38px #7850ed55; }
.lp-button > span { font-size: 1.3rem; line-height: 1; }
.lp-text-link { color: #dcdaef; font-size: .875rem; text-decoration: none; }
.lp-text-link:hover { color: #0ae8f9; }
.lp-text-link span { margin-left: 8px; }
.mf-landing .lp-trial-note { font-size: .8125rem; line-height: 1.7; margin-top: 17px; }
.lp-hero-tags { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 30px; font-size: .75rem; color: #b5b7ca; }
.lp-hero-tags span::before { content: '✓'; margin-right: 6px; color: #72d5dc; }
.lp-demo { min-width: 0; position: relative; padding: 20px; border: 1px solid #8980bd35; border-radius: 23px; background: linear-gradient(145deg, #1c1b2d, #11151e); box-shadow: 0 30px 80px #0004, 0 0 70px #7741bc15; }
.lp-demo::before { content: ''; position: absolute; height: 1px; top: -1px; left: 18%; right: 18%; background: linear-gradient(90deg, transparent, #ee72fd, #0ae8f9, transparent); }
.lp-demo-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: #beb8d7; font-size: .75rem; letter-spacing: .06em; padding-bottom: 20px; }
.lp-demo-toolbar > span { display: flex; align-items: center; gap: 8px; }
.lp-motion-button { font-size: .75rem; border: 0; background: transparent; color: #bfc2d5; padding: 4px; text-decoration: underline; text-underline-offset: 4px; }
.lp-conversation { background: #0a0d16a6; padding: 22px; border-radius: 14px; border: 1px solid #ffffff07; }
.lp-chat-person { display: flex; gap: 11px; align-items: center; margin-bottom: 19px; }
.lp-avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #e5d6f7; background: #493454; font-size: .875rem; }
.lp-chat-person strong { display: block; font-size: .875rem; font-weight: 600; }
.lp-chat-person div > span { display: block; font-size: .75rem; color: #a6abc0; margin-top: 2px; }
.lp-chat-time { margin-left: auto; font-size: .75rem; color: #919ab3; }
.lp-audio-message { padding: 17px 18px; border: 1px solid #ffffff10; background: #232636; border-radius: 3px 14px 14px; }
.lp-wave-row { display: flex; align-items: center; gap: 14px; }
.lp-play-symbol { color: #d2c6ee; font-size: 1.125rem; }
.lp-wave { flex: 1; min-width: 0; height: 40px; fill: #a799d6; }
.lp-wave rect { transform-box: fill-box; transform-origin: center; }
.lp-duration { color: #b7b4c8; font-size: .75rem; }
.mf-landing .lp-audio-message p { margin-top: 9px; color: #bcc0d1; font-size: .8125rem; line-height: 1.7; }
.lp-transform { display: flex; align-items: center; gap: 9px; padding-block: 20px; }
.lp-transform > span:first-child, .lp-transform > span:last-child { height: 1px; flex: 1; background: linear-gradient(90deg, #72579c22, #887ac76b); }
.lp-transform-label { font-size: .75rem; color: #c3acd9; }
.lp-summary-message { background: linear-gradient(125deg, #28223e, #132b35); border: 1px solid #8196cd45; border-radius: 14px 3px 14px 14px; padding: 19px; }
.lp-summary-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; font-size: .75rem; letter-spacing: .06em; color: #d7adf0; font-weight: 650; }
.lp-summary-badge { color: #81ddd8; font-size: .75rem; font-weight: 400; letter-spacing: 0; }
.mf-landing .lp-summary-message p, .lp-summary-message ul { color: #e1dff0; font-size: .875rem; line-height: 1.7; }
.lp-summary-message ul { padding-left: 18px; margin: 10px 0 16px; }
.lp-summary-message li { padding-left: 3px; margin-block: 4px; }
.lp-summary-message li::marker { color: #9e89df; }
.lp-summary-message strong { color: #fff; }
.lp-summary-footer { display: flex; justify-content: space-between; border-top: 1px solid #ffffff10; padding-top: 12px; font-size: .75rem; color: #afa5c9; }
.lp-summary-footer > span { color: #6ee0dc; }
.mf-landing .lp-demo-caption { font-size: .75rem; text-align: center; margin-top: 16px; color: #a3a4ba; }
.lp-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; padding-block: 35px 42px; border-top: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); }
.lp-benefits article + article { border-left: 1px solid var(--lp-line); padding-left: 38px; }
.lp-feature-number { font-size: .6875rem; letter-spacing: .14em; color: #ae90ce; }
.lp-benefits h2 { font-size: 1.3rem; letter-spacing: -.025em; margin: 17px 0 11px; }
.lp-benefits p { font-size: .9375rem; }
.lp-how { padding-block: 105px; }
.lp-section-heading { text-align: center; }
.lp-section-heading .lp-eyebrow { justify-content: center; }
.lp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; margin-top: 56px; }
.lp-steps article { position: relative; }
.lp-steps article:not(:last-child)::after { content: ''; position: absolute; height: 1px; top: 20px; left: 64px; right: 0; background: linear-gradient(90deg, #8c71d060, #ffffff08); }
.lp-steps article > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #292238; color: #d8b7ef; border: 1px solid #ad8ddb30; font-size: .875rem; }
.lp-steps h3 { font-size: 1.25rem; margin: 24px 0 12px; letter-spacing: -.02em; }
.lp-steps p { font-size: .9375rem; }
.lp-video-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: center; padding-bottom: 110px; }
.lp-coming-soon { display: inline-block; margin-top: 23px; font-size: .75rem; padding: 8px 12px; border: 1px solid #857f9d40; border-radius: 30px; color: #c2b9d5; }
.lp-video-frame { min-width: 0; border-radius: 22px; border: 1px solid #9180aa38; overflow: hidden; background: #11111e; }
.lp-video-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; }
.lp-video-placeholder { min-height: 330px; padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 24px; background: radial-gradient(ellipse at 50% 50%, #6d348739, transparent 65%), linear-gradient(125deg, #1c182d, #101720); }
.lp-video-label { color: #b5abc9; font-size: .6875rem; letter-spacing: .13em; text-align: center; }
.lp-video-story { display: flex; align-items: center; justify-content: center; gap: 15px; font-size: .8125rem; color: #d5d0e6; flex-wrap: wrap; }
.lp-video-story span:not(:nth-child(2)) { border: 1px solid #ffffff15; background: #ffffff05; padding: 10px 14px; border-radius: 9px; }
.lp-video-placeholder > p { font-size: .875rem; }
.lp-transcript-link { display: block; padding: 15px; color: #c7b4ed; }
.lp-accessibility { display: grid; grid-template-columns: .65fr 1fr; gap: 90px; align-items: center; padding-block: 65px; border-block: 1px solid var(--lp-line); }
.lp-accessibility-mark { font-size: clamp(6rem, 12vw, 11rem); font-weight: 500; letter-spacing: -.07em; color: #cdc4e9; display: flex; align-items: flex-start; justify-content: center; line-height: 1.1; }
.lp-accessibility-mark span { font-size: 4rem; color: #ee72fd; margin-top: 15px; }
.mf-landing .lp-fine-print { font-size: .8125rem; line-height: 1.7; margin-top: 18px; }
.lp-trial { display: grid; grid-template-columns: .85fr 1fr; align-items: center; gap: 80px; padding-block: 90px; }
.lp-neuron-art { position: relative; text-align: center; }
.lp-neuron-art img { display: block; width: 100%; max-width: 370px; height: auto; margin: auto; border-radius: 25px; }
.lp-neuron-art > span { display: block; margin-top: 15px; font-size: .625rem; color: #a79cb7; letter-spacing: .12em; }
.lp-trial-copy .lp-button { margin-top: 26px; }
.lp-trial-copy > p { max-width: 490px; }
.lp-faq { display: grid; grid-template-columns: .7fr 1fr; gap: 90px; padding-block: 35px 95px; }
.lp-faq-list details { border-bottom: 1px solid var(--lp-line); padding-block: 20px; }
.lp-faq-list details:first-child { border-top: 1px solid var(--lp-line); }
.lp-faq-list summary { display: flex; justify-content: space-between; gap: 25px; font-size: .9375rem; font-weight: 500; cursor: pointer; list-style: none; }
.lp-faq-list summary::-webkit-details-marker { display: none; }
.lp-faq-list summary::after { content: '+'; color: #c49ce4; font-size: 1.25rem; line-height: 1; }
.lp-faq-list details[open] summary::after { content: '−'; }
.lp-faq-list details p { margin-top: 15px; font-size: .875rem; }
/* All content stays visible without JS; animation is an optional enhancement. */
.lp-demo.is-playing .lp-audio-message { animation: lp-arrive 10s infinite both; }
.lp-demo.is-playing .lp-wave rect { animation: lp-wave .85s calc(var(--bar) * -43ms) infinite alternate; }
.lp-demo.is-playing .lp-transform img { animation: lp-process 10s infinite; }
.lp-demo.is-playing .lp-summary-message { animation: lp-summary 10s infinite both; }
.lp-demo.is-paused *, .lp-demo.is-offscreen * { animation-play-state: paused !important; }
@keyframes lp-arrive { 0%, 4% { opacity: 0; transform: translateY(12px); } 12%, 94% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(0); } }
@keyframes lp-wave { from { transform: scaleY(.55); } to { transform: scaleY(1); } }
@keyframes lp-process { 0%, 15%, 42%, 100% { transform: scale(1); filter: none; } 25%, 35% { transform: scale(1.1); filter: drop-shadow(0 0 8px #ee72fd80); } }
@keyframes lp-summary { 0%, 28% { opacity: 0; transform: translateY(12px); } 40%, 94% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(0); } }
html[data-theme='light'] .mf-landing-body { --lp-muted: #575b74; --lp-line: #25224920; background: #f7f8fc; color: #23213b; }
html[data-theme='light'] .mf-landing { background: radial-gradient(ellipse at 80% 4%, #e5dafa90, transparent 27%); }
html[data-theme='light'] .mf-landing-body .mf-navbar, html[data-theme='light'] .mf-landing-body .mf-footer { background: #f7f8fcf5; }
html[data-theme='light'] .mf-landing-body .nav-link, html[data-theme='light'] .mf-landing-body .mf-footer small { color: #575b74 !important; }
html[data-theme='light'] .mf-landing h1, html[data-theme='light'] .mf-landing h2, html[data-theme='light'] .mf-landing h3 { color: #23213b !important; }
html[data-theme='light'] .mf-landing h1 > span { background-image: linear-gradient(95deg, #9e329e, #6245c8 60%, #16768a); }
html[data-theme='light'] .mf-landing h2 > span { color: #68637e; }
html[data-theme='light'] .mf-landing .lp-eyebrow, html[data-theme='light'] .lp-feature-number, html[data-theme='light'] .lp-text-link { color: #754096; }
html[data-theme='light'] .lp-hero-tags, html[data-theme='light'] .lp-coming-soon { color: #61556f; }
html[data-theme='light'] .lp-hero-tags span::before { color: #16747b; }
html[data-theme='light'] .lp-steps article > span { color: #704394; background: #eae3f5; }
html[data-theme='light'] .lp-accessibility-mark { color: #77638f; }
html[data-theme='light'] .lp-accessibility-mark span { color: #a047ae; }
html[data-theme='light'] .lp-demo { color: #f3f3fc; }
html[data-theme='light'] .lp-video-placeholder > p { color: #b5abc9; }
html[data-theme='light'] .lp-neuron-art > span { color: #61556f; }
@media (min-width: 1400px) { .lp-hero { padding-block: 105px 100px; } }
@media (max-width: 1050px) { .lp-hero { gap: 32px; } .lp-wrap { width: calc(100% - 48px); } .lp-conversation { padding: 16px; } .lp-demo { padding: 16px; } .lp-hero h1 { font-size: 3rem; } .lp-video-section, .lp-trial { gap: 40px; } }
@media (max-width: 800px) { .lp-hero { grid-template-columns: 1fr; gap: 45px; padding-block: 55px; } .lp-hero-copy { max-width: 620px; } .lp-hero h1 { font-size: clamp(2.75rem, 8vw, 4rem); } .lp-demo { width: min(100%, 580px); justify-self: center; } .lp-benefits { gap: 22px; } .lp-benefits article + article { padding-left: 22px; } .lp-benefits h2 { font-size: 1.15rem; } .lp-steps { gap: 30px; } .lp-video-section { grid-template-columns: 1fr; gap: 30px; } .lp-video-frame { width: 100%; } .lp-accessibility { gap: 30px; grid-template-columns: .4fr 1fr; } .lp-trial { gap: 35px; grid-template-columns: .7fr 1fr; } .lp-faq { gap: 35px; } }
@media (max-width: 560px) { .lp-wrap { width: calc(100% - 36px); } .mf-landing-body .mf-navbar { padding-block: 12px; } .lp-hero { padding-top: 40px; } .lp-hero h1 { font-size: 1.425rem; } .lp-actions { align-items: flex-start; flex-direction: column; gap: 20px; } .lp-button { padding: 16px 20px; font-size: .875rem; } .lp-hero-tags { gap: 9px 14px; } .lp-demo-toolbar { font-size: .75rem; } .lp-conversation { padding: 12px; } .lp-demo { padding: 12px; border-radius: 18px; } .lp-audio-message, .lp-summary-message { padding: 14px; } .lp-chat-person div > span { font-size: .6875rem; } .lp-transform { gap: 6px; } .lp-transform-label { font-size: .75rem; } .lp-transform img { width: 24px; height: 24px; } .lp-demo-caption { padding-inline: 10px; } .lp-benefits { grid-template-columns: 1fr; gap: 27px; padding-block: 30px; } .lp-benefits article + article { padding: 0; border-left: 0; } .lp-benefits h2 { font-size: 1.35rem; margin-block: 8px; } .lp-how { padding-block: 65px; } .lp-section-heading { text-align: left; } .lp-section-heading .lp-eyebrow { justify-content: flex-start; } .lp-steps { grid-template-columns: 1fr; gap: 27px; margin-top: 30px; } .lp-steps h3 { margin-top: 15px; } .lp-steps article:not(:last-child)::after { right: 15px; } .lp-video-section { padding-bottom: 65px; } .lp-video-placeholder { padding: 20px 12px; min-height: 315px; } .lp-video-story { gap: 7px; font-size: .75rem; } .lp-video-story span:not(:nth-child(2)) { padding: 8px; } .lp-accessibility { grid-template-columns: 1fr; gap: 15px; padding-block: 40px; } .lp-accessibility-mark { justify-content: flex-start; font-size: 5rem; } .lp-accessibility-mark span { font-size: 2.5rem; } .lp-trial { display: flex; flex-direction: column; gap: 25px; padding-block: 65px; } .lp-neuron-art { max-width: 270px; } .lp-faq { grid-template-columns: 1fr; gap: 10px; padding-block: 0 60px; } }
@media (prefers-reduced-motion: reduce) { .mf-landing *, .mf-landing *::before, .mf-landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }


/* Decorative image-to-context visual; section layout remains unchanged. */
.lp-image-context { display: flex; align-items: center; justify-content: center; min-width: 0; }
.lp-image-context img { display: block; width: 100%; max-width: 380px; height: auto; aspect-ratio: 380 / 220; object-fit: cover; }
@media (max-width: 560px) { .lp-image-context { justify-content: flex-start; } .lp-image-context img { max-width: 280px; } }

/* Cyan-to-blue glow on the three benefit blocks, without layout movement. */
.lp-benefits > article { position: relative; isolation: isolate; }
.lp-benefits > article::before {
  content: "";
  position: absolute;
  inset: -14px -12px;
  z-index: -1;
  pointer-events: none;
  border-radius: 20px;
  background: radial-gradient(ellipse at 0% 50%, rgba(10,232,249,.19), transparent 65%), radial-gradient(ellipse at 100% 50%, rgba(65,105,255,.23), transparent 65%);
  box-shadow: -12px 0 30px -14px rgba(10,232,249,.45), 12px 0 30px -14px rgba(65,105,255,.5), inset 1px 0 0 rgba(10,232,249,.28), inset -1px 0 0 rgba(65,105,255,.32);
  opacity: 0;
  transition: opacity 280ms ease;
}
@media (hover: hover) and (pointer: fine) {
  .lp-benefits > article:hover::before { opacity: 1; }
}
.lp-benefits > article:focus-within::before { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .lp-benefits > article::before { transition: none; }
}

.lp-person-frames { position:relative; width:100%; max-width:370px; margin:auto; overflow:hidden; border-radius:25px; }
.lp-person-frames .lp-person-after { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; }
.lp-person-transition.is-ready .lp-person-after { animation:lp-person-crossfade 7s ease-in-out infinite; }
.lp-person-transition.is-paused .lp-person-after,
.lp-person-transition.is-offscreen .lp-person-after { animation-play-state:paused; }
.lp-person-pause { position:absolute; right:calc(max(0px, (100% - 370px) / 2) + 10px); bottom:10px; width:28px; height:28px; padding:0; background:#0b0c1480; border:1px solid #ffffff30; border-radius:50%; color:#fff; font-size:13px; line-height:1; }
.lp-person-pause:focus-visible { outline:2px solid #0ae8f9; outline-offset:3px; }
@keyframes lp-person-crossfade { 0%,35%,100% { opacity:0; } 47%,85% { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .lp-person-transition.is-ready .lp-person-after { animation:none; opacity:1; } .lp-person-pause { display:none; } }

/* Hero copy: overlapping measuring layers reserve space before JavaScript starts. */
@media (min-width: 801px) { .mf-landing .lp-hero h1 { font-size: clamp(2.03rem, 3.22vw, 2.94rem); } }
@media (min-width: 801px) and (max-width: 1050px) { .mf-landing .lp-hero h1 { font-size: 2.1rem; } }
.mf-landing .lp-typed-title, .lp-typed-description { display: grid; }
.mf-landing .lp-typed-title > span { background: none; color: inherit; }
.lp-typed-title > .lp-typed-measure, .lp-typed-visible,
.lp-typed-description > .lp-typed-measure, [data-hero-description] { grid-area: 1 / 1; min-width: 0; overflow-wrap: break-word; }
.lp-typed-measure { visibility: hidden; pointer-events: none; }
.lp-typed-accent { background: linear-gradient(95deg, #ee72fd, #aba3ff 52%, #0ae8f9); background-clip: text; -webkit-background-clip: text; color: transparent; }
html[data-theme='light'] .lp-typed-accent { background-image: linear-gradient(95deg, #9e329e, #6245c8 60%, #16768a); }
.lp-typed-cursor { display: inline-block; width: .045em; height: .85em; margin-left: .07em; vertical-align: -.04em; background: #aba3ff; visibility: hidden; }
.lp-typed-title.is-typing .lp-typed-visible .lp-typed-cursor { visibility: visible; animation: lp-cursor-blink 1.2s ease-in-out infinite; }
[data-hero-description] { opacity: 1; transition: opacity .3s ease; }
.lp-typed-description.is-hidden [data-hero-description] { opacity: 0; transition-duration: .25s; }
@keyframes lp-cursor-blink { 0%, 100% { opacity: 1; } 50% { opacity: .15; } }
@media (prefers-reduced-motion: reduce) { .lp-typed-title .lp-typed-cursor { visibility: hidden !important; animation: none !important; } [data-hero-description] { transition: none; } }