/* Conversation threads: the established navy/violet tokens remain canonical. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:40;pointer-events:none}
.reading-progress>span{display:block;width:100%;height:100%;background:var(--violet);transform:scaleX(0);transform-origin:left}
.header.is-scrolled{box-shadow:0 6px 25px color-mix(in srgb,var(--navy) 7%,transparent);border-color:color-mix(in srgb,var(--violet) 18%,var(--line))}
#navigation>a{position:relative}
#navigation>a:not(.button)::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--violet);transform:scaleX(0);transform-origin:left}
#navigation>a:is(:hover,[aria-current=location]){color:var(--violet)}
.button{position:relative;isolation:isolate;overflow:hidden}
.button::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 20%,color-mix(in srgb,var(--white) 18%,transparent),transparent 70%);transform:translateX(-110%)}
.hero{position:relative;isolation:isolate}
.hero::before{content:'';position:absolute;inset:8% 0 8% 48%;z-index:-2;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--violet) 9%,var(--white)),transparent 68%)}
.hero-visual{isolation:isolate}
.hero .source-card{box-shadow:0 12px 30px color-mix(in srgb,var(--violet) 10%,transparent);border-color:color-mix(in srgb,var(--violet) 24%,var(--white))}
.hero .source-ai-tag{background:var(--white);border-color:color-mix(in srgb,var(--violet) 22%,var(--white))}
.hero .chat-window{box-shadow:0 22px 45px color-mix(in srgb,var(--navy) 10%,transparent),0 2px 6px color-mix(in srgb,var(--navy) 4%,transparent)}
.hero .agent-head{background:linear-gradient(110deg,var(--white),color-mix(in srgb,var(--lavender) 36%,var(--white)))}
.hero .bubble.assistant{border:1px solid color-mix(in srgb,var(--violet) 9%,var(--lavender))}
.hero .chat-body{overflow-y:auto;overflow-x:hidden}
.principle-strip{position:relative;min-width:0;padding-block:26px;background:var(--white)}
.marquee-viewport{min-width:0;overflow-x:auto;outline-offset:-5px}
.principle-strip[data-marquee-ready=true] .marquee-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,var(--white) 24px,var(--white) calc(100% - 24px),transparent)}
.principle-strip .marquee-viewport:focus-visible{mask-image:none}
.marquee-track{display:flex;width:max-content}
.marquee-group{display:flex;align-items:center;justify-content:space-around;gap:40px;min-width:100vw;padding-right:40px;flex-shrink:0}
.marquee-item{display:flex;align-items:center;gap:40px;flex-shrink:0;white-space:nowrap;font-family:var(--font-display);font-size:22px;line-height:1.5;letter-spacing:-.025em;color:var(--navy)}
.marquee-item .icon{width:28px;height:28px;color:var(--violet)}
.question-list blockquote{position:relative;border-left:3px solid color-mix(in srgb,var(--violet) 45%,var(--white));box-shadow:0 12px 28px color-mix(in srgb,var(--navy) 6%,transparent)}
.question-list blockquote:nth-child(2){border-left-color:var(--violet)}
.question-list blockquote::after{content:'';position:absolute;width:12px;height:12px;left:25px;bottom:-7px;background:inherit;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.benefits{position:relative;isolation:isolate;background:var(--navy)}
.benefits::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 25%,color-mix(in srgb,var(--violet) 24%,transparent),transparent 65%)}
.benefit-grid article{position:relative;border:1px solid color-mix(in srgb,var(--navy) 8%,var(--white))}
.benefit-conversion::after{content:'';position:absolute;right:-20px;top:20px;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--white) 20%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--white) 5%,transparent),0 0 0 58px color-mix(in srgb,var(--white) 3%,transparent);pointer-events:none}
.benefit-label{position:relative;z-index:1}
.question-stack>span{background:var(--lavender);border-color:color-mix(in srgb,var(--violet) 14%,var(--white));color:var(--navy)}
.conversation-path>span:last-child{box-shadow:0 8px 20px color-mix(in srgb,var(--navy) 12%,transparent)}
.care-note .agent-avatar{border:1px solid color-mix(in srgb,var(--violet) 18%,var(--white));box-shadow:0 4px 10px color-mix(in srgb,var(--violet) 8%,transparent)}
.step-select[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--violet)}
.step-select[aria-pressed=true] .step-number{background:var(--violet);border-color:var(--violet);color:var(--white)}
.setup-preview{box-shadow:9px 9px 0 var(--lavender),0 18px 40px color-mix(in srgb,var(--navy) 7%,transparent);border-color:color-mix(in srgb,var(--violet) 18%,var(--white))}
.source-row{background:var(--white);border-left:3px solid color-mix(in srgb,var(--violet) 38%,var(--white))}
.preview-top{border-bottom-color:color-mix(in srgb,var(--violet) 15%,var(--white))}
.demo-section{position:relative;isolation:isolate;background:var(--lavender)}
.demo-section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(color-mix(in srgb,var(--violet) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--violet) 8%,transparent) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,black 20%,black 80%,transparent)}
.scenario-picker button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white);box-shadow:0 7px 18px color-mix(in srgb,var(--navy) 15%,transparent)}
.scenario-picker button[aria-pressed=true] :is(.icon){color:color-mix(in srgb,var(--violet) 25%,var(--white))}
.scenario-picker button[aria-pressed=true]::after{color:var(--white)}
.demo-source{border:1px solid color-mix(in srgb,var(--violet) 16%,var(--white));border-radius:12px;padding:17px;background:var(--white);box-shadow:0 8px 20px color-mix(in srgb,var(--navy) 4%,transparent)}
.demo-source p{margin-bottom:0}
.demo-card{border-color:color-mix(in srgb,var(--violet) 20%,var(--white));box-shadow:0 22px 50px color-mix(in srgb,var(--navy) 10%,transparent),8px 8px 0 color-mix(in srgb,var(--violet) 9%,var(--white))}
.demo-card-head .agent-avatar{border:1px solid color-mix(in srgb,var(--violet) 20%,var(--white));border-radius:12px}
.quick-area button:hover{box-shadow:0 4px 10px color-mix(in srgb,var(--violet) 9%,transparent)}
.pricing-featured{box-shadow:0 24px 50px color-mix(in srgb,var(--navy) 16%,transparent)}
.pricing-card:focus-within{border-color:var(--violet);box-shadow:0 14px 35px color-mix(in srgb,var(--violet) 12%,transparent)}
.plan-featured-label{box-shadow:0 6px 18px color-mix(in srgb,var(--violet) 24%,transparent)}
.plan-symbol{border-radius:12px}
.faq-list details{border-radius:10px}
.faq-list details[open]{background:var(--soft);border-bottom-color:var(--violet)}
.faq-list details[open] :is(summary,p){padding-left:15px;padding-right:15px}
.faq-list summary span{border:1px solid color-mix(in srgb,var(--violet) 16%,var(--white))}
.faq-list details[open] summary span{background:var(--violet);color:var(--white)}
.final-cta{isolation:isolate;box-shadow:0 18px 40px color-mix(in srgb,var(--navy) 12%,transparent)}
.final-cta::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 55%,color-mix(in srgb,var(--violet) 36%,transparent),transparent 62%)}
.final-orb{box-shadow:0 0 0 12px color-mix(in srgb,var(--violet) 15%,transparent),0 0 0 25px color-mix(in srgb,var(--violet) 6%,transparent),0 20px 45px color-mix(in srgb,var(--navy) 20%,transparent)}
.orbit-word{box-shadow:0 7px 20px color-mix(in srgb,var(--navy) 20%,transparent)}
@media(hover:hover) and (pointer:fine){
  .question-list blockquote:hover{box-shadow:0 18px 30px color-mix(in srgb,var(--navy) 10%,transparent)}
  .benefit-grid article:hover{box-shadow:0 16px 25px color-mix(in srgb,var(--ink) 16%,transparent)}
  .pricing-card:hover{border-color:color-mix(in srgb,var(--violet) 45%,var(--white));box-shadow:0 20px 38px color-mix(in srgb,var(--navy) 10%,transparent)}
}
@media(max-width:850px){
  #navigation>a:not(.button)::after{bottom:2px;left:10px;right:auto;width:28px}
  .hero::before{inset:40% 0 5%}
  .setup-preview{box-shadow:5px 5px 0 var(--lavender),0 10px 24px color-mix(in srgb,var(--navy) 5%,transparent)}
  .demo-card{box-shadow:0 15px 35px color-mix(in srgb,var(--navy) 8%,transparent)}
}
@media(max-width:620px){.button::after{display:none}.benefit-conversion::after{width:130px;height:130px}.demo-source{padding:14px}.principle-strip{padding-block:20px}.marquee-item{font-size:18px;gap:26px}.marquee-group{gap:26px;padding-right:26px}.marquee-item .icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){
  .button::after{display:none}
  .principle-strip{padding-inline:24px}
  .principle-strip .marquee-viewport{margin-right:0;overflow:visible;mask-image:none}
  .principle-strip .marquee-track{transform:none;width:100%}
  .marquee-group{min-width:0;width:100%;flex-direction:column;align-items:stretch;gap:14px;padding:0}
  .marquee-group[aria-hidden=true]{display:none}
  .marquee-item{white-space:normal;justify-content:space-between;gap:20px;flex-shrink:1;font-size:18px}
}
@media(forced-colors:active){
  .hero::before,.benefits::before,.benefit-conversion::after,.demo-section::before,.final-cta::before,.button::after{display:none}
  .reading-progress>span{background:Highlight}
  #navigation>a:not(.button)::after{background:LinkText}
  .scenario-picker button[aria-pressed=true]{border:2px solid Highlight}
  .principle-strip .marquee-viewport{mask-image:none}
}