/* developers.empiraa.com
   Tokens and classes follow the Empiraa Website Style Guide 2026 (McV), mirrored from empiraa.com globals.css. */
:root{
  --empiraa-purple:#5d17b8;--dark-purple:#3c0e78;--light-purple:#a172ff;--light-purple-fade:#d8c5ff;--light-light-purpler:#ccb2ff;
  --gps-blue:#4766fc;--gps-secondary:#213d7c;--gps-light-blue:#6989ff;
  --signal-orange:#ff8900;--signal-orange-dark:#cc6e00;--signal-orange-3:#b24f0b;--signal-light-orange:#ffb030;--signal-secondary:#181818;
  --dark-grey:#181818;--text-color:#303030;--white:#fff;--white-smoke:#f5f5f5;--light-grey:rgba(237,237,238,0.6);
  --navy:#080728;--midnight-blue:#140f5b;
  --muted:#6b7280;--card-border:#e5e7eb;
  --display:'Gelica','Fraunces',Georgia,serif;--sans:'Source Sans 3',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  /* theme surfaces */
  --bg:var(--white);--surface:var(--white-smoke);--ink:var(--dark-grey);--body:var(--text-color);--line:var(--card-border);--soft:var(--muted);
  --header-h:68px;
}
[data-brand="empiraa"]{--kit-accent:var(--empiraa-purple);--kit-ink:var(--empiraa-purple);--kit-accent-soft:var(--light-purple);--kit-ground:var(--navy)}
[data-brand="gps"]{--kit-accent:var(--gps-blue);--kit-ink:var(--gps-secondary);--kit-accent-soft:var(--gps-light-blue);--kit-ground:var(--navy)}
[data-brand="signal"]{--kit-accent:var(--signal-orange);--kit-ink:var(--signal-orange-3);--kit-accent-soft:var(--signal-light-orange);--kit-ground:var(--signal-secondary)}
:root:root{--bg:var(--dark-grey);--surface:color-mix(in srgb,var(--white) 5%,var(--dark-grey));--ink:var(--white);--body:color-mix(in srgb,var(--white) 82%,transparent);--line:color-mix(in srgb,var(--white) 14%,transparent);--soft:color-mix(in srgb,var(--white) 62%,transparent);color-scheme:dark}
html [data-brand]{--kit-ink:var(--kit-accent-soft)}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:17px;line-height:23px;hyphens:none;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--kit-ink)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--kit-accent);outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--bg);color:var(--ink);padding:8px 16px;border-radius:8px;z-index:100}
.skip-link:focus{left:16px}

/* type */
h1,h2,h4,h5{font-family:var(--display);font-weight:300;color:var(--ink);margin:0;text-wrap:balance}
h1{font-size:64px;line-height:64px;letter-spacing:-0.5px}
h2{font-size:37px;line-height:38px}
h3{font-family:var(--sans);font-weight:400;font-size:16px;line-height:18px;letter-spacing:2px;text-transform:uppercase;color:var(--ink);margin:0}
h4{font-size:25px;line-height:28px}
h5{font-size:22px;line-height:25px;font-weight:400}
h6{font-family:var(--sans);font-weight:600;font-size:17px;line-height:19px;margin:0;color:var(--ink)}
.lead{font-size:21px;line-height:29px;max-width:60ch;color:var(--body);margin:0}
.eyebrow{font-size:16px;line-height:18px;letter-spacing:2px;text-transform:uppercase;color:var(--kit-ink);font-weight:600;margin:0}
.muted{color:var(--soft)}
.mono{font-family:var(--mono)}

/* buttons: the eight classes. Fills inferred from class names, check against globals.css */
.gps-primary-button,.signal-primary-button,.light-purple-button,.light-purple-outline-button,.dark-grey-button,.dark-grey-outline-button,.light-grey-button,.light-grey-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 30px;font-family:var(--sans);font-size:17px;line-height:23px;font-weight:600;border-radius:8px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.gps-primary-button{background:var(--gps-blue);color:var(--white)}.gps-primary-button:hover{background:var(--gps-secondary);color:var(--white)}
.signal-primary-button{background:var(--signal-orange);color:var(--dark-grey)}.signal-primary-button:hover{background:var(--signal-orange-dark);color:var(--dark-grey)}
.light-purple-button{background:var(--light-purple);color:var(--dark-grey)}.light-purple-button:hover{background:var(--empiraa-purple);color:var(--white)}
.light-purple-outline-button{background:transparent;color:var(--empiraa-purple);border-color:var(--empiraa-purple)}.light-purple-outline-button:hover{background:var(--light-purple-fade);color:var(--dark-purple)}
.dark-grey-button{background:var(--dark-grey);color:var(--white)}.dark-grey-button:hover{background:var(--text-color);color:var(--white)}
.dark-grey-outline-button{background:transparent;color:var(--ink);border-color:var(--ink)}.dark-grey-outline-button:hover{background:var(--surface);color:var(--ink)}
.light-grey-button{background:#ededee;color:var(--dark-grey)}.light-grey-button:hover{background:#d4d4d5;color:var(--dark-grey)}
.light-grey-outline-button{background:transparent;color:var(--white);border-color:#ededee}.light-grey-outline-button:hover{background:color-mix(in srgb,var(--white) 10%,transparent);color:var(--white)}

/* header */
.site-header{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);height:var(--header-h)}
.site-header-inner{height:100%;padding:0 24px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand img{height:24px;width:auto;display:block}
.brand .logo-dark{display:none}
html .brand .logo-light{display:none}
html .brand .logo-dark{display:block}
.brand-tag{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--soft);border-left:1px solid var(--line);padding-left:12px}
.product-switch{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}
.product-switch a{font-size:15px;font-weight:600;text-decoration:none;color:var(--body);padding:6px 16px;border-radius:8px;transition:background-color .2s,color .2s}
.product-switch a:hover{background:var(--surface)}
.product-switch a[aria-current="true"][data-p="signal"]{background:var(--signal-orange);color:var(--dark-grey)}
.product-switch a[aria-current="true"][data-p="gps"]{background:var(--gps-blue);color:var(--white)}
.header-spacer{flex:1}
.search-btn{display:flex;align-items:center;gap:10px;min-width:240px;font:inherit;font-size:15px;color:var(--soft);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left}
.search-btn kbd,.kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 6px;margin-left:auto;color:var(--soft)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.icon-btn:hover{background:var(--surface)}
.menu-btn{display:none}
.header-link{color:var(--body);font-weight:600;font-size:15px;text-decoration:none}
.header-link:hover{color:var(--kit-ink)}

/* preview banner */
.preview-bar{background:var(--light-purple-fade);color:var(--dark-purple);font-size:14px;line-height:20px;padding:8px 24px;text-align:center}
.preview-bar a{color:var(--dark-purple);font-weight:700}

/* docs layout */
.docs{display:grid;grid-template-columns:280px minmax(0,1fr) 240px;min-height:calc(100vh - var(--header-h))}
.docs.no-toc{grid-template-columns:280px minmax(0,1fr)}
.sidebar{border-right:1px solid var(--line);background:var(--surface);padding:24px 16px 60px;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto}
.side-product{display:flex;align-items:center;gap:10px;padding:0 8px 16px;border-bottom:1px solid var(--line);margin-bottom:16px}
.side-product img{height:26px;width:auto}
.side-product .logo-dark{display:none}
html .side-product .logo-light{display:none}
html .side-product .logo-dark{display:block}
.nav-group{margin-bottom:20px}
.nav-group-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--soft);margin:0 8px 6px;font-weight:600}
.nav-list{list-style:none;margin:0;padding:0}
.nav-list a{display:block;padding:6px 10px;border-radius:8px;color:var(--body);text-decoration:none;font-size:15px;line-height:20px;transition:background-color .2s,color .2s}
.nav-list a:hover{background:color-mix(in srgb,var(--kit-accent) 8%,transparent);color:var(--ink)}
.nav-list a[aria-current="page"]{background:color-mix(in srgb,var(--kit-accent) 14%,transparent);color:var(--ink);font-weight:600}
.nav-sub{padding-left:12px;border-left:1px solid var(--line);margin:4px 0 4px 10px}
.nav-sub a{font-size:14.5px;padding:5px 10px}

.content{padding:48px 56px 96px;min-width:0}
.prose{max-width:820px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--soft);margin-bottom:20px}
.breadcrumbs a{color:var(--soft);text-decoration:none}
.breadcrumbs a:hover{color:var(--kit-ink)}
.page-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}
.chip-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;text-decoration:none;transition:background-color .2s,border-color .2s}
.chip-btn:hover{background:var(--surface);border-color:var(--kit-accent)}

.prose h1{font-size:50px;line-height:53px;margin-bottom:16px}
.prose>.desc{font-size:21px;line-height:29px;color:var(--body);max-width:60ch;margin:0 0 8px}
.prose h2{font-size:33px;line-height:35px;margin:56px 0 16px;padding-top:8px}
.prose h3{margin:36px 0 12px}
.prose h4{margin:28px 0 10px;font-size:24px;line-height:27px}
.prose h2+h3{margin-top:20px}
.prose p,.prose ul,.prose ol{margin:0 0 16px}
.prose li{margin:4px 0}
.prose ul,.prose ol{padding-left:24px}
.prose a{font-weight:600;text-underline-offset:3px}
.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}
.prose strong{color:var(--ink);font-weight:600}
.prose blockquote{margin:0 0 16px;padding:12px 20px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.prose code{font-family:var(--mono);font-size:.84em;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink);word-break:break-word}
.prose .heading-anchor{margin-left:8px;opacity:0;text-decoration:none;color:var(--soft);font-weight:400;font-family:var(--sans);font-size:.6em;transition:opacity .2s}
h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor{opacity:1}
.prose .heading-anchor:focus{opacity:1}

/* tables */
.table-wrap{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:12px}
.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:21px}
.prose th{text-align:left;font-weight:600;color:var(--ink);background:var(--surface);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.prose td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}
.prose tr:first-child td{border-top:0}
.prose td code{white-space:nowrap}

/* code */
.code{position:relative;background:var(--dark-grey);border:1px solid color-mix(in srgb,var(--white) 10%,transparent);border-radius:12px;margin:0 0 20px;overflow:hidden;color:#e8e8ea}
html .code{background:color-mix(in srgb,var(--black,#000) 35%,var(--dark-grey))}
.code-head{display:flex;align-items:center;gap:2px;min-height:42px;padding:0 8px 0 12px;border-bottom:1px solid color-mix(in srgb,var(--white) 10%,transparent)}
.code-label{font-size:13px;font-weight:600;color:color-mix(in srgb,var(--white) 60%,transparent);padding:0 6px}
.code-tab{font:inherit;font-size:14px;font-weight:600;background:transparent;border:0;border-bottom:2px solid transparent;color:color-mix(in srgb,var(--white) 60%,transparent);padding:10px 8px 8px;cursor:pointer}
.code-tab[aria-selected="true"]{color:var(--white);border-bottom-color:var(--kit-accent-soft)}
.copy-btn{margin-left:auto;font:inherit;font-size:13px;font-weight:600;color:color-mix(in srgb,var(--white) 75%,transparent);background:transparent;border:1px solid color-mix(in srgb,var(--white) 18%,transparent);border-radius:6px;padding:3px 10px;cursor:pointer}
.copy-btn:hover{color:var(--white);border-color:color-mix(in srgb,var(--white) 40%,transparent)}
.code pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:22px;tab-size:2}
.code pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre;word-break:normal}
.code-panel[hidden]{display:none}
/* syntax */
.hl .k,.hl .kd,.hl .kn,.hl .kc,.hl .nb,.hl .nt,.hl .nf{color:var(--kit-accent-soft)}
.hl .s,.hl .s1,.hl .s2,.hl .sb,.hl .se,.hl .si,.hl .sh{color:var(--light-purple-fade)}
[data-brand="signal"] .hl .s,[data-brand="signal"] .hl .s1,[data-brand="signal"] .hl .s2{color:#ffe0b8}
[data-brand="gps"] .hl .s,[data-brand="gps"] .hl .s1,[data-brand="gps"] .hl .s2{color:#cdd7ff}
.hl .mi,.hl .mf,.hl .m{color:var(--white)}
.hl .c,.hl .c1,.hl .cm,.hl .ch{color:color-mix(in srgb,var(--white) 48%,transparent);font-style:italic}
.hl .p,.hl .o{color:color-mix(in srgb,var(--white) 70%,transparent)}
.hl .nv,.hl .na{color:var(--white)}

/* callouts */
.confirm-note{display:block;margin:0 0 20px;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--signal-light-orange) 18%,var(--bg));border:1px dashed var(--signal-orange-dark);font-size:15px;line-height:21px;color:var(--ink)}
.confirm-note strong{display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;color:var(--signal-orange-3)}
html .confirm-note strong{color:var(--signal-light-orange)}

/* toc */
.toc{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;padding:48px 24px 40px 8px;font-size:14px;line-height:19px}
.toc-title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--soft);font-weight:600;margin:0 0 10px}
.toc ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:5px 0 5px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--soft);text-decoration:none}
.toc a:hover{color:var(--ink)}
.toc a.active{color:var(--ink);border-left-color:var(--kit-accent);font-weight:600}

/* pager */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;max-width:820px}
.pager a{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:16px 20px;text-decoration:none;color:var(--soft);font-size:14px;transition:border-color .2s,box-shadow .3s}
.pager a:hover{border-color:var(--kit-accent);box-shadow:0 8px 28px color-mix(in srgb,var(--kit-accent) 16%,transparent)}
.pager a strong{color:var(--ink);font-size:17px;font-weight:600}
.pager .next{text-align:right;grid-column:2}

/* cards */
.card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;color:var(--body);text-decoration:none;transition:border-color .2s,box-shadow .3s}
a.card:hover{border-color:var(--kit-accent);box-shadow:0 8px 28px color-mix(in srgb,var(--kit-accent) 16%,transparent)}
.card-body{flex:1}
.pill{display:inline-flex;align-items:center;align-self:flex-start;border-radius:999px;padding:2px 10px;font-size:13px;line-height:20px;font-weight:700;color:var(--kit-ink);background:color-mix(in srgb,var(--kit-accent) 12%,var(--bg))}

/* heroes */
.hero-box-container,.dark-box{width:95vw;max-width:1800px;margin:20px auto 0;border-radius:15px;overflow:hidden;position:relative;color:var(--white);isolation:isolate}
.hero-box-container{background:radial-gradient(ellipse at 85% 100%,color-mix(in srgb,var(--kit-accent-soft) 38%,transparent) 0%,transparent 55%),linear-gradient(160deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 100%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.5px) 0 0/24px 24px,var(--kit-ground)}
.dark-box{background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--kit-accent) 35%,transparent) 0%,transparent 45%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--kit-accent-soft) 28%,transparent) 0%,transparent 45%),var(--kit-ground)}
.hero-inner{padding:120px 60px 60px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.hero-inner.single{grid-template-columns:1fr;max-width:980px}
.hero-home{min-height:min(max(95vh,700px),900px)}
.hero-home .hero-inner{padding-bottom:80px}
.hero-glow{position:absolute;right:6%;top:20%;width:46%;height:60%;border-radius:50%;background:color-mix(in srgb,var(--kit-accent-soft) 45%,transparent);filter:blur(90px);z-index:-1;pointer-events:none}
.hero-box-container h1,.dark-box h1,.dark-box h2,.hero-box-container h2,.dark-box h4,.dark-box h6{color:var(--white)}
.hero-box-container h1 span,.dark-box h2 span{color:var(--kit-accent-soft)}
.on-dark{color:color-mix(in srgb,var(--white) 82%,transparent)}
.badge{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;border-radius:999px;padding:6px 14px;font-size:13px;line-height:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--white);background:color-mix(in srgb,var(--white) 8%,transparent);border:1px solid color-mix(in srgb,var(--white) 16%,transparent)}
.hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.proofs{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0}
.checklist-row{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.checklist-row svg{flex:none;margin-top:3px;color:var(--kit-accent-soft)}
.hero-box-container .code{border-color:color-mix(in srgb,var(--white) 16%,transparent);box-shadow:0 16px 48px rgba(0,0,0,.18);margin:0}
.card-dark{background:color-mix(in srgb,var(--white) 6%,transparent);border:1px solid color-mix(in srgb,var(--white) 16%,transparent);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px;color:color-mix(in srgb,var(--white) 82%,transparent)}

/* marketing sections */
.section-standard{padding:120px 0}
.section-smaller{padding:100px 0}
.section-container{width:80vw;max-width:1300px;margin:0 auto}
.tone-smoke{background:var(--surface)}
.section-head{display:flex;flex-direction:column;gap:16px;max-width:860px;margin-bottom:40px}
.section-head h2{max-width:24ch}
.section-head h2 span{color:var(--kit-ink)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.product-card{padding:32px;gap:16px;border-radius:15px}
.product-card img{height:30px;width:auto;align-self:flex-start}
.product-card .logo-dark{display:none}
html .product-card .logo-light{display:none}
html .product-card .logo-dark{display:block}
.link-row{display:flex;flex-wrap:wrap;gap:8px 20px}
.link-row a{font-weight:600;text-underline-offset:3px}
.url-copy{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 6px 6px 14px}
.url-copy code{font-family:var(--mono);font-size:14px;color:var(--ink);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.url-copy button{font:inherit;font-size:14px;font-weight:600;background:var(--dark-grey);color:var(--white);border:0;border-radius:6px;padding:6px 14px;cursor:pointer}
html .url-copy button{background:#ededee;color:var(--dark-grey)}
.compare .table-wrap{background:var(--bg)}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:40px 24px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;font-size:14px;color:var(--soft)}
.site-footer a{color:var(--soft);text-decoration:none}
.site-footer a:hover{color:var(--kit-ink)}

/* search modal */
.search-modal{position:fixed;inset:0;z-index:80;background:rgba(8,7,40,.55);display:none;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.search-modal.open{display:flex}
.search-panel{width:100%;max-width:680px;background:var(--bg);border:1px solid var(--line);border-radius:15px;box-shadow:0 16px 48px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column;max-height:75vh}
.search-input-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.search-input-row input{flex:1;border:0;background:transparent;font:inherit;font-size:18px;color:var(--ink);outline:none}
.search-results{list-style:none;margin:0;padding:8px;overflow-y:auto}
.search-results a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--body)}
.search-results a:hover,.search-results a.sel{background:color-mix(in srgb,var(--kit-accent) 10%,transparent)}
.sr-title{display:block;font-weight:600;color:var(--ink)}
.sr-meta{display:block;font-size:13px;color:var(--soft)}
.sr-snip{display:block;font-size:14px;line-height:19px;margin-top:2px;color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-empty{padding:24px;text-align:center;color:var(--soft)}
.search-foot{border-top:1px solid var(--line);padding:8px 16px;font-size:12px;color:var(--soft);display:flex;gap:16px}

/* explorer */
.explorer-wrap{background:var(--white);min-height:calc(100vh - var(--header-h))}
.explorer-note{padding:16px 24px;border-bottom:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:15px;color:var(--text-color);background:var(--white-smoke)}

/* confirm list page */
.confirm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.confirm-list li{border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.confirm-list a{font-weight:600}

@media (max-width:1200px){.docs{grid-template-columns:260px minmax(0,1fr)}.toc{display:none}.content{padding:40px 40px 80px}}
@media (max-width:1024px){
  h1{font-size:50px;line-height:53px}h2{font-size:33px;line-height:35px}h4{font-size:24px;line-height:27px}
  .docs,.docs.no-toc{grid-template-columns:minmax(0,1fr)}
  .sidebar{display:none;position:fixed;top:var(--header-h);left:0;width:300px;max-width:85vw;z-index:50;box-shadow:0 16px 48px rgba(0,0,0,.18)}
  body.nav-open .sidebar{display:block}
  .menu-btn{display:inline-flex}
  .search-btn{min-width:0}.search-btn .search-label,.search-btn kbd{display:none}
  .section-standard{padding:96px 0}.section-container{width:90vw;max-width:none}
  .brand-tag{display:none}
}
@media (max-width:992px){.hero-inner{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media (max-width:767px){
  body{font-size:16px;line-height:22px}
  h1,.prose h1{font-size:40px;line-height:42px}h2,.prose h2{font-size:26px;line-height:29px}
  .lead,.prose>.desc{font-size:18px;line-height:26px}
  .section-standard{padding:64px 0}
  .hero-inner{padding:60px 24px 40px}
  .content{padding:28px 16px 64px}
  .card{padding:20px}
  .site-header-inner{padding:0 12px;gap:10px}
  .product-switch a{padding:6px 10px}
  .header-link{display:none}
  .pager{grid-template-columns:1fr}.pager .next{grid-column:1}
}
@media (max-width:479px){.brand img{height:20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0s}}

/* fixes after review */
.hero-box-container .eyebrow,.dark-box .eyebrow{color:var(--kit-accent-soft)}
.dark-box .lead{color:color-mix(in srgb,var(--white) 82%,transparent)}
.page-actions{margin:20px 0 32px}
.search-btn svg{flex:none}
@media (max-width:1024px){.search-btn{width:40px;height:40px;padding:0;justify-content:center}}

/* ---------- v2: motion, flow diagram, use cases ---------- */
.site-header{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.header-link[aria-current="true"]{color:var(--kit-ink)}
.nav-uc{margin-left:4px}

/* scroll reveal: below the fold only, once, 0.45s ease */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease;transition-delay:var(--d,0ms)}
.js .reveal.is-visible{opacity:1;transform:none}

/* card lift */
a.card{transition:border-color .2s,box-shadow .3s,transform .2s}
a.card:hover{transform:translateY(-3px)}

/* hero ambience */
@keyframes glow-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-6%,5%,0) scale(1.12)}}
.hero-glow{animation:glow-drift 14s ease-in-out infinite alternate}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}
.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--kit-accent-soft);animation:pulse-dot 2.4s ease-in-out infinite}
.hero-logo{height:34px;width:auto;align-self:flex-start}

/* animated assistant demo */
.demo{background:color-mix(in srgb,var(--white) 6%,var(--kit-ground));border:1px solid color-mix(in srgb,var(--white) 16%,transparent);border-radius:15px;box-shadow:0 16px 48px rgba(0,0,0,.18);overflow:hidden;min-width:0}
.demo-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--white) 12%,transparent)}
.demo-bar i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--white) 22%,transparent)}
.demo-bar span{margin-left:8px;font-size:13px;color:color-mix(in srgb,var(--white) 62%,transparent)}
.demo-body{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:340px;transition:opacity .3s}
.demo-body.fade{opacity:0}
.demo-user{align-self:flex-end;max-width:88%;background:color-mix(in srgb,var(--white) 12%,transparent);border-radius:12px 12px 2px 12px;padding:10px 14px;font-size:16px;line-height:22px;color:var(--white);min-height:42px}
.demo-caret{display:inline-block;width:2px;height:18px;margin-left:2px;vertical-align:-3px;background:var(--white);animation:pulse-dot 1s steps(2) infinite}
.demo-tool{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--white) 16%,transparent);border-radius:999px;padding:6px 14px 6px 8px;font-family:var(--mono);font-size:13px;color:color-mix(in srgb,var(--white) 82%,transparent);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.demo-tool img{height:16px;width:auto}
.demo-tool .spin{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--white) 25%,transparent);border-top-color:var(--white);animation:spin .8s linear infinite}
.demo-tool.done .spin{animation:none;border:0;width:14px;height:14px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E")}
@keyframes spin{to{transform:rotate(360deg)}}
.demo-answer{display:flex;flex-direction:column;gap:8px}
.demo-row{display:flex;justify-content:space-between;gap:16px;align-items:center;background:color-mix(in srgb,var(--white) 6%,transparent);border:1px solid color-mix(in srgb,var(--white) 12%,transparent);border-radius:10px;padding:10px 14px;font-size:15px;color:var(--white);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.demo-row small{font-size:13px;color:color-mix(in srgb,var(--white) 68%,transparent);text-align:right}
.demo-tool.in,.demo-row.in{opacity:1;transform:none}
.demo-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s}
.demo-actions.in{opacity:1}
.demo-actions span{font-size:14px;font-weight:600;border-radius:8px;padding:6px 16px}
.demo-actions .yes{background:#ededee;color:var(--dark-grey)}
.demo-actions .no{border:1px solid color-mix(in srgb,var(--white) 30%,transparent);color:var(--white)}
.demo-foot{padding:10px 16px;border-top:1px solid color-mix(in srgb,var(--white) 12%,transparent);font-size:12px;color:color-mix(in srgb,var(--white) 55%,transparent);display:flex;justify-content:space-between;gap:12px}
.demo-dots{display:flex;gap:6px;align-items:center}
.demo-dots i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--white) 25%,transparent);transition:background-color .2s}
.demo-dots i.on{background:var(--white)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat{display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--kit-accent);padding-left:20px}
.stat b{font-family:var(--sans);font-weight:600;font-size:50px;line-height:53px;color:var(--ink);font-variant-numeric:tabular-nums}
.stat span{color:var(--soft)}

/* flow diagram */
.flow{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr) 90px minmax(0,1fr);align-items:stretch;gap:0}
.flow-col{display:flex;flex-direction:column;gap:12px;justify-content:center}
.flow-col>h3{font-size:13px;color:var(--soft);margin-bottom:4px}
.flow-node{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
a.flow-node:hover{border-color:var(--kit-accent);transform:translateX(3px)}
.flow-node small{display:block;font-weight:400;font-size:14px;color:var(--soft)}
.flow-node img{height:26px;width:auto}
.flow-node .logo-dark{display:none}
html .flow-node .logo-light{display:none}
html .flow-node .logo-dark{display:block}
.flow-node.big{padding:20px;flex-direction:column;align-items:flex-start;gap:8px}
.flow-link{position:relative;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:0 10px}
.flow-link i{display:block;height:2px;border-radius:2px;background:var(--line);position:relative;overflow:hidden}
.flow-link i::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;border-radius:2px;background:var(--kit-accent);animation:flow-run 2.4s linear infinite;animation-delay:var(--fd,0s)}
@keyframes flow-run{to{left:100%}}
.mono-tile{flex:none;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kit-accent) 12%,var(--bg));color:var(--kit-ink)}
.mono-tile svg{width:22px;height:22px}

/* use case cards */
.uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.uc-card h4{min-height:28px}
.uc-card .card-body{min-height:69px}
.uc-card .go{font-weight:600;color:var(--kit-ink);margin:auto 0 0;display:inline-flex;gap:6px;align-items:center}
.uc-card .go svg{transition:transform .2s}
.uc-card:hover .go svg{transform:translateX(4px)}

@media (max-width:1024px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat b{font-size:40px;line-height:42px}}
@media (max-width:992px){
  .flow{grid-template-columns:1fr}
  .flow-link{flex-direction:row;justify-content:center;gap:40px;padding:14px 0;height:56px}
  .flow-link i{width:2px;height:100%}
  .flow-link i::after{left:0;top:-30%;width:100%;height:30%;animation-name:flow-run-v}
}
@keyframes flow-run-v{to{top:100%}}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none}
  .hero-glow,.badge .dot,.flow-link i::after,.demo-caret,.demo-tool .spin{animation:none}
  .flow-link i::after{display:none}
}

/* ---------- v3: dark-first, orbit, automation studio, bento ---------- */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--kit-accent-soft);z-index:60;pointer-events:none}

/* ambient page ground for the dark concept */
.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s}
html .aurora{opacity:1}
.aurora i{position:absolute;border-radius:50%;filter:blur(110px)}
.aurora i:nth-child(1){width:46vw;height:46vw;left:-12vw;top:10vh;background:color-mix(in srgb,var(--empiraa-purple) 34%,transparent);animation:aurora-a 26s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:38vw;height:38vw;right:-10vw;top:55vh;background:color-mix(in srgb,var(--midnight-blue) 70%,transparent);animation:aurora-b 32s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:30vw;height:30vw;left:35vw;top:120vh;background:color-mix(in srgb,var(--light-purple) 16%,transparent);animation:aurora-a 38s ease-in-out infinite alternate-reverse}
@keyframes aurora-a{to{transform:translate3d(8vw,10vh,0) scale(1.15)}}
@keyframes aurora-b{to{transform:translate3d(-10vw,-12vh,0) scale(1.1)}}
html body.home{background:var(--navy)}
html body.home{--bg:var(--navy);--surface:color-mix(in srgb,var(--white) 5%,transparent);--line:color-mix(in srgb,var(--white) 12%,transparent)}
html body.home .card,html body.home .flow-node{background:color-mix(in srgb,var(--white) 5%,transparent);backdrop-filter:blur(6px)}
html body.home .tone-smoke{background:color-mix(in srgb,var(--white) 3%,transparent)}
html body.home .site-header{background:color-mix(in srgb,var(--navy) 78%,transparent)}
html body.home .hero-box-container{border:1px solid color-mix(in srgb,var(--white) 10%,transparent)}

/* pointer spotlight on cards */
.spot{position:relative;overflow:hidden}
.spot::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--kit-accent-soft) 16%,transparent),transparent 60%)}
.spot:hover::before{opacity:1}
.spot>*{position:relative}

/* real partner logos, shown unaltered on their own tile */
.logo-tile{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--line)}
.logo-tile img{width:100%;height:100%;object-fit:cover;display:block}
.logo-tile.pad img{width:66%;height:66%;object-fit:contain}
.logo-tile.sm{width:28px;height:28px;border-radius:7px}
.logo-tile.lg{width:56px;height:56px;border-radius:13px}
.logo-row{display:flex;gap:8px;align-items:center}
.page-logos{display:flex;gap:10px;margin-bottom:16px}

/* prompt chips under the demo */
.demo-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}
.demo-chips button{font:inherit;font-size:13px;line-height:20px;font-weight:600;color:color-mix(in srgb,var(--white) 82%,transparent);background:transparent;border:1px solid color-mix(in srgb,var(--white) 18%,transparent);border-radius:999px;padding:4px 12px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.demo-chips button:hover{border-color:color-mix(in srgb,var(--white) 45%,transparent);color:var(--white)}
.demo-chips button[aria-pressed="true"]{background:color-mix(in srgb,var(--kit-accent-soft) 26%,transparent);border-color:var(--kit-accent-soft);color:var(--white)}

/* works-with marquee */
.marquee{overflow:hidden;position:relative;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:16px;width:max-content;animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.mq-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:8px 20px 8px 8px;font-weight:600;color:var(--ink);white-space:nowrap}
html body.home .mq-item{background:color-mix(in srgb,var(--white) 5%,transparent)}
.mq-item .logo-tile,.mq-item .mono-tile{width:36px;height:36px;border-radius:50%}

/* orbit */
.orbit-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center}
.orbit{position:relative;width:100%;max-width:560px;aspect-ratio:1;margin:0 auto;container-type:inline-size}
.orbit .ring{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--kit-accent-soft) 40%,var(--line));left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit .ring.r1{width:56%;height:56%}.orbit .ring.r2{width:86%;height:86%}
.orbit .spin{position:absolute;inset:0;animation:orbit-spin 60s linear infinite}
.orbit .spin.rev{animation-duration:90s;animation-direction:reverse}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes orbit-rot{to{rotate:360deg}}
.orbit .sat{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--rad))) rotate(calc(-1 * var(--a)))}
.orbit .sat>span{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%);animation:orbit-rot 60s linear infinite reverse;font-size:12px;line-height:14px;font-weight:600;color:var(--soft);white-space:nowrap}
.orbit .spin.rev .sat>span{animation-duration:90s;animation-direction:normal}
.orbit .sat .logo-tile,.orbit .sat .mono-tile{width:52px;height:52px;border-radius:14px;box-shadow:0 8px 32px rgba(204,178,255,.2)}
.orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--kit-ground);border:1px solid color-mix(in srgb,var(--white) 16%,transparent);box-shadow:0 16px 48px rgba(0,0,0,.18)}
.orbit .core::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kit-accent-soft) 40%,transparent),transparent 65%);z-index:-1;animation:core-pulse 4s ease-in-out infinite}
@keyframes core-pulse{50%{transform:scale(1.14);opacity:.6}}
.orbit .core img{width:62%;height:auto}
.orbit-points{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.orbit-points li{display:flex;gap:14px;align-items:flex-start}
.orbit-points b{display:block;color:var(--ink);font-weight:600}

/* automation studio */
.studio{border:1px solid var(--line);border-radius:15px;background:var(--bg);overflow:hidden}
html body.home .studio{background:color-mix(in srgb,var(--white) 4%,transparent)}
.studio-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px;border-bottom:1px solid var(--line)}
.studio-tabs button{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:15px;font-weight:600;color:var(--body);background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 14px 8px 8px;cursor:pointer;min-height:44px;transition:background-color .2s,border-color .2s,color .2s}
.studio-tabs button:hover{background:var(--surface)}
.studio-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--kit-accent) 12%,transparent);border-color:color-mix(in srgb,var(--kit-accent-soft) 60%,transparent);color:var(--ink)}
.studio-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.studio-canvas{padding:40px 32px;display:flex;align-items:center;gap:0;background:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1.5px) 0 0/22px 22px;min-height:300px;overflow-x:auto}
.node{flex:1 1 0;min-width:150px;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;opacity:.55;transition:opacity .3s,border-color .3s,box-shadow .3s,transform .3s}
html body.home .node{background:color-mix(in srgb,var(--navy) 80%,var(--white) 6%)}
.node small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--soft);font-weight:600}
.node b{font-family:var(--mono);font-size:13px;line-height:18px;color:var(--ink);font-weight:500;word-break:break-word}
.node span{font-size:13px;line-height:17px;color:var(--soft)}
.node .logo-tile,.node .mono-tile{width:32px;height:32px;border-radius:8px}
.node .lockup{height:18px;width:auto;align-self:flex-start}
.node.active{opacity:1;border-color:var(--kit-accent-soft);box-shadow:0 8px 28px color-mix(in srgb,var(--kit-accent) 22%,transparent);transform:translateY(-3px)}
.node.done{opacity:1}
.wire{flex:0 0 44px;height:2px;background:var(--line);position:relative;overflow:hidden;border-radius:2px}
.wire::after{content:"";position:absolute;inset:0;background:var(--kit-accent-soft);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s ease}
.wire.on::after{transform:scaleX(1)}
.studio-log{border-left:1px solid var(--line);background:var(--dark-grey);color:#e8e8ea;display:flex;flex-direction:column;min-width:0}
.studio-log header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--white) 10%,transparent);font-size:13px;color:color-mix(in srgb,var(--white) 60%,transparent)}
.studio-log header b{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--white)}
.studio-log header b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kit-accent-soft);animation:pulse-dot 1.6s ease-in-out infinite}
.studio-log pre{margin:0;padding:16px;font-family:var(--mono);font-size:13px;line-height:22px;white-space:pre-wrap;word-break:break-word;flex:1;min-height:200px}
.studio-log pre span{display:block;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.studio-log pre span.in{opacity:1;transform:none}
.studio-log pre .ok{color:var(--light-purple-fade)}
.studio-log pre .dim{color:color-mix(in srgb,var(--white) 55%,transparent)}
.studio-foot{padding:12px 16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:14px;color:var(--soft)}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.bento>.card{grid-column:span 2;min-height:220px}
.bento>.card.wide{grid-column:span 3}
.bento>.card.xwide{grid-column:span 4}
.bento .mini{margin-top:auto}
.ping{position:relative;width:14px;height:14px;border-radius:50%;background:var(--kit-accent-soft);flex:none}
.ping::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--kit-accent-soft);animation:ping 1.8s ease-out infinite}
@keyframes ping{to{transform:scale(3.2);opacity:0}}
.mini-code{font-family:var(--mono);font-size:12.5px;line-height:20px;background:var(--dark-grey);color:#e8e8ea;border-radius:10px;padding:12px 14px;overflow:hidden}
.mini-code .typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:100%;animation:typed 6s steps(34) infinite}
@keyframes typed{0%{width:0}40%,90%{width:34ch}100%{width:0}}
.kbd-big{display:inline-flex;gap:6px}
.kbd-big kbd{font-family:var(--mono);font-size:15px;border:1px solid var(--line);border-bottom-width:3px;border-radius:8px;padding:6px 12px;color:var(--ink);background:var(--surface)}

/* closing call to action */
.cta-band{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.cta-band h2{max-width:22ch}

@media (max-width:1024px){
  .orbit-wrap{grid-template-columns:1fr}
  .studio-body{grid-template-columns:1fr}
  .studio-log{border-left:0;border-top:1px solid var(--line)}
  .bento>.card,.bento>.card.wide,.bento>.card.xwide{grid-column:span 3}
}
@media (max-width:767px){
  .bento>.card,.bento>.card.wide,.bento>.card.xwide{grid-column:span 6}
  .studio-canvas{flex-direction:column;align-items:stretch;padding:24px 16px}
  .node{min-width:0}
  .wire{flex:0 0 28px;width:2px;height:28px;align-self:center}
  .wire::after{transform:scaleY(0);transform-origin:50% 0}
  .wire.on::after{transform:scaleY(1)}
  .orbit .sat .logo-tile,.orbit .sat .mono-tile{width:40px;height:40px;border-radius:11px}
  .orbit .sat>span{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  .aurora i,.marquee-track,.orbit .spin,.orbit .sat>span,.orbit .core::before,.ping::after,.mini-code .typed,.studio-log header b::before{animation:none}
  .mini-code .typed{width:auto}
}

.node .logo-dark{display:none}
html .node .logo-light{display:none}
html .node .logo-dark{display:block}

/* ---------- v4: prompt library and FAQ ---------- */
.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 8px;position:sticky;top:calc(var(--header-h) + 8px);z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:8px}
.filter-input{display:flex;align-items:center;gap:8px;flex:1 1 220px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--soft);background:var(--bg)}
.filter-input input{flex:1;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);outline:none;min-width:0}
.filter-count{font-size:14px;padding:0 8px}
.segmented{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;background:var(--bg)}
.segmented button{font-family:var(--sans);font-size:15px;font-weight:600;border:0;border-radius:8px;padding:6px 14px;min-height:36px;background:transparent;color:var(--body);cursor:pointer;transition:background-color .2s,color .2s}
.segmented button[aria-pressed="true"]{background:var(--kit-accent);color:var(--white)}
.fitem[hidden],.fgroup[hidden]{display:none}
.filter-empty{padding:32px;text-align:center;color:var(--soft);border:1px dashed var(--line);border-radius:12px;margin-top:20px}

.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin:0 0 8px}
.prose .prompt-item{padding:22px;gap:8px}
.prose .prompt-item h3{margin:0;font-family:var(--display);font-weight:300;font-size:24px;line-height:27px;letter-spacing:0;text-transform:none}
.prose .prompt-item>p{margin:0;font-size:15px;line-height:21px;color:var(--soft)}
.prose .prompt-item .pill{margin:2px 0}
.pill-write{color:var(--ink);background:color-mix(in srgb,var(--signal-light-orange) 30%,var(--bg))}
.prompt-card{margin-top:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.prompt-text{margin:0;padding:14px 16px;font-size:16px;line-height:23px;color:var(--ink)}
.prose .prompt-card .prompt-text{margin:0;color:var(--ink);font-size:16px}
.prompt-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-top:1px solid var(--line)}
.prompt-actions .chip-btn{font-size:13px;padding:4px 10px;font-weight:600;text-decoration:none}
.docs.wide .prose{max-width:1040px}

.faq-item{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;background:var(--bg);transition:border-color .2s}
.faq-item[open]{border-color:color-mix(in srgb,var(--kit-accent-soft) 70%,var(--line))}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-weight:600;font-size:18px;line-height:24px;color:var(--ink);border-radius:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:rotate(45deg);transition:transform .2s;margin-right:4px}
.faq-item[open] summary::after{transform:rotate(225deg)}
.faq-item summary:hover{color:var(--kit-ink)}
.faq-answer{padding:0 20px 8px}
.faq-answer>*:last-child{margin-bottom:12px}
.fgroup>h2{margin-top:48px}

.home-prompts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.home-prompts .card h4{font-size:22px;line-height:25px}
.home-faq{max-width:900px}
@media (max-width:767px){.filter-bar{position:static}.prompt-grid{grid-template-columns:1fr}}

/* ---------- v5: dark API explorer ---------- */
html .explorer-wrap{background:var(--dark-grey)}
html .explorer-note{background:color-mix(in srgb,var(--white) 5%,var(--dark-grey));border-bottom-color:var(--line);color:var(--body)}
html .explorer-note strong{color:var(--ink)}
html .explorer-wrap .redoc-wrap,html .explorer-wrap .api-content{background:var(--dark-grey)}
html .explorer-wrap .menu-content{border-right:1px solid var(--line)}
html .explorer-wrap input{background:transparent;color:#e8e8ea}
html .explorer-wrap table,html .explorer-wrap td,html .explorer-wrap th{border-color:#2c2c2c}
html .explorer-wrap [role="search"] svg,html .explorer-wrap .menu-content svg{fill:#b4b4bc}
html .explorer-wrap a[download],html .explorer-wrap a[href$="openapi.json"]:not(.chip-btn){color:var(--kit-accent-soft);border-color:var(--kit-accent-soft)}
html .explorer-wrap h5,html .explorer-wrap h5 *{color:#b4b4bc}

/* ---------- v6: dark only, detailed prompts ---------- */
.prompt-text{white-space:pre-wrap}
.fgroup[data-g="build"] .prompt-grid,.fgroup[data-g="apps"] .prompt-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}
.fgroup[data-g="build"] .prompt-text,.fgroup[data-g="apps"] .prompt-text{font-size:15px;line-height:22px;max-height:340px;overflow-y:auto}
.fgroup>p{max-width:70ch}
.preview-bar{background:color-mix(in srgb,var(--empiraa-purple) 30%,var(--navy));color:color-mix(in srgb,var(--white) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--white) 12%,transparent)}
.preview-bar a{color:var(--light-purple-fade)}
html{background:var(--dark-grey)}
@media (max-width:767px){.fgroup[data-g="build"] .prompt-grid,.fgroup[data-g="apps"] .prompt-grid{grid-template-columns:1fr}.filter-bar .segmented{flex-wrap:wrap}}

/* v7: explorer stays dark. Redoc paints a few panels white by default. */
.explorer-wrap [data-dk]{background-color:#23232b!important;border-color:#3a3a44!important}
.explorer-wrap [data-dkt],.explorer-wrap [data-dk]{color:#e8e8ea!important}
.explorer-wrap .react-tabs__tab--selected[data-dk]{background-color:rgba(255,255,255,.14)!important}
.explorer-wrap .ps__thumb-y,.explorer-wrap .ps__thumb-x{background-color:#55555f!important}

/* v8: use case cards sit in one row on desktop */
@media (min-width:1180px){.uc-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.uc-grid .uc-card{padding:22px}.uc-grid .uc-card h4{font-size:22px;line-height:28px}}
@media (min-width:700px) and (max-width:1179px){.uc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.uc-grid .uc-card .pill{margin-top:auto}.uc-grid .uc-card .go{margin-top:0}

/* v9 */
.logo-tile.pad-sm img{width:86%;height:86%;object-fit:contain}
.uc-card .logo-row{display:flex;gap:8px}

/* v11: playground. A workbench, not a stack of cards. */
.pg{width:min(1360px,94vw);margin:0 auto;padding:40px 0 96px}
.pg [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg-top{display:flex;flex-wrap:wrap;gap:16px 48px;justify-content:space-between;align-items:flex-end;margin-bottom:24px}
.pg-top h1{font-size:40px;line-height:44px;margin:0 0 6px}
.pg-sub{margin:0;font-size:17px;line-height:25px;color:var(--body);max-width:56ch}
.pg-privacy{margin:0;font-size:13px;line-height:19px;color:var(--soft);max-width:44ch}
.pg-privacy code{font-size:12px;background:none;border:0;padding:0;color:var(--body)}
.pg-tabs{display:flex;flex-wrap:wrap;gap:0 4px;border-bottom:1px solid var(--line)}
.pg-tabs button{font:600 15px/20px var(--sans);color:var(--soft);background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 14px;cursor:pointer;min-height:44px}
.pg-tabs button:hover{color:var(--ink)}
.pg-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.wb{border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:#141416}
.wb-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.wb-grow{flex:1 1 280px;min-width:0;margin:0}
.wb-note{font-size:14px;line-height:20px;color:var(--soft)}
.wb-bar select{width:100%;font:15px/20px var(--sans);color:var(--ink);background:#0e0e10;border:1px solid var(--line);border-radius:6px;padding:7px 10px;min-height:36px}
.wb-url{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px;line-height:20px;background:#101012}
.wb-url code{background:none;border:0;padding:0;color:var(--ink);font-size:13px;overflow-wrap:anywhere;flex:1 1 300px;min-width:0}
.pg-meta{color:var(--soft);font-size:12px;white-space:nowrap}
.pg-method{font:700 11px/18px var(--mono);letter-spacing:.04em;padding:0 6px;border-radius:3px;color:#0e0e10}
.pg-m-get{background:#7fc79b}.pg-m-post{background:#8aa2ff}.pg-m-patch,.pg-m-put{background:#f2b85a}.pg-m-delete{background:#f29a9a}
.wb-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.wb-pane{min-width:0}
.wb-pane + .wb-pane{border-left:1px solid var(--line)}
.wb-sec{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.wb-sec + .wb-sec{border-top:1px solid var(--line)}
.wb-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:0;font:600 11px/16px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--soft)}
.wb-h em{font:400 13px/18px var(--sans);letter-spacing:0;text-transform:none;color:var(--soft)}
.wb-h label{font:inherit;color:inherit}
.pg-btn{font:600 14px/20px var(--sans);color:var(--ink);background:transparent;border:1px solid color-mix(in srgb,var(--white) 22%,transparent);border-radius:6px;padding:7px 14px;min-height:36px;cursor:pointer;white-space:nowrap}
.pg-btn:hover{background:color-mix(in srgb,var(--white) 8%,transparent)}
.pg-btn.primary{background:#ededee;border-color:#ededee;color:#141416}
.pg-btn.primary:hover{background:#fff}
.pg-btn[disabled]{opacity:.55;cursor:progress}
.pg .segmented{border-radius:6px;padding:2px;gap:2px;background:#0e0e10}
.pg .segmented button{font-size:14px;padding:4px 12px;min-height:30px;border-radius:4px}
.pg .segmented button[aria-pressed="true"]{background:color-mix(in srgb,var(--white) 14%,transparent);color:var(--ink)}
.pg-field{display:flex;flex-direction:column;gap:5px;font:600 13px/18px var(--sans);color:var(--body);min-width:0}
.pg-field em{font-style:normal;font-weight:400;color:var(--soft);margin-left:6px}
.pg-field code{font-size:12.5px;background:none;border:0;padding:0;color:var(--ink)}
.pg-field input,.pg-field select,.pg-field textarea,.pg-area{font:13.5px/21px var(--mono);color:var(--ink);background:#0e0e10;border:1px solid var(--line);border-radius:6px;padding:7px 10px;width:100%;box-sizing:border-box;min-height:36px}
.pg-field select{font-family:var(--sans);font-size:14px}
.pg-field textarea,.pg-area{resize:vertical;tab-size:2;white-space:pre;overflow:auto}
.pg-field input:focus,.pg-field select:focus,.pg-field textarea:focus,.pg-area:focus,.wb-bar select:focus,.pg-editor:focus-within{outline:1px solid var(--light-purple);outline-offset:0;border-color:var(--light-purple)}
.pg-field input::placeholder,.pg-field textarea::placeholder,.pg-area::placeholder{color:color-mix(in srgb,var(--white) 30%,transparent)}
.pg-params{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.pg-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.pg-editor{display:grid;grid-template-columns:auto minmax(0,1fr);border:1px solid var(--line);border-radius:6px;background:#0e0e10;overflow:hidden}
.pg-ln{margin:0;padding:8px 8px 8px 10px;font:13.5px/21px var(--mono);color:color-mix(in srgb,var(--white) 28%,transparent);text-align:right;user-select:none;overflow:hidden;border-right:1px solid var(--line);min-width:2ch}
.pg-editor textarea{font:13.5px/21px var(--mono);color:var(--ink);background:transparent;border:0;outline:0;padding:8px 10px;resize:vertical;tab-size:2;white-space:pre;overflow:auto;width:100%;box-sizing:border-box;min-height:180px}
.pg-confirm{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink)}
.pg-confirm input{width:16px;height:16px;accent-color:#ededee}
.pg-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pg-muted{font-size:13.5px;line-height:20px;color:var(--soft);margin:0}
.pg-verdict{margin:0;padding:7px 10px;font:600 13.5px/20px var(--mono);border-left:3px solid;background:#0e0e10}
.pg-verdict.pg-pass{color:#9fdcb6;border-color:#7fc79b}
.pg-verdict.pg-warn{color:#f5cf8e;border-color:#f2b85a}
.pg-verdict.pg-fail{color:#f7b5b5;border-color:#f29a9a}
.pg-list{list-style:none;margin:0;padding:0}
.pg-empty{font-size:14px;color:var(--soft);padding:2px 0}
.pg-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0}
.pg-row + .pg-row{border-top:1px solid color-mix(in srgb,var(--white) 7%,transparent)}
.pg-row strong{display:block;font:600 14.5px/21px var(--sans);color:var(--ink);overflow-wrap:anywhere}
.pg-row p{margin:2px 0 0;font-size:14px;line-height:21px;color:var(--body);overflow-wrap:anywhere}
.pg-row .pg-fix{color:var(--ink);font-family:var(--mono);font-size:13px}
.pg-g{font:700 13px/21px var(--mono);text-align:center}
.pg-lv{font:11px/21px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.pg-row.pg-pass .pg-g{color:#7fc79b}.pg-row.pg-fail .pg-g,.pg-row.pg-fail .pg-lv{color:#f29a9a}.pg-row.pg-warn .pg-g,.pg-row.pg-warn .pg-lv{color:#f2b85a}.pg-row.pg-info .pg-g{color:var(--soft)}
.pg-status{font:600 12px/16px var(--mono);letter-spacing:0;text-transform:none}
.pg-status.pg-pass{color:#9fdcb6}.pg-status.pg-fail{color:#f7b5b5}
.pg-out{position:relative;border:1px solid var(--line);border-radius:6px;background:#0e0e10;min-width:0}
.pg-out pre{margin:0;padding:10px 12px;font:13px/21px var(--mono);color:#e4e4e8;overflow:auto;max-height:440px;white-space:pre;tab-size:2}
.pg-copy{position:absolute;top:6px;right:6px;font:600 12px/18px var(--sans);color:var(--body);background:#1b1b1f;border:1px solid var(--line);border-radius:4px;padding:2px 8px;cursor:pointer}
.pg-copy:hover{color:var(--ink)}
.pg-copy + pre{padding-right:64px}
.pg-langs{display:inline-flex;gap:2px;margin-left:auto}
.pg-langs button{font:600 12px/16px var(--sans);letter-spacing:0;text-transform:none;color:var(--soft);background:none;border:0;border-radius:4px;padding:3px 8px;cursor:pointer}
.pg-langs button[aria-pressed="true"]{color:var(--ink);background:color-mix(in srgb,var(--white) 12%,transparent)}
.pg-q{border:0;padding:0;margin:0}
.pg-q legend{font:600 14.5px/21px var(--sans);color:var(--ink);padding:0;margin-bottom:4px}
.pg-q label{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:21px;color:var(--body);padding:4px 0;cursor:pointer}
.pg-q label:has(input:checked){color:var(--ink)}
.pg-q input{margin-top:4px;accent-color:#ededee}
#mcp-questions{display:flex;flex-direction:column;gap:16px}
.pg-teasers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pg-teasers .card h4{font-size:22px;line-height:28px}
@media (max-width:1024px){.wb-split{grid-template-columns:minmax(0,1fr)}.wb-pane + .wb-pane{border-left:0;border-top:1px solid var(--line)}.pg-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pg{padding-top:24px}.pg-top h1{font-size:32px;line-height:36px}.pg-teasers{grid-template-columns:1fr}.pg-btn{min-height:44px}.pg-tabs button{padding:10px 8px;font-size:14px}.pg-field input,.pg-field select,.wb-bar select{min-height:44px}.pg-lv{display:none}.pg-row{grid-template-columns:18px minmax(0,1fr)}}

/* v12: hero spacing. Even gutters, room below, balanced padding. */
.hero-box-container,.dark-box{width:auto;max-width:1800px;margin:24px 24px 0}
@media (min-width:1848px){.hero-box-container,.dark-box{margin-left:auto;margin-right:auto}}
.hero-box-container:not(.hero-home){margin-bottom:24px}
.hero-inner{padding:88px 64px 72px}
.hero-inner.single{padding:72px 64px 64px}
.hero-home .hero-inner{padding-bottom:80px}
.hero-box-container:not(.hero-home) + .docs{border-top:1px solid var(--line)}
@media (max-width:767px){.hero-box-container,.dark-box{margin:12px 12px 0}.hero-box-container:not(.hero-home){margin-bottom:12px}.hero-inner,.hero-inner.single{padding:48px 24px 40px}}