/* Reference palette: magenta light, orchid purple and lavender. */
:root {
  --bg: #42165f;
  --panel: #30133f;
  --ink: #fff9ff;
  --muted: #ead7ee;
  --line: #eec9ff36;
  --violet: #ffc3ed;
  --cyan: #e4dcff;
  --gradient: linear-gradient(105deg, #d60972, #ac15bf 54%, #7530dc);
  color-scheme: dark;
}
body {
  background: linear-gradient(120deg, #57164f, #42165f 48%, #3c246e);
  background-attachment: fixed;
}
.site-header {
  background: linear-gradient(110deg, #59124f, #431765 64%, #49317d);
  border-color: #cf8de65c;
}
.brand-symbol { color: #fff; text-shadow: none; }
.brand-symbol>span, .brand-word b { color: #ffd1ed; }
.brand-word small, .desktop-nav, .login-link { color: #f0e0f4; }
.desktop-nav a.active:after { background: linear-gradient(90deg, #ff9bd6, #e0d2ff); }
.mobile-nav { background: #41125f; border-color: #c982e8; box-shadow: 0 16px 32px #19062380; }
.mobile-nav>a { color: #fff4ff; border-color: #e4b6ef33; }
.button-dark {
  border-color: #ffbcea75;
  box-shadow: inset 0 1px #ffdeef66, 0 8px 25px #4d144e3d;
}
.button-dark:hover:not(:disabled) { box-shadow: 0 8px 30px #f866bd66; }
.button-outline { background: #47114f; border-color: #ecb2eb; color: #fff; }
.button-outline:hover { background: #72156c; border-color: #fff; }
.button:disabled { opacity: .72; }
.text-link, .auth-switch a { color: #ffe2f6; border-color: #f4b4e680; }
.eyebrow, .section-label { color: #f4d5f2; }
.chrome-text {
  background-image: linear-gradient(105deg, #ff9cd3, #efbaff 48%, #d1bfff);
  color: #f6d4ff;
}
.signal-dot { background: #ffb3e2; box-shadow: 0 0 9px #ff98d2, 0 0 23px #ff8acc70; }
.hero {
  background: linear-gradient(112deg, #9f075e, #64157f 48%, #382066);
  border-color: #d88bea73;
}
.hero-art { background: transparent; mask-image: linear-gradient(90deg, transparent, #000 30%); }
.hero-art>img { mix-blend-mode: normal; opacity: 1; filter: none; }
.hero-art-shade {
  background: linear-gradient(90deg, #80106a, #761170a6 10%, transparent 36%),
    linear-gradient(0deg, #42165f, transparent 19%);
}
.hero .eyebrow { color: #ffe1f3; }
.hero h1 { text-shadow: none; }
.hero-description, .hero-note, .hero-note>.icon { color: #f2deee; }
.hero-highlights>div { border-color: #e9c5f14a; }
.hero-highlights .icon { color: #ffd8f3; filter: none; }
.hero-highlights>div>span { color: #fff4ff; }
.hero-highlights small { color: #ead6ee; }
.hero-floating-label { background: #2f123ded; border-color: #d59cfa; color: #fff; box-shadow: 0 10px 25px #10041c55; backdrop-filter: none; }
.hero-floating-label>small, .hero-bottom-label { color: #ead8f1; }
.hero-floating-label .signal-dot { background: #f5b8ef; box-shadow: 0 0 8px #ffc1ee; }
.platform-intro, .platform-intro b, .platform-name small { color: #ead4ed; }
.platform-name { color: #fff1fc; }
.platform-name.upcoming { color: #ddcae8; }
.platform-name .live-tag { color: #fff3ff; background: #be83c443; border-color: #f3c8ed68; }
.capability, .roadmap-grid>article, .trial-explainer, .account-grid>article,
.checkout-grid>article, .checkout-grid>form {
  background: linear-gradient(135deg, #3d154e, #2e1646);
  border-color: #ac71cc;
  box-shadow: inset 0 1px #e6bfff26, 0 10px 24px #1f073b35;
}
.capability:after { display: none; }
.feature-number, .feature-detail-number, .trial-explainer li>span, .setup-steps li>span { color: #ddbbef; }
.capability-icon, .account-icon, .roadmap-glyph {
  background: linear-gradient(135deg, #a91794, #5925b4);
  border-color: #f4a7ee; color: #fff;
  box-shadow: inset 0 1px #fbd2fb50, 0 7px 17px #49235840;
}
.product-showcase {
  background: linear-gradient(125deg, #59125f, #3a206b);
  border-color: #bb74dd65;
}
.product-showcase:before { border-color: #e2b3ff38; }
.home-plan, .price-card, .account-grid>.account-subscription, .checkout-grid>.checkout-product {
  background: linear-gradient(135deg, #591350, #34174f);
  border-color: #f598da;
  box-shadow: inset 0 1px #ffe7fb4a, 0 18px 48px #46134735;
}
.home-plan:before, .price-card:before { background: linear-gradient(90deg, transparent, #ffd3ed, #d6c4ff, transparent); }
.home-plan .check-list, .plan-rule, .trial-future-note, .membership-fineprint { border-color: #e4bfe84d; }
.check-list .icon, .trial-badge, .trial-days { color: #ffd7ef; }
.next-studio { background: linear-gradient(110deg, #6f155d, #46256e); border-color: #ce88e5; }
.status-label { background: #5c267b; color: #fff; border-color: #d9b6ed; }
.status-label.available { background: #49317a; color: #fff; border-color: #c7b9ff; }
.faq-list, .faq-list details, .feature-detail, .info-list>div, .cancel-confirm { border-color: #e4bce740; }
.faq-list summary, .trial-explainer li b, .info-list dd, .info-list .total dt { color: #fff0ff; }
.faq-list summary>span { color: #f8caed; }
.notice { background: #321444; color: #f2dff5; border-color: #bc8bda; }
.notice b { color: #fff3ff; }
.intro-head>p, .capability>p, .detail-label, .showcase-heading p, .showcase-meta,
.membership-copy>p, .membership-fineprint, .plan-eyebrow, .plan-price small,
.check-list>li, .price-footnote, .next-studio p, .faq-list details>p,
.page-heading>p, .feature-detail p, .section-description, .roadmap-grid p,
.price-card>p, .trial-explainer>.section-label, .trial-explainer li p, .trial-future-note,
.pricing-note, .pricing-note p, .download-copy>p, .download-spec, .setup-steps p,
.form-heading>p, .auth-switch, .form-footnote, .checkbox-label,
.account-heading p, .account-subscription>p, .account-download>p,
.empty-state>p, .empty-state>span, .info-list dt, .cancel-confirm>p,
.trial-days small, .checkout-heading>p, .checkout-product>p,
.state-page>p, .legal-page>article>p, .small-copy { color: #efdef2; }
thead { background: #36164a; color: #fff; }
th, td { border-color: #e6c1ee3d; }
.comparison table, .account-payments table { color: #f5e8fa; }
.comparison thead th, .account-payments thead th { color: #f3ddf8; }
.download-visual {
  background: radial-gradient(ellipse at 75% 20%, #ad269f, #63208d 36%, #36165f 80%);
  border-color: #efcaff99;
  box-shadow: 0 6px 0 #653d80, 0 9px 0 #b187cb, 0 25px 46px #49235145, inset 0 1px #ffe2ff80;
}
.download-app-name, .download-platform { color: #f2dcfa; }
.auth-visual { background: linear-gradient(140deg, #981368, #45116b 55%, #35205e); border-color: #dba3f6; }
.auth-visual>img { mix-blend-mode: normal; opacity: 1; filter: none; }
.auth-visual>.section-label, .auth-visual-bottom, .auth-visual-bottom>span:first-child { color: #f7e1fb; }
.auth-form>label { color: #fff0ff; }
.auth-form input:not([type=checkbox]) { background: #28113e; border-color: #c495de; color: #fff; }
.auth-form input:not([type=checkbox]):focus { border-color: #ffc7ec; outline-color: #ffc7ec44; }
.auth-form input::placeholder { color: #dec6e6; }
.password-wrap button { color: #fbe3fc; }
.checkbox-label input { accent-color: #d940a6; }
.checkbox-label a { color: #fff4ff; }
.form-heading>.eyebrow, .checkbox-label b, .pricing-note b { color: #f3dbf5; }
.form-error { background: #762b655e; color: #ffe1ee; border-color: #efb2cd8a; }
.state-icon { background: linear-gradient(135deg, #b362aa, #7463a4); color: #ffe3fc; border-color: #efc1ec99; }
.state-icon.success { background: #6c6a9b; color: #e1fff1; border-color: #d7e7f888; }
.site-footer { background: linear-gradient(110deg, #3c103e, #281741); border-color: #bb86d46b; }
.footer-brand, .footer-brand>span { color: #fff0ff; }
.footer-top>div>p, .footer-links, .footer-bottom>p, .footer-bottom>span { color: #ecd8ef; }
.footer-bottom { border-color: #e9c6f23b; }
.toast { background: #3f1658; border-color: #ecbbee; color: #fff; box-shadow: 0 8px 30px #18072288; backdrop-filter: none; }
/* The product preview keeps depth through plum surfaces and lavender hardware. */
.broadcast-console {
  background: linear-gradient(135deg, #b38cc7, #644287 37%, #9682bb 78%, #593971);
  border-color: #e7c3ffad;
  box-shadow: 0 3px 0 #603f79, 0 5px 0 #b197c4, 0 24px 48px #451a5e55, inset 0 1px #ffe8ffa8;
}
.console-top { background: linear-gradient(180deg, #5c2a79, #3e1c59); border-color: #c8a2dd; color: #fff; }
.console-workspace { background: #231031; border-color: #b085d0; color: #f0e0f8; }
.console-chat { background: #341545; border-color: #9d68bd; }
.preview-stage { background: #654476; border-color: #ddbae87d; }
.scene-button { background: #735486; border-color: #c19ed469; color: #f1defc; }
.scene-button.selected { border-color: #ffcaef; color: #fff2fc; box-shadow: 0 0 0 1px #f1b3dd; }
.console-control { background: linear-gradient(135deg, #a85c9b, #7c61a3); border-color: #ddb4ed9e; color: #ffedff; }
.console-control.is-muted { background: #ab3d79; border-color: #efabd5; color: #ffe4ef; }
.demo-chat-input, .demo-chat-title, .demo-entry { border-color: #c29cd655; color: #e9cfef; }
.demo-entry { background: #9d68943d; }
.demo-message b, .demo-message p, .demo-chat-title>span,
.console-mode, .console-status, .console-status>span:first-child, .demo-mark,
.console-caption, .console-under, .console-sidebar>.icon { color: #e8cfee; }
.console-logo>span, .chrome-orbit { color: #ffd0f3; }
.chrome-orbit { text-shadow: none; }
.showcase-meta .icon { color: #f4c6f4; }
@media (max-width: 959px) and (min-width: 700px) {
  .hero-art-shade {
    background: linear-gradient(90deg, #80106a, #761170a6 12%, transparent 49%),
      linear-gradient(0deg, #42165f, transparent 20%);
  }
}
@media (max-width: 699px) {
  .hero { background: linear-gradient(135deg, #a00865, #641681 52%, #38205f); }
  .hero-art { background: transparent; mask-image: linear-gradient(180deg, transparent, #000 18%, #000 94%, transparent); }
  .hero-art-shade {
    background: linear-gradient(180deg, #74137680, transparent 26%, transparent 85%, #42165f);
  }
  .hero-floating-label { background: #2f123ded; }
  .broadcast-console { box-shadow: 0 2px 0 #603f79, 0 4px 0 #b197c4, 0 16px 28px #451a5e55; }
}