/* Visual adaptation of the user-provided Spike Nuxt Pro reference. */
:root,[data-theme=light]{--bg:#f0f5f9;--surface:#fff;--soft:#f6f9fc;--text:#2a3547;--muted:#707a82;--line:#e5eaef;--accent:#0085db;--mint:#dffff3;--mint2:#e5f3fb;--dark:#0085db;--shadow:0 2px 6px rgba(37,83,185,.1);font-family:'Plus Jakarta Sans','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--text);background:var(--bg)}
body{background:var(--bg);font-size:14px;line-height:1.5}.container{width:min(1240px,calc(100% - 80px))}.brand-period{display:none}.brand{letter-spacing:-.75px;font-size:24px;font-weight:700;gap:9px}.live-brand .brand-mark{background:transparent;width:37px;height:37px;border-radius:0}.brand-mark svg{width:35px;height:35px}.live-brand>span:last-child{max-width:180px;overflow:hidden;text-overflow:ellipsis}.btn{border-radius:24px;font-size:13px;min-height:42px;padding:0 21px;font-weight:500;gap:9px;box-shadow:none}.btn-primary{background:#0085db;border:1px solid #0085db;box-shadow:0 3px 6px #0085db1c;color:#fff}.btn-primary:hover{background:#0075c2;border-color:#0075c2;box-shadow:0 4px 10px #0085db26;transform:translateY(-1px)}.btn-secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn-secondary:hover{border-color:#b7d9ef;background:var(--mint2)}.btn-small{min-height:36px;padding:0 16px;font-size:11px}.btn-lg{min-height:48px;padding:0 28px;font-size:14px}.icon-btn{width:38px;height:38px;border-radius:50%;color:var(--text)}.icon-btn:hover{background:var(--mint2);color:var(--accent)}.text-link{color:var(--accent);font-size:12px;font-weight:500}.round-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;color:var(--accent);background:var(--mint2)}.round-icon.blue{background:#e5f3fb;color:#0085db}.round-icon.sky{background:#e1f5fa;color:#23aeca}.round-icon.mint{background:#dffff3;color:#28b77d}.round-icon.peach{background:#fff6ea;color:#e7a34a}.round-icon.violet{background:#f1ebff;color:#8763da}.panel{background:var(--surface);border:0;border-radius:18px;box-shadow:var(--shadow)}.live-body .panel{border-radius:18px}.panel-head{padding:23px 25px;align-items:center}.panel-head h2{font-size:16px;font-weight:600}.panel-head p{font-size:11px;margin-top:5px;line-height:1.7}.live-panel{padding:26px}.live-panel h2{font-size:17px;line-height:1.5;font-weight:600;margin-bottom:12px}.live-panel p{font-size:12px;line-height:1.9}.spacer{height:24px}.badge{font-size:10px;border-radius:20px;padding:5px 10px;background:#dffff3;color:#1da874;white-space:nowrap}.badge.disabled{background:var(--soft);color:var(--muted)}.badge.error{background:#fff6ea;color:#cd913c}.tag{font-size:10px;padding:4px 9px;border-radius:20px;border:0;background:var(--mint2);color:var(--accent)}.notice{border:0;border-radius:12px;background:var(--mint2);color:#3b8cbd;font-size:12px;padding:15px 18px;line-height:1.85;align-items:flex-start}.notice svg{margin-top:3px;flex-shrink:0}.notice.amber{background:#fff6ea;color:#b98337}.server-note{border:0;border-radius:11px;background:var(--mint2);color:#6c9ebc;font-size:11px;padding:12px 17px;line-height:1.8;margin-bottom:24px}.server-note span{display:flex;align-items:center;gap:8px}.server-note strong{color:#328dc3;font-weight:500;font-size:10px;white-space:nowrap}.server-note svg{min-width:15px}.copy-block,.inline-api{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:13px 15px;font-size:11px;margin:17px 0}.copy-block .icon-btn{height:29px;width:29px;flex-shrink:0}.copy-block code{font-size:10px;letter-spacing:0;line-height:1.9}.empty-state{padding:55px 25px;color:var(--text);font-size:14px;font-weight:500;line-height:1.8}.empty-state>svg{color:#91bbd4;background:var(--mint2);padding:14px;width:62px;height:62px;border-radius:18px;margin-bottom:15px}.empty-state p{font-size:11px;font-weight:400;margin:8px 0;color:var(--muted)}.stat-grid{gap:24px;margin-bottom:24px}.stat-card{border:0;border-radius:18px;box-shadow:var(--shadow);padding:23px 25px;background:var(--surface)}.stat-card.accent{background:var(--surface);color:var(--text)}.stat-label{color:var(--text);font-size:12px;align-items:flex-start}.stat-card .round-icon{width:35px;height:35px;margin-top:-2px}.stat-card .stat-value{font-size:30px;font-weight:600;letter-spacing:-.8px;margin:8px 0 13px}.stat-foot,.stat-card.accent .stat-foot{font-size:10px;color:var(--muted);line-height:1.7}.form-field{margin-bottom:22px}.form-field label{font-size:12px;font-weight:500;color:var(--text);margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{border:1px solid #dfe5ef;border-radius:8px;background:var(--surface);color:var(--text);min-height:46px;padding:11px 14px;font-size:13px;box-shadow:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#0085db;box-shadow:0 0 0 3px #0085db0b}.form-field small{font-size:10px;line-height:1.8;color:var(--muted)}.form-field input[type=checkbox]{min-height:16px}.select{border-radius:8px;border-color:var(--line);height:38px;font-size:11px}.search-input input{border-radius:22px;height:43px;border-color:var(--line);font-size:12px}.search-input svg{top:14px;left:15px}.table-toolbar{padding:0 25px 22px;gap:13px}.data-table{font-size:12px}.data-table th{font-size:11px;color:var(--text);font-weight:600;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 25px}.data-table td{padding:19px 25px;border-bottom:1px solid var(--line);font-size:11px;color:var(--text);line-height:1.8}.data-table tbody tr:hover{background:var(--soft)}.data-table td small{font-size:9px;color:var(--muted)}.table-actions .btn{font-size:10px;padding:0 12px;margin:3px 5px 3px 0;min-height:31px}.table-footer{padding:17px 25px;border-color:var(--line)}.live-scroll table{min-width:650px}.modal{border:0;border-radius:18px;box-shadow:0 12px 70px #2236532b}.modal-head{padding:22px 27px;border-color:var(--line)}.modal-head h2{font-size:19px;line-height:1.5;font-weight:600}.modal-head .icon-btn{height:31px;width:31px}.modal-body{padding:25px 27px}.modal-body>p{font-size:12px;color:var(--muted);line-height:1.9}.modal-foot{padding:19px 27px;border-color:var(--line)}.overlay{background:#142b4152;backdrop-filter:blur(4px)}.live-key-once{background:var(--mint2);border-color:#80bee7;color:#167ab9}.toast{border:0;border-radius:12px;background:#157fc5;color:white;box-shadow:0 5px 24px #0085db33;font-size:13px;padding:14px 21px}.toast.error{background:#d77f60;color:white}.order-note{border-color:var(--line);border-radius:10px;font-size:12px}.inline-error{font-size:12px;color:#dc7f61}.protocol-checks label{font-size:12px}.model-detail-stat{border-radius:10px;border-color:var(--line)}.model-detail-stat span{font-size:11px}.model-detail-stat strong{font-size:21px}.model-detail-grid{gap:18px}
/* Floating workspace shell */
.modal .live-scroll table{min-width:0}
[data-theme=dark] .page-title:after{background:#31536d}
.spike-workspace .site-header{position:fixed;left:284px;right:24px;top:16px;width:auto;height:72px;background:var(--surface);border:0;border-radius:17px;box-shadow:var(--shadow);z-index:60}.spike-workspace .site-header .header-inner{padding:0 22px;gap:15px;height:72px}.spike-workspace .site-header .brand{display:none}.spike-workspace .app-layout{display:block;margin-left:284px;min-height:100vh;padding:112px 24px 24px 0;grid-template-columns:none}.dashboard-main{max-width:1700px;width:100%;padding:0;margin:0 auto}.sidebar{position:fixed;left:16px;top:16px;bottom:16px;right:auto;width:248px;height:calc(100vh - 32px);padding:0;border:0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);z-index:70;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e3ebf1 transparent}.sidebar-logo{padding:25px 22px 19px;display:flex;align-items:center;justify-content:space-between;min-height:81px}.sidebar-logo .brand{font-size:22px;gap:7px}.sidebar-logo .brand-mark{width:31px;height:33px}.sidebar-logo .brand-mark svg{width:31px;height:33px}.sidebar-close{display:none}.workspace-label{display:flex;align-items:center;gap:8px;margin:0 20px 10px;padding:10px 9px;color:var(--muted);font-size:10px;border:1px dashed var(--line);border-radius:9px;white-space:nowrap}.workspace-label>svg{color:var(--accent)}.workspace-role{margin-left:auto;font-size:8px;border-radius:4px;background:var(--mint2);color:var(--accent);padding:2px 5px}.sidebar-navigation{padding-right:14px}.sidebar-label{margin:0!important;padding:18px 25px 9px;color:#87939b;font-size:10px;line-height:1.4;letter-spacing:.8px;font-weight:400}.side-link{padding:12px 23px;font-size:12px!important;gap:13px;color:var(--text);border-radius:0 26px 26px 0;min-height:44px;margin:2px 0;white-space:nowrap}.side-link svg{width:20px;height:20px;color:inherit;stroke-width:1.3}.side-link.active{background:#e0f1fb;color:#0085db;font-weight:500}.side-link:hover{background:var(--soft);color:var(--accent)}.side-link.active:hover{background:#e0f1fb}.nav-count{font-size:9px;line-height:1;background:#0085db;border-radius:12px;color:white;padding:4px 7px;margin-left:auto}.sidebar-bottom{padding:23px 16px 14px;margin-top:auto}.sidebar-help{margin:0;border:0;border-radius:12px;background:var(--mint2);padding:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sidebar-help .help-icon{color:var(--accent);flex-shrink:0;display:inline-flex}.sidebar-help h4{font-size:11px;margin:0 0 3px;font-weight:600}.sidebar-help p{font-size:9px;margin:0;line-height:1.7;color:#7d9ab0}.sidebar-help .btn{font-size:10px;min-height:31px;padding:0 14px;margin-top:2px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:17px 2px 0}.user-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;background:#e5f3fb;color:#167ec3;border-radius:50%;font-size:14px;font-weight:600;line-height:1}.sidebar-user>div{min-width:0}.sidebar-user strong{display:block;font-size:11px;font-weight:500;max-width:114px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.sidebar-user .icon-btn{margin-left:auto;width:29px;height:29px}.header-crumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#97a1a8;white-space:nowrap}.header-crumb strong{font-weight:500;color:var(--muted)}.header-search{margin-left:auto;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;gap:8px;font-size:11px;color:#98a1a8;height:35px;padding:0 13px;min-width:210px;text-align:left}.header-search kbd{font-family:inherit;border:1px solid var(--line);border-radius:4px;padding:1px 4px;margin-left:auto;font-size:8px;line-height:1.5;color:#a2aab0}.header-search:hover{border-color:#b9d8ed}.live-nav-user{gap:8px;margin-left:4px}.live-nav-user .icon-btn{width:35px;height:35px}.header-notifications{position:relative}.notification-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;background:#4bd08b;border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.live-nav-user .header-switch{font-size:10px;min-height:30px;padding:0 12px}.header-profile{display:flex;align-items:center;gap:9px;margin-left:5px;white-space:nowrap}.header-profile strong{font-size:11px;font-weight:500;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis}.header-profile small{font-size:9px;color:var(--muted);margin-top:2px;display:block}.header-profile .user-avatar{width:34px;height:34px}.logout-button{color:#8b9aa4}.workspace-footer{display:flex;justify-content:space-between;gap:18px;margin:28px 4px 2px;font-size:10px;color:#98a5b0;line-height:1.8}.page-title{padding:24px 27px;background:#e5f3fb;border-radius:15px;min-height:125px;align-items:center;position:relative;overflow:hidden;margin-bottom:24px;gap:20px;box-shadow:none}.page-title h1{font-size:26px;font-weight:600;letter-spacing:-.75px;line-height:1.5;position:relative;z-index:1}.page-title p{font-size:11px;margin-top:6px;color:#7d96a9;line-height:1.85;max-width:none;position:relative;z-index:1}.page-breadcrumb{display:flex;gap:6px;align-items:center;color:#7d9ab0;font-size:9px;margin-bottom:5px;position:relative;z-index:1}.page-breadcrumb>span:last-child{color:#4f8cb3}.title-buttons{z-index:1;flex-shrink:0}.page-title .btn-secondary{background:var(--surface);border-color:transparent}.title-decoration{color:#b6def5;margin-right:10px;transform:rotate(-8deg)}.page-title:after{content:'';position:absolute;height:150px;width:150px;border-radius:50%;background:#d8edfacc;right:-80px;bottom:-90px;pointer-events:none}.sidebar-veil{display:none}.admin-mobile-tabs,.app-mobile-nav{display:none!important}.spike-workspace.sidebar-collapsed .sidebar{width:78px}.spike-workspace.sidebar-collapsed .site-header{left:114px}.spike-workspace.sidebar-collapsed .app-layout{margin-left:114px}.sidebar-collapsed .sidebar-logo{padding:24px 19px}.sidebar-collapsed .sidebar-logo .brand>span:last-child,.sidebar-collapsed .workspace-label,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .side-link>span,.sidebar-collapsed .sidebar-help,.sidebar-collapsed .sidebar-user>div,.sidebar-collapsed .sidebar-user>button{display:none}.sidebar-collapsed .sidebar-navigation{padding:0}.sidebar-collapsed .side-link{padding:15px 0;margin:5px 13px;justify-content:center;border-radius:12px}.sidebar-collapsed .sidebar-user{padding:0;justify-content:center}.sidebar-collapsed .sidebar-bottom{padding:20px 0}.sidebar-collapsed .sidebar-user .user-avatar{width:34px;height:34px}
/* True-data dashboard widgets */
.spike-overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(255px,auto) minmax(235px,auto);gap:24px;margin-bottom:24px}.welcome-analytics{grid-row:span 2;min-width:0;overflow:hidden}.welcome-section{position:relative;min-height:266px;padding:25px 26px 15px;border-bottom:1px solid var(--line);overflow:hidden}.welcome-section>div{position:relative;z-index:1}.welcome-section h2{font-size:17px;font-weight:600;margin:0;line-height:1.6;letter-spacing:-.25px}.welcome-section>div>p{font-size:11px;color:var(--muted);margin-top:4px}.welcome-facts{display:grid;gap:17px;margin-top:23px;max-width:66%}.welcome-facts>div{display:flex;gap:11px;align-items:center}.welcome-facts .round-icon{height:35px;width:35px}.welcome-facts strong{display:block;font-size:12px;font-weight:500;line-height:1.5}.welcome-facts small{display:block;font-size:9px;line-height:1.7;color:var(--muted);margin-top:3px}.welcome-section img{width:228px;height:auto;position:absolute;bottom:-1px;right:-33px;object-fit:contain;z-index:0}.analytics-section{padding:0 24px 16px}.analytics-section .panel-head{padding:24px 0 9px;gap:10px;align-items:flex-start}.analytics-section .panel-head h2{font-size:16px}.analytics-section .panel-head p{font-size:9px;line-height:1.7;max-width:190px}.chart-range{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:9px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);margin-top:1px}.spike-chart{width:100%;margin-top:9px}.spike-chart svg{width:100%;height:auto;max-height:220px;overflow:visible;display:block}.spike-chart svg text{font-family:inherit;font-size:9px;fill:#9daab4}.spike-grid{stroke:var(--line);stroke-width:.8}.chart-legend{display:flex;align-items:center;gap:13px;margin:0 0 8px;font-size:9px;color:var(--muted);line-height:1.7;flex-wrap:wrap}.chart-legend>span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.chart-legend small{font-size:8px;color:#a8b3bb}.spike-metric{padding:24px 22px;min-width:0;display:flex;flex-direction:column}.metric-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.metric-heading h2{font-size:13px;font-weight:600;line-height:1.5;margin:0}.metric-heading>div>span{font-size:9px;color:var(--muted);display:block;margin-top:4px}.metric-heading .round-icon{width:31px;height:31px}.metric-heading>svg{color:#9bb1bf;width:16px}.metric-value{font-size:26px;letter-spacing:-1px;font-weight:600;line-height:1.4;margin-top:15px;white-space:nowrap}.metric-footer{font-size:9px;line-height:1.8;color:var(--muted);margin-top:auto;padding-top:15px}.metric-footer .text-link{font-size:10px}.spike-bars{display:flex;align-items:flex-end;gap:8px;height:76px;width:100%;margin-top:13px}.spike-bars>div{flex:1;position:relative;height:76px;display:flex;flex-direction:column;align-items:center;min-width:0}.bar-track{height:58px;width:6px;border-radius:5px;background:#edf0f2;display:flex;align-items:flex-end;overflow:hidden}.bar-track i{width:100%;display:block;background:#339cdd;border-radius:5px}.spike-bars small{color:#96a4ae;font-size:8px;margin-top:7px}.bar-tooltip{display:none;position:absolute;top:-20px;background:#1b344e;color:#fff;font-size:9px;padding:4px 7px;border-radius:5px;white-space:nowrap;z-index:1}.spike-bars>div:hover .bar-tooltip{display:block}.metric-detail{font-size:10px;color:#44ad87;margin-top:25px;display:flex;align-items:center;gap:6px;line-height:1.8}.reserve-note{font-size:10px;line-height:1.85;color:#a6a0a0;margin-top:24px;padding:10px 12px;background:#fff6ea;border-radius:9px}.spike-distribution{padding:24px 22px;min-width:0;display:flex;flex-direction:column;align-items:stretch}.spike-donut{width:111px;height:111px;position:relative;border-radius:50%;margin:17px auto}.spike-donut:after{content:'';position:absolute;inset:9px;background:var(--surface);border-radius:50%}.spike-donut>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.spike-donut strong{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.5px}.spike-donut span{font-size:8px;color:var(--muted);margin-top:4px}.distribution-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:auto;font-size:8px;color:var(--muted);align-items:center;justify-content:center}.distribution-legend>span{display:flex;align-items:center;gap:4px}.distribution-legend i{width:6px;height:6px;border-radius:50%}.distribution-legend strong{font-size:8px;color:var(--text);font-weight:500;margin-left:2px}.customer-avatars{display:flex;padding-left:6px;margin-top:25px}.customer-avatars span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:3px solid var(--surface);border-radius:50%;background:#e1f5fa;color:#2d96b9;margin-left:-6px;font-size:11px}.customer-avatars span:nth-child(2){background:#fff6ea;color:#c4965d}.customer-avatars span:nth-child(3){background:#f1ebff;color:#9677cf}.customer-avatars span:nth-child(4){background:#dffff3;color:#47b78b}.upstream-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:24px;line-height:1.7}.dot{width:6px;height:6px;background:#4bd08b;box-shadow:none}.dot.inactive{background:#f8c076}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:24px}.dashboard-bottom-grid>section{min-width:0}.dashboard-bottom-grid .data-table{white-space:nowrap}.dashboard-bottom-grid .data-table th,.dashboard-bottom-grid .data-table td{padding-left:23px;padding-right:23px}.dashboard-bottom-grid .live-scroll table{min-width:610px}.connect-card> .round-icon,.setup-checklist> .round-icon{margin-bottom:20px;width:45px;height:45px}.connect-card h2,.setup-checklist h2{font-size:16px;margin-bottom:10px}.connect-card p,.setup-checklist p{font-size:11px;line-height:1.9}.connect-card .btn{width:100%;font-size:12px;margin-top:7px;min-height:39px}.connect-footer{font-size:9px;color:#9cabb5;display:flex;align-items:center;gap:5px;margin-top:23px;line-height:1.8}.checklist-row{display:flex;align-items:center;gap:9px;font-size:11px;padding:15px 0;border-bottom:1px solid var(--line)}.checklist-row:last-child{border:0}.checklist-row>span{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff6ea;color:#e0ad64}.checklist-row>span.done{background:#dffff3;color:#2abf86}.checklist-row>svg{margin-left:auto;color:#a3b4c0;width:13px}
/* Marketing front page */
.spike-public{background:var(--surface)}.spike-public .site-header{position:relative;height:91px;border:0;background:var(--bg)}.spike-public .site-header .header-inner{height:91px;padding:0;max-width:1240px;width:calc(100% - 80px);margin:auto;gap:50px}.spike-public .nav{gap:30px;font-size:13px}.spike-public .nav a{padding:25px 0;color:var(--text)}.spike-public .nav a.active{color:var(--accent)}.spike-public .nav a:after{display:none}.spike-public .live-nav-user{margin-left:auto;gap:12px}.spike-public .live-nav-user>.btn{min-height:38px;font-size:12px;padding:0 22px}.spike-public .public-main{min-height:65vh;padding-top:42px;padding-bottom:65px}.spike-public:has(.spike-hero) .public-main{padding-top:0;padding-bottom:0}.spike-public:has(.spike-hero){background:var(--surface)}.spike-public:has(.spike-hero) #app{overflow-x:clip}.spike-hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:52px;padding:70px 0 85px;position:relative;isolation:isolate;min-height:620px}.spike-hero:before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:100vw;z-index:-1;background:var(--bg)}.spike-hero h1{font-size:52px;line-height:1.32;letter-spacing:-2.7px;font-weight:650;margin:24px 0 22px;color:var(--text)}.spike-hero h1 em{color:#0085db;font-style:normal}.spike-hero .hero-description{font-size:14px;line-height:2;color:#798997}.hero-label{display:inline-flex;align-items:center;gap:9px;border:0;background:#e4eff6;padding:5px 10px 5px 5px;border-radius:20px;color:#7493a9;font-size:9px;letter-spacing:.3px}.hero-label>span{display:inline-flex;align-items:center;gap:4px;border-radius:20px;background:#fff;color:#158ace;font-size:8px;padding:5px 8px;letter-spacing:.5px;font-weight:500}.spike-hero .hero-buttons{gap:14px;margin-top:30px;margin-bottom:32px}.hero-integrations>span{font-size:10px;color:#8e9da9;display:block;margin-bottom:13px}.hero-integrations>div{display:flex;gap:12px}.hero-integrations>div>span{display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--surface);height:44px;width:44px;box-shadow:var(--shadow);color:#0085db}.hero-integrations>div>span:nth-child(2){color:#41b587}.hero-integrations>div>span:nth-child(3){color:#8e70c9}.hero-integrations>div>span:nth-child(4){color:#35b7d2}.hero-integrations small{display:block;font-size:9px;color:#9eacb7;margin-top:13px}.hero-workspace{position:relative;min-width:0;padding:25px 3px}.workspace-window{border-radius:19px;box-shadow:0 8px 35px #2b599412;border:5px solid #e7eef5;background:var(--surface);position:relative;transform:rotate(-1.5deg);overflow:hidden}.window-title{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;color:#9aa9b4;background:var(--soft);border-bottom:1px solid var(--line);gap:15px}.window-dots{display:flex;gap:5px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#b9cbd7}.window-dots i:first-child{background:#f4ad9b}.window-dots i:nth-child(2){background:#f4cf99}.window-dots i:nth-child(3){background:#93d7bd}.window-label{font-size:7px;border:1px solid var(--line);border-radius:5px;padding:2px 5px;background:var(--surface)}.hero-welcome-card{padding:23px 23px 0;min-height:217px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-welcome-card>div{position:relative;z-index:1}.hero-welcome-card h3{font-size:15px;font-weight:600;letter-spacing:-.2px;margin-bottom:6px}.hero-welcome-card p{font-size:10px;color:var(--muted)}.hero-welcome-card ul{list-style:none;margin:22px 0;padding:0;display:grid;gap:16px}.hero-welcome-card li{display:flex;align-items:center;gap:10px}.hero-welcome-card .round-icon{width:33px;height:33px}.hero-welcome-card strong{font-size:10px;font-weight:500;display:block}.hero-welcome-card small{font-size:8px;color:#93a2ad;display:block;margin-top:4px}.hero-welcome-card img{position:absolute;width:240px;height:auto;right:-26px;bottom:-1px}.hero-connection{padding:20px 22px 17px}.connection-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.connection-caption h4{font-size:11px;margin:0;font-weight:600}.connection-caption .tag{font-size:7px;padding:3px 6px}.connection-nodes{display:flex;align-items:center;margin-top:20px;gap:0}.connection-nodes>div{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:68px}.connection-nodes .round-icon{height:39px;width:39px;border-radius:13px}.connection-nodes strong{font-size:9px;font-weight:600;max-width:99px;overflow:hidden;text-overflow:ellipsis}.connection-nodes small{font-size:7px;color:#98a9b5}.connection-line{height:1px;flex:1;background:#c7e0f0;position:relative;margin-top:-25px}.connection-line:after{content:'';position:absolute;width:4px;height:4px;background:#59b1e9;top:-1.5px;border-radius:50%;left:50%}.endpoint-preview{display:flex;align-items:center;gap:9px;background:var(--soft);border-radius:7px;padding:9px 11px;font-size:8px;color:#8a9cab;margin-top:16px}.endpoint-preview>span{font-size:7px;color:#3aa77b;background:#dffff3;padding:2px 5px;border-radius:4px}.endpoint-preview>svg{margin-left:auto;color:#3db488}.floating-protocol{position:absolute;right:-31px;top:3px;background:var(--surface);border-radius:12px;box-shadow:0 7px 25px #2d568c16;padding:12px 16px;display:flex;align-items:center;gap:10px;transform:rotate(2deg);z-index:1}.floating-protocol .round-icon{width:32px;height:32px}.floating-protocol strong{font-size:10px;font-weight:600;display:block}.floating-protocol small{font-size:7px;display:block;margin-top:4px;color:var(--muted)}.floating-secure{position:absolute;left:-22px;bottom:8px;background:var(--surface);padding:12px 19px;box-shadow:0 7px 25px #2d568c16;border-radius:12px;transform:rotate(1.5deg);font-size:10px;color:#6ba28a;display:flex;gap:7px;align-items:center}.spike-feature-section{padding:75px 0 80px}.centered-heading{text-align:center}.section-kicker{font-size:9px;letter-spacing:1.6px;font-weight:600;color:#0085db;display:inline-block;margin-bottom:12px}.centered-heading h2,.section-heading h2{font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin:0}.centered-heading p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:13px}.spike-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;margin-top:45px}.spike-features article{text-align:center}.spike-features .round-icon{width:59px;height:59px;border-radius:18px}.spike-features h3{font-size:16px;line-height:1.8;font-weight:600;margin:21px 0 12px}.spike-features p{font-size:12px;line-height:2;color:var(--muted);max-width:300px;margin:auto}.spike-model-section{padding:35px 0 75px}.section-heading{margin-bottom:29px;align-items:flex-end}.section-heading p{font-size:12px;line-height:1.9;margin-top:12px}.section-heading .btn{min-height:39px;font-size:11px;padding:0 18px}.spike-model-section>.panel{background:var(--soft);box-shadow:none}.model-grid{gap:24px}.live-model-card{padding:26px;background:var(--surface);border-radius:16px;border:1px solid var(--line);box-shadow:0 3px 8px #3a629808;transition:transform .2s,box-shadow .2s}.live-model-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.live-model-card h3{font-size:17px;font-weight:600;color:var(--text)}.live-model-card .model-id{font-size:10px;color:#98a5af;margin-top:8px}.live-model-prices{margin:25px 0 20px}.live-model-prices small{font-size:10px;margin-bottom:8px}.live-model-prices strong{font-size:20px;font-weight:600;letter-spacing:-.4px}.live-model-card .model-card-foot{border-color:var(--line);margin-top:22px;padding-top:18px}.live-model-card .btn{padding:0 13px;font-size:10px}.spike-how-section{padding:40px 0 80px}.spike-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:36px}.spike-steps article{padding:29px;border-radius:16px;background:var(--soft);position:relative}.step-number{font-size:34px;font-weight:600;letter-spacing:-1px;color:#c6e5f9;display:block;margin-bottom:16px}.spike-steps h3{font-size:16px;font-weight:600;margin-bottom:12px}.spike-steps p{font-size:12px;color:var(--muted);line-height:2;margin-bottom:23px}.spike-steps .text-link{font-size:11px}.spike-final-cta{margin:0 0 75px;padding:45px 55px;border-radius:21px;background:var(--mint2);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;gap:30px}.spike-final-cta h2{font-size:30px;line-height:1.5;font-weight:600;letter-spacing:-1px;margin:0 0 12px}.spike-final-cta p{font-size:12px;color:#7a96aa;line-height:1.9}.spike-final-cta .btn{margin-top:25px}.spike-final-cta img{width:280px;height:auto;margin-bottom:-52px;align-self:flex-end}.live-footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:37px 0 26px;font-size:10px;text-align:left;color:#a3afb8;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:var(--surface)}.live-footer .brand{font-size:22px}.live-footer p{font-size:10px;color:#98a7b3;margin-top:10px}.footer-links{display:flex;gap:25px;font-size:11px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--accent)}.live-footer>span{flex-basis:100%;padding-top:20px;border-top:1px solid var(--line);font-size:9px;line-height:1.9}.spike-public .page-title{margin-top:0;background:var(--soft)}.live-plan-grid{gap:25px;margin:28px 0}.live-plan{padding:32px;border-radius:18px;border:0;box-shadow:var(--shadow)}.live-plan.featured{border:1px solid #84bee6;background:linear-gradient(145deg,#f4faff,var(--surface));box-shadow:0 7px 22px #0085db0e}.live-plan h2{font-size:20px;font-weight:600;margin-bottom:26px}.live-plan .plan-price{font-size:45px;font-weight:600;color:var(--text);letter-spacing:-2px}.live-plan .plan-price small{font-size:20px}.live-plan .credit-detail{font-size:12px;line-height:2.3;margin-top:24px;padding-top:20px;border-color:var(--line)}.live-plan .credit-detail strong{font-size:19px;color:var(--accent)}.live-plan p{font-size:12px;line-height:1.9;color:var(--muted)}.live-plan .btn{margin-top:25px;font-size:13px;min-height:42px}.live-docs h2{font-size:18px}.live-docs p{font-size:12px;line-height:2}.live-docs .step-item{gap:18px;margin:30px 0}.step-num{background:var(--mint2);border:0;color:#0085db;width:32px;height:32px;border-radius:11px;font-size:11px}.live-docs .step-item>div{font-size:13px;line-height:1.9}.live-docs pre{background:#142d46;color:#d1eafa;font-size:11px;line-height:2;padding:24px;border-radius:12px}.live-docs .data-table th,.live-docs .data-table td{font-size:11px}.command-input{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 17px;margin-bottom:10px}.command-input>svg{color:#9cabb5}.command-input input{font-size:13px;outline:0;border:0;flex:1;min-width:0;background:transparent;padding:8px 0}.command-input kbd{font-size:8px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 5px;font-family:inherit}.command-item{font-size:13px;padding:13px 12px;gap:12px;border-radius:9px;display:flex;align-items:center;line-height:1.5}.command-item>svg{color:#8d9ea9}.command-item:hover{background:var(--mint2);color:#0085db}.command-item small{margin-left:auto;color:#9bb0be;font-size:10px}.command-item small svg{width:13px}
/* Split authentication pages */
.spike-auth{background:var(--surface)}.spike-auth .site-header{display:none}.spike-auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}.auth-art{background:var(--bg);min-height:100vh;display:flex;flex-direction:column;padding:34px 45px 28px;position:relative;overflow:hidden}.auth-art:after{content:'';width:420px;height:420px;position:absolute;border-radius:50%;background:#e5f1f9;bottom:55px;left:50%;transform:translateX(-50%);z-index:0}.auth-art-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.auth-art-brand .text-link{font-size:10px;color:#8b9eac}.auth-art-content{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;flex:1;position:relative;z-index:1;padding:30px 0}.auth-overline{font-size:9px;letter-spacing:2px;color:#699fc1;margin-bottom:17px}.auth-art h2{font-size:32px;line-height:1.55;letter-spacing:-1.3px;font-weight:600;margin:0 0 15px}.auth-art-content>p{font-size:12px;line-height:2;color:#8199ab}.auth-art-content img{height:auto;width:min(335px,85%);margin:24px 0}.auth-trust{display:flex;gap:28px;color:#7595ad;font-size:10px}.auth-trust>span{display:flex;align-items:center;gap:6px}.auth-art-footer{font-size:9px;color:#9eafbd;text-align:center;position:relative;z-index:1;margin-top:12px;line-height:1.8}.auth-shell{width:min(415px,calc(100% - 80px));margin:auto;min-height:0;padding:50px 0;align-self:center}.auth-mobile-brand{display:none}.auth-label{font-size:9px;letter-spacing:1.6px;color:#0085db;margin-bottom:12px;display:block;font-weight:500}.auth-form-heading h1{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin:0 0 11px}.auth-form-heading p{font-size:12px;color:#8296a6;line-height:1.9;margin-bottom:30px}.auth-shell .panel{border:0;border-radius:0;box-shadow:none;padding:0}.auth-shell .form-field label{font-size:12px}.auth-shell .form-field input{height:46px;border-radius:8px;font-size:13px}.auth-shell .form-field{margin-bottom:20px}.auth-shell .form-field small{font-size:10px;color:#9aa9b4;line-height:1.9}.password-input{position:relative}.password-input input{padding-right:45px}.password-reveal{position:absolute;right:7px;top:7px;height:31px;width:31px;color:#96a8b6}.auth-shell .btn[type=submit]{height:45px;min-height:45px;font-size:14px;width:100%;margin-top:11px;border-radius:23px}.auth-shell .auth-switch{font-size:12px;line-height:1.9;text-align:center;margin-top:25px;color:#8c9ca9}.auth-switch a{font-weight:500;color:#0085db!important;text-decoration:none!important;margin-left:5px}.auth-secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#a3b1bd;margin-top:33px;line-height:1.8}
/* Dark variant follows the reference's navy palette. */
[data-theme=dark]{--bg:#151f2c;--surface:#1c2a3b;--soft:#233347;--text:#e0e6ee;--muted:#96a7ba;--line:#2f4055;--accent:#5fb3ed;--mint2:#203b54;--shadow:0 2px 6px #030b151a;background:var(--bg)}[data-theme=dark] .btn-secondary{background:var(--surface);border-color:var(--line);color:var(--text)}[data-theme=dark] .round-icon.blue{background:#203b54;color:#62b4ed}[data-theme=dark] .round-icon.sky{background:#1d3c48;color:#6bcfe5}[data-theme=dark] .round-icon.mint{background:#1d3b36;color:#62c99d}[data-theme=dark] .round-icon.peach{background:#3b342c;color:#e5bc81}[data-theme=dark] .round-icon.violet{background:#322e4c;color:#b19ae0}[data-theme=dark] .page-title,[data-theme=dark] .side-link.active,[data-theme=dark] .sidebar-help{background:#203b54;border:0}[data-theme=dark] .page-title p,[data-theme=dark] .page-breadcrumb{color:#84a3bb}[data-theme=dark] .title-decoration{color:#365b76}[data-theme=dark] .server-note{background:#203b54;color:#8cb2cd}[data-theme=dark] .page-title .btn-secondary{background:var(--surface)}[data-theme=dark] .form-field input,[data-theme=dark] .form-field textarea,[data-theme=dark] .form-field select{border-color:var(--line);color:var(--text);background:var(--surface)}[data-theme=dark] .badge{background:#1d3b36;color:#74c7a7}[data-theme=dark] .badge.error,[data-theme=dark] .reserve-note{background:#3b342c;color:#d4b07f}[data-theme=dark] .badge.disabled{background:var(--soft);color:var(--muted)}[data-theme=dark] .hero-label{background:#243b51;color:#8faec6}[data-theme=dark] .hero-label>span{background:var(--surface);color:#68b8ea}[data-theme=dark] .workspace-window{border-color:#22364a}[data-theme=dark] .live-plan.featured{background:var(--surface);border-color:#3c7aa6}[data-theme=dark] .hero-welcome-card,[data-theme=dark] .metric-heading{color:var(--text)}[data-theme=dark] .floating-protocol,[data-theme=dark] .floating-secure{background:var(--surface)}[data-theme=dark] .auth-art:after{background:#1b2d40}[data-theme=dark] .bar-track{background:#2b4055}[data-theme=dark] .empty-state>svg{background:#203b54}[data-theme=dark] .customer-avatars span{background:#203b54;color:#89c4ec}[data-theme=dark] .customer-avatars span:nth-child(2){background:#3b342c;color:#d4b07f}[data-theme=dark] .customer-avatars span:nth-child(3){background:#322e4c;color:#b19ae0}
@media(min-width:1500px){.spike-overview-grid{grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(0,1fr))}.welcome-section img{width:265px;right:-10px}.welcome-section{min-height:290px}.welcome-facts{max-width:60%}.metric-value{font-size:30px}.spike-donut{width:128px;height:128px;margin-top:20px}.spike-hero{gap:65px;padding:90px 0 95px}.spike-hero h1{font-size:58px}.hero-welcome-card{min-height:239px}.hero-welcome-card img{width:270px}.hero-welcome-card h3{font-size:16px}}
@media(max-width:1300px){.spike-overview-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:18px}.welcome-section{padding:23px 21px 15px;min-height:250px}.welcome-facts{max-width:70%;gap:17px}.welcome-section img{width:190px;right:-39px}.welcome-section h2{font-size:15px}.welcome-facts small{font-size:8px}.welcome-facts strong{font-size:11px}.welcome-facts .round-icon{width:31px;height:31px}.welcome-facts{gap:15px}.analytics-section{padding:0 20px 15px}.analytics-section .panel-head h2{font-size:14px}.analytics-section .panel-head p{font-size:8px}.chart-range{font-size:8px;padding:5px 7px}.spike-metric,.spike-distribution{padding:22px 19px}.metric-value{font-size:23px}.metric-heading h2{font-size:12px}.metric-heading>div>span{font-size:8px}.metric-heading .round-icon{width:28px;height:28px}.metric-heading .round-icon svg{width:17px}.metric-footer{font-size:8px}.spike-donut{width:102px;height:102px}.spike-bars{gap:5px}.header-crumb{display:none}.header-search{margin-left:0;min-width:190px}.live-nav-user{margin-left:auto}.dashboard-bottom-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}.connect-card,.setup-checklist{padding:22px}.spike-hero{gap:36px}.spike-hero h1{font-size:46px}.hero-welcome-card{padding:21px 19px 0}.hero-welcome-card img{width:215px}.floating-protocol{right:-10px}.hero-welcome-card h3{font-size:13px}.spike-public .site-header .header-inner{gap:35px}.spike-public .nav{gap:24px}.live-footer{width:calc(100% - 80px)}.stat-grid{gap:18px}.stat-card{padding:22px}.live-model-card{padding:22px}.live-model-prices strong{font-size:18px}}
@media(min-width:1101px) and (max-width:1200px){.sidebar{width:224px}.spike-workspace .site-header{left:260px;right:20px}.spike-workspace .app-layout{margin-left:260px;padding-right:20px}.sidebar-logo{padding:24px 19px 18px}.sidebar-logo .brand{font-size:20px}.sidebar-label{padding-left:23px}.side-link{padding-left:22px;font-size:11px!important}.welcome-section img{width:180px;right:-47px}.metric-heading .round-icon{display:none}.spike-overview-grid{gap:16px}.welcome-section h2{font-size:14px}.welcome-section>div>p{font-size:10px}.welcome-facts{max-width:75%}.analytics-section .panel-head{flex-wrap:wrap}.analytics-section .chart-range{display:none}.analytics-section{padding-left:17px;padding-right:17px}.spike-metric,.spike-distribution{padding:21px 17px}.metric-value{font-size:22px}.customer-avatars span{width:28px;height:28px;font-size:9px}.connect-card h2{font-size:14px}.header-profile>span:last-child{display:none}}
@media(max-width:1100px){.sidebar{left:15px;top:15px;bottom:15px;height:calc(100dvh - 30px);width:252px!important;transform:translateX(-285px);z-index:90;transition:transform .22s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-veil{display:block;position:fixed;inset:0;background:#172d4459;backdrop-filter:blur(2px);z-index:80}.sidebar-close{display:inline-flex;width:28px;height:28px}.spike-workspace .site-header,.spike-workspace.sidebar-collapsed .site-header{left:20px;right:20px;top:15px}.spike-workspace .app-layout,.spike-workspace.sidebar-collapsed .app-layout{margin-left:0;padding:111px 20px 24px}.spike-workspace .site-header .header-inner{padding:0 20px}.spike-workspace .site-header .brand{display:flex;font-size:21px}.spike-workspace .site-header .brand-mark{width:30px;height:30px}.spike-workspace .site-header .brand-mark svg{width:30px;height:30px}.spike-workspace .site-header .brand>span:last-child{max-width:140px}.header-search{margin-left:auto;min-width:185px}.header-profile>span:last-child{display:none}.header-switch{display:none!important}.sidebar-collapsed .sidebar-logo .brand>span:last-child,.sidebar-collapsed .workspace-label,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .side-link>span,.sidebar-collapsed .sidebar-help,.sidebar-collapsed .sidebar-user>div,.sidebar-collapsed .sidebar-user>button{display:revert}.sidebar-collapsed .sidebar-logo{padding:25px 22px 19px}.sidebar-collapsed .side-link{padding:12px 23px;margin:2px 0;justify-content:flex-start;border-radius:0 26px 26px 0}.sidebar-collapsed .sidebar-navigation{padding-right:14px}.sidebar-collapsed .sidebar-user{padding:17px 2px 0;justify-content:flex-start}.sidebar-collapsed .sidebar-bottom{padding:23px 16px 14px}.spike-overview-grid{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:20px}.welcome-section img{width:210px;right:-24px}.header-crumb{display:none}.spike-public .site-header .header-inner{gap:24px}.spike-public .nav{gap:22px;font-size:12px}.spike-public .header-profile{display:none}.spike-hero h1{font-size:42px}.spike-hero .hero-description{font-size:12px}.hero-welcome-card{min-height:207px}.hero-welcome-card img{width:192px;right:-23px}.hero-welcome-card h3{font-size:12px}.hero-welcome-card p{font-size:9px}.floating-protocol{right:0;font-size:9px;padding:11px 13px}.floating-protocol strong{font-size:9px}.floating-protocol small{font-size:6px}.hero-welcome-card ul{gap:16px;margin-top:19px}.hero-welcome-card .round-icon{width:29px;height:29px}.hero-welcome-card li{gap:8px}.hero-welcome-card strong{font-size:9px}.hero-welcome-card small{font-size:7px}.connection-nodes>div{min-width:62px}.spike-features{gap:30px}.spike-features h3{font-size:15px}.spike-features p{font-size:11px}.spike-final-cta{padding:38px 40px}.auth-art{padding-left:30px;padding-right:30px}.auth-art h2{font-size:28px}.auth-shell{width:calc(100% - 65px)}}
@media(max-width:850px){.spike-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:20px}.welcome-analytics{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.welcome-section{border-bottom:0;border-right:1px solid var(--line);min-height:285px}.welcome-section img{width:190px;right:-40px}.welcome-facts{max-width:75%}.analytics-section{padding-top:0;display:flex;flex-direction:column;justify-content:center}.analytics-section .panel-head{padding-top:18px}.analytics-section .chart-range{display:none}.spike-chart{margin-top:14px}.metric-value{font-size:27px}.metric-heading .round-icon{display:flex;width:32px;height:32px}.spike-metric,.spike-distribution{min-height:222px;padding:24px}.spike-distribution{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.spike-distribution .metric-heading{grid-column:1/-1}.spike-donut{margin:0;width:100px;height:100px}.distribution-legend{display:grid;gap:10px;justify-content:start;align-self:center;margin:0}.distribution-legend>span{font-size:9px}.distribution-legend strong{font-size:9px}.spike-bars{height:60px;margin-top:12px}.spike-bars>div{height:60px}.bar-track{height:44px}.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-bottom-grid .live-panel{padding:25px}.connect-card .copy-block{max-width:100%}.connect-card .btn{width:auto;padding:0 25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spike-public .nav{gap:17px;font-size:11px}.spike-public .site-header .header-inner{gap:22px}.spike-public .site-header .brand{font-size:21px}.spike-public .site-header .brand-mark{width:31px}.spike-public .site-header .brand-mark svg{width:31px}.spike-public .live-nav-user{gap:5px}.spike-public .live-nav-user>.btn{padding:0 16px;font-size:11px}.spike-hero{grid-template-columns:1fr;gap:26px;padding-top:45px;padding-bottom:55px;min-height:0}.spike-hero-copy{max-width:600px;text-align:center;margin:auto}.spike-hero h1{font-size:46px}.spike-hero .hero-description{font-size:13px}.hero-buttons{justify-content:center}.hero-integrations{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hero-integrations>span{margin:0}.hero-integrations>div{gap:7px}.hero-integrations>div>span{width:34px;height:34px;border-radius:10px}.hero-integrations>div>span svg{width:17px;height:17px}.hero-integrations small{display:none}.hero-workspace{width:520px;max-width:100%;margin:0 auto}.hero-welcome-card{min-height:228px;padding:24px}.hero-welcome-card h3{font-size:15px}.hero-welcome-card img{width:257px}.hero-welcome-card p{font-size:10px}.hero-welcome-card strong{font-size:11px}.hero-welcome-card small{font-size:9px}.hero-welcome-card .round-icon{width:34px;height:34px}.hero-welcome-card ul{gap:19px;margin-top:23px}.floating-protocol{right:-12px;top:4px}.spike-feature-section{padding-top:60px;padding-bottom:50px}.centered-heading h2,.section-heading h2{font-size:27px}.spike-features{gap:23px;margin-top:33px}.spike-features h3{font-size:13px}.spike-features p{font-size:10px;line-height:1.9}.spike-features .round-icon{height:49px;width:49px;border-radius:16px}.spike-steps{gap:17px}.spike-steps article{padding:23px}.spike-steps h3{font-size:14px}.spike-steps p{font-size:10px}.spike-final-cta h2{font-size:25px}.spike-final-cta img{width:230px;margin-right:-45px}.live-footer{gap:23px}.footer-links{gap:20px}.live-plan-grid{gap:16px}.live-plan{padding:25px}.live-plan h2{font-size:17px}.live-plan .plan-price{font-size:34px}.live-plan .credit-detail{font-size:10px}.live-plan p{font-size:11px}.live-plan .btn{font-size:11px;min-height:38px}.auth-art{padding:30px 25px 25px}.auth-art-brand .text-link{display:none}.auth-art h2{font-size:25px;letter-spacing:-.8px}.auth-art-content>p{font-size:11px}.auth-trust{gap:15px;font-size:9px}.auth-shell{width:calc(100% - 50px)}.auth-form-heading h1{font-size:25px}.auth-form-heading p{font-size:11px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.spike-workspace .site-header,.spike-workspace.sidebar-collapsed .site-header{left:12px;right:12px;top:12px;height:64px;border-radius:14px}.spike-workspace .site-header .header-inner{height:64px;padding:0 13px;gap:9px}.spike-workspace .site-header .brand{font-size:20px;gap:6px}.spike-workspace .site-header .brand-mark,.spike-workspace .site-header .brand-mark svg{width:27px;height:29px}.spike-workspace .site-header .brand>span:last-child{max-width:120px}.sidebar-toggle{width:30px;height:30px}.spike-workspace .site-header .sidebar-toggle{order:-1}.spike-workspace .site-header .live-nav-user{margin-left:auto;gap:3px}.header-search{min-width:0;width:30px;height:30px;border:0;padding:0;justify-content:center;border-radius:50%;margin-left:0}.header-search>span,.header-search>kbd{display:none}.header-search>svg{width:17px}.header-profile{display:none}.header-notifications{display:none!important}.logout-button{display:none!important}.live-nav-user .icon-btn{height:30px;width:30px}.spike-workspace .app-layout,.spike-workspace.sidebar-collapsed .app-layout{padding:96px 12px 18px;margin:0;min-height:100dvh}.dashboard-main{padding:0}.live-layout{padding-bottom:0}.sidebar{width:255px!important;top:12px;left:12px;bottom:12px;height:calc(100dvh - 24px)}.sidebar-logo .brand{font-size:22px}.page-title{padding:21px 20px;min-height:125px;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:18px;border-radius:13px}.page-title h1{font-size:24px;line-height:1.5;letter-spacing:-.7px}.page-breadcrumb{font-size:8px;gap:5px;margin-bottom:6px}.page-title p{font-size:10px;line-height:1.9;max-width:none;margin-top:5px}.page-title .title-buttons{margin-top:2px;gap:8px;align-items:center}.page-title .title-buttons .btn{font-size:10px;padding:0 13px;min-height:33px;gap:6px}.page-title .title-buttons .btn svg{width:12px}.title-decoration{position:absolute;right:20px;top:34px;opacity:.6;margin:0}.title-decoration svg{width:42px;height:42px}.page-title>div:first-child{max-width:100%}.page-title:has(.title-decoration)>div:first-child{padding-right:28px}.server-note{font-size:9px;padding:11px 13px;gap:10px;border-radius:10px;margin-bottom:18px;align-items:flex-start}.server-note span{display:inline;line-height:1.9}.server-note span svg{vertical-align:-2px;margin-right:4px;width:12px;min-width:12px}.server-note strong{font-size:8px;max-width:75px;white-space:normal;line-height:1.8}.spike-overview-grid{gap:15px;margin-bottom:18px}.welcome-analytics{display:block}.welcome-section{border-right:0;border-bottom:1px solid var(--line);padding:24px 22px 16px;min-height:278px}.welcome-section h2{font-size:17px}.welcome-section>div>p{font-size:10px}.welcome-section img{width:215px;right:-34px}.welcome-facts{gap:17px;margin-top:24px;max-width:70%}.welcome-facts .round-icon{width:34px;height:34px}.welcome-facts strong{font-size:11px}.welcome-facts small{font-size:9px}.welcome-facts>div{gap:10px}.analytics-section{padding:0 20px 18px}.analytics-section .panel-head{padding-top:23px}.analytics-section .panel-head h2{font-size:15px}.analytics-section .panel-head p{font-size:9px;max-width:none}.analytics-section .chart-range{display:flex;font-size:8px}.spike-chart svg{max-height:none}.chart-legend{font-size:8px;gap:12px}.chart-legend small{font-size:7px}.spike-metric,.spike-distribution{padding:19px 16px;min-height:212px;border-radius:15px!important}.metric-heading{gap:5px}.metric-heading h2{font-size:11px}.metric-heading>div>span{font-size:7px;margin-top:5px}.metric-heading .round-icon{width:25px;height:25px}.metric-heading .round-icon svg{width:15px}.metric-value{font-size:23px;letter-spacing:-.8px;margin-top:17px}.metric-footer{font-size:8px;line-height:1.8;padding-top:13px}.metric-footer .text-link{font-size:9px}.spike-distribution{display:flex;gap:0;align-items:stretch}.spike-donut{width:87px;height:87px;margin:16px auto 11px}.spike-donut:after{inset:8px}.spike-donut strong{font-size:22px}.spike-donut span{font-size:7px}.distribution-legend{display:flex;gap:5px 9px;justify-content:center;align-items:center;margin-top:auto}.distribution-legend>span{font-size:7px;gap:3px}.distribution-legend strong{font-size:7px}.distribution-legend i{width:5px;height:5px}.spike-bars{gap:5px;height:58px;margin-top:18px}.spike-bars>div{height:58px}.bar-track{width:5px;height:41px}.spike-bars small{font-size:7px;margin-top:5px}.metric-detail{font-size:8px;gap:4px;line-height:1.8;margin-top:20px}.metric-detail svg{width:11px}.reserve-note{font-size:8px;line-height:1.9;margin-top:18px;padding:8px 9px}.customer-avatars{margin-top:23px}.customer-avatars span{width:28px;height:28px;font-size:9px;border-width:2px}.upstream-status{font-size:8px;line-height:1.8;gap:5px;margin-top:23px}.upstream-status .dot{width:5px;height:5px;flex-shrink:0}.dashboard-bottom-grid{gap:18px}.dashboard-bottom-grid .live-panel{padding:23px}.panel-head{padding:21px 20px;gap:15px}.panel-head h2{font-size:14px}.panel-head p{font-size:9px;line-height:1.9}.panel-head .text-link{font-size:9px;gap:4px;white-space:nowrap}.panel-head .text-link svg{width:11px}.data-table th{font-size:10px;padding:14px 20px}.data-table td{font-size:10px;padding:16px 20px}.data-table td small{font-size:8px}.table-actions .btn{font-size:9px;min-height:28px;padding:0 10px}.badge{font-size:9px;padding:4px 8px}.tag{font-size:8px;padding:4px 7px}.notice{font-size:10px;line-height:1.9;padding:13px 15px;border-radius:11px}.notice>svg{width:13px;min-width:13px;margin-top:3px}.live-panel{padding:22px}.live-panel h2{font-size:15px;margin-bottom:11px}.live-panel p{font-size:10px;line-height:2}.copy-block{padding:11px 12px;margin:16px 0;font-size:10px}.copy-block code{font-size:9px}.connect-card h2,.setup-checklist h2{font-size:16px}.connect-card p,.setup-checklist p{font-size:11px;line-height:1.9}.connect-card .btn{width:100%;font-size:11px;padding:0 18px;min-height:38px}.connect-footer{font-size:9px;margin-top:21px}.checklist-row{font-size:11px}.workspace-footer{font-size:8px;margin-top:23px;gap:10px;flex-wrap:wrap}.workspace-footer>span:last-child{font-size:7px}.stat-grid{gap:15px;margin-bottom:18px}.stat-card{padding:19px 17px;border-radius:15px}.stat-card .stat-value{font-size:25px;margin-top:12px}.stat-label{font-size:10px}.stat-card .round-icon{width:27px;height:27px}.stat-card .round-icon svg{width:16px}.stat-foot{font-size:8px;line-height:1.8}.empty-state{padding:43px 18px;font-size:12px}.empty-state>svg{height:53px;width:53px;padding:12px;border-radius:15px}.empty-state p{font-size:10px;line-height:1.9;max-width:250px;margin:8px auto}.table-toolbar{padding:0 20px 20px;gap:11px}.table-toolbar .search-input input{height:39px;font-size:11px}.table-toolbar .search-input svg{top:12px;left:14px}.select{height:35px;font-size:10px}.form-field{margin-bottom:20px}.form-field label{font-size:11px}.form-field input,.form-field select,.form-field textarea{font-size:12px;min-height:44px;padding:11px 12px}.form-field small{font-size:9px;line-height:1.9}.form-row{gap:13px}.modal{border-radius:16px}.modal-head{padding:19px 22px}.modal-head h2{font-size:17px}.modal-body{padding:22px}.modal-body>p{font-size:11px}.modal-foot{padding:17px 22px;gap:8px}.modal-foot .btn{font-size:10px;min-height:36px;padding:0 16px}.modal-foot:has(.btn-primary:only-child){justify-content:stretch}.overlay{padding:16px}.toast{font-size:11px;padding:13px 17px}#toast-root{bottom:24px}.protocol-checks{gap:11px}.protocol-checks label{font-size:11px}.model-detail-grid{gap:13px}.model-detail-stat{padding:14px}.model-detail-stat strong{font-size:18px}.model-detail-stat span{font-size:10px}.spacer{height:18px}.spike-public .site-header{height:74px}.spike-public .site-header .header-inner{height:74px;width:calc(100% - 36px);padding:0;gap:12px}.spike-public .nav{display:none}.spike-public .site-header .brand{font-size:21px;gap:6px}.spike-public .live-nav-user>.btn{font-size:10px;padding:0 15px;min-height:35px;gap:7px}.spike-public .live-nav-user>.btn svg{width:12px}.spike-public .live-nav-user{gap:3px}.spike-public .public-main{padding-top:23px;padding-bottom:40px}.spike-public .public-main .page-title{padding:20px;margin-bottom:20px}.spike-public .public-main .page-title h1{font-size:24px}.spike-hero{gap:23px;padding-top:35px;padding-bottom:40px;min-width:0}.spike-hero-copy{text-align:left;margin:0;min-width:0}.hero-label{font-size:8px;padding-right:8px;gap:6px;letter-spacing:0;max-width:100%;white-space:nowrap}.hero-label>span{font-size:7px;padding:4px 6px;letter-spacing:.2px;gap:3px}.hero-label>span svg{width:10px;height:10px}.spike-hero h1{font-size:39px;line-height:1.4;letter-spacing:-2px;margin:22px 0 20px;white-space:nowrap}.spike-hero .hero-description{font-size:11px;line-height:2.15;letter-spacing:0}.spike-hero .hero-buttons{justify-content:flex-start;gap:10px;margin-top:27px;margin-bottom:26px}.spike-hero .hero-buttons .btn{min-height:44px;padding:0 20px;font-size:12px;gap:8px}.spike-hero .hero-buttons .btn svg{width:14px}.hero-integrations{justify-content:flex-start;gap:12px;flex-wrap:nowrap}.hero-integrations>span{font-size:9px}.hero-integrations>div{gap:7px}.hero-integrations>div>span{width:30px;height:30px;border-radius:9px}.hero-integrations>div>span svg{width:16px;height:16px}.hero-workspace{width:100%;padding:26px 0 23px;margin-top:4px;min-width:0}.workspace-window{border-width:4px;border-radius:15px;transform:rotate(-1deg);max-width:100%}.window-title{height:34px;padding:0 11px;font-size:7px;gap:8px}.window-label{font-size:6px;padding:2px 4px}.window-dots{gap:4px}.window-dots i{height:4px;width:4px}.hero-welcome-card{padding:20px 16px 0;min-height:195px}.hero-welcome-card h3{font-size:11px;margin-bottom:6px}.hero-welcome-card p{font-size:8px}.hero-welcome-card img{width:188px;right:-40px;bottom:0}.hero-welcome-card ul{gap:15px;margin:19px 0 20px}.hero-welcome-card li{gap:7px}.hero-welcome-card .round-icon{width:29px;height:29px}.hero-welcome-card .round-icon svg{width:14px;height:14px}.hero-welcome-card strong{font-size:9px}.hero-welcome-card small{font-size:7px;line-height:1.7;margin-top:4px}.hero-connection{padding:17px 16px 15px}.connection-caption h4{font-size:10px}.connection-caption .tag{font-size:6px;padding:3px 5px}.connection-nodes{margin-top:17px}.connection-nodes>div{min-width:64px;max-width:83px}.connection-nodes .round-icon{height:34px;width:34px;border-radius:10px}.connection-nodes .round-icon svg{width:18px}.connection-nodes strong{font-size:8px;max-width:80px}.connection-nodes small{font-size:6px}.connection-line{margin-top:-22px}.endpoint-preview{font-size:7px;padding:8px 10px;margin-top:14px}.endpoint-preview>span{font-size:6px}.floating-protocol{top:6px;right:4px;padding:9px 12px;border-radius:10px;gap:8px}.floating-protocol .round-icon{height:27px;width:27px}.floating-protocol .round-icon svg{width:15px}.floating-protocol strong{font-size:8px}.floating-protocol small{font-size:6px}.floating-secure{left:4px;bottom:5px;padding:10px 13px;font-size:8px;gap:5px;border-radius:10px}.floating-secure svg{width:12px;height:12px}.spike-feature-section{padding:45px 0}.section-kicker{font-size:8px;letter-spacing:1.4px;margin-bottom:11px}.centered-heading h2,.section-heading h2{font-size:24px;line-height:1.5;letter-spacing:-.8px}.centered-heading p{font-size:10px;line-height:1.9;margin-top:11px}.spike-features{grid-template-columns:1fr;gap:27px;margin-top:30px}.spike-features article{text-align:left;position:relative;padding-left:67px;min-height:80px}.spike-features .round-icon{position:absolute;left:0;top:2px;height:46px;width:46px;border-radius:14px}.spike-features .round-icon svg{width:23px;height:23px}.spike-features h3{font-size:13px;margin:0 0 8px;line-height:1.8}.spike-features p{font-size:10px;line-height:2;margin:0;max-width:100%}.spike-model-section{padding:22px 0 45px}.section-heading{gap:17px;align-items:flex-start;margin-bottom:22px}.section-heading h2{font-size:23px;max-width:260px}.section-heading p{font-size:10px;line-height:1.9;margin-top:10px;max-width:220px}.section-heading .btn{font-size:9px;padding:0 12px;min-height:33px;margin-top:28px;gap:5px}.section-heading .btn svg{width:11px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.live-model-card{padding:17px 14px;border-radius:13px}.live-model-card h3{font-size:13px;line-height:1.6}.live-model-card .model-id{font-size:8px;margin-top:6px;line-height:1.9}.live-model-prices{margin:19px 0 15px;flex-direction:column;gap:10px}.live-model-prices>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-model-prices small{font-size:7px;line-height:1.7;margin:0}.live-model-prices strong{font-size:13px;white-space:nowrap}.live-model-card .model-card-foot{gap:9px;margin-top:17px;padding-top:13px;flex-wrap:wrap}.live-model-card .tag{font-size:7px;padding:3px 6px}.live-model-card .btn{font-size:9px;min-height:29px;padding:0 11px}.spike-how-section{padding:15px 0 45px}.spike-steps{grid-template-columns:1fr;gap:15px;margin-top:27px}.spike-steps article{padding:24px 22px 23px 73px}.step-number{font-size:30px;position:absolute;top:18px;left:20px}.spike-steps h3{font-size:13px;line-height:1.7;margin-bottom:9px}.spike-steps p{font-size:10px;line-height:1.95;margin-bottom:14px}.spike-steps .text-link{font-size:10px}.spike-final-cta{padding:29px 24px 0;display:block;margin-bottom:43px;border-radius:16px;min-height:310px}.spike-final-cta h2{font-size:23px;max-width:260px;line-height:1.6;margin-bottom:9px}.spike-final-cta p{font-size:10px;line-height:1.9;max-width:220px}.spike-final-cta .btn{font-size:11px;min-height:41px;padding:0 22px;margin-top:22px;position:relative;z-index:2}.spike-final-cta img{width:190px;position:absolute;right:-28px;bottom:0;margin:0}.live-footer{width:calc(100% - 36px);padding:30px 0 20px;display:block}.live-footer .brand{font-size:21px}.live-footer p{font-size:9px;line-height:1.9;margin:11px 0 23px}.footer-links{gap:26px;font-size:11px;margin:0 0 23px}.live-footer>span{display:block;font-size:8px;padding-top:18px;line-height:1.9}.live-plan-grid{grid-template-columns:1fr;gap:19px;margin:22px 0}.live-plan{padding:28px 26px;border-radius:17px}.live-plan h2{font-size:20px;margin-bottom:22px}.live-plan .plan-price{font-size:42px}.live-plan .plan-price small{font-size:18px}.live-plan p{font-size:11px;line-height:2}.live-plan .credit-detail{font-size:11px;line-height:2.4;padding-top:18px;margin-top:20px}.live-plan .credit-detail strong{font-size:18px}.live-plan .btn{font-size:12px;min-height:42px;margin-top:22px}.live-docs .step-item{gap:13px;margin:25px 0}.live-docs .step-item>div{font-size:11px}.live-docs h2{font-size:16px;line-height:1.6;margin-top:27px}.live-docs .step-num{width:29px;height:29px;border-radius:9px;font-size:10px}.live-docs pre{padding:18px;font-size:9px;line-height:2}.live-docs .data-table th,.live-docs .data-table td{font-size:10px}.spike-auth-layout{display:block;min-height:100dvh;background:var(--surface)}.auth-art{display:none}.auth-shell{width:calc(100% - 48px);max-width:420px;padding:32px 0 38px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.auth-mobile-brand{display:block;margin-bottom:33px}.auth-mobile-brand .brand{font-size:24px;gap:8px}.auth-mobile-brand .brand-mark{width:36px;height:36px}.auth-label{font-size:8px;letter-spacing:1.3px;margin-bottom:10px}.auth-form-heading h1{font-size:27px;line-height:1.6;letter-spacing:-.8px;margin-bottom:11px}.auth-form-heading p{font-size:11px;line-height:1.9;margin-bottom:28px}.auth-shell .form-field{margin-bottom:21px}.auth-shell .form-field label{font-size:12px;margin-bottom:9px}.auth-shell .form-field input{height:46px;min-height:46px;font-size:12px;padding:11px 13px}.auth-shell .form-field small{font-size:9px;margin-top:8px}.password-input input{padding-right:45px!important}.auth-shell .btn[type=submit]{margin-top:11px;height:45px;font-size:13px}.auth-shell .auth-switch{font-size:11px;margin-top:25px}.auth-secure{font-size:8px;margin-top:30px}.command-item{font-size:12px;padding:12px 10px}.command-input input{font-size:12px}.command-input kbd{font-size:7px}}
@media(max-width:360px){.spike-hero h1{font-size:35px;letter-spacing:-1.7px}.hero-label{font-size:7px;gap:4px}.hero-label>span{font-size:6px;padding:4px 5px}.spike-hero .hero-buttons .btn{padding:0 16px;font-size:11px}.spike-workspace .site-header .brand{font-size:18px}.spike-workspace .site-header .brand>span:last-child{max-width:103px}.metric-value{font-size:21px}.metric-heading .round-icon{display:none}.welcome-section img{width:190px;right:-47px}.welcome-facts small{font-size:8px}.live-model-prices small{font-size:6px}}
@media(max-width:700px){.spike-public .site-header{height:118px}.spike-public .site-header .header-inner{height:118px;position:relative;align-items:flex-start;padding-top:21px}.spike-public .nav{display:flex;position:absolute;left:0;right:0;bottom:6px;justify-content:space-between;gap:12px;font-size:12px;max-width:none}.spike-public .nav a{padding:9px 0}.spike-public .nav a.active{font-weight:600}.spike-public .site-header .live-nav-user{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}