/* A more visible product rhythm, with readable offers and a complete closing. */
.hero { padding-top:54px; }
.hero-grid { gap:38px; }
.hero-copy h1 em { position:relative; display:inline-block; }
.hero-copy h1 em::after { content:""; position:absolute; bottom:-7px; left:4%; width:93%; height:2px; background:currentColor; transform-origin:left; animation:offer-underline 5s var(--motion-ease) infinite; }
.hero-offer { display:inline-flex; align-items:center; gap:9px; min-height:44px; margin-top:20px; color:oklch(85% .11 155); font-size:12px; line-height:1.6; text-underline-offset:5px; }
.hero-offer:hover { text-decoration:underline; }
.hero-offer > span:first-child { display:inline-block; font-size:19px; animation:offer-star 8s linear infinite; }
.hero-assurance { margin-top:2px; }
.hero-dashboard { animation:product-breathe 6s ease-in-out infinite alternate; }
.hero-dashboard:hover,.hero-dashboard:focus-visible { animation-play-state:paused; }
.hero-product-stage .demo-column { transition:transform 280ms var(--motion-ease); }
.hero[data-scene-visible="false"] :is(.hero-dashboard,.hero-offer > span),.hero[data-scene-visible="false"] h1 em::after { animation-play-state:paused; }
.hero-stage-footer { gap:12px 28px; }
.hero-stage-footer > span { font-size:10px; }
.button { min-height:52px; }
.button:is(:hover,:focus-visible) { transform:translateY(-4px); }
.button:is(:hover,:focus-visible) .arrow { transform:translateX(7px); }
.button:active { transform:translateY(0) scale(.97); }
.signal-strip { overflow:hidden; }
.signal-strip .shell { display:flex; align-items:center; gap:35px; }
.signal-intro { flex-shrink:0; }
.signal-list[data-enhanced] { display:block; min-width:0; flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,oklch(10% 0 0) 4%,oklch(10% 0 0) 96%,transparent); }
.signal-track { display:flex; width:max-content; animation:commerce-flow 24s linear infinite; }
.signal-cycle { display:flex; gap:32px; padding-right:32px; }
.signal-cycle > span { display:inline-flex; align-items:center; gap:32px; white-space:nowrap; font-size:12px; }
.signal-cycle > span::after { content:"✦"; color:oklch(76% .11 156); font-size:11px; }
.signal-strip:hover .signal-track,.signal-strip[data-scene-visible="false"] .signal-track { animation-play-state:paused; }
.tour-layout { grid-template-columns:245px minmax(0,1fr); gap:40px; }
.tour-tab { padding-block:28px; min-height:160px; }
.tour-tab strong { font-size:20px; line-height:1.3; }
.tour-tab > span:nth-child(2) > span { font-size:13px; }
.tour-tab[data-tour="catalog"]::before,.tour-tab[data-tour="agent-config"]::before { content:""; grid-column:2; grid-row:2; display:block; width:100%; aspect-ratio:2.9; border-radius:4px; background:var(--tab-image) top left/cover no-repeat; opacity:.5; transition:opacity 260ms var(--motion-ease),transform 350ms var(--motion-ease); }
.tour-tab[data-tour="catalog"] { --tab-image:url("dashboard-catalog-mobile.webp"); }
.tour-tab[data-tour="agent-config"] { --tab-image:url("dashboard-agent-config-mobile.webp"); }
.tour-tab[aria-selected="true"]::before { opacity:1; transform:translateY(-2px); }
.tour-playback { display:flex; justify-content:space-between; align-items:center; gap:10px; border-bottom:1px solid oklch(74% .04 155); padding-bottom:12px; margin-bottom:16px; color:var(--tour-ink); font-size:10px; }
.tour-autoplay { min-height:44px; border:1px solid oklch(64% .055 155); border-radius:6px; padding:8px 12px; background:transparent; color:var(--tour-ink); font:600 10px var(--body); cursor:pointer; }
.tour-autoplay:hover { background:oklch(96% .02 155); }
.tour-autoplay[hidden] { display:none; }
.tour-stage { position:relative; }
.tour-progress { position:absolute; inset:0 auto auto 0; width:100%; height:3px; background:oklch(43% .1 155); transform:scaleX(0); transform-origin:left; pointer-events:none; }
.trial-invitation { background:oklch(82% .14 151); color:oklch(23% .044 155); padding:70px 0; overflow:hidden; }
.trial-layout { display:grid; grid-template-columns:180px minmax(0,1fr) 290px; gap:44px; align-items:center; }
.trial-seal { position:relative; width:180px; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.trial-seal > span { font-size:86px; letter-spacing:-.1em; line-height:1; margin-left:-9px; font-weight:500; }
.trial-seal small { margin-top:8px; font-size:10px; }
.trial-seal svg { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:oklch(29% .06 155); stroke-width:.6; animation:offer-star 26s linear infinite; }
.trial-seal circle:first-child { stroke-dasharray:3 8; }
.trial-seal circle:last-child { stroke-dasharray:130 20; }
.trial-kicker { display:block; font-size:11px; line-height:1.6; margin-bottom:17px; }
.trial-copy h2 { font-size:clamp(38px,3.8vw,56px); line-height:1.09; letter-spacing:-.055em; font-weight:600; margin-bottom:19px; }
.trial-copy > p { font-size:13px; line-height:1.8; margin:0; max-width:48ch; color:oklch(30% .048 155); }
.trial-action .button { width:100%; background:oklch(23% .044 155); color:oklch(97% .012 155); font-size:13px; }
.trial-action > p { font-size:10px; line-height:1.85; max-width:43ch; margin:17px 0 0; color:oklch(29% .045 155); }
.trial-invitation[data-scene-visible="false"] .trial-seal svg { animation-play-state:paused; }
.trial-invitation :focus-visible { outline-color:oklch(28% .08 155); }
/* Keep labels, headings and descriptions in flow across narrow columns and zoom. */
.outcomes { padding-top:36px; padding-bottom:76px; }
.outcome-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.outcome,.sequence-step { display:flex; flex-direction:column; gap:16px; min-width:0; height:auto; }
.outcome .outcome-mark,.sequence-step .sequence-number { margin:0 0 15px; flex-shrink:0; line-height:1.65; }
.outcome h3,.sequence-step h3 { max-width:none; margin:0; line-height:1.4; font-size:21px; overflow-wrap:break-word; }
.outcome p,.sequence-step p { max-width:none; margin:0; line-height:1.8; }
.outcome + .outcome,.sequence-step + .sequence-step { min-width:0; }
.technology-copy,.technology-copy article,.protocol > *,.closing-inner > * { min-width:0; }
.catalog-match > div:last-child { min-width:0; }
.catalog-match strong,.protocol h3 { overflow-wrap:break-word; }
.control-line { grid-template-columns:minmax(0,1fr) auto; gap:8px 20px; }
.control-line dt { grid-column:1; grid-row:1; line-height:1.6; }
.control-line dd:not(.status) { grid-column:1; grid-row:2; margin:0; line-height:1.7; }
.control-line .status { grid-column:2; grid-row:1 / 3; white-space:normal; max-width:16ch; line-height:1.6; }
.voice-modes { gap:8px; padding-top:18px; }
.voice-modes button { min-height:44px; padding:10px 18px; border:1px solid oklch(62% .06 155 / .4); border-radius:24px; background:transparent; color:oklch(84% .035 155); cursor:pointer; font:600 12px var(--body); transition:background-color 240ms var(--motion-ease),color 240ms var(--motion-ease),transform 240ms var(--motion-ease); }
.voice-modes button[aria-selected="true"] { background:oklch(82% .11 155); color:oklch(24% .04 155); }
.voice-modes button:hover { transform:translateY(-3px); }
.voice-transcript { min-height:3.6em; display:grid; align-content:center; font-size:18px; line-height:1.7; max-width:37ch; margin-inline:auto; }
.knowledge-paths path { stroke-dasharray:12 9; animation:knowledge-route 2s linear infinite; }
.knowledge-scene[data-scene-visible="false"] .knowledge-paths path { animation-play-state:paused; }
.engine-art img { animation:product-breathe 5s ease-in-out infinite alternate; }
.engine-art[data-scene-visible="false"] img { animation-play-state:paused; }
.protocol { grid-template-columns:90px minmax(0,.85fr) minmax(0,1.15fr); gap:16px 32px; }
.protocol h3 { line-height:1.3; font-size:25px; }
.protocol p { line-height:1.85; margin:0; }
.closing { padding:92px 0; }
.closing-inner { grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); align-items:center; padding-bottom:0; gap:60px; }
.closing h2 { max-width:none; font-size:clamp(45px,5.3vw,78px); line-height:1.1; letter-spacing:-.055em; margin:25px 0; }
.closing h2 em { display:inline-block; color:oklch(81% .1 155); font-style:normal; }
.closing-actions { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.closing-actions .button { padding:18px 30px; }
.closing-actions .text-cta { font-size:12px; }
.investor-invitation { padding:74px 0 80px; background:oklch(92.5% .025 153); color:oklch(26% .04 155); }
.investor-layout { display:grid; grid-template-columns:1.25fr 1fr; gap:90px; align-items:center; }
.investor-kicker { display:block; font-size:11px; margin-bottom:24px; color:oklch(40% .055 155); }
.investor-layout h2 { font-size:clamp(45px,5.5vw,80px); line-height:1.04; font-weight:500; letter-spacing:-.055em; margin:0; }
.investor-layout h2 em { font-style:normal; color:oklch(43% .09 155); }
.investor-action p { font-size:15px; line-height:1.85; max-width:42ch; margin-bottom:28px; color:oklch(39% .035 155); }
.investor-button { background:oklch(27% .047 155); color:oklch(97% .012 155); padding:18px 26px; }
.investor-action > span { display:block; font-size:11px; margin-top:15px; color:oklch(43% .04 155); }
.investor-invitation :focus-visible { outline-color:oklch(38% .1 155); }
.site-footer { background:oklch(17% .022 155); color:oklch(82% .025 155); padding:72px 0 20px; overflow:hidden; }
.footer-main { display:grid; grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr)); gap:35px; }
.footer-brand .brand { font-size:30px; gap:14px; color:oklch(96% .013 155); }
.footer-brand .brand img { width:42px; height:42px; }
.footer-brand .brand .brand-logo-mark { width:64px; height:auto; aspect-ratio:521 / 385; filter:brightness(0) invert(1); }
.footer-brand p { margin:24px 0 15px; font-size:17px; line-height:1.7; color:oklch(86% .027 155); }
.footer-contact { display:inline-flex; gap:10px; align-items:center; font-size:11px; min-height:44px; overflow-wrap:anywhere; }
.footer-main nav { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.footer-main h3 { color:oklch(95% .015 155); font:600 12px var(--body); margin:6px 0 18px; line-height:1.6; }
.footer-main nav a { display:flex; align-items:center; min-height:44px; font-size:12px; line-height:1.6; transition:color 220ms var(--motion-ease),transform 260ms var(--motion-ease); }
.footer-main a:is(:hover,:focus-visible) { color:oklch(81% .11 155); transform:translateX(3px); }
.footer-signature { font-size:clamp(120px,27vw,400px); font-weight:600; line-height:1.5; letter-spacing:-.085em; color:oklch(51% .057 155); margin:40px 0 35px; user-select:none; display:flex; justify-content:space-between; align-items:start; }
.footer-signature span { font-size:.6em; line-height:1.25; font-weight:400; padding-right:.05em; color:oklch(45% .08 155); transition:transform 650ms var(--motion-ease); }
.site-footer:hover .footer-signature span { transform:translate(10px,-10px); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; border-top:1px solid oklch(43% .025 155); font-size:10px; line-height:1.7; }
.footer-bottom a { display:flex; align-items:center; gap:22px; min-height:44px; }
.footer-bottom a > span { font-size:22px; }
@keyframes product-breathe { from { translate:0 -8px; } to { translate:0 8px; } }
@keyframes offer-underline { 0%,10% { transform:scaleX(.1); opacity:.3; } 40%,80% { transform:scaleX(1); opacity:.8; } 100% { transform:scaleX(.1); opacity:.3; } }
@keyframes offer-star { to { rotate:360deg; } }
@keyframes commerce-flow { to { transform:translateX(-50%); } }
@keyframes knowledge-route { to { stroke-dashoffset:-42; } }
@media(hover:hover) and (pointer:fine) and (min-width:701px) {
  .hero-dashboard[data-depth] { transform:rotateX(calc(var(--scroll-tilt,6deg) + var(--tilt-x,0deg))) rotateY(calc(var(--scroll-turn,5deg) + var(--tilt-y,0deg))) rotateZ(-1.4deg) scale(var(--stage-scale,.97)); }
  .hero-product-stage .demo-column { transform:translateY(var(--store-shift,12px)); }
}
@media(max-width:1050px) {
  .trial-layout { grid-template-columns:130px minmax(0,1fr); gap:30px; }
  .trial-seal { width:130px; }
  .trial-seal > span { font-size:65px; }
  .trial-seal small { font-size:9px; }
  .trial-action { grid-column:2; }
  .trial-action .button { width:auto; }
  .trial-action > p { max-width:55ch; }
  .tour-layout { grid-template-columns:190px minmax(0,1fr); gap:25px; }
  .tour-tab strong { font-size:17px; }
  .footer-main { grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 26px; }
  .footer-brand { grid-column:1 / -1; }
  .investor-layout { gap:45px; }
  .closing-inner { grid-template-columns:1fr; gap:30px; }
  .outcome,.outcome + .outcome { padding-inline:20px; }
  .outcome:first-child { padding-left:0; }
}
@media(max-width:700px) {
  .hero { padding-top:36px; }
  .hero-offer { max-width:100%; font-size:10px; gap:7px; }
  .hero-assurance { font-size:9px; max-width:37ch; line-height:1.7; }
  .hero-grid { gap:30px; }
  .hero-cta .button { font-size:12px; min-height:50px; padding-inline:18px; }
  .hero-dashboard { animation-duration:4s; }
  .hero-copy h1 em::after { bottom:-3px; height:1px; }
  .signal-strip .shell { display:block; }
  .signal-intro { display:block; margin-bottom:18px; font-size:10px; }
  .signal-cycle,.signal-cycle > span { gap:25px; font-size:11px; }
  .signal-track { animation-duration:22s; }
  .tour-layout { display:flex; }
  .tour-tab { min-height:0; padding-block:17px; }
  .tour-tab strong { font-size:14px; line-height:1.4; }
  .tour-tab::before { margin-top:14px; width:100%; }
  .tour-tab .tour-number { padding-bottom:10px; }
  .tour-nav { gap:20px; }
  .tour-playback { font-size:9px; gap:5px; }
  .tour-autoplay { font-size:9px; padding:8px; }
  .trial-invitation { padding:48px 0; }
  .trial-layout { grid-template-columns:1fr; gap:28px; }
  .trial-seal { display:none; }
  .trial-action { grid-column:1; }
  .trial-copy h2 { font-size:45px; }
  .trial-copy > p { font-size:13px; }
  .trial-action .button { width:100%; }
  .trial-action > p { font-size:10px; }
  .outcome,.outcome + .outcome { padding:28px 0; }
  .outcome-grid { grid-template-columns:1fr; }
  .outcome h3,.sequence-step h3 { font-size:23px; max-width:25ch; }
  .outcome .outcome-mark,.sequence-step .sequence-number { margin-bottom:5px; }
  .control-line { grid-template-columns:minmax(0,1fr); gap:8px; }
  .control-line .status { grid-column:1; grid-row:3; max-width:none; font-size:10px; margin-top:4px; }
  .catalog-match { align-items:flex-start; gap:15px; padding:18px; }
  .catalog-object { flex-basis:60px; height:84px; }
  .catalog-object svg { max-width:48px; }
  .catalog-match strong { font-size:14px; }
  .protocol,.protocol + .protocol { grid-template-columns:64px minmax(0,1fr); gap:15px 18px; padding:28px 0; }
  .protocol-badge { width:54px; height:54px; grid-column:1; grid-row:1; border-radius:10px; font-size:15px; }
  .protocol h3 { grid-column:2; grid-row:1; font-size:24px; }
  .protocol p { grid-column:1 / -1; grid-row:2; font-size:13px; }
  .protocol-detail { grid-column:1 / -1; grid-row:3; }
  .voice-modes button { padding-inline:12px; font-size:11px; }
  .voice-transcript { font-size:16px; min-height:5.1em; }
  .closing { padding:64px 0; }
  .closing h2 { font-size:44px; line-height:1.15; }
  .closing-actions { align-items:stretch; }
  .closing-actions .text-cta { align-self:flex-start; }
  .investor-invitation { padding:55px 0; }
  .investor-layout { grid-template-columns:1fr; gap:26px; }
  .investor-layout h2 { font-size:52px; }
  .investor-action p { font-size:14px; }
  .investor-button { width:100%; font-size:13px; }
  .site-footer { padding-top:48px; }
  .footer-main { grid-template-columns:1fr 1fr; gap:30px 20px; }
  .footer-main h3 { margin-bottom:8px; font-size:12px; }
  .footer-main nav a { font-size:11px; }
  .footer-brand .brand { font-size:28px; }
  .footer-brand p { margin-block:17px 10px; font-size:16px; }
  .footer-signature { font-size:31vw; margin-block:42px 24px; }
  .footer-bottom { align-items:flex-start; font-size:9px; gap:15px; }
  .footer-bottom > span { max-width:24ch; }
  .footer-bottom a { white-space:nowrap; gap:10px; }
}
html[data-motion="paused"] :is(.hero-dashboard,.engine-art img,.voice-core) { translate:none; }
html[data-motion="paused"] .signal-track { transform:none; }
html[data-motion="paused"] .signal-list[data-enhanced] { mask-image:none; }
html[data-motion="paused"] .signal-cycle[aria-hidden] { display:none; }
html[data-motion="paused"] .signal-track,html[data-motion="paused"] .signal-cycle { width:auto; flex-wrap:wrap; }
html[data-page-visible="false"] *,html[data-page-visible="false"] *::before,html[data-page-visible="false"] *::after { animation-play-state:paused !important; }
html:not([data-motion]) *,html:not([data-motion]) *::before,html:not([data-motion]) *::after { animation:none !important; }
@media(prefers-reduced-motion:reduce) {
  .hero-dashboard,.engine-art img,.voice-core { translate:none; }
  .signal-list[data-enhanced] { mask-image:none; }
  .signal-track,.signal-cycle { width:auto; flex-wrap:wrap; transform:none; }
  .signal-cycle[aria-hidden] { display:none; }
  .hero-product-stage .demo-column { transform:none; }
}

.voice-orbit::before,.voice-orbit::after { content:none; }
.voice-core { animation:none; translate:none; }