:root{--ease-out:cubic-bezier(.22,1,.36,1);--motion-accent:#648cc0;--motion-soft:#edf4fc}
/* A quiet, connected system: movement follows the work from one step to the next. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(520px,90%);height:310px;top:44px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#e9f1fb52,transparent 69%)}
.button.dark,.call-button,.announcement>button{position:relative;isolation:isolate;overflow:hidden}
.button.dark::before,.call-button::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 10%,#6e8aaa42 48%,transparent 86%);opacity:0;transform:translateX(-80%);pointer-events:none}
.header nav a,.footer-main a{position:relative}
.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left}
.button:focus-visible,.case-card:focus-visible,.call-button:focus-visible,.announcement>button:focus-visible{box-shadow:0 0 0 5px #618ac223}
.pill-tabs,.rule-options{position:relative;isolation:isolate}
.selection-marker{position:absolute;left:0;top:0;z-index:-1;background:#fff;border:1px solid #e5e7e9;border-radius:30px;box-shadow:0 2px 5px #192b3c08;transform-origin:left center;pointer-events:none}
.has-selection-marker>button{position:relative;z-index:0;background:transparent}
.pill-tabs.has-selection-marker>button[aria-selected=true],.rule-options.has-selection-marker>button[aria-pressed=true]{background:transparent;border-color:transparent;box-shadow:none}
.rule-options .selection-marker{background:#f0f3f6;border-color:#e9edf1}
.outcome-grid article{position:relative;isolation:isolate}
.outcome-rail{position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#90acca,#527eaf);transform-origin:left;pointer-events:none}
.outcome-grid article:last-child .outcome-rail{background:linear-gradient(90deg,#d6c49f,#a88c4d)}
.outcome-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#e8f1fd8c,transparent 90%);opacity:0;pointer-events:none}
.outcome-grid article:last-child .outcome-wash{background:linear-gradient(180deg,#f8f0d98c,transparent 90%)}
.outcome-grid strong,.metric-row strong{font-variant-numeric:tabular-nums}
.done-label{color:#345645}
.case-card{transform-origin:center bottom;isolation:isolate;position:relative}
.case-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px #29344b21}
.case-link{display:inline-block;text-underline-offset:5px}
.engine-card{position:relative}
.engine-icon{transform-origin:center}
.feature-map article{border-radius:0 0 10px 10px}
.feature-map article::after{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--motion-accent);transform:scaleX(0);transform-origin:left}
.day-rail{position:absolute;top:25px;left:0;right:23px;height:1px;background:#7296c5;transform-origin:left;pointer-events:none}
.day-timeline article:last-child .day-rail{background:#b6a578}
.timeline-point{position:relative;z-index:1;box-shadow:0 0 0 5px #7696c00c}
.agent-panel{background:radial-gradient(ellipse at 50% 40%,#eef3f9 0,#faf9f7 65%)}
.orb-slot{position:relative;isolation:isolate}
.orb-slot::before{content:"";position:absolute;width:115px;height:115px;border:1px solid #819cc01b;border-radius:50%;transform:scale(1.17);z-index:-1}
.orb-slot::after{content:"";position:absolute;width:143px;height:143px;border:1px solid #819cc00c;border-radius:50%;z-index:-1}
.agent-orb{filter:drop-shadow(0 12px 15px #5285a914)}
.voice-state::before{background:#929aa3}
.agent-card[data-state=connecting] .voice-state::before,.agent-card[data-state=microphone] .voice-state::before{background:#bc9b63}
.agent-card[data-state=listening] .voice-state::before,.agent-card[data-state=connected] .voice-state::before{background:#678e77}
.agent-card[data-state=speaking] .voice-state::before{background:#648cc0}
.agent-card[data-state="try again"] .voice-state::before,.agent-card[data-state=disconnected] .voice-state::before{background:#a7796c}
.faq-list summary>span{display:inline-block}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.footer-bottom{align-items:center;flex-wrap:wrap;gap:14px}
.motion-toggle{border:1px solid #e6e6e6;border-radius:20px;background:#fff;color:#6c727a;font-size:11px;padding:8px 12px;min-height:34px;display:flex;align-items:center;gap:6px}
.motion-toggle::before{content:"";width:5px;height:5px;border-radius:50%;background:#7490b0}
.motion-toggle[aria-pressed=true]::before{background:#b0b0b0}
.motion-toggle:disabled{opacity:.75}
.motion-toggle:focus-visible{outline:2px solid #5276b5;outline-offset:4px}
.mobile-toggle span{transform-origin:center}
.mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(prefers-reduced-motion:no-preference){
 html[data-motion=on] .button,html[data-motion=on] .call-button,html[data-motion=on] .announcement>button{transition:transform 220ms var(--ease-out),background 220ms,box-shadow 220ms}
 html[data-motion=on] .button.dark::before,html[data-motion=on] .call-button::before{transition:transform 600ms var(--ease-out),opacity 220ms}
 html[data-motion=on] .header nav a::after,html[data-motion=on] .feature-map article::after{transition:transform 350ms var(--ease-out)}
 html[data-motion=on] .case-card,html[data-motion=on] .case-orb,html[data-motion=on] .case-initial,html[data-motion=on] .engine-icon{transition:transform 550ms var(--ease-out)}
 html[data-motion=on] .case-card::after{transition:opacity 350ms}
 html[data-motion=on] .faq-list summary>span,html[data-motion=on] .mobile-toggle span{transition:transform 250ms var(--ease-out)}
 html[data-motion=on] .feature-map article{transition:background 220ms}
 html[data-motion=on] .button:active,html[data-motion=on] .call-button:active{transform:scale(.98)}
 html[data-motion=on] .voice-active .agent-orb{animation:voice-breathe 2.7s ease-in-out infinite}
 html[data-motion=on] .agent-card[data-state=speaking] .agent-orb{animation:voice-speak 1.8s ease-in-out infinite}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html[data-motion=on] .button:hover,html[data-motion=on] .announcement>button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0c203b14}
 html[data-motion=on] .button.dark:hover::before,html[data-motion=on] .call-button:hover::before{opacity:1;transform:translateX(45%)}
 html[data-motion=on] .header nav a:hover::after{transform:scaleX(1)}
 html[data-motion=on] .case-card:hover{transform:translateY(-5px)}
 html[data-motion=on] .case-card:hover::after{opacity:1}
 html[data-motion=on] .case-card:hover .case-orb{transform:scale(1.035) rotate(4deg)}
 html[data-motion=on] .case-card:hover .case-initial{transform:rotate(-5deg)}
 .case-card:hover .case-link{text-decoration:underline}
 html[data-motion=on] .engine-card:hover .engine-icon{transform:translateY(-3px) rotate(-5deg)}
 html[data-motion=on] .feature-map article:hover{background:#f5f8fc77}
 html[data-motion=on] .feature-map article:hover::after{transform:scaleX(1)}
}
@keyframes voice-breathe{50%{transform:scale(1.035)}}
@keyframes voice-speak{30%{transform:scale(1.045) rotate(2deg)}70%{transform:scale(.98) rotate(-2deg)}}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.selection-marker{border-radius:12px}.rule-options .selection-marker{border-radius:25px}.day-rail{right:0}.orb-slot::after{width:134px;height:134px}.hero::before{height:260px;top:40px}}
/* Reading and decision-making text remains comfortable at every breakpoint. */
.outcome-grid p,.day-timeline p,.feature-map ul{font-size:14px;line-height:1.65}.simple-example p,.memory-row article>p{font-size:14px}.agent-prompt{font-size:13px}.demo-disclosure{font-size:11px;line-height:1.65}.rule-options button{font-size:12px}.voice-text-option{font-size:12px;min-height:32px}.faq-list summary{min-height:52px}
@media(max-width:650px){.command-tabs button{font-size:12px}.feature-map{grid-template-columns:1fr 1fr;gap:28px 18px}.feature-map h3{font-size:16px;min-height:40px}.feature-map ul{font-size:13px}.day-timeline p{font-size:13px}.outcome-grid p{font-size:13px}.memory-row article>p{font-size:13px}}
@media(max-width:359px){.hero .hero-positioning{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;letter-spacing:0}}