/* Syllax AI Experts: graphite, electric cyan and violet. Product chat frames
   retain their own business themes. The circuit pattern is decorative only. */
:root{color-scheme:dark;--accent:#7ad9ff;--ink:#edf5ff;--line:#263a51;--muted:#a5b6cb;background:#070e1b;color:#dbe6f4}
body{background:#070e1b;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#29476530 1px,transparent 1px),linear-gradient(90deg,#29476530 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#0009,transparent 45%,#0008)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='900' viewBox='0 0 1200 900'%3E%3Cg fill='none' stroke='%2359cfff' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M0 140h140l70 70v170h100M1200 60h-130l-90 90v200h-70M0 750h180l65-65v-80h80M1200 740h-130l-95-95v-90h-90M60 0v75l50 50h170M1150 900V820l-90-90h-90'/%3E%3C/g%3E%3Cg fill='%236bceff' fill-opacity='.27'%3E%3Ccircle cx='310' cy='380' r='4'/%3E%3Ccircle cx='910' cy='350' r='4'/%3E%3Ccircle cx='325' cy='605' r='4'/%3E%3Ccircle cx='885' cy='555' r='4'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center}
.site-header{border-color:#27436080;background:#070e1bd9}.brand,.brand small,nav>a:not(.button){color:#e9f4ff}.brand-mark{color:#86e3ff;background:#13293d;border-color:#55bfdc70;box-shadow:inset 0 0 18px #33b8f012;transform:none;border-radius:5px}.site-header nav>a:hover{color:#7ad9ff}
a,.text-link{color:#7ad9ff}.eyebrow{color:#7bc6ed;letter-spacing:2px}.status-dot,.live-label:before{background:#85d9ff;box-shadow:0 0 12px #66cbff90}.live-label{color:#bddcf1}.hero-copy h1 em{color:#7ad9ff}.lead,.hero-copy .lead,.hero-notes,.demo-disclosure,.preview-caption{color:#acbfd4}
.button,button{background:#112037;border-color:#324b69;color:#e3efff;border-radius:5px}.button:hover,button:hover{background:#1b314c;border-color:#70c6ee}.button.primary,button.primary{background:#81dcff;border-color:#81dcff;color:#061322;box-shadow:0 0 22px #49bdff14}.primary:hover{background:#b0e9ff;border-color:#b0e9ff;box-shadow:0 0 24px #49bdff30}.skip-link{background:#14253b;color:#d8f0ff}
.hero-split{min-height:calc(100svh - 150px);padding:35px 0 50px}.hero-copy h1{letter-spacing:-2px}.hero-product{animation:none}.product-tabs{background:#101d30;border-color:#34516c;border-radius:10px 10px 0 0}.product-tabs button{color:#afc6dc}.product-tabs button[aria-pressed=true]{background:#1c354e;color:#91dfff;box-shadow:inset 0 0 0 1px #5ab8e23d}.product-chat{border-color:#34516c;box-shadow:0 14px 65px #0005,0 0 35px #2496dc12}
.product-strip{border-color:#263c5670}.product-strip>span,.product-strip small{color:#9bafc5}.product-strip>div>a:first-child{color:#ddecff}
.marketing>.section{min-height:88svh;padding:90px 0;border-bottom:0;scroll-margin-top:32px}.marketing>.section:before{content:"";position:absolute;width:42px;height:3px;background:#79cfff;top:35px;box-shadow:0 0 15px #4fc4ff30}.marketing>.section{position:relative}.section-heading>p:last-child,.split-heading>div>p:not(.eyebrow),.process p,.business-benefits>div>p:not(.eyebrow),.benefit-list p,.faq-list p{color:#a7bad0}.process li,.benefit-list>div,.faq-list details{border-color:#293e55}.process li>span{color:#85d6ff}
.ways-grid article,.style-option,.style-option.sales-style{background:#0d1c2d;border-color:#2e4e69;border-radius:10px}.ways-grid .widget-way,.style-option.sales-style{background:#131c34;border-color:#3f426a}.number-tag{color:#9bc8ed}.ways-grid p,.style-option p{color:#b4c7dc}.style-symbol{color:#8cddff;background:#1a344c;border-radius:6px}.sales-style .style-symbol{background:#302d50;color:#c4b8ff}.style-option .badge,.badge{background:#1d3549;color:#b5e6ff}.sales-style .badge{background:#302c4b;color:#d2c6ff}.style-example{color:#a6bfd6;border-color:#304962}.style-footnote p{color:#9db4cb}
.url-example{background:#091523;border-color:#2d4b64;color:#a0c2e3}.widget-illustration{background:#0a1525;border-color:#32465f;color:#9fb7d0}.mini-site-line{background:#263b53}.widget-pill{background:#79d3ff;color:#061322;box-shadow:0 0 20px #39aaff18}.plans-band{background:#111f33;border-color:#354d6c;border-radius:10px;margin-top:0;padding:55px!important}.marketing>.plans-band:before{top:20px;left:55px}.plan-action{border-color:#344c68}.plans-band>div>p:last-child{color:#b0c3d7}.trial-number{color:#91dcff}
.site-footer{background:#091322;border-color:#2c415b}.footer-top>div>a:not(.brand),.footer-intro p,.footer-top h2{color:#bdd0e4}.footer-intro .muted,.footer-bottom{color:#96adc6}.footer-bottom{border-color:#283c54}
.card,.setup-readiness{background:#0d1a2c;border-color:#30465e}.muted,.source p{color:#a5b6cb}input,textarea,select{background:#081422;border-color:#35506c;color:#e2edfa}input::placeholder,textarea::placeholder{color:#8fa6bd}.style-picker label:has(input:checked){background:#172f45;border-color:#63b7df}.style-picker small{color:#a5b6cb}.banner,.support-callout{background:#11263a;border-color:#355774}.business-monogram{background:#16334b;border-color:#36779c;color:#92ddff}.url-preview{color:#9ce5ff;background:#122a40}.steps span{background:#142a40;color:#acbed4}.steps .active{background:#254962;color:#cef1ff}.source,.information-body,.information-body section{border-color:#2a415a}.information-body p{color:#b2c4d7}pre.code{background:#081422;color:#bed9ee}#platform-notice{color:#ffb6a7}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#91dfff}
/* Progressive enhancement: content remains readable without JS/observer support.
   No scroll locking or wheel interception; frames and form state stay mounted. */
.reveal-slide{opacity:var(--section-opacity,1);will-change:opacity}
@media(max-width:760px){body:before{background-size:48px 48px;opacity:.65}body:after{opacity:.55}.hero-split{min-height:auto;padding:25px 0 35px}.hero-copy h1{letter-spacing:-1.4px}.marketing>.section{min-height:auto;padding:65px 0}.marketing>.section:before{top:25px}.plans-band{padding:28px!important}.marketing>.plans-band:before{left:28px;top:15px}.plan-action{border-color:#344c68}.site-header{background:#070e1bf2}}
@media(prefers-reduced-motion:reduce){.reveal-slide,.reveal-slide:not(.is-visible){opacity:1!important;transform:none!important;transition:none!important;will-change:auto}.status-dot,.live-label:before{box-shadow:none}}
@media print{body{background:white;color:black}body:before,body:after{display:none}.reveal-slide{opacity:1;transform:none}}

.marketing>.split-heading,.marketing>.business-benefits,.marketing>.faq-layout,.marketing>.plans-band{align-items:center}

.setup-wizard{max-width:860px;margin-inline:auto}.setup-wizard>label,.setup-wizard>details{margin-block:20px}.setup-found summary{display:flex;flex-wrap:wrap;gap:8px;cursor:pointer}.setup-found summary span{flex-basis:100%;color:var(--muted,#b8cadc);font-weight:400}.setup-found summary small{color:#80deff}.setup-source{white-space:pre-wrap;max-height:320px;overflow:auto}.setup-wizard #scan-status{overflow-wrap:anywhere}

.setup-page-text{margin-block:28px}.setup-page-text h3{margin-bottom:6px}.setup-page-text a{overflow-wrap:anywhere}.setup-page-text textarea{min-height:320px;line-height:1.6;white-space:pre-wrap}
