.focus-home .header .brandbar{background:var(--brand);color:white}.focus-home .launch-hero{background:linear-gradient(90deg,#051021f5 5%,#09192de3 40%,#07152770 72%,#07152725),url('assets/ai-business.png') center/cover;color:#fff;padding:70px 0 0}.launch-hero .eyebrow{color:#f2c714}.launch-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(38px,4.6vw,68px);line-height:1.22;letter-spacing:-.015em;margin:25px 0}.launch-hero h1 em{color:#f2c714;font-size:.532em}.launch-hero p{color:#e0e7ef;font-size:20px;line-height:1.65;margin-bottom:28px}.launch-actions{display:flex;gap:26px;align-items:center;font-size:14px}.launch-actions>a:not(.button){border-bottom:1px solid #ffffff70;padding:8px 0}.launch-status{font-size:13px;color:#cdd7e2;display:block;margin:20px 0 42px}.launch-bottom{border-top:1px solid #ffffff40;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 28px;gap:32px}.launch-bottom b{display:block;font-size:20px}.launch-bottom span{font-size:14px;color:#cbd6e0}.launch-intro{padding-top:68px;padding-bottom:34px}.launch-intro>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.launch-intro h2{font-size:40px;line-height:1.2;margin-bottom:0}.launch-intro p{font-size:17px;margin:20px 0 0;line-height:1.8}.launch-products{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:70px}.launch-products>article{padding:34px;background:#f5f6f7;border-top:4px solid var(--brand);display:flex;flex-direction:column;align-items:flex-start}.launch-products>article:nth-child(2){border-color:var(--orange)}.launch-products h2{font-size:32px;margin:20px 0 18px}.launch-products article>p{font-size:16px;line-height:1.75}.launch-sample{width:100%;margin:10px 0 28px;padding:24px;background:white;border:1px solid #e1e5e8;flex:1}.launch-sample>span{font-size:12px;color:var(--muted);letter-spacing:.1em}.launch-sample blockquote{font-size:21px;line-height:1.55;margin:14px 0 20px;color:var(--brand-dark)}.launch-sample p{border-top:1px solid var(--line);padding-top:14px;font-size:14px;color:var(--muted);margin-bottom:0}.launch-band{background:var(--orange);padding:32px 0 56px;color:#302312}.launch-band .eyebrow{color:#573408}.launch-band h2{font-family:var(--font-display);font-size:44px;font-weight:600;line-height:1.2;letter-spacing:0;margin:0 0 34px}.launch-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.launch-benefits>div{border-left:1px solid #78470760;padding-left:24px}.launch-benefits b{font-size:20px}.launch-benefits p{font-size:16px;color:#493318;line-height:1.7;margin:14px 0 0}.launch-contact{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center;padding-top:66px;padding-bottom:66px}.launch-contact h2{font-size:40px;line-height:1.2}.launch-contact p{font-size:16px;margin:0}.launch-contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.launch-contact-action>a:not(.button){font-size:18px;color:var(--brand)}
.info-heading{padding:28px 0 36px;background:#f5f6f7;border-bottom:1px solid var(--line)}.info-breadcrumb{font-size:14px;color:var(--muted);margin-bottom:22px}.info-status{font-size:12px;background:#eee2e6;color:var(--brand-dark);padding:4px 9px;display:inline-block}.info-heading h1{font-family:var(--font);font-size:42px;line-height:1.2;margin:16px 0}.info-heading p{font-size:17px;max-width:820px;margin:0;line-height:1.8}.info-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;padding-top:44px;padding-bottom:44px}.info-toc{position:sticky;top:158px;align-self:start;display:flex;flex-direction:column;gap:14px;font-size:14px;padding:4px 0 15px;border-right:1px solid var(--line)}.info-toc b{margin-bottom:5px}.info-toc a:hover{color:var(--brand)}.info-content{max-width:870px}.info-content section{padding:0 0 34px;margin:0 0 32px;border-bottom:1px solid var(--line);scroll-margin-top:160px}.info-content h2{font-size:28px;line-height:1.3;margin:0 0 18px}.info-content h3{font-size:18px;letter-spacing:0;line-height:1.4;margin:0 0 8px}.info-content p{font-size:16px;line-height:1.8}.info-features{margin:26px 0 0}.info-features>div{display:grid;grid-template-columns:220px 1fr;gap:25px;padding:20px 0;border-top:1px solid var(--line)}.info-features dt{font-weight:700;font-size:16px}.info-features dd{margin:0;color:var(--muted);font-size:16px;line-height:1.8}.info-steps{padding-left:25px;margin:0}.info-steps li{padding-left:12px;margin-bottom:20px}.info-steps li::marker{color:var(--brand);font-weight:700}.info-steps p{margin:0}.info-example{background:#f5f6f7;border-left:3px solid var(--brand);padding:24px}.info-example>div+div{margin-top:20px}.info-example b{font-size:14px}.info-example p{margin:5px 0 0}.info-content .info-caption{font-size:13px;margin:12px 0 0}.info-content a{font-size:16px;color:var(--brand);text-decoration:underline;text-underline-offset:4px}.info-related a{display:block;width:fit-content;margin:12px 0}.info-faq details{border-top:1px solid var(--line);padding:17px 0}.info-faq summary{cursor:pointer;font-size:16px;font-weight:600}.info-faq p{margin:14px 0 0}.info-footer{border-top:1px solid var(--line);padding:24px 0}.info-footer>.container{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;font-size:14px;color:var(--muted)}
@media(max-width:1000px){.focus-home .launch-hero{padding-top:50px}.launch-intro>div:last-child{gap:35px}.launch-products{gap:20px}.launch-products>article{padding:26px}.launch-intro h2,.launch-contact h2{font-size:34px}.launch-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.info-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.info-features>div{grid-template-columns:1fr;gap:9px}}
@media(max-width:680px){.focus-home .launch-hero{padding-top:38px;background-position:60% center}.launch-hero h1{font-size:clamp(30px,7.7vw,46px)}.launch-hero p{font-size:17px}.launch-actions{flex-direction:column;align-items:flex-start;gap:12px}.launch-status{font-size:12px;margin-bottom:30px}.launch-bottom{gap:20px;grid-template-columns:1fr}.launch-bottom>div{display:flex;align-items:baseline;gap:18px}.launch-bottom b{font-size:18px;min-width:110px}.launch-bottom span{font-size:13px}.launch-intro{padding-top:44px;padding-bottom:28px}.launch-intro>div:last-child{grid-template-columns:1fr;gap:4px}.launch-intro h2{font-size:32px}.launch-intro p{font-size:16px}.launch-products{grid-template-columns:1fr;padding-bottom:44px}.launch-products>article{padding:24px}.launch-products h2{font-size:28px}.launch-sample{padding:18px}.launch-sample blockquote{font-size:18px}.launch-band{padding:42px 0}.launch-band h2{font-size:33px}.launch-benefits{grid-template-columns:1fr;gap:26px}.launch-contact{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px;gap:28px}.launch-contact h2{font-size:32px}.info-heading h1{font-size:32px}.info-heading p{font-size:16px}.info-layout{grid-template-columns:1fr;gap:30px;padding-top:28px}.info-toc{position:static;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap;gap:12px 20px;padding-bottom:22px}.info-toc b{width:100%}.info-content h2{font-size:25px}.info-content section{scroll-margin-top:130px}.info-footer>.container{flex-direction:column;gap:14px}}

.launch-bottom{margin-top:40px}
.launch-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.launch-products>article{padding:26px}.launch-products>article:nth-child(3){border-color:#314e65}.launch-products h2{font-size:28px}.launch-sample blockquote{font-size:19px}.launch-bottom a{display:block;color:#fff}.launch-bottom a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.launch-products{grid-template-columns:1fr}.launch-products>article{padding:28px}.launch-products h2{font-size:30px}}
.launch-products{grid-template-rows:repeat(5,auto)}
.launch-products>article{display:grid;grid-row:span 5;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);align-items:stretch}
.launch-products>article>.launch-sample{display:grid;grid-template-rows:auto 1fr auto;min-width:0}
.launch-products>article>.button{width:100%;min-height:54px;padding:12px;gap:0;text-align:center;justify-content:center}
@media(max-width:900px){.launch-products{grid-template-rows:none}.launch-products>article{display:flex;grid-row:auto}.launch-products>article>.launch-sample{flex:1}}

/* Uploaded color logo in the white navigation strip. */
.header .brandbar-inner{height:32px}
.official-logo{width:155px;height:auto;object-fit:contain;display:block}
.header .nav-brand{display:flex;align-items:center;flex-shrink:0;padding:0;margin:0;background:transparent}
.header .nav-brand .official-logo{width:155px;height:auto;transform:none}
.rich-footer .official-logo{background:transparent}
@media(max-width:680px){
 .header .brandbar-inner{height:26.5px}
 .header .nav-brand .official-logo{width:120px}
 .header nav{top:83.5px;max-height:calc(100dvh - 83.5px)}
}

/* Decision benefits band. */
.launch-band{background:#202759;color:#fff}
.launch-band .eyebrow,.launch-band h2,.launch-band b,.launch-band p{color:#fff}
.launch-band .launch-benefits>div{border-left-color:#ffffff60}

.focus-home .launch-hero{padding-bottom:48px}
@media(max-width:680px){.focus-home .launch-hero{padding-bottom:32px}}

/* Independent mobile hero image. Recommended artwork: 1080 x 1440 px (3:4). */
@media(max-width:680px){
 .focus-home .launch-hero{
  background-image:linear-gradient(180deg,#051021ed 0%,#09192dcc 55%,#07152770 100%),url('assets/ai-business-mobile.png');
  background-position:center;
  background-size:cover;
 }
}

/* Shared product introduction banners. */
.info-heading{background:#202759;color:#fff;border-bottom-color:#202759}
.info-heading h1,.info-heading p,.info-heading .info-breadcrumb,.info-heading .info-breadcrumb a{color:#fff}
.info-heading .info-status{background:#ffffff1f;color:#fff}

/* Compact footer matches the 32 px top strip on desktop. */
.site-footer{padding:0;background:#fff;border-top:1px solid var(--line);color:var(--muted)}
.site-footer-inner{min-height:32px;display:flex;align-items:center;gap:32px;font-size:12px;line-height:1.3}
.site-footer a{color:inherit;white-space:nowrap}
.site-footer a:hover{color:var(--brand)}
.footer-socials{display:flex;align-items:center;gap:12px}
.footer-socials a,.footer-socials>span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:26px}
.footer-socials svg{width:16px;height:16px;fill:currentColor;display:block}
.footer-company{margin-left:auto;white-space:nowrap}
@media(max-width:680px){.site-footer-inner{min-height:26.5px;flex-wrap:wrap;gap:8px 16px;font-size:10px;padding-top:5px;padding-bottom:5px}.footer-socials{gap:8px}.footer-socials a,.footer-socials>span{height:20px;width:16px}.footer-socials svg{width:14px;height:14px}.footer-company{margin-left:auto}}

/* Center social icons and use the brand colors for interaction states. */
.site-footer .footer-socials{align-self:center;align-items:center}
.site-footer .footer-socials>a,.site-footer .footer-socials>span{color:#b31f2c;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1;transition:color .15s ease}
.site-footer .footer-socials>a:hover,.site-footer .footer-socials>a:focus-visible,.site-footer .footer-socials>span:hover{color:#202759}
.site-footer .footer-socials svg{display:block;vertical-align:middle}

.launch-contact-action .contact-link{display:inline-flex;align-items:center;gap:10px}
.launch-contact-action .contact-icon{width:20px;height:20px;flex-shrink:0;color:#202759;display:block}

/* Pill-shaped buttons throughout the site. */
.button,.focus-home .button,button,[role="button"],.floating-contact{border-radius:100px}

/* Keep every button label and arrow on one line. */
.button,.focus-home .button,button,[role="button"],.floating-contact{white-space:nowrap;flex-wrap:nowrap}
.button>span,.floating-contact>span{flex-shrink:0;white-space:nowrap}
.launch-contact{grid-template-columns:minmax(0,1fr) max-content}
@media(max-width:680px){
 .launch-contact{grid-template-columns:minmax(0,1fr)}
 .button,.focus-home .button{font-size:clamp(11px,3.2vw,14px);padding-left:14px;padding-right:14px;gap:10px}
 .launch-products>article>.button{padding-left:8px;padding-right:8px}
}

/* Blue example statements in all three product cards. */
.launch-products .launch-sample blockquote{color:#202759}

/* Zeron MCP section on the AI Assistant page. */
.info-mcp{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}
.info-content .info-mcp h2{font-size:16px;line-height:1.5;margin:0}
.info-mcp-copy p{margin:0 0 16px}
.info-mcp-copy p:last-child{margin-bottom:0;font-weight:600}
@media(max-width:680px){.info-mcp{grid-template-columns:1fr;gap:12px}}
/* Prepared interactive Assistant conversation. */
.info-content .assistant-example-intro{margin:0 0 24px;color:var(--muted)}
.assistant-chat-demo{border:1px solid var(--line);background:#f5f6f7}
.demo-chat-header{display:flex;align-items:center;gap:12px;padding:16px 22px;background:#202759;color:#fff}
.demo-chat-header-icon,.demo-chat-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%}
.demo-chat-header-icon{background:#fff2;color:#fff}
.demo-chat-header-icon svg,.demo-chat-avatar svg{width:21px;height:21px}
.demo-chat-header strong,.demo-chat-header small{display:block}
.demo-chat-header strong{font-size:15px;line-height:1.35}
.demo-chat-header small{font-size:12px;color:#e0e3f1}
.demo-chat-messages{max-height:520px;min-height:260px;overflow-y:auto;padding:24px 22px;scrollbar-color:#c4c8d5 transparent}
.demo-chat-turn{display:flow-root}
.assistant-chat-demo [hidden]{display:none!important}
.demo-chat-message{display:flex;align-items:flex-start;gap:11px;max-width:88%;margin:0 0 18px}
.demo-chat-message--user{flex-direction:row-reverse;margin-left:auto}
.demo-chat-message--ai .demo-chat-avatar{background:var(--brand);color:#fff}
.demo-chat-message--user .demo-chat-avatar{background:#e4e7ee;color:#202759}
.demo-chat-bubble{min-width:0;padding:14px 18px;background:#fff;border:1px solid #dfe2e8;border-radius:12px 12px 12px 3px}
.demo-chat-message--user .demo-chat-bubble{background:#f1e8ec;border-color:#e6d3da;border-radius:12px 12px 3px 12px}
.demo-chat-bubble b{display:block;margin-bottom:5px;font-size:13px;color:#202759}
.demo-chat-message--ai .demo-chat-bubble b{color:var(--brand)}
.info-content .demo-chat-bubble p{font-size:15px;line-height:1.65;margin:0}
.info-content .demo-chat-bubble p+p{margin-top:11px}
.demo-chat-actions{padding:15px 22px;border-top:1px solid var(--line);background:#fff}
.demo-chat-button{cursor:pointer;min-height:44px}
.demo-chat-button:disabled{opacity:.6;cursor:wait;transform:none}
.demo-chat-button:focus-visible,.demo-chat-messages:focus-visible{outline:3px solid #202759;outline-offset:3px}
.demo-chat-message.is-new{animation:demo-chat-appear .32s ease-out both}
@keyframes demo-chat-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.demo-chat-dots{display:inline-flex;align-items:center;gap:4px;height:23px}
.demo-chat-dots i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:demo-chat-pulse 1s ease-in-out infinite}
.demo-chat-dots i:nth-child(2){animation-delay:.15s}
.demo-chat-dots i:nth-child(3){animation-delay:.3s}
@keyframes demo-chat-pulse{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.demo-chat-typing .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){
 .demo-chat-header{padding:14px 16px}
 .demo-chat-messages{max-height:470px;min-height:240px;padding:18px 12px}
 .demo-chat-message{max-width:100%;gap:8px}
 .demo-chat-avatar{width:30px;height:30px}
 .demo-chat-avatar svg{width:18px;height:18px}
 .demo-chat-bubble{padding:11px 12px}
 .info-content .demo-chat-bubble p{font-size:14px}
 .demo-chat-actions{padding:14px 16px}
 .demo-chat-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .demo-chat-message.is-new,.demo-chat-dots i{animation:none}
 .demo-chat-button{transition:none}
}
/* Assistant FAQ keeps separate paragraphs inside independently opening panels. */
.assistant-faq summary{line-height:1.55}
.assistant-faq summary:focus-visible{outline:2px solid #202759;outline-offset:4px}
.assistant-faq-answer{overflow:hidden}
.assistant-faq .assistant-faq-answer p{margin:14px 0 0}
.assistant-faq .assistant-faq-answer p:last-child{margin-bottom:4px}
@media(max-width:680px){.assistant-faq summary{font-size:15px}}
/* Paragraph spacing for the AI Agents capabilities introduction. */
.info-content #capabilities>p+p{margin-top:16px}
/* Keep multi-paragraph feature descriptions readable. */
.info-features dd p{margin:0}
.info-features dd p+p{margin-top:16px}
.security-features dt{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
.security-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:8px;background:#f1e8ec;color:var(--brand)}
.security-feature-icon svg{width:20px;height:20px}
.security-features dd p{margin:0}
.security-features dd p+p{margin-top:16px}
/* Agent work unfolds inside a contained timeline, without moving the page. */
.info-content .agent-example-intro{margin:0 0 18px;color:var(--muted)}
.info-content .agent-example-promise{margin:0 0 24px;padding-left:14px;border-left:3px solid var(--brand);color:#202759}
.agent-demo{border:1px solid var(--line);background:#f5f6f7}
.agent-demo [hidden]{display:none!important}
.agent-demo-header{display:flex;align-items:center;gap:13px;padding:16px 22px;background:#202759;color:#fff}
.agent-demo-header>span{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#ffffff26;font-size:20px}
.agent-demo-header strong,.agent-demo-header small{display:block}
.agent-demo-header strong{font-size:15px}
.agent-demo-header small{font-size:12px;color:#e0e3f1}
.agent-timeline{max-height:650px;min-height:310px;overflow-y:auto;padding:26px 24px 30px;scrollbar-color:#c4c8d5 transparent}
.agent-timeline-event{position:relative;margin-left:18px;padding:0 0 30px 26px;border-left:2px solid #d7dce5}
.agent-timeline-event:before{content:'';position:absolute;top:2px;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #f5f6f7}
.agent-event-time{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.05em}
.agent-event-number{font-size:11px;color:#707990}
.agent-event-content{display:grid;gap:14px}
.agent-incoming,.agent-work{padding:18px 20px;background:#fff;border:1px solid #dfe2e8;border-radius:8px}
.agent-incoming--person{background:#f5eff1;border-color:#e7d6dc}
.agent-work{background:#f1f3fa;border-color:#dce1ef}
.agent-card-heading{display:flex;align-items:center;gap:10px}
.agent-card-heading h3{margin:0;font-size:16px;line-height:1.45;letter-spacing:0}
.agent-type-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:7px;background:#edf0f5;color:#202759;font-size:19px;line-height:1}
.agent-work .agent-type-icon{background:#202759;color:#fff}
.agent-incoming--person .agent-type-icon{background:#e6d9df;color:var(--brand)}
.agent-mail-meta{display:flex;flex-wrap:wrap;gap:4px 15px;margin:12px 0;padding-bottom:10px;border-bottom:1px solid var(--line);color:#697174;font-size:12px}
.agent-incoming-message{margin-top:12px}
.info-content .agent-incoming-message p{margin:0;font-size:14px;line-height:1.7;color:var(--ink)}
.info-content .agent-incoming-message p+p{margin-top:9px}
.agent-action-list{margin:16px 0 0;padding-left:23px}
.agent-action-list li{padding-left:5px;margin:7px 0;font-size:14px;line-height:1.6}
.agent-action-list li::marker{color:var(--brand)}
.agent-processing{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:12px;color:#58627b}
.agent-processing-dots{display:inline-flex;gap:4px}
.agent-processing-dots i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:demo-chat-pulse 1s ease-in-out infinite}
.agent-processing-dots i:nth-child(2){animation-delay:.15s}
.agent-processing-dots i:nth-child(3){animation-delay:.3s}
.agent-outcome{display:flex;gap:11px;margin-top:18px;padding:15px;border:1px solid #d6e6da;border-radius:7px;background:#f0f7f1}
.agent-outcome>span{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:#3d6e58;color:#fff;font-weight:800}
.agent-outcome b{display:block;font-size:14px}
.info-content .agent-outcome p{margin:4px 0 0;font-size:14px;line-height:1.65}
.agent-outcome--approval{background:#fbf6ed;border-color:#e8d9bf}
.agent-outcome--approval>span{background:#aa752e}
.agent-outcome blockquote{margin:12px 0 0;padding-left:12px;border-left:2px solid #aa752e;font-size:14px;line-height:1.65}
.info-content .agent-event-status{margin:12px 0 0;font-size:13px;color:#5f6876}
.agent-erp-document{display:flex;gap:14px;align-items:center;margin-top:18px;padding:17px;border:1px solid #b8c7df;border-radius:7px;background:#fff;box-shadow:0 8px 24px #20275913}
.agent-erp-document-icon{display:grid;place-items:center;width:42px;height:48px;flex:none;border:2px solid #202759;border-radius:3px;color:#202759;font-size:30px;line-height:1}
.agent-erp-document small,.agent-erp-document b,.agent-erp-document div>span{display:block}
.agent-erp-document small{font-size:11px;color:#58627b}
.agent-erp-document b{margin:2px 0;font-size:18px;color:#202759}
.agent-erp-document div>span{font-size:12px;font-weight:700;color:#3d6e58}
.agent-demo-finale{margin:0 0 0 44px;padding:24px;background:#202759;color:#fff;border-radius:8px}
.agent-demo-finale h3{margin:0 0 13px;font-size:21px;line-height:1.35}
.info-content .agent-demo-finale p{margin:0 0 13px;font-size:14px;line-height:1.7;color:#e8eaf5}
.agent-finale-message{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff42}
.agent-finale-message h3{color:#fff}
.agent-demo-controls{padding:15px 22px;border-top:1px solid var(--line);background:#fff}
.agent-demo-button{min-height:44px}
.agent-demo-button:disabled{opacity:.6;cursor:wait;transform:none}
.agent-timeline:focus-visible,.agent-demo-button:focus-visible{outline:3px solid #202759;outline-offset:3px}
.agent-timeline-event.is-new,.agent-work.is-new,.agent-action-list li.is-new,[data-agent-outcome].is-new,.agent-demo-finale.is-new{animation:agent-reveal .35s ease-out both}
.agent-erp-document.is-new{animation:agent-document .5s ease-out both}
@keyframes agent-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes agent-document{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){
 .agent-demo-header{padding:14px 16px}
 .agent-timeline{max-height:560px;min-height:280px;padding:18px 12px 24px}
 .agent-timeline-event{margin-left:8px;padding-left:18px}
 .agent-incoming,.agent-work{padding:14px 12px}
 .agent-card-heading h3{font-size:15px}
 .agent-mail-meta{display:block}
 .agent-mail-meta span{display:block}
 .agent-demo-finale{margin-left:20px;padding:18px}
 .agent-demo-controls{padding:14px 16px}
 .agent-demo-button{width:100%;text-align:center}
 .agent-erp-document b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .agent-timeline-event.is-new,.agent-work.is-new,.agent-action-list li.is-new,[data-agent-outcome].is-new,.agent-demo-finale.is-new,.agent-erp-document.is-new,.agent-processing-dots i{animation:none}
}

/* The Assistant page pairs a real question with an illustrative answer. */
.assistant-page{background:linear-gradient(165deg,#eaf0f6 0%,#edf4f9 34%,#eeedf5 67%,#eaf0f6 100%)}
.assistant-page main#main{position:relative;isolation:isolate}
.assistant-page .assistant-ambient{position:absolute;inset:-180px 0;z-index:-1;pointer-events:none;will-change:transform}
.assistant-page .assistant-ambient-blue{background:url('assets/assistant-flow.svg') center/100% 100% no-repeat}
.assistant-page .assistant-ambient-violet{background:linear-gradient(115deg,transparent 0%,#bed8ec22 22%,transparent 42%,#cdb9dc1c 62%,transparent 81%,#bad4e92b 100%)}
.assistant-page .info-heading{padding:62px 0 66px;background:radial-gradient(circle at 80% 12%,#3e4d89 0%,#202759 41%,#172347 100%)}
.assistant-page .info-heading .container{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:55px}
.assistant-hero-kicker{display:flex;align-items:center;gap:11px;color:#f5c4cd;font-size:12px;font-weight:700;letter-spacing:.12em}
.assistant-hero-kicker::before{content:'';width:28px;height:2px;background:#d73345}
.assistant-page .info-heading h1{max-width:620px;margin:20px 0 22px;font-size:clamp(38px,4.2vw,54px);line-height:1.13}
.assistant-page .info-heading p{max-width:620px;font-size:19px;line-height:1.6}
.assistant-hero-panel{overflow:hidden;border:1px solid #d8e2f0;border-radius:14px;background:#f6f8fc;color:#202759;box-shadow:0 22px 52px #0713335c}
.assistant-hero-panel-top{display:flex;align-items:center;gap:10px;padding:15px 18px;background:#fff;border-bottom:1px solid #dce4ef}
.assistant-hero-panel-top strong{font-size:14px;line-height:1.2}
.assistant-hero-panel-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#b31f2c;color:#fff;font-size:17px}
.assistant-hero-panel-signal{display:flex;gap:3px;margin-left:auto}
.assistant-hero-panel-signal i{width:5px;height:5px;border-radius:50%;background:#c0c9d8}
.assistant-hero-panel-body{display:flex;flex-direction:column;gap:14px;padding:22px 20px 18px}
.assistant-hero-message{max-width:90%;padding:12px 15px;border-radius:11px;background:#fff;border:1px solid #dce4ef;box-shadow:0 3px 10px #2027590d}
.assistant-hero-message-user{align-self:flex-end;background:#f4e8ed;border-color:#ead6dd;border-bottom-right-radius:3px}
.assistant-hero-message-ai{align-self:flex-start;border-bottom-left-radius:3px}
.assistant-hero-message span{display:block;margin-bottom:6px;color:#a51d2b;font-size:10px;font-weight:700;letter-spacing:.08em}
.assistant-hero-message-ai span{color:#202759}
.assistant-page .info-heading .assistant-hero-message p{margin:0;color:#202759;font-size:14px;line-height:1.46}
.assistant-hero-panel>small{display:block;padding:0 20px 17px;color:#6c7488;font-size:11px}

.assistant-page #capabilities .info-features{display:grid;gap:13px;margin-top:34px;counter-reset:assistant-feature}
.assistant-page #capabilities .info-features>div{position:relative;counter-increment:assistant-feature;grid-template-columns:200px minmax(0,1fr);gap:25px;padding:26px 27px;border:1px solid #dfe5ef;border-left:3px solid #b31f2c;border-radius:7px;background:#fff}
.assistant-page #capabilities .info-features>div::before{content:counter(assistant-feature,decimal-leading-zero);position:absolute;top:28px;left:26px;color:#b31f2c;font-size:12px;font-weight:700;letter-spacing:.08em}
.assistant-page #capabilities .info-features dt{padding-left:39px;font-size:17px;line-height:1.45}
.assistant-page #capabilities .info-features dd{color:#333}
.assistant-page .info-mcp{gap:30px;padding:28px;border:1px solid #dfe5ef;border-top:4px solid #202759;border-radius:7px;background:#fff}
.assistant-page .info-content .info-mcp h2{font-size:19px;line-height:1.4}

.assistant-page .assistant-chat-demo{overflow:hidden;border-color:#cdd8e8;border-radius:12px;background:#f3f6fa;box-shadow:0 12px 30px #20275912}
.assistant-page .demo-chat-header{background:linear-gradient(105deg,#202759,#28366c)}
.assistant-page .demo-chat-header-icon{background:#ffffff20;border:1px solid #ffffff30}
.assistant-page .demo-chat-message--ai .demo-chat-avatar{box-shadow:0 0 0 3px #b31f2c18}
.assistant-page .demo-chat-message--user .demo-chat-avatar{box-shadow:0 0 0 3px #20275914}
.assistant-page .demo-chat-message--ai .demo-chat-bubble{border-color:#d5e1ef;box-shadow:0 3px 12px #2027590b}
.assistant-page .demo-chat-message--user .demo-chat-bubble{box-shadow:0 3px 12px #20275908}
.assistant-page .demo-chat-button:not(:disabled){transition:transform .18s ease,box-shadow .18s ease}
.assistant-page .demo-chat-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 5px 12px #b31f2c25}

.assistant-page .assistant-faq{display:grid;gap:11px}
.assistant-page .assistant-faq details{overflow:hidden;padding:0;border:1px solid #dfe5ef;border-radius:8px;background:#fff;box-shadow:0 3px 10px #20275908}
.assistant-page .assistant-faq details[open]{border-color:#bac9db}
.assistant-page .assistant-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 16px;list-style:none;transition:background-color .18s ease,color .18s ease}
.assistant-page .assistant-faq summary::-webkit-details-marker{display:none}
.assistant-page .assistant-faq summary::after{content:'+';display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#eef1f6;color:#202759;font-size:20px;font-weight:400;line-height:1}
.assistant-page .assistant-faq details[open] summary{background:#f3f6fa;color:#202759}
.assistant-page .assistant-faq details[open] summary::after{content:'−';background:#202759;color:#fff}
.assistant-page .assistant-faq summary:hover{background:#f7f8fb}
.assistant-page .assistant-faq .assistant-faq-answer{padding:0 16px 19px}
.assistant-page .assistant-faq .assistant-faq-answer p:first-child{margin-top:17px}

@media(max-width:1000px){
 .assistant-page .info-heading .container{grid-template-columns:minmax(0,1fr) 310px;gap:32px}
 .assistant-page #capabilities .info-features>div{grid-template-columns:minmax(0,1fr);gap:12px}
 .assistant-page .info-mcp{grid-template-columns:minmax(0,1fr);gap:15px}
}
@media(max-width:767px){
 .assistant-page .info-heading{padding:40px 0 44px}
 .assistant-page .info-heading .container{grid-template-columns:minmax(0,1fr);gap:30px}
 .assistant-page .info-heading h1{margin:16px 0;font-size:36px}
 .assistant-page .info-heading p{font-size:17px}
 .assistant-hero-panel{max-width:480px}
 .assistant-page #capabilities .info-features>div{padding:20px 19px}
 .assistant-page #capabilities .info-features>div::before{top:23px;left:19px}
 .assistant-page .info-mcp{padding:22px 19px}
 .assistant-page .assistant-faq summary{padding:17px 12px}
 .assistant-page .assistant-faq .assistant-faq-answer{padding:0 12px 17px}
}
@media(prefers-reduced-motion:reduce){
 .assistant-page .assistant-ambient{will-change:auto}
 .assistant-page .demo-chat-button:not(:disabled),.assistant-page .assistant-faq summary{transition:none}
 .assistant-page .demo-chat-button:not(:disabled):hover{transform:none}
}