@import url('/brand-baseline-v3.css');

/* AuraViz Design System v1 marketing visual lock.
   Compatibility bridge only: no layout ownership, no runtime behavior, canonical tokens only. */

body{font-family:var(--av-font-sans);color:var(--av-text-primary)}

.mk-nav{background:rgba(15,15,16,.92);border-bottom-color:var(--av-border-subtle)}
.mk-nav nav{color:var(--av-text-secondary)}
.mk-nav nav a:hover,.mk-nav nav a[aria-current="page"],.mk-link:hover{color:var(--av-text-primary)}
.mk-brand span{width:32px;height:32px;border-radius:var(--av-radius-md);background:linear-gradient(145deg,var(--av-surface-3),var(--av-accent));color:#fff;font-weight:var(--av-fw-bold);box-shadow:0 8px 22px rgba(95,114,255,.18)}
.mk-brand strong{font-weight:var(--av-fw-semibold)}
.mk-link{color:var(--av-text-secondary);font-weight:var(--av-fw-semibold)}

.skip-link,.mk-btn,.pill,.eyebrow,.render-label,.steps article>span,.mk-link-arrow,.cam,.faq summary{font-weight:var(--av-fw-bold)}

.mk-btn{border-radius:var(--av-radius-lg);background:var(--av-text-primary);color:var(--av-text-inverse);box-shadow:var(--av-shadow-1);transition:transform var(--av-motion-normal) var(--av-ease),border-color var(--av-motion-normal) var(--av-ease),background var(--av-motion-normal) var(--av-ease)}
.mk-btn.ghost{background:var(--av-surface-1);color:var(--av-text-primary);border-color:var(--av-border-default);box-shadow:none}
.mk-btn.ghost:hover{background:var(--av-surface-hover)}

.pill{border-color:var(--av-border-default);background:var(--av-surface-1);color:var(--av-text-secondary)}
.eyebrow{color:#aeb7ff}

/* Landing product mock mirrors the real Universal shell without changing its marketing composition. */
.app-shell{border-color:var(--av-border-default);border-radius:var(--av-radius-media);background:var(--av-surface-1);box-shadow:var(--av-shadow-2)}
.app-top{height:60px;padding:0 var(--av-space-4);border-bottom-color:var(--av-border-subtle);background:rgba(15,15,16,.94);color:var(--av-text-primary);font-size:var(--av-fs-label)}
.app-logo{width:32px;height:32px;border-radius:var(--av-radius-md);background:linear-gradient(145deg,var(--av-surface-3),var(--av-accent));color:#fff;font-weight:var(--av-fw-bold)}
.dots i{background:var(--av-text-disabled)}
.app-body aside{border-right-color:var(--av-border-subtle);background:var(--av-surface-1)}
.app-body aside span{color:var(--av-text-muted)}
.app-body aside .active{background:var(--av-surface-selected);color:var(--av-text-primary)}
.render-label{background:var(--av-overlay);color:var(--av-text-primary)}

.mode-strip{border-color:var(--av-border-subtle);background:var(--av-surface-1)}
.mode-grid span{color:var(--av-text-secondary);border-right-color:var(--av-border-subtle)}
.feature-grid article,.steps article,.info-card,.plan-card,.legal-card{border-color:var(--av-border-subtle);border-radius:var(--av-radius-xl);background:var(--av-surface-1)}
.feature-grid p,.steps p,.gallery-card p,.info-card p,.legal-card p,.legal-card li,.faq p,.download-card ol{color:var(--av-text-secondary)}
.feature-icon{border-color:var(--av-accent-border);background:var(--av-accent-soft);color:#b7c0ff}
.gallery-card{border-color:var(--av-border-subtle);border-radius:var(--av-radius-media);background:var(--av-surface-1)}
.page-hero p,.section-head p,.final-cta p{color:var(--av-text-secondary)}
.plan-card.featured{border-color:var(--av-accent);box-shadow:0 0 0 1px var(--av-accent-border),var(--av-shadow-2)}
.faq details{border-color:var(--av-border-subtle);border-radius:var(--av-radius-lg);background:var(--av-surface-1)}
.download-card{border-color:var(--av-border-subtle);border-radius:var(--av-radius-media);background:var(--av-surface-1)}
.download-note{border-radius:var(--av-radius-lg);background:var(--av-surface-2);color:var(--av-text-secondary)}
.status-chip{border-color:var(--av-border-subtle);color:var(--av-text-secondary)}
.mk-footer{border-top-color:var(--av-border-subtle);background:var(--av-bg-canvas)}

@media(prefers-reduced-motion:reduce){.mk-btn{transition:none}}
