/* Agents uses the main site's black canvas and peach/lilac text gradient.
   Layout, type roles and motion remain in their shared/component stylesheets. */
body.ag-page,body.ap-page{
 --page-bg:#08090b;--agent-surface:#14151b;--agent-raised:#1c1d26;
 --agent-line:#ffffff17;--agent-text:#f2f4f6;--agent-muted:#aaa6b7;
 --agent-soft:#bea7ee14;--agent-purple:#bea7ee;--agent-peach:#e6b8b5;
 --agent-card:linear-gradient(140deg,#1c1d26ed,#121318f5);
 --agent-shadow:0 18px 50px #0004,inset 0 1px #ffffff05;
 --heading-accent-light:var(--heading-accent);
 --ag-ink:var(--agent-text);--ag-muted:var(--agent-muted);--ag-line:var(--agent-line);
 --ag-purple:var(--agent-purple);--ag-gradient:var(--heading-accent);
 --ap-ink:var(--agent-text);--ap-muted:var(--agent-muted);--ap-line:var(--agent-line);
 --ap-purple:var(--agent-purple);--ap-soft:var(--agent-soft);
 background:var(--page-bg);color:var(--agent-text);color-scheme:dark;overflow-x:clip;
}
:is(.ag-page,.ap-page) .v0-navbar{background:var(--page-bg)}
:is(.ag-page,.ap-page) .v0-header-cta{text-decoration:none}
body.ag-page :is(.ag-eyebrow,.ag-preview-note){color:var(--agent-muted)!important}
body.ag-page :is(.ag-caption .icon,.ag-robot-card-title small,.ag-robot-controls [data-ag-channel],.ag-path-label,.ag-both-note,.ag-installations ul,.ag-installations small,.ag-footer>div>p,.ag-footer nav,.ag-footer-bottom,.ag-breadcrumbs,.ag-release-note,.ag-source-map span,.ag-comparison caption,.ag-comparison td,.ag-demo-top,.ag-demo-bottom,.ag-demo-sources>span,.ag-demo-sources>div,.ag-demo-identity small,.ag-example-tag,.ag-micro-caption,.ag-chat-source,.ag-demo-input,.ag-setup-form small,.ag-preview-mini>span,.ag-setup-preview dt,.ag-config-result dt){color:var(--agent-muted)}
body.ag-page :is(.ag-robot-card-title .icon,.ag-knowledge-row>.icon,.ag-install-teasers a>span>.icon,.ag-demo-avatar,.ag-orbit>span,.ag-preview-note button,.ag-footer nav>a:hover){color:var(--agent-purple)}
body.ag-page :is(.ag-robot-card,.ag-install-teasers a,.ag-steps article,.ag-installations>article,.ag-editorial aside,.ag-source-map,.ag-demo,.ag-setup-preview,.ag-config-result){background:var(--agent-card);border-color:var(--agent-line);box-shadow:var(--agent-shadow)}
body.ag-page :is(.ag-robot-card-title>span:has(.icon),.ag-robot-text .ag-robot-card-title>.icon,.ag-robot-answer>span,.ag-knowledge-row>.icon,.ag-install-teasers a>span,.ag-feature-icon,.ag-demo-avatar){background:var(--agent-soft);border-color:var(--agent-line)}
body.ag-page :is(.ag-robot-question,.ag-chat-user){background:var(--agent-raised);color:var(--agent-text)!important}
body.ag-page :is(.ag-robot-answer p,.ag-chat-answer){background:#bea7ee1c;color:#e1d4fc!important}
body.ag-page .ag-knowledge-row{background:#ffffff03;border-color:var(--agent-line);color:#c8c3d2;box-shadow:none}
body.ag-page .ag-knowledge-row:nth-child(3)>.icon{background:#e6b8b514;color:var(--agent-peach)}
body.ag-page :is(.ag-robot-controls>div,.ag-demo-modes,.ag-terminal,.ag-form-notice){background:var(--agent-surface);border-color:var(--agent-line);box-shadow:var(--agent-shadow)}
body.ag-page :is(.ag-robot-controls [aria-pressed=true],.ag-demo-modes button[aria-pressed=true]){background:#bea7ee20;color:#e2d4ff}
body.ag-page :is(.ag-motion-toggle,.ag-motion-toggle:hover){background:var(--agent-raised);color:var(--agent-purple);border-color:var(--agent-line)}
body.ag-page .ag-demo-modes button{color:var(--agent-muted)}
body.ag-page .ag-robot-scene::before{background:radial-gradient(ellipse at 24% 30%,#e6b8b518,transparent 47%),radial-gradient(ellipse at 70% 65%,#bea7ee23,transparent 63%)}
body.ag-page .ag-ribbons{opacity:.28;mix-blend-mode:screen}
body.ag-page :is(.ag-install-teasers::before,.ag-closing){background:radial-gradient(ellipse at 75% 90%,#bea7ee0d,transparent 70%)}
body.ag-page .ag-section-wave{opacity:.06}
body.ag-page .ag-orbit>span{background:radial-gradient(circle at 35% 25%,#383040,#18151f);box-shadow:0 0 38px #bea7ee20}
body.ag-page :is(.ag-comparison thead,.ag-terminal){background:var(--agent-surface)}
body.ag-page .ag-terminal code{color:var(--agent-purple)}
body.ag-page .ag-setup-form :is(input:not([type=radio]),select){background:var(--page-bg);border-color:#ffffff26;color:var(--agent-text)}
body.ag-page :is(.ag-radio-grid label,.ag-hosting-choice>label,.ag-example-tag,.ag-demo-input){border-color:var(--agent-line)}
body.ag-page :is(.ag-radio-grid label,.ag-hosting-choice>label):has(:checked){background:var(--agent-soft);border-color:var(--agent-purple)}
body.ag-page .ag-form-error{color:#f2a59a!important}

/* Keep the same light primary action used by the main Arivex site. */
body.ag-page .ag-button,body.ap-page .ap-button{
 background:linear-gradient(135deg,#fff 15%,#f2effa 80%,#ddd3ec);color:#22232d!important;
 border-color:#ffffff99;box-shadow:0 0 15px #dccbff18,inset 0 1px 2px #fff;
}
body.ag-page .ag-button:hover,body.ap-page .ap-button:hover:not(:disabled){border-color:#fff;box-shadow:0 0 24px #c5a1ff30}
body.ag-page .ag-button.ag-secondary,body.ap-page .ap-button.ap-secondary{
 background:#ffffff04;border-color:#ffffff26;color:#e4deed!important;box-shadow:none;
}
body.ag-page .ag-secondary:hover,body.ap-page .ap-secondary:hover:not(:disabled){background:#ffffff09;border-color:#bea7ee66}
body.ag-page :is(.ag-skip),body.ap-page .ap-skip{background:var(--agent-surface);color:var(--agent-text)}

/* Public overview. */
.ag-page :is(.aov-three p,.aov-identity-list p,.aov-host-grid ul){color:var(--agent-muted)}
.ag-page :is(.aov-icon,.aov-step-number,.aov-chat-art p>span,.aov-both>b){background:var(--agent-soft);color:var(--agent-purple)}
.ag-page :is(.aov-benefits,.aov-identity,.aov-hosting)::before{background:radial-gradient(ellipse at 6% 25%,#e6b8b509,transparent 45%),radial-gradient(ellipse at 98% 75%,#bea7ee0a,transparent 48%)}
.ag-page :is(.aov-channel-card,.aov-identity-list details,.aov-host-grid article,.aov-both){background:var(--agent-card);border-color:var(--agent-line);box-shadow:var(--agent-shadow)}
.ag-page .aov-channel-card:hover{border-color:#bea7ee55}
.ag-page .aov-voice-orb{background:radial-gradient(circle at 30% 30%,#43394f,#201b2b 80%);color:var(--agent-purple)}
.ag-page .aov-chat-art p{background:#bea7ee20;color:#ddcef6}
.ag-page .aov-chat-art p+p{background:var(--agent-raised);color:var(--agent-text)}
.ag-page .aov-setup li:first-child .aov-step-number{color:var(--agent-peach);background:#e6b8b511}
.ag-page .aov-source-link a{color:var(--agent-purple)!important}

/* The film keeps its timeline; only its surfaces and contrast change. */
.ag-page .ag-film{
 --mo-ink:var(--agent-text);--mo-text:#d1ccd9;--mo-muted:var(--agent-muted);--mo-faint:#a29bb0;
 --mo-line:var(--agent-line);--mo-line-strong:#ffffff2b;--mo-ivory:#101116;--mo-mist:#1c1d26;
 --mo-lilac:#282133;--mo-lilac-line:#bea7ee44;--mo-lilac-ink:#dccbf8;--mo-violet:var(--agent-purple);
 --mo-peach-soft:#2d2323;--mo-peach-ink:var(--agent-peach);--mo-accent:var(--heading-accent);
 --mo-shadow-card:var(--agent-shadow);color-scheme:dark;
}
.ag-page .ag-film .mo-bg{background:radial-gradient(52% 66% at 24% 78%,#bea7ee13,transparent 70%),radial-gradient(44% 54% at 84% 12%,#e6b8b514,transparent 72%)}
.ag-page .ag-film :is(.mo-qb,.mo-wave,.mo-src,.mo-srccard,.mo-page,.mo-url,.mo-doc,.mo-badge,.mo-choices li,.mo-btn-ghost,.mo-icon,.mo-chap){background:var(--agent-surface);box-shadow:var(--agent-shadow)}
.ag-page .ag-film :is(.mo-cta,.mo-btn-primary,.mo-fake-dark){background:linear-gradient(135deg,#fff,#e5daef);color:#22232d;border-color:#ffffff66}
.ag-page .ag-film :is(.mo-cta,.mo-btn-primary):hover{background:#fff;color:#22232d}
.ag-page .ag-film .mo-alert{background:#2d2323;border-color:#e6b8b544}
.ag-page .ag-film .mo-browser>i{background:#ffffff30}
.ag-page .ag-film .mo-pointer span{color:#16121d}

/* Preparation and the rest of the local purchase prototype. */
body.ap-page .ap-header{grid-template-columns:minmax(0,1fr) auto;min-height:106px;border-color:var(--agent-line)}
body.ap-page .ap-header-actions{grid-column:2;grid-row:1}
body.ap-page .ap-stepper{grid-row:1;grid-column:1;margin:0;max-width:660px}
body.ap-page .ap-header-actions .ap-button{background:none;border:0;box-shadow:none;color:var(--agent-muted)!important}
.ap-page .ap-stepper li:not(:last-child)::after,.ap-page .ap-delivery-steps li:not(:last-child)::after{background:var(--agent-line)}
.ap-page :is(.ap-stepper button>span,.ap-delivery-steps li>span){background:var(--agent-raised)}
.ap-page .ap-stepper .is-current span{background:var(--heading-accent);color:#201a29;box-shadow:0 0 0 4px #bea7ee12}
.ap-page .ap-prototype{color:var(--agent-muted);background:#ffffff03}
.ap-page :is(.ap-panel,.ap-orbit-cards>div,.ap-sidebar){background:var(--agent-card);border-color:var(--agent-line);box-shadow:var(--agent-shadow)}
body.ap-page :is(input:not([type=radio],[type=checkbox]),textarea,select){background:var(--page-bg);border-color:#ffffff26;color:var(--agent-text)}
.ap-page :is(input,textarea)::placeholder{color:#8d899b}
.ap-page .ap-field:has([aria-invalid=true])>span,.ap-page .ap-error{color:#f2a59a}
.ap-page input[aria-invalid=true]{border-color:#f2a59a}
.ap-page :is(.ap-choice,.ap-host-card):has(:checked){background:linear-gradient(125deg,#bea7ee05,#bea7ee18);border-color:var(--agent-purple)}
.ap-page .ap-choice i{border-color:#ffffff35}
.ap-page .ap-choice:has(:checked) i{border-color:#23212d}
.ap-page :is(.ap-badge,.ap-avatar){background:var(--agent-soft);color:#c4b2df;border-color:var(--agent-line)}
.ap-page :is(.ap-source,.ap-composer,.ap-dialog){background:var(--agent-surface);color:var(--agent-text);border-color:var(--agent-line)}
.ap-page .ap-chat{--chat-bg:#2b2339;--chat-text:#e0d1fc}
.ap-page .ap-chat[data-appearance=mist]{--chat-bg:#292831;--chat-text:#e2dfe9}
.ap-page .ap-chat[data-appearance=ink]{--chat-bg:#0c0d12;--chat-text:#f2f4f6}
.ap-page .ap-message.user>p{background:var(--agent-raised);color:var(--agent-text)}
.ap-page .ap-send{background:#e0d0f4;color:#1c1624!important}
.ap-page .ap-note{background:#bea7ee10;border-color:#bea7ee2b;color:#cfbee6!important}
.ap-page .ap-note-warning{background:#e6b8b50c;border-color:#e6b8b52b;color:#e6b8b5!important}
.ap-page .ap-soft-box{background:#bea7ee0b;color:#c7bdd7}
.ap-page .ap-host-cost{border-color:var(--agent-line)}
.ap-page .ap-code{background:var(--page-bg)}
.ap-page .ap-delivery-steps .is-current>span{color:#211729;box-shadow:0 0 0 4px #bea7ee14}
.ap-page .ap-timeline>li>span{background:var(--agent-surface);border-color:#bea7ee40}
.ap-page .ap-timeline .is-current>span{background:var(--agent-purple);border-color:#24202c}
.ap-page .ap-dialog::backdrop{background:#0009}

/* The robot stays bright against the same dark canvas. */
:is(.ag-page,.ap-page) .ac-ribbons{opacity:.22;mix-blend-mode:screen}
:is(.ag-page,.ap-page) .ac-bubble{background:linear-gradient(#1c1d26,#1c1d26) padding-box,var(--heading-accent) border-box;color:var(--agent-text);box-shadow:var(--agent-shadow)}
:is(.ag-page,.ap-page) .ac-pause{background:var(--agent-raised);color:var(--agent-muted);border-color:var(--agent-line)}
:is(.ag-page,.ap-page) .ac-pause:is(:hover,:focus-visible){background:#292534;color:var(--agent-text)}
@media(max-width:700px){
 body.ap-page.ap-keyboard-open .v0-navbar{visibility:hidden;pointer-events:none}
 body.ap-page .ap-header{gap:8px;min-height:94px;padding:12px 0}
 body.ap-page .ap-stepper{grid-row:1;grid-column:1}
 body.ap-page .ap-header-actions{grid-row:1;grid-column:2;gap:0;flex-direction:column}
 body.ap-page .ap-header-actions>a{padding:0;border:0;font-size:12px}
 body.ap-page .ap-prepare .ap-panel{background:none;box-shadow:none}
}
@media(forced-colors:active){
 body.ag-page,body.ap-page{background:Canvas;color:CanvasText}
 :is(.ag-page,.ap-page) :is(.ag-button,.ap-button,.ag-robot-card,.ap-panel,.ac-bubble){background:Canvas;color:CanvasText!important;border:1px solid CanvasText}
}