/* Prism: clear voice tasks, open space, and a quiet lavender accent. */
body.prism-home {
  --card-bg:#fff; --card-border:#dddde9; --text:#25253b; --muted:#616176;
  --accent:#6752bb; --scene-bg:#f0eff8; --scene-panel:#fff;
  --scene-text:#333951; --scene-muted:#686d83; --scene-line:#dfe3ec;
  margin:0; background:#f8f9fc; color:var(--text);
  font:16px/1.6 "Plus Jakarta Sans",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.prism-surface { background:radial-gradient(ellipse 55% 28% at 50% 10%,#ebe7fb80,transparent 85%),#f8f9fc; }
.shell { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible { outline:3px solid #6752bb; outline-offset:5px; }
.site-header { min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:30px; line-height:1; letter-spacing:-1.7px; font-weight:750; }
.brand-icon { display:block; width:38px; height:38px; flex-shrink:0; color:#6752bb; }
.brand-icon img { display:block; width:100%; height:100%; }
.site-header nav { display:flex; align-items:center; gap:30px; font-size:14px; font-weight:600; color:var(--muted); }
.site-header nav a,.site-footer a { display:inline-flex; align-items:center; min-height:44px; }
.header-cta { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:9px 19px; border:1px solid #d7d1e9; border-radius:8px; font-size:14px; font-weight:650; }
.hero { padding-block:44px 53px; text-align:center; }
.intro { color:#6752a0; font-size:14px; font-weight:600; margin:0 0 18px; }
.hero h1 { font-size:clamp(34px,4.2vw,54px); line-height:1.16; letter-spacing:-.055em; font-weight:600; margin:0; }
.hero h1 span { color:#6752bb; }
.hero-description { max-width:610px; margin:22px auto 25px; font-size:18px; line-height:1.65; color:var(--muted); }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 25px; border:1px solid transparent; border-radius:9px; font-size:15px; font-weight:700; transition:background 150ms ease; }
.button-primary { color:#fff; background:#6752bb; box-shadow:0 5px 12px #6752bb16; }
.trial-note { font-size:14px; color:var(--muted); margin:11px 0 0; }
.audience-note { font-size:14px; color:var(--muted); margin:22px 0 0; }
.capabilities { padding-top:17px; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin:0 0 22px; }
.section-heading h2 { font-size:26px; line-height:1.3; letter-spacing:-.04em; font-weight:600; margin:0; }
.section-heading p { font-size:14px; color:var(--muted); margin:0; }
.demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.demo-grid .demo-card { min-width:0; text-align:left; border:1px solid var(--card-border); border-radius:12px; background:#fff; font:inherit; color:var(--text); padding:0; overflow:hidden; transition:border-color 150ms ease,box-shadow 150ms ease; }
.demo-grid .demo-preview { aspect-ratio:1.7; min-height:205px; padding:18px 20px 30px; border-bottom:1px solid #e7e5ee; background:#f0eef9; }
.demo-grid .demo-card:nth-child(2) .demo-preview { background:#eff1fa; }
.demo-grid .demo-card:nth-child(3) .demo-preview { background:#eef4f7; }
.demo-grid .demo-card:nth-child(4) .demo-preview { background:#eff3f9; }
.demo-grid .demo-card:nth-child(5) .demo-preview { background:#f4eff9; }
.demo-grid .demo-card:nth-child(6) .demo-preview { background:#eff1fc; }
.demo-grid .demo-info { padding:19px 22px 12px; }
.demo-grid .demo-title { font-size:18px; font-weight:650; letter-spacing:-.025em; line-height:1.4; }
.demo-grid .demo-command { margin-top:7px; font-size:14px; line-height:1.6; color:var(--muted); }
.demo-grid .demo-action { padding:0 22px 19px; font-size:13px; color:#6752a0; }
.demo-grid .play-icon { color:#6752a0; }
.recording-link { margin:25px 0 0; text-align:center; font-size:14px; color:#6752a0; }
.recording-link a { display:inline-flex; align-items:center; min-height:44px; gap:12px; text-decoration:underline; text-underline-offset:4px; }
.closing { display:flex; justify-content:space-between; align-items:center; gap:30px; background:#eeebf7; border:1px solid #e0daef; border-radius:16px; margin-block:53px 46px; padding:32px 36px; }
.closing h2 { font-size:27px; line-height:1.3; letter-spacing:-.04em; font-weight:600; margin:0 0 9px; }
.closing p { font-size:15px; color:var(--muted); margin:0; }
.closing .button { flex-shrink:0; }
.site-footer { min-height:106px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-top:1px solid #dddde9; padding-block:25px; }
.site-footer .brand { font-size:25px; }
.site-footer .brand-icon { width:32px; height:32px; }
.site-footer>div { display:flex; align-items:center; gap:25px; font-size:14px; color:var(--muted); }
.site-footer>span { font-size:13px; color:var(--muted); }
@media(hover:hover) and (pointer:fine) {
  .site-header nav a:hover,.site-footer a:hover { text-decoration:underline; text-underline-offset:5px; }
  .header-cta:hover { background:#eeeaf8; }
  .button-primary:hover { background:#55419e; }
  .demo-grid .demo-card:hover { border-color:#9e8ec9; box-shadow:0 5px 20px #6752bb0a; }
}
@media(max-width:900px) {
  .shell { width:calc(100% - 48px); }
  .hero { padding-block:37px 43px; }
  .hero h1 { font-size:clamp(34px,5.2vw,46px); }
  .demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .closing { padding:28px; }
  .closing h2 { font-size:25px; }
}
@media(max-width:580px) {
  .shell { width:calc(100% - 36px); }
  .site-header { min-height:78px; gap:15px; }
  .site-header nav { display:none; }
  .brand { font-size:27px; gap:7px; }
  .header-cta { font-size:13px; padding-inline:14px; }
  .hero { padding-block:27px 37px; }
  .intro { font-size:13px; margin-bottom:17px; }
  .hero h1 { font-size:34px; letter-spacing:-.045em; line-height:1.16; }
  .hero-description { max-width:360px; font-size:17px; margin-block:20px 24px; }
  .audience-note { max-width:310px; margin-inline:auto; line-height:1.65; }
  .section-heading { align-items:start; flex-direction:column; gap:8px; margin-bottom:20px; }
  .section-heading h2 { font-size:24px; }
  .demo-grid { grid-template-columns:1fr; gap:20px; }
  .demo-grid .demo-preview { min-height:205px; }
  .recording-link { font-size:13px; margin-top:19px; }
  .closing { flex-direction:column; align-items:flex-start; gap:23px; margin-block:34px; padding:25px; }
  .closing h2 { font-size:27px; }
  .site-footer { flex-wrap:wrap; gap:18px; }
  .site-footer>div { gap:19px; font-size:13px; }
  .site-footer>span { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}

/* Keep public site navigation available at every viewport size. */
.site-footer>div { flex:1; min-width:0; flex-wrap:wrap; justify-content:center; gap:8px 24px; }
.site-footer>span { white-space:nowrap; }
.preview-fallback { margin:20px 0; color:var(--muted); }
.preview-fallback a { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:760px) {
  .site-footer { flex-wrap:wrap; }
  .site-footer>div { flex-basis:100%; justify-content:flex-start; gap:8px 20px; }
}

/* Product identity. */
.brand-copy{display:flex;flex-direction:column;gap:6px}.brand-name{display:block}.brand-description{display:block;font-size:12px;line-height:1.2;font-weight:500;letter-spacing:-.01em;color:var(--muted)}
@media(max-width:580px){.brand-description{font-size:11px}.site-header .brand{gap:8px}}