.code-block{background:var(--color-code-bg);color:var(--color-code-text);padding:.75rem 1rem;border-radius:8px;overflow-x:auto;font-size:.8rem;margin:0}.code-block.small{max-height:200px;overflow-y:auto}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base, 16px);line-height:var(--line-height-base, 1.5);font-weight:var(--font-weight-normal, 400);color:var(--color-text, #111827);background:var(--color-bg, #f9fafb);--color-text: #111827;--color-text-muted: #6b7280;--color-bg: #f9fafb;--color-bg-subtle: #f3f4f6;--color-surface: #ffffff;--color-border: #e5e7eb;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-muted: #d1fae5;--color-primary-border: #a7f3d0;--color-danger: #dc2626;--color-code-bg: #111827;--color-code-text: #e5e7eb;--color-accent-secondary: #34d399;--color-accent-tertiary: #6ee7b7;--color-primary-gradient-start: #10b981;--color-primary-gradient-mid: #34d399;--color-primary-gradient-end: #059669;--color-hero-glow: rgb(16 185 129 / 18%);--color-hero-cell-start: rgb(16 185 129 / 12%);--color-hero-cell-end: rgb(52 211 153 / 8%);--color-hero-cell-border: rgb(16 185 129 / 10%);--color-dark-gradient-start: #111827;--color-dark-gradient-end: #1f2937;--color-card-muted: #fafbfc;--color-pill-bg: #d1fae5;--color-pill-text: #065f46;--surface: var(--color-surface);--border: var(--color-border);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--danger: var(--color-danger);--muted: var(--color-text-muted);--radius: 10px;--radius-sm: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgb(17 24 39 / 8%);--shadow-lg: 0 4px 12px rgb(17 24 39 / 10%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}a{color:var(--primary)}a:hover{color:var(--primary-hover)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}.brand{font-weight:700;font-size:1.05rem;text-decoration:none;color:var(--color-text);margin-right:auto;min-height:44px;display:inline-flex;align-items:center}.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}.nav-link{padding:.5rem .75rem;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.95rem;min-height:44px;display:inline-flex;align-items:center;border:none;background:transparent;cursor:pointer;font:inherit}.nav-link:hover{background:var(--color-bg-subtle);color:var(--color-text)}.nav-link.active{background:var(--color-primary-muted);color:var(--primary);font-weight:600}.page{flex:1;width:100%;max-width:52rem;margin:0 auto;padding:1.25rem 1rem 2.5rem}.page--narrow{max-width:24rem}.page h1{margin:0 0 .5rem;font-size:clamp(1.35rem,4vw,1.75rem)}.muted{color:var(--muted);margin:0 0 1rem}.muted.small{font-size:.8rem}.alert{color:var(--danger);font-weight:600;margin:0 0 1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 .75rem;font-size:1rem}.stack{display:flex;flex-direction:column;gap:.85rem}.field span{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:#334155}.field input,.field textarea{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);font:inherit;min-height:44px}.field textarea{min-height:5rem;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;min-height:44px}.btn-primary{background:linear-gradient(180deg,var(--color-primary-gradient-start),var(--color-primary-gradient-end));color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{background:#f8fafc;border-color:var(--border);color:var(--color-text)}.btn-secondary:hover,.btn-ghost:hover{background:var(--color-bg-subtle)}.code-block{margin:0;padding:.85rem;background:var(--color-code-bg);color:var(--color-code-text);border-radius:8px;overflow:auto;font-size:.8rem;line-height:1.45}.code-block.wrap{white-space:pre-wrap;word-break:break-all}.client-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.client-card{border:1px solid var(--border);border-radius:10px;padding:.85rem;background:var(--color-card-muted)}.client-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.pill{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:var(--color-pill-bg);color:var(--color-pill-text)}.kv{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.88rem}.kv dt{margin:0;color:var(--muted)}.kv dd{margin:0}details summary{cursor:pointer;font-weight:600;margin-top:.5rem}.chat-panel{display:flex;flex-direction:column;max-height:min(55vh,380px);min-width:0}.chat-panel--compact .bubble{max-width:100%;font-size:.88rem;padding:.45rem .65rem}.chat-panel__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;min-width:0}.chat-panel__head code{overflow-wrap:anywhere;word-break:break-all}.chat-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;min-height:180px;min-width:0}.bubble{max-width:92%;min-width:0;padding:.55rem .75rem;border-radius:12px;font-size:.95rem;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.bubble--assistant{align-self:flex-start;background:var(--color-bg-subtle);border:1px solid var(--border)}.chat-pending-actions{margin:0 0 .75rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:#fffbeb}.chat-pending-actions__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.35rem 0}.chat-pending-actions__row+.chat-pending-actions__row{border-top:1px solid var(--border);margin-top:.35rem;padding-top:.65rem}.chat-compose{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.chat-compose input{flex:1;min-width:0;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);font:inherit;min-height:44px}.chat-panel--demo{max-height:min(72vh,640px)}.chat-panel__status{padding:0 1rem;margin:0}.chat-message-block{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.chat-message-block .bubble--user{align-self:flex-end}.product-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem;width:100%;max-width:100%}.product-card{display:flex;gap:.65rem;padding:.65rem;border:1px solid var(--border);border-radius:10px;background:#fff}.product-card__img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#f8fafc;flex-shrink:0}.product-card__img--placeholder{background:var(--color-bg-subtle)}.product-card__body{min-width:0;flex:1}.product-card__title{margin:0 0 .25rem;font-size:.88rem;font-weight:600;line-height:1.35}.product-card__meta{margin:0 0 .35rem;font-size:.8rem;color:var(--muted)}.product-card__link{font-size:.8rem;font-weight:600;color:var(--primary);text-decoration:none}.product-card__cart{margin-top:.35rem}@media (max-width: 640px){.demo-chat-page .chat-panel--demo{max-height:calc(100dvh - 12rem);min-height:320px}.product-cards{grid-template-columns:1fr}.chat-compose{flex-direction:column}.chat-compose .btn{width:100%}.top-nav{flex-wrap:wrap;gap:.5rem}.nav-links{width:100%;justify-content:flex-start}}.field select{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);font:inherit;min-height:44px;background:#fff}.conv-layout{display:grid;gap:1rem;margin-top:1rem}.conv-layout>section{min-width:0}@media (min-width: 900px){.conv-layout{grid-template-columns:minmax(240px,320px) 1fr;align-items:start}}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:min(60vh,480px);overflow-y:auto}.session-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;text-align:left;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font:inherit;font-size:.85rem}.session-item:hover,.session-item.active{border-color:var(--primary);background:var(--color-primary-muted)}.session-item__id{font-weight:600;font-family:ui-monospace,monospace;font-size:.78rem}.session-item__preview{color:var(--muted);line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.bubble__meta{display:block;margin-bottom:.25rem}.conv-thread{min-height:280px;min-width:0}.conv-sessions__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.conv-sessions__head h2{margin:0;font-size:1rem}.live-thread{max-height:min(75vh,640px);min-width:0}.live-thread-scroll{min-height:220px;max-height:min(50vh,420px);overflow-x:hidden;min-width:0}.live-reply{flex-wrap:wrap}.live-reply input{flex:1 1 200px}.live-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);cursor:pointer}.session-item.needs-reply{border-color:#f59e0b;background:#fffbeb}.session-badge{display:inline-block;margin-left:.35rem;padding:.1rem .35rem;border-radius:4px;font-size:.65rem;font-weight:600;background:#fef3c7;color:#b45309;vertical-align:middle}.session-badge--live{background:#dbeafe;color:var(--primary-hover)}.bubble--user{align-self:flex-end;background:#dbeafe;color:#1e3a8a}.bubble--agent{align-self:flex-start;background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.bubble--assistant{align-self:flex-start}.row.gap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}@media (min-width: 640px){.page{padding-left:1.5rem;padding-right:1.5rem}}.admin-layout{display:flex;flex:1;min-height:100vh}.admin-layout--modern{background:var(--color-bg)}.admin-layout--embed,.admin-layout--embed .admin-main--modern{min-height:100vh}.admin-embed-badge{display:inline-block;margin-left:.5rem;padding:.1rem .45rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border:1px solid var(--border);border-radius:999px;vertical-align:middle}.embed-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:.5rem}.admin-sidebar{width:16.5rem;flex-shrink:0;display:flex;flex-direction:column;min-height:100vh;padding:1.25rem .85rem 1rem;background:var(--color-bg);border-right:1px solid var(--border)}.admin-sidebar--modern{width:16.5rem}.admin-sidebar__brand{padding:0 .35rem .75rem}.admin-sidebar__brand a{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--color-text);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);letter-spacing:var(--letter-spacing-tight, -.02em)}.admin-sidebar__brand-mark{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary-gradient-start),var(--color-primary-gradient-end));flex-shrink:0}.admin-nav{display:flex;flex-direction:column;gap:.2rem;flex:1;min-height:0}.admin-nav--scroll{overflow-y:auto;padding-right:.15rem;margin-right:-.15rem}.admin-nav__section{display:block;margin:.75rem 0 .35rem;padding:0 .5rem;font-size:var(--font-size-xs, .6875rem);font-weight:var(--font-weight-semibold, 600);letter-spacing:var(--letter-spacing-wide, .08em);text-transform:uppercase;color:var(--muted)}.admin-nav__section:first-child{margin-top:0}.admin-nav__link{display:flex;align-items:center;gap:.65rem;padding:.5rem .55rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);transition:background .15s,color .15s}.admin-nav__link:hover{background:var(--color-bg-subtle);color:var(--color-text)}.admin-nav__link.active{background:var(--color-primary-muted);color:var(--color-primary);font-weight:var(--font-weight-semibold, 600)}.admin-nav__icon{width:1.75rem;height:1.75rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;transition:background .15s,color .15s}.admin-nav__icon svg{width:1rem;height:1rem}.admin-nav__link:hover .admin-nav__icon{color:var(--color-text)}.admin-nav__link.active .admin-nav__icon{background:var(--color-primary);color:#fff}.admin-nav__text{line-height:1.25}.admin-sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:.85rem;border-top:1px solid var(--border)}.admin-sidebar__email{margin:0;padding:0 .35rem;word-break:break-all;font-size:var(--font-size-xs, .75rem);line-height:1.4}.admin-sidebar__logout{width:100%;justify-content:center;min-height:40px;background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--color-text);font-weight:var(--font-weight-medium, 500)}.admin-sidebar__logout:hover{background:var(--color-bg-subtle)}.admin-main{flex:1;overflow:auto;background:var(--color-surface);min-width:0}.admin-main--modern{display:flex;flex-direction:column;min-width:0}.admin-main__content{flex:1;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.admin-topbar__title{margin:0;font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-bold, 700);letter-spacing:var(--letter-spacing-tight, -.02em)}.admin-topbar__user{display:flex;align-items:center;gap:.6rem;min-width:0}.admin-topbar__avatar{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-primary);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-bold, 700);flex-shrink:0}.admin-topbar__email{margin:0;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-page--dashboard{max-width:none;padding:1.5rem 1.5rem 2.5rem}.admin-dashboard__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-dashboard__subtitle{margin:0;font-size:var(--font-size-sm, .875rem)}.admin-dashboard__header-actions{display:flex;flex-wrap:wrap;gap:.65rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.admin-stat-card{background:var(--color-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.35rem}.admin-stat-card__label{font-size:var(--font-size-sm, .875rem);color:var(--muted);font-weight:var(--font-weight-medium, 500)}.admin-stat-card__value{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.1;letter-spacing:var(--letter-spacing-tight, -.02em);color:var(--color-text)}.admin-stat-card__hint{font-size:var(--font-size-xs, .75rem);margin:0}.admin-dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;align-items:start}.admin-widget{margin-bottom:0}.admin-widget__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.admin-widget__head h2{margin:0 0 .2rem;font-size:var(--font-size-h4, 1.05rem)}.admin-widget__head .muted{margin:0;font-size:var(--font-size-sm, .875rem)}.admin-query-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.admin-query-list__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--font-size-sm, .875rem)}.admin-query-list__count{flex-shrink:0;min-width:1.75rem;text-align:center;padding:.15rem .45rem;border-radius:999px;background:var(--color-primary-muted);color:var(--color-primary);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-bold, 700)}.admin-page{max-width:56rem}.admin-page:not(.admin-page--dashboard){padding-top:.5rem}.admin-main__content .page{max-width:56rem}.admin-main__content .page.admin-page--wide,.admin-main__content .page.admin-page--dashboard{max-width:none}.admin-tiles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin-top:1rem}.admin-tile{text-decoration:none;color:inherit;transition:box-shadow .15s}.admin-tile:hover{box-shadow:0 4px 12px #0f172a1a}.admin-tile h2{margin:0 0 .35rem;font-size:1.05rem}.template-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.template-card{border:1px solid var(--border);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.35rem}.template-card h3{margin:0;font-size:.95rem}.template-card--active{border-color:var(--color-primary);background:var(--color-primary-muted)}.client-dropdown{display:flex;flex-direction:column;gap:.35rem;padding:0 .35rem .85rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.client-dropdown__label{font-size:var(--font-size-xs, .6875rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .08em);color:var(--muted)}.client-dropdown select{width:100%;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm, .875rem);color:var(--color-text)}.client-dropdown select:focus{outline:2px solid var(--color-primary-muted);border-color:var(--color-primary-border)}.client-dropdown__hint{margin:0;line-height:1.35}.search-results{list-style:none;margin:0;padding:0}.search-result{padding:.65rem 0;border-bottom:1px solid var(--border)}.search-result:last-child{border-bottom:none}.success{color:#047857;background:#ecfdf5;padding:.5rem .75rem;border-radius:8px}.admin-page--wide{max-width:none;width:100%}.page-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-toolbar h1{margin:0 0 .35rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.data-table-section{padding:0;overflow:hidden}.data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.field--search input{min-width:14rem}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.65rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#f8fafc;white-space:nowrap}.data-table tbody tr:hover{background:#f8fafc}.data-table__domains{max-width:10rem;word-break:break-word}.data-table__actions{display:flex;flex-wrap:wrap;gap:.25rem}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,monospace;font-size:.78rem}.pill--muted{background:var(--color-bg-subtle);color:var(--muted)}.pill--ok{background:#ecfdf5;color:#047857}.pill--warn{background:#fef2f2;color:#b91c1c}.users-popover summary{cursor:pointer;color:var(--primary);font-weight:600}.users-popover ul{margin:.35rem 0 0;padding-left:1rem;font-size:.82rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{width:min(100%,28rem);max-height:90vh;overflow:auto;margin:0}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.modal__head h2{margin:0;font-size:1.1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar,.admin-sidebar--modern{width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--border)}.admin-nav--scroll{max-height:16rem}.admin-topbar{padding:.85rem 1rem}.admin-topbar__email{display:none}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard__header{align-items:flex-start}.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(5),.data-table td:nth-child(5){display:none}}.alert-success{color:#166534;background:#dcfce7;padding:.75rem 1rem;border-radius:var(--radius);font-weight:500}.top-nav--marketing{max-width:1200px;margin:0 auto;width:100%;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgb(226 232 240 / 80%)}.brand__mark{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-gradient-start),var(--color-primary-gradient-mid));margin-right:.5rem;box-shadow:0 0 12px var(--color-hero-glow)}.nav-links--center{margin:0 auto}.nav-links--actions{margin-left:auto}.btn-sm{padding:.4rem .85rem;font-size:.875rem;min-height:36px}.btn-lg{padding:.75rem 1.35rem;font-size:1rem;min-height:48px}.page--marketing{max-width:42rem}.page--marketing .lead{font-size:1.1rem;line-height:1.6}.saas-list{margin:0;padding-left:1.25rem}.saas-home{flex:1;width:100%;overflow-x:hidden}@keyframes saas-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes saas-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes saas-cell-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.45;transform:scale(1.05)}}.saas-animate-in{animation:saas-fade-up .7s ease both}.saas-float{animation:saas-float 4s ease-in-out infinite}.saas-gradient-text{background:linear-gradient(90deg,var(--color-primary-gradient-start),var(--color-primary-gradient-mid),var(--color-primary-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.saas-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;max-width:1200px;margin:0 auto;padding:3rem 1.5rem 4rem;min-height:min(88vh,720px)}.saas-hero__glow{position:absolute;inset:10% 20% auto;height:320px;background:radial-gradient(ellipse,var(--color-hero-glow),transparent 70%);pointer-events:none}.saas-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1rem;padding:2rem;opacity:.4;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.saas-hero__cell{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-hero-cell-start),var(--color-hero-cell-end));border:1px solid var(--color-hero-cell-border);animation:saas-cell-pulse 3s ease-in-out infinite}.saas-hero__content{position:relative;z-index:1}.saas-badge{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .06em);color:var(--color-primary);background:var(--color-primary-muted);border:1px solid var(--color-primary-border);padding:.35rem .75rem;border-radius:999px;margin-bottom:1rem}.saas-hero__title{font-size:var(--font-size-h1, clamp(2rem, 5vw, 3.25rem));line-height:var(--line-height-tight, 1.1);margin:0 0 1rem;font-weight:var(--font-weight-extrabold, 800);letter-spacing:var(--letter-spacing-tight, -.02em)}.saas-hero__lead{font-size:1.1rem;color:var(--muted);max-width:32rem;margin-bottom:1.5rem;line-height:1.6}.saas-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.saas-hero__stats{display:flex;gap:2rem;flex-wrap:wrap}.saas-hero__stats strong{display:block;font-size:1.35rem;color:var(--color-text)}.saas-hero__stats span{font-size:.8rem;color:var(--muted)}.saas-hero__visual{position:relative;z-index:1}.saas-chat-preview{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:0 24px 48px #0f172a1f;overflow:hidden}.saas-chat-preview__bar{display:flex;align-items:center;gap:.35rem;padding:.65rem 1rem;background:#f8fafc;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--muted)}.saas-chat-preview__bar span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.saas-chat-preview__body{padding:1rem;display:flex;flex-direction:column;gap:.65rem;min-height:200px}.saas-bubble{max-width:90%;padding:.65rem .85rem;border-radius:12px;font-size:.85rem;line-height:1.45}.saas-bubble--user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.saas-bubble--bot{align-self:flex-start;background:var(--color-bg-subtle);color:var(--color-text);border-bottom-left-radius:4px}.saas-bubble--tool{align-self:flex-start;font-size:.75rem;background:#fef3c7;color:#92400e;font-family:ui-monospace,monospace}.saas-section{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;text-align:center}.saas-section--dark{background:linear-gradient(180deg,var(--color-dark-gradient-start) 0%,var(--color-dark-gradient-end) 100%);color:#f8fafc;max-width:none}.saas-section--dark .muted,.saas-section--dark .saas-section__lead{color:#94a3b8}.saas-section__title{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .5rem}.saas-section__lead{max-width:36rem;margin:0 auto 2rem}.saas-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;text-align:left}.saas-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.saas-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0f172a14}.saas-feature-card__icon{font-size:1.75rem;display:block;margin-bottom:.5rem}.saas-feature-card h3{margin:0 0 .35rem;font-size:1.05rem}.saas-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;max-width:960px;margin:0 auto;text-align:left}.saas-price-card{position:relative;background:#ffffff0f;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius);padding:1.5rem}.saas-price-card--featured{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);transform:scale(1.03)}.saas-price-card__badge{position:absolute;top:-10px;right:1rem;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase}.saas-price-card h3{margin:0 0 .25rem}.saas-price-card__price{font-size:2rem;font-weight:800;margin:.5rem 0 0}.saas-price-card__tokens{color:#94a3b8;font-size:.85rem;margin:0 0 1rem}.saas-price-card ul{margin:0 0 1.25rem;padding-left:1.1rem;font-size:.9rem;color:#cbd5e1}.saas-cta-band{text-align:center;padding:4rem 1.5rem;background:linear-gradient(135deg,var(--color-primary-muted),color-mix(in srgb,var(--color-accent-secondary) 20%,white))}.saas-cta-band h2{margin:0 0 .5rem}.saas-cta-band p{color:var(--muted);margin-bottom:1.5rem}.saas-footer{text-align:center;padding:2rem 1rem;border-top:1px solid var(--border)}.billing-meter{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.billing-meter__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-gradient-start),var(--color-primary-gradient-mid));border-radius:999px;transition:width .4s ease}.billing-meter__fill--warn{background:linear-gradient(90deg,#ea580c,#dc2626)}.billing-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:var(--color-bg-subtle)}.billing-badge--warn{background:#fef2f2;color:#b91c1c}.billing-usage__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.billing-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.billing-upgrade-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--color-card-muted);display:flex;flex-direction:column;gap:.35rem}.billing-upgrade-card--featured{border-color:var(--color-primary-border);background:var(--color-primary-muted);box-shadow:var(--shadow-lg)}.billing-upgrade-card__badge{position:absolute;top:-9px;right:.75rem;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase}.billing-upgrade-card h3{margin:0;font-size:1.1rem}.billing-upgrade-card__price{font-size:1.5rem;font-weight:800;margin:.25rem 0 0}.billing-upgrade-card__tokens{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}.billing-upgrade-card ul{margin:0 0 1rem;padding-left:1.1rem;font-size:.85rem;color:var(--muted);flex:1}.billing-upgrade-card .btn{width:100%;justify-content:center}.legal-page .legal-section h2{margin:0 0 .5rem;font-size:1.05rem}.legal-page .legal-section p{margin:0}@media (max-width: 900px){.saas-hero{grid-template-columns:1fr;min-height:auto;padding-top:2rem}.saas-hero__visual{order:-1}.nav-links--center{order:3;width:100%;justify-content:center}.top-nav--marketing{justify-content:center}.brand{margin-right:0}.nav-links--actions{margin-left:0}}.theme-switcher{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.theme-switcher--sidebar{border:none;padding:0 .35rem .25rem;gap:.4rem}.theme-switcher--sidebar .theme-switcher__label{font-size:.625rem}.theme-switcher--sidebar .theme-switcher__select{font-size:var(--font-size-xs, .75rem);padding:.35rem .45rem}.theme-switcher--compact{gap:.35rem;padding:.35rem 0}.theme-switcher__field{display:flex;flex-direction:column;gap:.2rem}.theme-switcher__label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .06em);color:var(--muted)}.theme-switcher__select{width:100%;padding:.4rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm, .875rem)}.theme-switcher__select:focus{outline:2px solid var(--color-primary-muted);border-color:var(--color-primary)}.top-nav .theme-switcher{flex-direction:row;align-items:center;gap:.75rem;padding:0;border:none}.top-nav .theme-switcher__field{flex-direction:row;align-items:center;gap:.35rem}.top-nav .theme-switcher__select{width:auto;min-width:6.5rem}.handoff-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-bg, #0f0f12) 88%,transparent);padding:1.5rem}.handoff-overlay p{margin:0;font-size:1.125rem;color:var(--color-text, #fff)}