/* Shared purple / gold / black system. Product and workspace layouts stay independent. */
:root{--brand-bg:#0b0711;--brand-surface:#171020;--brand-raised:#23172f;--brand-line:#493255;--brand-ink:#f4edf9;--brand-muted:#bcaccb;--brand-purple:#b894e6;--brand-gold:#ebc574;--blue:#9d6ed0;--blue2:#70469c;--cyan:#c09aed;--ink:#f4edf9;--muted:#bcaccb;--line:#493255;--soft:#171020;--royal:#a477d6;--gold:#ebc574;--neon:#b894e6;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:110px}body,body.light-mode,body.landing-page{background:var(--brand-bg);color:var(--brand-ink)}body a{color:var(--brand-gold)}body p{line-height:1.7}body :is(h1,h2,h3,h4){color:var(--brand-ink)}body :is(input,select,textarea){accent-color:var(--brand-purple)}body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}body [hidden]{display:none!important}
body .nav,body.landing-page .nav,body.light-mode:not(.landing-page) .nav{background:#0b0711ee;border-bottom:1px solid #49325580;box-shadow:none;backdrop-filter:blur(16px);padding:14px clamp(18px,4vw,64px);gap:24px;color:var(--brand-ink)}body .nav .brand-logo{width:130px}body .nav .navlinks{display:flex;align-items:center;gap:24px}body .nav .navlinks>a{margin:0;font-size:13px;font-weight:550;color:var(--brand-ink)}body .nav .navlinks>a[aria-current]{color:var(--brand-gold)}body .nav .navlinks>.btn{background:var(--brand-gold);color:#201227!important;border:1px solid var(--brand-gold);box-shadow:none;border-radius:9px;font-weight:650;padding:12px 17px}
.brand-account{position:relative;font-size:13px}.brand-account summary{cursor:pointer;color:var(--brand-ink);list-style:none;padding:12px 0}.brand-account>div{position:absolute;right:0;top:40px;min-width:220px;background:#1a1124;border:1px solid var(--brand-line);border-radius:12px;padding:12px;box-shadow:0 20px 60px #0009;z-index:90}.nav .brand-account a{display:block;margin:0;padding:10px;font-weight:500}.brand-account .nav-logout{display:block;margin:0}.brand-account .nav-logout button{padding:10px;color:var(--brand-muted)}
body .btn,body .btn.neon,body.light-mode:not(.landing-page) .btn{border-radius:10px;background:var(--brand-gold);color:#201227!important;border:1px solid var(--brand-gold);box-shadow:none;font-weight:650}body .btn.ghost,body.light-mode:not(.landing-page) .btn.ghost{background:transparent;border:1px solid #79588d;color:var(--brand-ink)!important;box-shadow:none}body .btn:hover{filter:brightness(1.08)}body .btn:disabled{opacity:.6;cursor:wait}
body.light-mode:not(.landing-page) :is(.clean-panel,.panel,.price-card,.growth-card,.employee-full-card,.setup-step,.form-panel,.value-card,.feature-lock-card,.webhook-box,.mini-webhook,.selected-card,.feature-lock-card.locked),body.staff-mode:not(.sales-app):not(.academy-app) :is(.ops-panel,.panel,.ops-metric,.stat-card){background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:none}
body.light-mode:not(.landing-page) :is(.client-overview,.growth-page-hero,.pagehead.clean-head,.activation-banner,.luxury-cta),body.staff-mode:not(.sales-app):not(.academy-app) :is(.staff-hero,.ops-hero){background:linear-gradient(125deg,#281535,#120b1b);border-color:var(--brand-line);color:var(--brand-ink);box-shadow:none}
body.light-mode:not(.landing-page) :is(h1,h2,h3,h4,.clean-head h1,.growth-page-hero h1,.client-overview h1,.signup-copy h1,.simple-stats strong,.activation-banner strong){color:var(--brand-ink)}body.light-mode:not(.landing-page) :is(p,.growth-page-hero p,.clean-head p,.signup-copy p,.client-overview p,.activation-banner p,.feature-lock-card p){color:var(--brand-muted)}body.light-mode:not(.landing-page) :is(.mini-label,.eyebrow,.chip,.industry-pill),body.staff-mode :is(.ops-label,.mini-label){color:#d3b4ed;background:#362042;border-color:#75518c}
body.light-mode:not(.landing-page) :is(.form input,.form select,.form textarea,.codebox,.integration-form input,.integration-form select,.help-copy),body.staff-mode:not(.sales-app):not(.academy-app) :is(input,select,textarea){background:#100a19;color:var(--brand-ink);border-color:#654977}body.light-mode:not(.landing-page) :is(.form label,.form-clean label,.connection-row strong){color:#e5d5f1}body.light-mode:not(.landing-page) :is(.form .helptext,.integration-form .helptext,.connection-row em,.connection-row small){color:var(--brand-muted)}body.light-mode:not(.landing-page) :is(.clean-side a,.mini-webhook code,.webhook-box code,.selected-card strong){color:var(--brand-gold)}
body.light-mode:not(.landing-page) :is(.simple-stats>div,.lead-row,.empty-state,.locked-list-row,.locked-code-card,.soft-note,.setup-step span,.industry-list-item){background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line)}body.light-mode:not(.landing-page) :is(.lead-row span,.chip,.lock-icon){background:#382345;color:#dfc4f4}body :is(.alert){background:#2b1b37;color:#e8d6f6;border-color:#67417f}body.light-mode:not(.landing-page) :is(th,td){color:var(--brand-ink);border-color:var(--brand-line)}body .staff-mode .ops-panel a{color:var(--brand-gold)}
body .site-footer,body.landing-page .site-footer,body.light-mode:not(.landing-page) .site-footer{background:#100a18;border-top:1px solid var(--brand-line);color:var(--brand-ink);grid-template-columns:1.5fr .7fr .8fr 1.3fr;gap:30px;box-shadow:none}body .site-footer :is(.brand,strong),body.light-mode:not(.landing-page) .site-footer :is(.brand,strong){color:var(--brand-ink)}body .site-footer p,body.light-mode:not(.landing-page) .site-footer p{color:var(--brand-muted);font-size:13px}body .site-footer a,body.light-mode:not(.landing-page) .site-footer a{color:var(--brand-gold);font-size:13px;font-weight:550}body .site-footer address{font-size:14px;font-style:normal;line-height:1.8;color:var(--brand-ink)}
/* Visual public product pages */
.brand-section{max-width:1280px;margin:0 auto;padding:64px 24px}.brand-kicker{display:block;font-size:10px;letter-spacing:2px;font-weight:650;color:#c3a5dc;line-height:1.8}.brand-section h1{font-size:clamp(40px,5.5vw,74px);line-height:1.06;letter-spacing:-2.6px;margin:22px 0;color:var(--brand-ink)}.brand-section h2{font-size:clamp(30px,3.6vw,49px);font-weight:550;line-height:1.14;letter-spacing:-1.5px;color:var(--brand-ink);margin:20px 0}.brand-section h3{font-size:24px;line-height:1.2;color:var(--brand-ink)}.brand-section :is(h1,h2) em{font-style:normal;color:#c09aed}.brand-section p{color:var(--brand-muted);font-size:16px;max-width:540px}.brand-section .btn{margin-top:16px;min-height:48px}.brand-text-link{display:block;margin-top:24px;font-size:13px;color:var(--brand-gold)}.brand-muted{color:var(--brand-muted)}.flagship-split{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px}.guru-product-film{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid #75518c;background:#170d22}.guru-product-film :is(video,img){width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain}.guru-product-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#1d1129;font-size:11px;letter-spacing:1.2px;color:#c7b4d6}.guru-product-film a{color:var(--brand-gold);letter-spacing:0;font-size:12px}.brand-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-product-card{display:block;background:#171020;border:1px solid var(--brand-line);border-radius:22px;overflow:hidden;transition:transform .2s,border-color .2s;text-decoration:none}.brand-product-card:hover{transform:translateY(-4px);border-color:#bd91e1}.brand-product-card img{width:100%;height:290px;object-fit:cover;object-position:center 25%;display:block}.brand-product-card>div{padding:24px}.brand-product-card h3{margin:16px 0}.brand-product-card p{font-size:14px;min-height:48px}.brand-product-card strong{display:block;font-size:13px;color:var(--brand-gold);font-weight:600}.brand-product-card.primary{border-color:#9468b3}.brand-product-card.primary img{object-position:center 20%}.brand-section-heading{margin-bottom:30px}.brand-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.brand-showcase>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid var(--brand-line)}.brand-showcase small{display:block;color:var(--brand-muted);font-size:11px;margin-top:16px}.brand-section.office-welcome{margin:32px auto 64px;padding:40px;max-width:1232px;background:linear-gradient(120deg,#2b173b,#110a18);border-color:#5c3d70}.brand-section.office-welcome address{font-style:normal;font-size:17px;line-height:1.8}.brand-rounded-image{width:100%;border-radius:24px}.brand-simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--brand-line)}.brand-simple-steps b{color:var(--brand-gold);font-size:12px}.brand-simple-steps h2{font-size:25px}.brand-simple-steps p{font-size:14px}.brand-bottom-cta{text-align:center;padding:64px 24px;border-top:1px solid var(--brand-line)}
/* Website chat is its own, compact product catalog. */
.chatbot-preview{border:1px solid #704b87;border-radius:24px;background:#170e23;box-shadow:0 20px 90px #75369f25;overflow:hidden;transform:rotate(1deg)}.chatbot-preview-bar{display:flex;align-items:center;gap:14px;padding:22px;background:#2b193b;border-bottom:1px solid #5c3772}.chatbot-preview-bar>span{display:grid;place-items:center;background:#62427d;color:#f2d18a;width:42px;height:42px;border-radius:12px;font-size:26px}.chatbot-preview-bar strong{display:block;font-weight:600}.chatbot-preview-bar small{display:block;font-size:10px;color:#c1acd0;margin-top:5px}.chatbot-preview-bar i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#d1acf1;box-shadow:0 0 14px #b27cdd}.chatbot-preview-messages{padding:24px;display:flex;flex-direction:column;gap:16px}.chatbot-preview-messages p{max-width:85%;margin:0;padding:15px 18px;border:1px solid #59406f;border-radius:16px 16px 16px 3px;background:#2d1d3d;font-size:13px!important;color:#f1e9f9!important;line-height:1.7}.chatbot-preview-messages p.customer{align-self:flex-end;background:#503065;border-color:#75518c;border-radius:16px 16px 3px 16px}.chatbot-lead-preview{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #8c6a37;background:#302417;border-radius:12px}.chatbot-lead-preview>span{color:var(--brand-gold);font-size:26px}.chatbot-lead-preview strong{display:block;font-size:12px;color:#f2d595}.chatbot-lead-preview small{font-size:10px;color:#d0be9e}.chatbot-preview-input{display:flex;justify-content:space-between;margin:0 24px 24px;border:1px solid #604078;border-radius:12px;padding:16px;color:#aa91be;font-size:13px}.chatbot-preview-input span{color:var(--brand-gold)}.catalog-search{display:block;max-width:680px;margin:28px 0 14px;color:var(--brand-muted);font-size:13px}.catalog-search span{display:block;margin-bottom:10px}.catalog-search input{width:100%;padding:16px 18px;background:#171020;border:1px solid #76528d;border-radius:12px;color:#f4edf9;font:inherit}.catalog-groups{display:grid;gap:12px}.catalog-group{border:1px solid var(--brand-line);border-radius:15px;background:#171020;overflow:hidden}.catalog-group>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:22px 24px;color:#f0e5f8;font-weight:550}.catalog-group>summary::before{content:'＋';color:var(--brand-gold)}.catalog-group[open]>summary::before{content:'−'}.catalog-group>summary span{margin-left:auto;color:#b6a0c7;font-size:12px;font-weight:400}.catalog-group .industry-list{padding:0 16px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-group .industry-list-item,body.light-mode:not(.landing-page) .catalog-group .industry-list-item{background:#21152e;border-color:#493254;color:#eee3f7;box-shadow:none;display:grid;gap:12px;font-size:13px}.catalog-group .industry-list-item small{color:var(--brand-gold);font-weight:500;font-size:11px}.demo-page #videoMode{color:#edc574;border-color:#9d753d}.demo-page #videoMode[aria-pressed=true]{color:#211326;background:#edc574}.demo-page .demo-flagship{margin-top:40px}.demo-page .demo-intro{padding-bottom:12px}.demo-page .demo-intro h1{font-size:clamp(38px,5vw,65px)}
@media(max-width:1080px){body .nav .navlinks{gap:16px}.flagship-split{gap:30px}.brand-product-card img{height:230px}.brand-showcase{gap:30px}.brand-section.office-welcome{margin-inline:24px}.catalog-group .industry-list{grid-template-columns:repeat(2,minmax(0,1fr))}body .site-footer,body.light-mode:not(.landing-page) .site-footer,body.landing-page .site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body .nav .navlinks{align-items:stretch;gap:0;background:#130b1c;border-color:var(--brand-line)}body .nav .navlinks>a{padding:15px 18px}.brand-account{padding:0 18px}.brand-account>div{position:static;margin-bottom:10px;box-shadow:none}.flagship-split,.brand-showcase{grid-template-columns:1fr}.brand-section{padding:40px 20px}.brand-section h1{letter-spacing:-1.5px}.brand-section h2{letter-spacing:-.8px}.brand-product-grid{grid-template-columns:1fr}.brand-product-card{display:grid;grid-template-columns:40% 60%}.brand-product-card img{height:100%;min-height:230px}.brand-product-card>div{padding:20px}.brand-product-card h3{font-size:21px}.brand-product-card p{min-height:0}.brand-simple-steps{grid-template-columns:1fr;gap:16px}.brand-section.office-welcome{margin:24px 20px 40px;padding:26px}.chatbot-preview{transform:none}.catalog-group .industry-list{grid-template-columns:1fr}.brand-section-copy p{font-size:15px}body .site-footer,body.light-mode:not(.landing-page) .site-footer,body.landing-page .site-footer{grid-template-columns:1fr;padding:32px 24px}.guru-product-film figcaption{padding:14px;font-size:9px}.brand-showcase>img{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}.brand-product-card{transition:none}.brand-product-card:hover{transform:none}}
body.landing-page .home-v4{background:radial-gradient(ellipse at 75% 28%,#49205f22,transparent 40%),#0b0711}
body.landing-page .navlinks a.btn,body.landing-page .navlinks .btn,body.landing-page .brand-section .btn{background:var(--brand-gold)!important;color:#201227!important;border:1px solid var(--brand-gold)!important;box-shadow:none!important}
body.light-mode:not(.landing-page){background:radial-gradient(ellipse at 80% 10%,#46205218,transparent 45%),var(--brand-bg);color:var(--brand-ink)}

@media(max-width:760px){.nav-enhanced body .nav .navlinks{display:none}.nav-enhanced body .nav.nav-open .navlinks{display:flex;flex-direction:column;overflow:visible;width:100%}body .nav .navlinks>a{white-space:normal;border-radius:8px;margin:3px 0}.brand-account summary{padding:15px 0}}

.brand-service-detail{padding:0 24px 24px}.brand-service-detail p{max-width:780px;font-size:15px}

body .auth-card{background:var(--brand-surface);border-color:var(--brand-line);color:var(--brand-ink)}body .auth-card .helptext{color:var(--brand-muted)}
body.light-mode:not(.landing-page) :is(.assistant-row,.connection-row,.transcript-message,.transcript-message.assistant,.transcript-message.system,.card-note,.mini-transcript,.timeline-cards>div,.comparison-grid>div,.comparison-panel,.workforce-architecture,.detail-grid .clean-panel){background:var(--brand-surface);color:var(--brand-ink);border-color:var(--brand-line);box-shadow:none}
body.light-mode:not(.landing-page) :is(.transcript-message.visitor,.feature-row span){background:#47295d;color:#f4edf9;border-color:#75518c}body.light-mode:not(.landing-page) .transcript-message.staff{background:#35281d;color:#f4dfac;border-color:#816537}
body.light-mode:not(.landing-page) :is(.timeline-cards span,.timeline-cards strong,.comparison-grid strong,.comparison-grid p,.growth-card li,.detail-grid .clean-panel p,.comparison-panel p,.workforce-architecture p){color:var(--brand-muted)!important}body.light-mode:not(.landing-page) textarea{background:#100a19;color:var(--brand-ink);border-color:#654977}
