/* Colored media illustrations inside a neutral page and neutral card frames. */
.legal-links{display:flex;gap:20px}.legal-links a:hover{color:var(--ink)}
.reference-demo{--look-bg:#bac4e6;--look-fg:#283047;--look-accent:#ffd166}
.tile-a{background:linear-gradient(150deg,#c5d7cc 45%,#496467 46%)}.tile-b{background:linear-gradient(35deg,#78769c 45%,#c4c9e7 46%)}.tile-c{background:linear-gradient(135deg,#e6ceaa 45%,#a37e73 46%)}
.transfer-line b,.ai-spark{color:#baa4ed}.transfer-line span:before{background:#baa4ed}.style-chips span:nth-child(1){color:#c2a5f2;border-color:#8f73b1}.style-chips span:nth-child(2){color:#9bbdf2;border-color:#6382af}.style-chips span:nth-child(3){color:#a5d3b8;border-color:#628e74}
.way-card:nth-child(1) svg,.feature-grid article:nth-child(1) svg{color:#bca4ee}.way-card:nth-child(2) svg,.feature-grid article:nth-child(3) svg{color:#9abcf2}.way-card:nth-child(3) svg,.feature-grid article:nth-child(4) svg{color:#9acbae}.feature-grid article:nth-child(2) svg{color:#e2b391}
.mini-track.footage span,.mini-track.footage span:nth-child(2),.mini-track.footage span:nth-child(3){background:#dce9ff;color:#5877a9}.mini-track.captions span{background:#dce9ff;color:#2f4a78}.mini-track.audio{background:#d5efdf;color:#3f855e}.task-list i{color:#a5d3b8}
.motion-demo{background:#bdc6e6;color:#283047;border-color:#bdc6e6}.motion-ring{border-color:#e5d8ff}.motion-grid{background-image:linear-gradient(#53658222 1px,transparent 1px),linear-gradient(90deg,#53658222 1px,transparent 1px)}.motion-layers i{background:#725899}.motion-layers span:nth-child(2) i{background:#5877a9}.motion-layers span:nth-child(3) i{background:#4e8564}
.swatch-one,.reuse-result{background:#dce9ff;color:#1f3150}.swatch-two{background:#d5efdf;color:#304e3c}.swatch-three{background:#dce9ff;color:#304969}.reuse-shots i{background:linear-gradient(150deg,#c5d7cc 40%,#496467 41%)}.reuse-shots i:nth-child(2){background:linear-gradient(40deg,#78769c 40%,#c4c9e7 41%)}.reuse-shots i:nth-child(3){background:linear-gradient(135deg,#a37e73 40%,#e6ceaa 41%)}.reuse-shots i:nth-child(4){background:linear-gradient(20deg,#81968b 40%,#d5dfc6 41%)}.reuse-caption{background:#f3edff;color:#5e4696}.saved-card.selected{border-color:#9c80c3}.saved-tick{color:#bca4ee}
.hero-try{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:70px;padding:18px 34px;border-radius:999px;background:#2c2c2c;color:#fff;font-size:22px;font-weight:600;letter-spacing:-.025em;transition:background .2s,transform .2s}.hero-try:hover{background:#363636}.hero-try svg{width:28px;height:28px;flex-shrink:0}
.beam-host{min-width:0;isolation:isolate}.beam-host [data-beam]{width:100%}.beam-host .beam-content{position:relative;width:100%;border-radius:inherit}.beam-host .beam-inner{margin:0;max-width:100%;width:100%}.beam-hero{display:inline-block}.beam-prompt-bubble{max-width:85%;margin:28px 0 25px auto}.beam-prompt-input{margin-top:14px}.beam-workflow-prompt{margin-bottom:13px}.beam-workflow-chat-input{margin-top:auto}.beam-workflow-chat-input .workflow-chat-input{padding:16px 15px;border:1px solid var(--line);border-radius:20px}.beam-workflow-chat-input .workflow-chat-input>div{margin-top:18px}
:root:not(.dark) .style-chips span:nth-child(1){color:#76539e}:root:not(.dark) .style-chips span:nth-child(2){color:#4c6a96}:root:not(.dark) .style-chips span:nth-child(3){color:#4d775c}
@media(max-width:650px){.hero-try{font-size:19px;min-height:62px;padding:16px 28px;gap:14px}.hero-try svg{width:24px;height:24px}.beam-prompt-bubble{max-width:93%}}
/* The brand name opens the homepage H1 so searches for "Viewcat" match the page's main heading. */
.hero-brand{display:block;width:fit-content;margin:0 auto 26px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1.4;color:var(--body)}
@media(max-width:650px){.hero-brand{font-size:12px;margin-bottom:20px}}