/* CONCEPT CAFE / a lavender order book, pink stickers and cream photo cards.
   Loaded after the shared palette. No component state or motion is replaced. */
body[data-vertical="concafe"] {
  --ink:#493263; --paper:#fffaf4; --muted:#776580; --line:#dfd1e5;
  --blue:#7952ab; --blue-deep:#462c60; --gold:#f2b2cf; --gold-pale:#fbe0ed;
  --orange:var(--blue); --orange-hot:#663d92; --lime:#f7d2e4;
  --vertical-accent:#8860b2; --vertical-soft:#eee4f7; --vertical-ink:#493263;
  background-color:#eee5f5;
  background-image:radial-gradient(circle,#a88bb52e 1px,transparent 1.5px);
  background-size:19px 19px;
}
body[data-vertical="concafe"]::before {
  background:radial-gradient(ellipse at 0 15%,#f6bfd34d,transparent 46%),radial-gradient(ellipse at 100% 85%,#dac3ed66,transparent 46%);
}
body[data-vertical="concafe"] .page { border-color:#d6c3df; box-shadow:0 0 70px #64407e12; }
body[data-vertical="concafe"] .left-rail,
body[data-vertical="concafe"] .right-rail { color:#493263; }
body[data-vertical="concafe"] .rail-eyebrow,
body[data-vertical="concafe"] .index-kicker,
body[data-vertical="concafe"] .rail-proof small,
body[data-vertical="concafe"] .right-rail .motion-toggle,
body[data-vertical="concafe"] .index-nav .index-group { color:#7b658b; }
body[data-vertical="concafe"] .rail-title em { color:#9a4a78; background:linear-gradient(transparent 69%,#efbfd6 69%,#efbfd6 95%,transparent 95%); }
body[data-vertical="concafe"] .rail-wordmark { color:#fffaf4; background:#61427c; border-color:#f3bfd9; border-radius:19px 8px 19px 8px; box-shadow:5px 6px 0 #cfbddb; }
body[data-vertical="concafe"] .rail-sub { border-color:#b59bc7; }
body[data-vertical="concafe"] .right-rail h2>span,
body[data-vertical="concafe"] .index-nav a>span { color:#947da8; }
body[data-vertical="concafe"] .index-nav a.is-active,
body[data-vertical="concafe"] .index-nav a.is-active>span,
body[data-vertical="concafe"] .index-nav a:hover { color:#9d4779; }
body[data-vertical="concafe"] .reading-progress { background:#c16c9a; box-shadow:0 0 12px #c16c9a44; }

/* The navigation feels like the label on a little stationery box. */
body[data-vertical="concafe"] .topbar { background:#fffaf4f5; color:#493263; border:2px solid #af8fc8; border-radius:19px 9px 19px 9px; box-shadow:0 5px 0 #d9c9e35c; }
body[data-vertical="concafe"] .topbar .wordmark { color:#493263; }
body[data-vertical="concafe"] .topbar .wordmark>span { color:#99618e; }
body[data-vertical="concafe"] .topbar-industry { color:#735583; }
body[data-vertical="concafe"] .menu-toggle span { background:#604178; }
body[data-vertical="concafe"] .small-cta { background:#714b91; color:#fffaf4; }
body[data-vertical="concafe"] #mobile-menu { background:#fffaf7; color:#493263; border-color:#b79aca; }
body[data-vertical="concafe"] #mobile-menu a { border-color:#e2d3e8; }
body[data-vertical="concafe"] #mobile-menu a>span,
body[data-vertical="concafe"] #mobile-menu .index-group,
body[data-vertical="concafe"] .menu-motion { color:#985879; }
body[data-vertical="concafe"] .industry-switcher-grid>a { border-color:#d8c8e1; border-radius:11px 11px 5px 11px; background:#fffdf9; color:#705780; }
body[data-vertical="concafe"] .industry-switcher-grid>a[aria-current="page"] { background:#7952a0; border-color:#7952a0; color:#fffaf7; box-shadow:0 3px 0 #d3bfdc; }
body[data-vertical="concafe"] .industry-switcher-grid>a[aria-current="page"] small,
body[data-vertical="concafe"] .industry-switcher-grid>a[aria-current="page"] b { color:#f9d4e5; }

/* A cream cover, a striped binding and a softly printed headline. */
body[data-vertical="concafe"] .hero-card {
  border:2px solid #aa8bc3; border-radius:30px 30px 15px 15px;
  background-color:#fffbf5;
  background-image:radial-gradient(circle,#d6bce82c 1px,transparent 1.5px);
  background-size:15px 15px;
  box-shadow:5px 7px 0 #dfcce7,0 14px 20px #754e8b0a;
}
body[data-vertical="concafe"] .hero-card::before { content:""; position:absolute; left:0; right:0; top:0; height:8px; background:repeating-linear-gradient(90deg,#eeb2ce 0 24px,#cdb5df 24px 48px,#f9e9c9 48px 72px); pointer-events:none; }
body[data-vertical="concafe"] .hero-product { color:#6c4b83; background:#f4e8f8; border:1px dashed #b99bcd; border-radius:7px; transform:rotate(-1.5deg); }
body[data-vertical="concafe"] .hero-product strong { color:#6d4288; }
body[data-vertical="concafe"] .hero-eyebrow { color:#866789; }
body[data-vertical="concafe"] .hero-card h1 { color:#493263; }
body[data-vertical="concafe"] .hero-card h1 strong { color:#a84f81; text-shadow:3px 4px 0 #f3ccdf; }
body[data-vertical="concafe"] .hero-question { font-family:var(--sans); font-weight:900; color:#6b4b89; }
body[data-vertical="concafe"] .vertical-hero-lead { color:#75617c; }
body[data-vertical="concafe"] .vertical-seal { border-color:#c3a9d6; background:#eee2f5; border-radius:6px 14px 6px 6px; box-shadow:2px 3px 0 #dfc8e54d; }
body[data-vertical="concafe"] .vertical-seal>span { color:#6d4887; }
body[data-vertical="concafe"] .vertical-seal>strong { color:#7a6087; border-color:#c2a4d2; }
body[data-vertical="concafe"] .vertical-seal>i { color:#c66e9d; }
body[data-vertical="concafe"] .hero-bubble { border-color:#9f78b6; border-radius:23px 23px 23px 7px; background:#f9dbe9; color:#674478; box-shadow:3px 4px 0 #e7cbe2; }
body[data-vertical="concafe"] .hero-bubble::after { border-color:#9f78b6; background:#f9dbe9; }
body[data-vertical="concafe"] .terminal { background:#fffdf6; color:#644c77; border:1px solid #cdb7dc; border-radius:3px 3px 11px 3px; box-shadow:4px 6px 0 #c7b1d74d; }
body[data-vertical="concafe"] .terminal-dots span { color:#8d7798; }
body[data-vertical="concafe"] .terminal-orange,
body[data-vertical="concafe"] .terminal-success { color:#965e8a; }
body[data-vertical="concafe"] .terminal-cursor { background:#a17bb9; }
body[data-vertical="concafe"] .hero-label>span { background:#694582; color:#fffaf5; }
body[data-vertical="concafe"] .hero-label em { color:#ffd6e7; }
body[data-vertical="concafe"] .hero-spark { color:#c576a5; }
body[data-vertical="concafe"] .hero-brand { background:#e8d9ef; color:#593973; border-top:1px dashed #b89acc; }
body[data-vertical="concafe"] .hero-brand .wordmark>span { color:#a85c88; }
body[data-vertical="concafe"] .hero-brand>span:last-child { color:#866891; }
body[data-vertical="concafe"] .hero-brand::before { display:none; }
body[data-vertical="concafe"] .ticker { border-color:#d8c2e1; }
body[data-vertical="concafe"] .ticker span { color:#775288; background:#fffaf3; border:1px solid #cdb5db; border-radius:7px 13px 7px 13px; }
body[data-vertical="concafe"] .hero-feature-links>a { color:#75548c; border-color:#ddc9e7; background:#f5edf8; border-radius:9px; }

/* Gentle scalloped-paper rhythm; the lively animations keep their timing. */
body[data-vertical="concafe"] .section { border-top-color:#d5bfdf; }
body[data-vertical="concafe"] .section-kicker { color:#94618c; font-style:normal; letter-spacing:1.8px; }
body[data-vertical="concafe"] .section-kicker>span { border-bottom:2px dotted #d6b4d6; padding-bottom:5px; }
body[data-vertical="concafe"] .section h2 { color:#4b3463; }
body[data-vertical="concafe"] .section h2 mark { background:linear-gradient(transparent 66%,#f3cee1 66%,#f3cee1 95%,transparent 95%); }
body[data-vertical="concafe"] .section-lead { color:#786682; }
body[data-vertical="concafe"] .night-section { background:#f2eaf8; }
body[data-vertical="concafe"] .concafe-demo-section { background:#fffbf5; border-top-style:dashed; }
body[data-vertical="concafe"] .crew-section { background:#f8f0f5; }
body[data-vertical="concafe"] .manager-section,
body[data-vertical="concafe"] .flow-section { background:#fffcf8; }
body[data-vertical="concafe"] .customer-section { background:#f6eef9; }
body[data-vertical="concafe"] .plans-section,
body[data-vertical="concafe"] .faq-section { background-color:#fffaf4; }
body[data-vertical="concafe"] .crew-tab { border-color:#b594ca; border-radius:8px 8px 19px 8px; box-shadow:3px 4px 0 #d4bce0; background:#fffdfa; }
body[data-vertical="concafe"] .crew-tab.is-active { border-color:#9d6096; background:#f7dfeb; box-shadow:3px 4px 0 #cf9fbe; }
body[data-vertical="concafe"] .crew-tab:hover { box-shadow:3px 7px 0 #ceb2dd; }
body[data-vertical="concafe"] .manager-demo,
body[data-vertical="concafe"] .customer-demo,
body[data-vertical="concafe"] .data-dashboard { border:2px solid #ac8fc5; border-radius:19px 19px 10px 10px; box-shadow:4px 6px 0 #d6c1e2; }

/* The small floor is a lavender theatre, framed by a café sign. */
body[data-vertical="concafe"] .night-stage { border:2px solid #b791cc; border-radius:22px 22px 12px 12px; box-shadow:0 0 0 5px #fff9,5px 7px 0 #dac5e6; }
body[data-vertical="concafe"] .night-stage .stage-topline { color:#fff6fa; background:#644180; border-bottom:1px dashed #bc91ca; }
body[data-vertical="concafe"] .night-stage #night-time { color:#f8cce0; text-shadow:none; }
body[data-vertical="concafe"] .night-stage .night-floor { background:radial-gradient(ellipse at 52% 0,#9268a64d,transparent 65%),#342541; }
body[data-vertical="concafe"] .night-stage .lounge-arch { border:2px dashed #cea7df99; background:#bd99cf16; border-radius:24px 24px 5px 5px; }
body[data-vertical="concafe"] .night-stage[data-step] .floor-table { border-color:#ead2ef; background:#b895c9; border-radius:7px; box-shadow:3px 5px 0 #24162f; }
body[data-vertical="concafe"] .night-stage .floor-counter { background:#74538b; border-color:#ceaedc; box-shadow:0 8px 0 #2b1b36; }
body[data-vertical="concafe"] .night-stage .floor-counter>span { color:#f8e2ed; }
body[data-vertical="concafe"] .night-stage .stage-caption { background:#56366f; }
body[data-vertical="concafe"] .night-stage .stage-caption h3 { color:#fff6fa; }
body[data-vertical="concafe"] .night-stage .stage-caption p { color:#e9d9f0; }
body[data-vertical="concafe"] .night-stage .show-callout { border-radius:9px 12px 9px 2px; border-color:#4c2f65; box-shadow:3px 4px 0 #271833; }
body[data-vertical="concafe"] .night-stage .night-ticket { background:#fff6e9; border:1px dashed #ceafd9; color:#634779; }
body[data-vertical="concafe"] .night-stage .night-ticket strong { color:#9b5b8b; }

/* A sticker sheet becomes the product selector; the receipt stays unambiguous. */
body[data-vertical="concafe"] .concafe-demo { border-color:#ae8cc4; border-radius:16px; background:#fffdf7; color:#55406c; box-shadow:5px 7px 0 #e4d1ea; }
body[data-vertical="concafe"] .concafe-demo-topbar { background:#eed3e7; color:#5a3971; border-bottom:1px dashed #bd99c9; }
body[data-vertical="concafe"] .concafe-demo-topbar>span:last-child,
body[data-vertical="concafe"] .concafe-demo-brand i { color:#96547d; }
body[data-vertical="concafe"] .concafe-demo-stamp { border-color:#bd6f9d; outline-color:#bd6f9d; background:#fbe7ed; color:#99577f; }
body[data-vertical="concafe"] .concafe-demo-stamp>span { color:#aa7cc0; }
body[data-vertical="concafe"] .concafe-demo-intro p strong { background:linear-gradient(transparent 65%,#f1d2e6 65%,#f1d2e6 94%,transparent 94%); }
body[data-vertical="concafe"] .concafe-demo-steps button[aria-pressed="true"] { background:#79549c; border-color:#79549c; color:#fffaf7; }
body[data-vertical="concafe"] .concafe-demo-steps button[aria-pressed="true"]>span { color:#ffd5e7; }
body[data-vertical="concafe"] .concafe-demo-product { border-radius:13px 13px 5px 13px; color:#68457e; background:#fffaf4; border-color:#d8bfdf; }
body[data-vertical="concafe"] .concafe-demo-product[aria-pressed="true"] { border-color:#ac79bd; background:#efe1f7; box-shadow:0 3px 0 #d2b5de; }
body[data-vertical="concafe"] .concafe-demo-casts button { background:#fcf6fa; color:#735784; border-color:#decce7; border-radius:4px; }
body[data-vertical="concafe"] .concafe-demo-casts button[aria-pressed="true"] { background:#f9e2ed; border-color:#c886ab; box-shadow:0 3px 0 #e4b8d2; }
body[data-vertical="concafe"] .concafe-demo-casts button>i { background:#a66592; }
body[data-vertical="concafe"] .concafe-demo-ticket { border-color:#dccada; background:#fffdf8; box-shadow:0 4px 0 #e8dae533; }
body[data-vertical="concafe"] .concafe-demo-ticket[data-concafe-ready="true"] { border-color:#c886ab; box-shadow:0 4px 0 #e5bcd34d,0 10px 18px #ae6f9420; }
body[data-vertical="concafe"] .concafe-demo-ledger { border-color:#d2b6e1; background:#f2e9f8; border-radius:13px 13px 4px 4px; }
body[data-vertical="concafe"] .concafe-demo-back-note { background:#e6d4ee; color:#79528b; }
body[data-vertical="concafe"] .concafe-demo-controls,
body[data-vertical="concafe"] .concafe-demo-manual-hint { background:#f4eaf6; }
body[data-vertical="concafe"] .concafe-demo button:focus-visible { outline-color:#87509e; }

/* The cast roster borrows the proportions of collected photos. */
body[data-vertical="concafe"] .cast-section,
body[data-vertical="concafe"] .data-section,
body[data-vertical="concafe"] .contact-section { background:#4d335f; color:#fff9f6; border-color:#c59bce; }
body[data-vertical="concafe"] .cast-section h2,
body[data-vertical="concafe"] .data-section h2,
body[data-vertical="concafe"] .contact-section h2 { color:#fff8f3; }
body[data-vertical="concafe"] .cast-section .section-kicker,
body[data-vertical="concafe"] .data-section .section-kicker,
body[data-vertical="concafe"] .contact-section .section-kicker { color:#e8bfdc; }
body[data-vertical="concafe"] .cast-section .section-lead,
body[data-vertical="concafe"] .data-section .section-lead { color:#e6d5ed; }
body[data-vertical="concafe"] #cast-showcase[data-device="order"] .cast-device-panel { background:#40264f; border-radius:12px; }
body[data-vertical="concafe"] .cast-device-frame { border-color:#31203e; background:#31203e; box-shadow:0 14px 25px #27113459,0 0 0 1px #d5b2e14d; }
body[data-vertical="concafe"] .cast-device-screen { background:#f6edf8; color:#513367; }
body[data-vertical="concafe"] .cast-cards>button { border-radius:3px; border-color:#dec9e4; padding-top:9px; padding-bottom:14px; background:#fffaf5; box-shadow:2px 3px 0 #dbc8df66; }
body[data-vertical="concafe"] .cast-cards>button[aria-pressed="true"] { background:#fff4f8; border-color:#ba7da4; box-shadow:2px 4px 0 #d8acc8; }
body[data-vertical="concafe"] .cast-card-portrait { border-radius:2px; background-color:#ebdcef; }
body[data-vertical="concafe"] .cast-profile { background:#eeddf0; border-color:#cfb3da; border-style:dashed; border-radius:7px; }
body[data-vertical="concafe"] .contact-bubble,
body[data-vertical="concafe"] .contact-bubble::after { background:#f8d9e8; color:#62416f; border-color:#bb91c6; }
body[data-vertical="concafe"] .inquiry-builder { border-color:#d4b5df; border-radius:16px 16px 6px 6px; background:#fcf5fa; box-shadow:5px 6px 0 #2f1c3c44; }
body[data-vertical="concafe"] .cta { border:2px solid #ad7b9f; border-radius:15px 24px 15px 24px; color:#59365f; background:#f2b8d1; box-shadow:inset 0 0 0 3px #fff8,0 5px 0 #cbabc866; }
body[data-vertical="concafe"] .cta:hover { box-shadow:inset 0 0 0 3px #fff8,0 8px 0 #cbabc877; }
body[data-vertical="concafe"] .arrow-circle { background:#714975; color:#ffe4f0; }
body[data-vertical="concafe"] .mobile-sticky { background:#5d3d72; border-color:#5d3d72; border-radius:17px; box-shadow:0 5px 20px #4b2d652b; }
body[data-vertical="concafe"] .mobile-sticky a { border-radius:12px; }
body[data-vertical="concafe"] .mobile-sticky a:last-child { background:#f3c0d8; color:#583561; }
body[data-vertical="concafe"] .footer,
body[data-vertical="concafe"] .industry-switcher-footer { background:#eaddee; color:#654776; border-color:#d3bcde; }
body[data-vertical="concafe"] .footer .wordmark>span { color:#9d5983; }

@media(max-width:540px) {
  body[data-vertical="concafe"] { background:#fffaf4; }
  body[data-vertical="concafe"] .hero-card { border-radius:24px 24px 12px 12px; box-shadow:3px 5px 0 #e0cde7; }
  body[data-vertical="concafe"] .topbar { border-radius:16px 8px 16px 8px; }
  body[data-vertical="concafe"] .night-stage { box-shadow:0 0 0 3px #fff9,3px 5px 0 #dac5e6; }
  body[data-vertical="concafe"] .concafe-demo { box-shadow:3px 5px 0 #e4d1ea; }
}