/* Generated by tailwind/studio-colors.cjs. Color overrides only; page markup and native interactions are shared with Final Dark. */
/* Shared color utilities; layout utilities stay in each original page stylesheet. */
html:where([data-theme="studio"]) *,html:where([data-theme="studio"]) :after,html:where([data-theme="studio"]) :before{--tw-ring-offset-color:var(--st-paper);--tw-ring-color:rgb(var(--studio-rgb-blue) / 1);--tw-ring-offset-shadow:0 0 rgb(var(--studio-rgb-ink) / 0);--tw-ring-shadow:0 0 rgb(var(--studio-rgb-ink) / 0);--tw-shadow:0 0 rgb(var(--studio-rgb-ink) / 0);--tw-shadow-colored:0 0 rgb(var(--studio-rgb-ink) / 0)}
html:where([data-theme="studio"]) ::backdrop{--tw-ring-offset-color:var(--st-paper);--tw-ring-color:rgb(var(--studio-rgb-blue) / 1);--tw-ring-offset-shadow:0 0 rgb(var(--studio-rgb-ink) / 0);--tw-ring-shadow:0 0 rgb(var(--studio-rgb-ink) / 0);--tw-shadow:0 0 rgb(var(--studio-rgb-ink) / 0);--tw-shadow-colored:0 0 rgb(var(--studio-rgb-ink) / 0)}
html:where([data-theme="studio"]) *,html:where([data-theme="studio"]) :after,html:where([data-theme="studio"]) :before{border-color:rgb(var(--studio-rgb-line2, 200 204 210)/1)}
html[data-theme="studio"] input::-moz-placeholder,html[data-theme="studio"] textarea::-moz-placeholder{color:rgb(var(--studio-rgb-muted, 62 76 95)/1)}
html[data-theme="studio"] input::placeholder,html[data-theme="studio"] textarea::placeholder{color:rgb(var(--studio-rgb-muted, 62 76 95)/1)}
html[data-theme="studio"] .border-white\/10{border-color:rgb(var(--studio-rgb-line2, 200 204 210)/ 1)}
html[data-theme="studio"] .bg-\[\#050505\]{background-color:rgb(var(--studio-rgb-paper) / var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-white\/5{background-color:rgb(var(--studio-rgb-ink, 11 22 38)/.05)}
html[data-theme="studio"] .bg-hero-glow{background-image:radial-gradient(circle at 50% 0,rgb(var(--studio-rgb-ink) / 0) 0,rgb(var(--studio-rgb-ink) / 0) 45%,transparent 75%)}
html[data-theme="studio"] .text-cyan-400{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-gray-200{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-gray-300{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-gray-400{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-gray-500{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-white{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .shadow{--tw-shadow:0 1px 3px 0 rgb(var(--studio-rgb-ink) / .1),0 1px 2px -1px rgb(var(--studio-rgb-ink) / .1)}
html[data-theme="studio"] .shadow,html[data-theme="studio"] .shadow-glow{box-shadow:var(--tw-ring-offset-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-ring-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-shadow)}
html[data-theme="studio"] .shadow-glow{--tw-shadow:0 0 24px rgb(var(--studio-rgb-blue) / .35)}
html[data-theme="studio"] .hover\:bg-white\/10:hover{background-color:rgb(var(--studio-rgb-ink, 11 22 38)/ .08)}
html[data-theme="studio"] .hover\:bg-white\/5:hover{background-color:rgb(var(--studio-rgb-ink, 11 22 38)/.05)}
html[data-theme="studio"] .hover\:text-white:hover{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .bg-white{background-color:rgb(var(--studio-rgb-paper, 255 255 255)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .text-black{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-blue-100{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .shadow{--tw-shadow:0 1px 3px 0 rgb(var(--studio-rgb-ink) / .1),0 1px 2px -1px rgb(var(--studio-rgb-ink) / .1);box-shadow:var(--tw-ring-offset-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-ring-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-shadow)}
html[data-theme="studio"] .hover\:bg-gray-100:hover{background-color:rgb(var(--studio-rgb-paper, 255 255 255)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .border-amber-500\/40{border-color:rgb(var(--studio-rgb-amber, 146 64 14)/ 1)}
html[data-theme="studio"] .border-blue-500\/40{border-color:rgb(var(--studio-rgb-blue, 20 84 216)/ 1)}
html[data-theme="studio"] .border-brand-700{border-color:rgb(var(--studio-rgb-line2, 200 204 210)/var(--tw-border-opacity,1))}
html[data-theme="studio"] .border-red-500\/30{border-color:rgb(var(--studio-rgb-red, 150 27 18)/ 1)}
html[data-theme="studio"] .border-red-500\/40{border-color:rgb(var(--studio-rgb-red, 150 27 18)/ 1)}
html[data-theme="studio"] .border-ui-border{border-color:rgb(var(--studio-rgb-line2) / 1)}
html[data-theme="studio"] .bg-amber-500\/10{background-color:rgb(var(--studio-rgb-amber, 146 64 14)/ .08)}
html[data-theme="studio"] .bg-black\/70{background-color:rgb(var(--studio-rgb-paper, 255 255 255)/.7)}
html[data-theme="studio"] .bg-blue-500\/10{background-color:rgb(var(--studio-rgb-blue, 20 84 216)/ .08)}
html[data-theme="studio"] .bg-brand-800\/50{background-color:rgb(var(--studio-rgb-soft, 249 250 251)/.5)}
html[data-theme="studio"] .bg-brand-900{background-color:rgb(var(--studio-rgb-soft, 249 250 251)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-red-500\/10{background-color:rgb(var(--studio-rgb-red, 150 27 18)/ .08)}
html[data-theme="studio"] .bg-ui-bg{background-color:rgb(var(--studio-rgb-paper, 255 255 255)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-ui-surface{background-color:rgb(var(--studio-rgb-soft, 249 250 251)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-btn-gradient{background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08))}
html[data-theme="studio"] .text-\[\#1877F2\]{color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"] .text-accent-main{color:rgb(var(--studio-rgb-red, 150 27 18)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-amber-400{color:rgb(var(--studio-rgb-amber, 146 64 14)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-blue-400{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-brand-300{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-brand-400{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-brand-500{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-green-400{color:rgb(var(--studio-rgb-green, 3 92 67)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-red-300{color:rgb(var(--studio-rgb-red, 150 27 18)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-red-400{color:rgb(var(--studio-rgb-red, 150 27 18)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-red-600{color:rgb(var(--studio-rgb-red, 150 27 18)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-ui-border{color:rgb(var(--studio-rgb-ink) / 1)}
html[data-theme="studio"] .text-ui-muted{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-ui-text{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .placeholder-ui-muted::-moz-placeholder{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-placeholder-opacity,1))}
html[data-theme="studio"] .placeholder-ui-muted::placeholder{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-placeholder-opacity,1))}
html[data-theme="studio"] .accent-blue-500{accent-color:rgb(var(--studio-rgb-blue, 20 84 216)/1)}
html[data-theme="studio"] .shadow,html[data-theme="studio"] .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-ring-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-shadow)}
html[data-theme="studio"] .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"] .shadow-soft{--tw-shadow:0 4px 24px -2px rgb(var(--studio-rgb-ink) / .5);box-shadow:var(--tw-ring-offset-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-ring-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-shadow)}
html[data-theme="studio"] .ring{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"] .hover\:text-ui-text:hover{color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .focus\:border-brand-900:focus{border-color:rgb(var(--studio-rgb-line2, 200 204 210)/var(--tw-border-opacity,1))}
html[data-theme="studio"] .focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"] .focus\:ring-brand-500:focus{--tw-ring-color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-ring-opacity,1))}
html[data-theme="studio"] .focus\:ring-brand-900:focus{--tw-ring-color:rgb(var(--studio-rgb-ink, 11 22 38)/var(--tw-ring-opacity,1))}
html[data-theme="studio"] .focus\:ring-offset-ui-surface:focus{--tw-ring-offset-color:var(--st-paper)}
html[data-theme="studio"] .disabled\:hover\:text-blue-400:hover:disabled{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
html:where([data-theme="studio"]) *,html:where([data-theme="studio"]) :after,html:where([data-theme="studio"]) :before{border-color:var(--st-line2)}
html[data-theme="studio"] input::-moz-placeholder,html[data-theme="studio"] textarea::-moz-placeholder{color:var(--st-muted)}
html[data-theme="studio"] input::placeholder,html[data-theme="studio"] textarea::placeholder{color:var(--st-muted)}
html[data-theme="studio"] .text-gray-300{color:rgb(var(--studio-rgb-ink) / 1)}
html[data-theme="studio"] .text-gray-400{color:rgb(var(--studio-rgb-muted) / 1)}
html[data-theme="studio"] .text-white{color:rgb(var(--studio-rgb-ink) / 1)}
html[data-theme="studio"] .border-emerald-400\/30{border-color:rgb(var(--studio-rgb-green, 3 92 67)/ 1)}
html[data-theme="studio"] .bg-emerald-400{background-color:rgb(var(--studio-rgb-green, 3 92 67)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-emerald-500\/10{background-color:rgb(var(--studio-rgb-green, 3 92 67)/ .08)}
html[data-theme="studio"] .bg-surface{background-color:rgb(var(--studio-rgb-soft, 249 250 251)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .text-brand-blue{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-emerald-400{color:rgb(var(--studio-rgb-green, 3 92 67)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .placeholder-gray-500::-moz-placeholder{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-placeholder-opacity,1))}
html[data-theme="studio"] .placeholder-gray-500::placeholder{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-placeholder-opacity,1))}
html[data-theme="studio"] .focus\:ring-brand-blue:focus{--tw-ring-color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-ring-opacity,1))}
html[data-theme="studio"] .border-brand-cyan\/30{border-color:rgb(var(--studio-rgb-blue, 20 84 216)/ 1)}
html[data-theme="studio"] .border-brand-violet\/30{border-color:rgb(var(--studio-rgb-blue2, 21 82 183)/ 1)}
html[data-theme="studio"] .border-white\/20{border-color:rgb(var(--studio-rgb-line2, 200 204 210)/ 1)}
html[data-theme="studio"] .bg-amber-400{background-color:rgb(var(--studio-rgb-amber, 146 64 14)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-brand-cyan{background-color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-brand-cyan\/10{background-color:rgb(var(--studio-rgb-blue, 20 84 216)/ .08)}
html[data-theme="studio"] .bg-brand-cyan\/15{background-color:rgb(var(--studio-rgb-blue, 20 84 216)/ .08)}
html[data-theme="studio"] .bg-brand-violet\/10{background-color:rgb(var(--studio-rgb-blue2, 21 82 183)/ .08)}
html[data-theme="studio"] .bg-cyan-500\/10{background-color:rgb(var(--studio-rgb-blue, 20 84 216)/ .08)}
html[data-theme="studio"] .bg-green-400{background-color:rgb(var(--studio-rgb-green, 3 92 67)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-red-400{background-color:rgb(var(--studio-rgb-red, 150 27 18)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-white\/10{background-color:rgb(var(--studio-rgb-ink, 11 22 38)/ .08)}
html[data-theme="studio"] .text-brand-cyan{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-brand-violet{color:rgb(var(--studio-rgb-blue2, 21 82 183)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-emerald-300{color:rgb(var(--studio-rgb-green, 3 92 67)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .shadow,html[data-theme="studio"] .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-ring-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-shadow)}
html[data-theme="studio"] .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(var(--studio-rgb-ink) / .25)}
html[data-theme="studio"] .shadow-glow{--tw-shadow:0 0 24px rgb(var(--studio-rgb-blue) / .35);box-shadow:var(--tw-ring-offset-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-ring-shadow,0 0 rgb(var(--studio-rgb-ink) / 0)),var(--tw-shadow)}
html[data-theme="studio"] .hover\:bg-white\/20:hover{background-color:rgb(var(--studio-rgb-ink, 11 22 38)/ .08)}
html[data-theme="studio"] .border-emerald-400\/20{border-color:rgb(var(--studio-rgb-green, 3 92 67)/ 1)}
html[data-theme="studio"] .bg-emerald-500{background-color:rgb(var(--studio-rgb-green, 3 92 67)/var(--tw-bg-opacity,1))}
html[data-theme="studio"] .bg-emerald-500\/5{background-color:rgb(var(--studio-rgb-green, 3 92 67)/.05)}
html[data-theme="studio"] .text-gray-600{color:rgb(var(--studio-rgb-muted, 62 76 95)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .text-purple-400{color:rgb(var(--studio-rgb-blue2, 21 82 183)/var(--tw-text-opacity,1))}
html[data-theme="studio"] .hover\:text-cyan-300:hover{color:rgb(var(--studio-rgb-blue, 20 84 216)/var(--tw-text-opacity,1))}
/* 404.html */
html[data-theme="studio"][data-studio-page="404"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="404"] .gradient-text{background-image:linear-gradient(90deg,var(--st-blue) 0%,var(--st-blue2) 100%);}
html[data-theme="studio"][data-studio-page="404"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="404"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="404"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="404"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="404"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="404"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="404"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="404"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="404"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="404"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="404"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="404"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="404"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="404"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="404"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="404"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="404"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="404"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* about.html */
html[data-theme="studio"][data-studio-page="about"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="about"] .gradient-text{background-image:linear-gradient(90deg,var(--st-blue) 0%,var(--st-blue2) 100%);}
html[data-theme="studio"][data-studio-page="about"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="about"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="about"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="about"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="about"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="about"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="about"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="about"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="about"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="about"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="about"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="about"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="about"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="about"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="about"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="about"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="about"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="about"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* accept-invite.html */
html[data-theme="studio"][data-studio-page="accept-invite"] .glass-panel{background-color:rgb(var(--studio-rgb-soft) / 0.8);border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="accept-invite"] .eye-toggle:hover{color:var(--st-ink);}
/* acceptable-use.html */
html[data-theme="studio"][data-studio-page="acceptable-use"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="acceptable-use"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="acceptable-use"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="acceptable-use"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="acceptable-use"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc p b,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="acceptable-use"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="acceptable-use"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="acceptable-use"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="acceptable-use"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="acceptable-use"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .lhero h1,html[data-theme="studio"][data-studio-page="acceptable-use"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .lhero .lede,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc p,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc li,html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard p,html[data-theme="studio"][data-studio-page="acceptable-use"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard,html[data-theme="studio"][data-studio-page="acceptable-use"] .pill,html[data-theme="studio"][data-studio-page="acceptable-use"] .co,html[data-theme="studio"][data-studio-page="acceptable-use"] .tblwrap,html[data-theme="studio"][data-studio-page="acceptable-use"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard b,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h2,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h3,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc p b,html[data-theme="studio"][data-studio-page="acceptable-use"] .doc li b,html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* accessibility.html */
html[data-theme="studio"][data-studio-page="accessibility"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="accessibility"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="accessibility"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="accessibility"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="accessibility"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="accessibility"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="accessibility"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* agents.html */
html[data-theme="studio"][data-studio-page="agents"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="agents"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="agents"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="agents"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="agents"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="agents"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="agents"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="agents"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="agents"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="agents"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="agents"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="agents"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="agents"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="agents"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="agents"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="agents"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="agents"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="agents"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="agents"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* ai-coding-agent-router.html */
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="ai-coding-agent-router"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* air-router.html */
html[data-theme="studio"][data-studio-page="air-router"] body{background-color:var(--st-paper);color:var(--st-ink);}
@media (hover: hover) and (pointer: fine){
html:where([data-theme="studio"][data-studio-page="air-router"]) ::-webkit-scrollbar-track{background-color:var(--st-paper);}
html:where([data-theme="studio"][data-studio-page="air-router"]) ::-webkit-scrollbar-thumb{background-color:var(--st-soft);}}
html[data-theme="studio"][data-studio-page="air-router"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="air-router"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="air-router"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="air-router"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="air-router"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="air-router"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="air-router"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="air-router"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="air-router"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="air-router"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="air-router"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="air-router"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* aircode-connect.html */
html[data-theme="studio"][data-studio-page="aircode-connect"]{--bg:var(--st-paper);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--ink:var(--st-ink);--ink-dim:var(--st-mid);--muted:var(--st-muted);--faint:var(--st-muted);--glass:var(--st-paper);--glass-border:rgb(var(--studio-rgb-line2) / 0.08);--raised:var(--st-soft);--raised2:var(--st-sky);--line:var(--st-line);--line2:var(--st-line2);--live:var(--st-green);--danger:var(--st-red);}
html[data-theme="studio"][data-studio-page="aircode-connect"] body::before{background-image:radial-gradient(circle,rgb(var(--studio-rgb-ink) / 0),transparent 70%);}
html[data-theme="studio"][data-studio-page="aircode-connect"] body::after{background-image:radial-gradient(circle,rgb(var(--studio-rgb-ink) / 0),transparent 70%);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .card{box-shadow:0 30px 80px -20px rgb(var(--studio-rgb-ink) / .8), 0 0 60px -30px rgb(var(--studio-rgb-blue2) / .4);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .brand .tag{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .client-row .ic{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .plan:hover{border-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .plan[aria-checked="true"]{background:linear-gradient(rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0)) padding-box, linear-gradient(var(--st-paper),var(--st-paper)) padding-box, var(--grad) border-box;box-shadow:0 0 24px -8px rgb(var(--studio-rgb-blue2) / .5);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .chip{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .pill-on{background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .btn-primary{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .btn-ghost:not(:disabled):hover{background-color:rgb(var(--studio-rgb-ink) / .06);border-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .spinner{border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .ok{background-color:rgb(var(--studio-rgb-green) / .08);box-shadow:0 0 34px -6px rgb(var(--studio-rgb-green) / .5);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .bad{background-color:rgb(var(--studio-rgb-red) / .08);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .info{background-color:rgb(var(--studio-rgb-blue) / .08);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .08);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .warn b{color:var(--st-amber);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .08);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .danger b{color:var(--st-red);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .split{background-color:rgb(var(--studio-rgb-ink) / .015);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .ic-cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="aircode-connect"] .ic-violet{color:var(--st-blue);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1);}
/* aircode-studio.html */
html[data-theme="studio"][data-studio-page="aircode-studio"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-studio"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="aircode-studio"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-studio"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* aircode-vs-claude-code.html */
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-claude-code"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* aircode-vs-codex.html */
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-codex"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* aircode-vs-cursor.html */
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode-vs-cursor"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* aircode.html */
html[data-theme="studio"][data-studio-page="aircode"] body{background-color:var(--st-paper);color:var(--st-ink);}
@media (hover: hover) and (pointer: fine){
html:where([data-theme="studio"][data-studio-page="aircode"]) ::-webkit-scrollbar-track{background-color:var(--st-paper);}
html:where([data-theme="studio"][data-studio-page="aircode"]) ::-webkit-scrollbar-thumb{background-color:var(--st-soft);}}
html[data-theme="studio"][data-studio-page="aircode"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="aircode"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="aircode"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="aircode"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="aircode"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="aircode"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="aircode"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="aircode"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="aircode"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="aircode"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="aircode"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="aircode"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* airllm-vs-litellm.html */
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-litellm"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* airllm-vs-openrouter.html */
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-openrouter"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* airllm-vs-portkey.html */
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="airllm-vs-portkey"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* benchmark.html */
html[data-theme="studio"][data-studio-page="benchmark"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="benchmark"] .glass-card{background-color:rgb(var(--studio-rgb-soft) / 0.6);border-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="benchmark"] .gradient-text{background-image:linear-gradient(to right, var(--st-blue), var(--st-blue2), var(--st-blue));}
html[data-theme="studio"][data-studio-page="benchmark"] .hero-bg{background-image:radial-gradient(circle at 20% 30%, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 50%);}
html:where([data-theme="studio"][data-studio-page="benchmark"]) ::-webkit-scrollbar-track{background-color:var(--st-paper);}
html:where([data-theme="studio"][data-studio-page="benchmark"]) ::-webkit-scrollbar-thumb{background-color:var(--st-soft);}
html[data-theme="studio"][data-studio-page="benchmark"] #iqsgio{box-shadow:rgb(var(--studio-rgb-blue2) / 0.15) 0px 0px 10px;}
html[data-theme="studio"][data-studio-page="benchmark"] #iryswc{box-shadow:rgb(var(--studio-rgb-blue) / 0.15) 0px 0px 10px;}
html[data-theme="studio"][data-studio-page="benchmark"] #izkvbh{box-shadow:rgb(var(--studio-rgb-blue2) / 0.15) 0px 0px 10px;}
html[data-theme="studio"][data-studio-page="benchmark"] #ia76d2{box-shadow:rgb(var(--studio-rgb-blue) / 0.15) 0px 0px 10px;}
html[data-theme="studio"][data-studio-page="benchmark"] #ie601ek{box-shadow:rgb(var(--studio-rgb-blue2) / 0.15) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="benchmark"] #ibf3odf{box-shadow:rgb(var(--studio-rgb-blue) / 0.15) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="benchmark"] #icyusv2{box-shadow:rgb(var(--studio-rgb-blue2) / 0.15) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="benchmark"] #igl8feh{box-shadow:rgb(var(--studio-rgb-blue) / 0.15) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="benchmark"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="benchmark"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="benchmark"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="benchmark"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="benchmark"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="benchmark"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* chat.html */
html[data-theme="studio"][data-studio-page="chat"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="chat"] .glass-card{background-color:rgb(var(--studio-rgb-soft) / 0.6);border-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="chat"] .glow-text{text-shadow:0 0 20px rgb(var(--studio-rgb-blue) / 0.5);}
html[data-theme="studio"][data-studio-page="chat"] .glass-panel{background-color:rgb(var(--studio-rgb-soft) / 0.6);border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="chat"] .bg-btn-gradient{background-image:linear-gradient(90deg, rgb(var(--studio-rgb-blue) / .08) 0%, rgb(var(--studio-rgb-blue2) / .08) 100%);}
html[data-theme="studio"][data-studio-page="chat"] .nav-link::after{background-color:var(--st-paper);}
html:where([data-theme="studio"][data-studio-page="chat"]) ::-webkit-scrollbar-track{background-color:var(--st-paper);}
html:where([data-theme="studio"][data-studio-page="chat"]) ::-webkit-scrollbar-thumb{background-color:var(--st-soft);}
html[data-theme="studio"][data-studio-page="chat"] #isn5q5g{background-image:linear-gradient(rgb(var(--studio-rgb-blue) / .08) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--studio-rgb-blue) / .08) 1px, transparent 1px);}
html[data-theme="studio"][data-studio-page="chat"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="chat"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="chat"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="chat"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="chat"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="chat"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="chat"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="chat"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="chat"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="chat"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="chat"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="chat"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="chat"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="chat"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="chat"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="chat"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="chat"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="chat"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* claude-code-router.html */
html[data-theme="studio"][data-studio-page="claude-code-router"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="claude-code-router"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="claude-code-router"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="claude-code-router"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* codex-router.html */
html[data-theme="studio"][data-studio-page="codex-router"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="codex-router"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="codex-router"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="codex-router"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="codex-router"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="codex-router"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="codex-router"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* coding-tools.html */
html[data-theme="studio"][data-studio-page="coding-tools"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="coding-tools"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="coding-tools"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="coding-tools"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* coming-soon.html */
html[data-theme="studio"][data-studio-page="coming-soon"]{--page:var(--st-paper);--page-2:var(--st-soft);--surface:var(--st-paper);--line:var(--st-line);--line-2:var(--st-line2);--line-3:var(--st-control);--ink:var(--st-ink);--ink-mid:var(--st-mid);--ink-mute:var(--st-muted);--accent:var(--st-blue);--invert:var(--st-ink);--invert-2:var(--st-ink);--invert-line:var(--st-mid);--invert-ink:var(--st-onAccent);--invert-mid:var(--st-line);--invert-mute:var(--st-line2);}
html[data-theme="studio"][data-studio-page="coming-soon"] .btn-primary{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="coming-soon"] .btn-primary:hover{background-color:var(--st-soft);}
html[data-theme="studio"][data-studio-page="coming-soon"] .btn-ghost:hover{background-color:rgb(var(--studio-rgb-paper) / .035);}
html[data-theme="studio"][data-studio-page="coming-soon"] .dark .btn-primary:hover{background-color:var(--st-paper);}
html[data-theme="studio"][data-studio-page="coming-soon"] .dark .btn-ghost{border-color:var(--st-line2);}
html[data-theme="studio"][data-studio-page="coming-soon"] .dark .btn-ghost:hover{background-color:rgb(var(--studio-rgb-ink) / .05);}
html[data-theme="studio"][data-studio-page="coming-soon"] .vis .ln i{color:var(--st-ink);}
/* compare.html */
html[data-theme="studio"][data-studio-page="compare"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="compare"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="compare"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="compare"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="compare"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="compare"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="compare"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="compare"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="compare"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="compare"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="compare"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="compare"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="compare"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="compare"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="compare"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="compare"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="compare"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="compare"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="compare"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* confirm-email.html */
html[data-theme="studio"][data-studio-page="confirm-email"] .glass-panel{background-color:rgb(var(--studio-rgb-soft) / 0.8);border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="confirm-email"] .eye-toggle:hover{color:var(--st-ink);}
/* contact.html */
html[data-theme="studio"][data-studio-page="contact"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="contact"] .gradient-text{background-image:linear-gradient(90deg,var(--st-blue) 0%,var(--st-blue2) 100%);}
html[data-theme="studio"][data-studio-page="contact"] :is(#contact-first-name,#contact-last-name,#contact-email,#contact-company,#contact-role,#contact-message)[aria-invalid="true"]{border-color:var(--st-red) !important;}
html[data-theme="studio"][data-studio-page="contact"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="contact"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="contact"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="contact"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="contact"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="contact"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="contact"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="contact"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="contact"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="contact"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="contact"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="contact"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="contact"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="contact"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="contact"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="contact"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="contact"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="contact"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* cookie-policy.html */
html[data-theme="studio"][data-studio-page="cookie-policy"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="cookie-policy"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="cookie-policy"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="cookie-policy"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="cookie-policy"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc p b,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="cookie-policy"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="cookie-policy"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="cookie-policy"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="cookie-policy"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="cookie-policy"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .lhero h1,html[data-theme="studio"][data-studio-page="cookie-policy"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .lhero .lede,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc p,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc li,html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard p,html[data-theme="studio"][data-studio-page="cookie-policy"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard,html[data-theme="studio"][data-studio-page="cookie-policy"] .pill,html[data-theme="studio"][data-studio-page="cookie-policy"] .co,html[data-theme="studio"][data-studio-page="cookie-policy"] .tblwrap,html[data-theme="studio"][data-studio-page="cookie-policy"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard b,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h2,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h3,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc p b,html[data-theme="studio"][data-studio-page="cookie-policy"] .doc li b,html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* data-retention.html */
html[data-theme="studio"][data-studio-page="data-retention"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="data-retention"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="data-retention"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="data-retention"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="data-retention"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="data-retention"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="data-retention"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="data-retention"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="data-retention"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="data-retention"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="data-retention"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .doc p b,html[data-theme="studio"][data-studio-page="data-retention"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="data-retention"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="data-retention"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="data-retention"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="data-retention"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="data-retention"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="data-retention"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="data-retention"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="data-retention"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="data-retention"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="data-retention"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="data-retention"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="data-retention"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="data-retention"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .lhero h1,html[data-theme="studio"][data-studio-page="data-retention"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .lhero .lede,html[data-theme="studio"][data-studio-page="data-retention"] .doc p,html[data-theme="studio"][data-studio-page="data-retention"] .doc li,html[data-theme="studio"][data-studio-page="data-retention"] .gcard p,html[data-theme="studio"][data-studio-page="data-retention"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .gcard,html[data-theme="studio"][data-studio-page="data-retention"] .pill,html[data-theme="studio"][data-studio-page="data-retention"] .co,html[data-theme="studio"][data-studio-page="data-retention"] .tblwrap,html[data-theme="studio"][data-studio-page="data-retention"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="data-retention"] .gcard b,html[data-theme="studio"][data-studio-page="data-retention"] .doc h2,html[data-theme="studio"][data-studio-page="data-retention"] .doc h3,html[data-theme="studio"][data-studio-page="data-retention"] .doc p b,html[data-theme="studio"][data-studio-page="data-retention"] .doc li b,html[data-theme="studio"][data-studio-page="data-retention"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="data-retention"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* developer-doc.html */
html[data-theme="studio"][data-studio-page="developer-doc"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="developer-doc"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="developer-doc"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="developer-doc"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* dpa.html */
html[data-theme="studio"][data-studio-page="dpa"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="dpa"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="dpa"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="dpa"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="dpa"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="dpa"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="dpa"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="dpa"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="dpa"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="dpa"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="dpa"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .doc p b,html[data-theme="studio"][data-studio-page="dpa"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="dpa"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="dpa"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="dpa"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="dpa"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="dpa"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="dpa"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="dpa"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="dpa"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="dpa"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="dpa"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="dpa"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="dpa"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="dpa"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="dpa"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="dpa"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .lhero h1,html[data-theme="studio"][data-studio-page="dpa"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .lhero .lede,html[data-theme="studio"][data-studio-page="dpa"] .doc p,html[data-theme="studio"][data-studio-page="dpa"] .doc li,html[data-theme="studio"][data-studio-page="dpa"] .gcard p,html[data-theme="studio"][data-studio-page="dpa"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .gcard,html[data-theme="studio"][data-studio-page="dpa"] .pill,html[data-theme="studio"][data-studio-page="dpa"] .co,html[data-theme="studio"][data-studio-page="dpa"] .tblwrap,html[data-theme="studio"][data-studio-page="dpa"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="dpa"] .gcard b,html[data-theme="studio"][data-studio-page="dpa"] .doc h2,html[data-theme="studio"][data-studio-page="dpa"] .doc h3,html[data-theme="studio"][data-studio-page="dpa"] .doc p b,html[data-theme="studio"][data-studio-page="dpa"] .doc li b,html[data-theme="studio"][data-studio-page="dpa"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="dpa"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="dpa"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="dpa"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* how-coding-agents-use-tokens.html */
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="how-coding-agents-use-tokens"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* index.html */
html[data-theme="studio"][data-studio-page="index"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="index"] .gradient-text{background-image:linear-gradient(90deg,var(--st-blue) 0%,var(--st-blue2) 100%);}
html[data-theme="studio"][data-studio-page="index"]{--surface:var(--st-paper);--surface-solid:var(--st-paper);--line-2:var(--st-line2);--ink:var(--st-ink);--ink-muted:var(--st-muted);--ink-faint:var(--st-muted);--cyan-ink:var(--st-blue);--violet-ink:var(--st-blue2);--blue-ink:var(--st-blue);--green-ink:var(--st-green);--red-ink:var(--st-red);--yellow-ink:var(--st-amber);--nb-route:rgb(var(--studio-rgb-blue) / .75);--nb-edge:rgb(var(--studio-rgb-blue) / 1);--nb-edge-hi:rgb(var(--studio-rgb-blue) / 1);--nb-glow:rgb(var(--studio-rgb-ink) / 0);--nb-node-a:var(--st-blue);--nb-node-b:var(--st-blue2);--nb-fade:linear-gradient(180deg, transparent 0%, rgb(var(--studio-rgb-paper) / .62) 34%, rgb(var(--studio-rgb-paper) / .88) 66%, rgb(var(--studio-rgb-paper) / .95) 100%);}
html[data-theme="studio"][data-studio-page="index"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="index"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="index"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="index"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="index"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="index"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="index"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="index"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="index"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="index"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="index"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="index"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="index"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="index"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="index"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="index"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="index"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="index"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
html[data-theme="studio"][data-studio-page="index"] .airllm-hero-viz{--hv-cyan:var(--st-blue);--hv-violet:var(--st-blue2)}
/* knowledge.html */
html[data-theme="studio"][data-studio-page="knowledge"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="knowledge"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="knowledge"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="knowledge"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="knowledge"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="knowledge"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="knowledge"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* legal.html */
html[data-theme="studio"][data-studio-page="legal"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="legal"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="legal"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="legal"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="legal"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="legal"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="legal"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="legal"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="legal"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="legal"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="legal"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="legal"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .doc p b,html[data-theme="studio"][data-studio-page="legal"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="legal"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="legal"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="legal"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="legal"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="legal"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="legal"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="legal"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="legal"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="legal"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="legal"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="legal"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="legal"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="legal"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="legal"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="legal"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="legal"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .lhero h1,html[data-theme="studio"][data-studio-page="legal"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .lhero .lede,html[data-theme="studio"][data-studio-page="legal"] .doc p,html[data-theme="studio"][data-studio-page="legal"] .doc li,html[data-theme="studio"][data-studio-page="legal"] .gcard p,html[data-theme="studio"][data-studio-page="legal"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .gcard,html[data-theme="studio"][data-studio-page="legal"] .pill,html[data-theme="studio"][data-studio-page="legal"] .co,html[data-theme="studio"][data-studio-page="legal"] .tblwrap,html[data-theme="studio"][data-studio-page="legal"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="legal"] .gcard b,html[data-theme="studio"][data-studio-page="legal"] .doc h2,html[data-theme="studio"][data-studio-page="legal"] .doc h3,html[data-theme="studio"][data-studio-page="legal"] .doc p b,html[data-theme="studio"][data-studio-page="legal"] .doc li b,html[data-theme="studio"][data-studio-page="legal"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="legal"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="legal"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="legal"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* llm-gateway-vs-llm-router.html */
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="llm-gateway-vs-llm-router"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* login.html */
html[data-theme="studio"][data-studio-page="login"] .glass-panel{background-color:rgb(var(--studio-rgb-soft) / 0.8);border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="login"] .eye-toggle:hover{color:var(--st-ink);}
/* models.html */
html[data-theme="studio"][data-studio-page="models"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="models"] .gradient-text{background-image:linear-gradient(90deg,var(--st-blue) 0%,var(--st-blue2) 100%);}
html[data-theme="studio"][data-studio-page="models"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="models"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="models"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="models"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="models"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="models"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="models"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="models"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="models"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="models"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="models"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="models"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="models"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="models"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="models"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="models"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="models"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="models"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
html[data-theme="studio"][data-studio-page="models"] .mc:hover{border-color:rgb(var(--studio-rgb-line2) / 1);box-shadow:0 24px 60px -30px rgb(var(--studio-rgb-ink) / .9);}
html[data-theme="studio"][data-studio-page="models"] .flow-node{background-color:rgb(var(--studio-rgb-ink) / .04);border-color:rgb(var(--studio-rgb-line2) / 1);}
/* platform.html */
html[data-theme="studio"][data-studio-page="platform"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="platform"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="platform"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="platform"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="platform"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="platform"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="platform"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="platform"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="platform"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="platform"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="platform"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="platform"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="platform"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="platform"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="platform"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="platform"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="platform"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="platform"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="platform"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* pricing.html */
html[data-theme="studio"][data-studio-page="pricing"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="pricing"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="pricing"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="pricing"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="pricing"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="pricing"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="pricing"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="pricing"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="pricing"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="pricing"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="pricing"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="pricing"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="pricing"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* privacy.html */
html[data-theme="studio"][data-studio-page="privacy"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="privacy"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="privacy"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="privacy"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="privacy"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="privacy"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="privacy"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="privacy"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="privacy"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="privacy"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="privacy"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .doc p b,html[data-theme="studio"][data-studio-page="privacy"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="privacy"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="privacy"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="privacy"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="privacy"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="privacy"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="privacy"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="privacy"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="privacy"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="privacy"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="privacy"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="privacy"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="privacy"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="privacy"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="privacy"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="privacy"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .lhero h1,html[data-theme="studio"][data-studio-page="privacy"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .lhero .lede,html[data-theme="studio"][data-studio-page="privacy"] .doc p,html[data-theme="studio"][data-studio-page="privacy"] .doc li,html[data-theme="studio"][data-studio-page="privacy"] .gcard p,html[data-theme="studio"][data-studio-page="privacy"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .gcard,html[data-theme="studio"][data-studio-page="privacy"] .pill,html[data-theme="studio"][data-studio-page="privacy"] .co,html[data-theme="studio"][data-studio-page="privacy"] .tblwrap,html[data-theme="studio"][data-studio-page="privacy"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="privacy"] .gcard b,html[data-theme="studio"][data-studio-page="privacy"] .doc h2,html[data-theme="studio"][data-studio-page="privacy"] .doc h3,html[data-theme="studio"][data-studio-page="privacy"] .doc p b,html[data-theme="studio"][data-studio-page="privacy"] .doc li b,html[data-theme="studio"][data-studio-page="privacy"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="privacy"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="privacy"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="privacy"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* rag.html */
html[data-theme="studio"][data-studio-page="rag"] body{background-color:var(--st-soft);color:var(--st-ink);}
html:where([data-theme="studio"][data-studio-page="rag"]) ::-webkit-scrollbar-track{background-color:var(--st-soft);}
html:where([data-theme="studio"][data-studio-page="rag"]) ::-webkit-scrollbar-thumb{background-color:var(--st-soft);}
html:where([data-theme="studio"][data-studio-page="rag"]) ::-webkit-scrollbar-thumb:hover{background-color:var(--st-soft);}
html[data-theme="studio"][data-studio-page="rag"] .glass-panel{background-image:linear-gradient(180deg, rgb(var(--studio-rgb-soft) / 0.6) 0%, rgb(var(--studio-rgb-soft) / 0.8) 100%);border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="rag"] .grid-bg{background-image:linear-gradient(to right, rgb(var(--studio-rgb-ink) / 0.02) 1px, transparent 1px),
          linear-gradient(to bottom, rgb(var(--studio-rgb-ink) / 0.02) 1px, transparent 1px);}
html[data-theme="studio"][data-studio-page="rag"] .text-gradient{background-image:linear-gradient(90deg, var(--st-blue), var(--st-blue2), var(--st-blue));}
html[data-theme="studio"][data-studio-page="rag"] .animated-bg{background-image:linear-gradient(-45deg, var(--st-soft), var(--st-soft), var(--st-soft), var(--st-soft));}
html[data-theme="studio"][data-studio-page="rag"] #rag-architecture{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i0qp12{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i2iljy{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i75etf{background-image:radial-gradient(at 50% 0%, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #is7tu5{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-soft) / 0.6) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i93q9k{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i24oos{box-shadow:rgb(var(--studio-rgb-blue2) / 0.2) 0px 0px 20px inset;}
html[data-theme="studio"][data-studio-page="rag"] #i3scpi{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-soft) / 0.6) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i5woqg{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-soft) / 0.6) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ipagsh{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #iq2o1j{box-shadow:rgb(var(--studio-rgb-blue) / 0.15) 0px 0px 15px inset;}
html[data-theme="studio"][data-studio-page="rag"] #i3vyif{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-soft) / 0.6) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i02z8f{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i0a1bg{box-shadow:rgb(var(--studio-rgb-blue2) / 0.18) 0px 0px 20px inset;}
html[data-theme="studio"][data-studio-page="rag"] #i2aklk{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #iqvt6h{box-shadow:rgb(var(--studio-rgb-green) / 0.12) 0px 0px 25px inset;}
html[data-theme="studio"][data-studio-page="rag"] #problem{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #itqinp{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i9xb4r{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i3534t{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #i7f44m{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #ikf4kw{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #ihh582{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #i8yicd{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #it8f6f{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #idxs8i{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #solution{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i2mdsj{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #im83b6{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ib5tk1{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #i38ndy{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #idluer{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #is05yy{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #ibf3r8{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #solution-card-6{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #iydsbb{box-shadow:rgb(var(--studio-rgb-blue2) / 0.12) 0px 0px 30px inset;}
html[data-theme="studio"][data-studio-page="rag"] #enterprise-control{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i8zk7s{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ixlx6i{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ift5mr{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i2lgen{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #ionger{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #i5r4w6{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #i7wbqgl{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #i55q1zk{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 60%);}
html[data-theme="studio"][data-studio-page="rag"] #control-card-6{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ixu03pl{box-shadow:rgb(var(--studio-rgb-blue2) / 0.12) 0px 0px 30px inset;}
html[data-theme="studio"][data-studio-page="rag"] #iearcal{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ivmz483{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ikt3yly{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0), rgb(var(--studio-rgb-ink) / 0));border-top-color:rgb(var(--studio-rgb-blue) / 1);border-right-color:rgb(var(--studio-rgb-blue) / 1);border-bottom-color:rgb(var(--studio-rgb-blue) / 1);border-left-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="rag"] #document-types{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ixb3rrh{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ipi7aej{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i03y4u1{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ikk508j{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ipp0bwj{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #i7gh1pa{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #id61ems{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #iiu5roz{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iees966{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #i9r0cqq{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ih7klfq{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #iznym9d{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ijhszig{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ijsv2hw{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iib5fxx{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ifpm15e{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #doctype-card-8{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ikrerea{box-shadow:rgb(var(--studio-rgb-blue2) / 0.12) 0px 0px 30px inset;}
html[data-theme="studio"][data-studio-page="rag"] #i1698d4{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iz80fc9{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i6dplnn{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #if6q4kw{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0), rgb(var(--studio-rgb-ink) / 0));border-top-color:rgb(var(--studio-rgb-blue) / 1);border-right-color:rgb(var(--studio-rgb-blue) / 1);border-bottom-color:rgb(var(--studio-rgb-blue) / 1);border-left-color:rgb(var(--studio-rgb-blue) / 1);}
html[data-theme="studio"][data-studio-page="rag"] #how-it-works{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i90l1lv{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ic6dx4j{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #isg829z{background-image:linear-gradient(rgb(var(--studio-rgb-blue) / .08) 0%, rgb(var(--studio-rgb-blue2) / .08) 40%, rgb(var(--studio-rgb-blue) / .08) 70%, rgb(var(--studio-rgb-green) / .08) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ib7w3u4{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #iik8bhw{box-shadow:rgb(var(--studio-rgb-blue) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #i4yv0o8{box-shadow:rgb(var(--studio-rgb-blue2) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #ivk9mvl{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #isbtopo{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ifd5anr{box-shadow:rgb(var(--studio-rgb-blue) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #i8ec2mi{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0), rgb(var(--studio-rgb-ink) / 0));border-top-color:rgb(var(--studio-rgb-blue2) / 1);border-right-color:rgb(var(--studio-rgb-blue2) / 1);border-bottom-color:rgb(var(--studio-rgb-blue2) / 1);border-left-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:rgb(var(--studio-rgb-blue2) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #i95wid2{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #iiwhsb6{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #i4iba1i{box-shadow:rgb(var(--studio-rgb-blue) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #ih4pvhx{box-shadow:rgb(var(--studio-rgb-blue) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #i057yki{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ixxtw4n{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i38jiqz{box-shadow:rgb(var(--studio-rgb-blue2) / 0.15) 0px 0px 30px inset;}
html[data-theme="studio"][data-studio-page="rag"] #ii3bx4k{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iibc856{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue2) / .08));border-top-color:rgb(var(--studio-rgb-blue2) / 1);border-right-color:rgb(var(--studio-rgb-blue2) / 1);border-bottom-color:rgb(var(--studio-rgb-blue2) / 1);border-left-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:rgb(var(--studio-rgb-blue2) / 0.4) 0px 0px 25px;}
html[data-theme="studio"][data-studio-page="rag"] #igqbzep{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i8j51rb{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ii669hi{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue2) / .08));box-shadow:rgb(var(--studio-rgb-blue2) / 0.3) 0px 0px 20px;}
html[data-theme="studio"][data-studio-page="rag"] #use-cases{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 1) 0%, rgb(var(--studio-rgb-soft) / 1) 50%, rgb(var(--studio-rgb-soft) / 1) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ieytguz{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iut0cdh{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i5j6qy5{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #i65xohg{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #in5yrsq{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #icma5p3{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iwebajg{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #i6kn8hf{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i604shl{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ii2y62d{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ifo48hc{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ibwgvhn{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i4cmpq5{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #ikoh16a{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #in6uvqu{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, transparent 70%);}
html[data-theme="studio"][data-studio-page="rag"] #iduyrc2{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #usecase-card-8{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #icom2du{box-shadow:rgb(var(--studio-rgb-blue2) / 0.15) 0px 0px 30px inset;}
html[data-theme="studio"][data-studio-page="rag"] #ideuupp{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #iknu9ii{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ivjo4zn{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i23mqox{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0), rgb(var(--studio-rgb-ink) / 0));border-top-color:rgb(var(--studio-rgb-blue2) / 1);border-right-color:rgb(var(--studio-rgb-blue2) / 1);border-bottom-color:rgb(var(--studio-rgb-blue2) / 1);border-left-color:rgb(var(--studio-rgb-blue2) / 1);}
html[data-theme="studio"][data-studio-page="rag"] #i1up5wg{background-image:linear-gradient(rgb(var(--studio-rgb-soft) / 0.8) 0%, rgb(var(--studio-rgb-soft) / 0.8) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #iu2vhuk{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] #icc5p6k{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #idu7bct{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ipsfod2{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ijb4tkm{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #i98luma{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #igafwui{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #io8r8qe{background-image:linear-gradient(rgb(var(--studio-rgb-ink) / 0) 0%, transparent 100%);}
html[data-theme="studio"][data-studio-page="rag"] #ijnlut7{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ihfz1wj{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue2) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ir8cp5h{background-image:radial-gradient(circle, rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #i2plxco{background-image:linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .08), rgb(var(--studio-rgb-blue2) / .08), rgb(var(--studio-rgb-blue) / .08), transparent);}
html[data-theme="studio"][data-studio-page="rag"] #ihzvyzg{background-image:linear-gradient(135deg, rgb(var(--studio-rgb-ink) / 0) 0%, rgb(var(--studio-rgb-ink) / 0) 50%, rgb(var(--studio-rgb-ink) / 0) 100%);}
html[data-theme="studio"][data-studio-page="rag"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="rag"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="rag"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="rag"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="rag"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="rag"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="rag"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="rag"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="rag"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="rag"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="rag"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="rag"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="rag"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="rag"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="rag"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="rag"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="rag"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="rag"] nav#header{--hdr-tint:rgb(var(--studio-rgb-soft) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-soft) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* reduce-claude-code-costs.html */
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-claude-code-costs"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* reduce-llm-api-costs.html */
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="reduce-llm-api-costs"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* security.html */
html[data-theme="studio"][data-studio-page="security"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="security"] .gradient-text{background-image:linear-gradient(90deg,var(--st-blue) 0%,var(--st-blue2) 100%);}
html[data-theme="studio"][data-studio-page="security"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="security"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="security"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="security"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="security"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="security"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="security"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="security"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="security"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="security"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="security"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="security"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="security"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="security"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="security"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="security"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="security"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="security"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* terms.html */
html[data-theme="studio"][data-studio-page="terms"]{--bg:var(--st-paper);--panel:var(--st-paper);--panel-2:var(--st-soft);--line:var(--st-line);--line-2:var(--st-line2);--ink:var(--st-ink);--g300:var(--st-text);--g350:var(--st-mid);--g400:var(--st-mid);--g500:var(--st-muted);--g600:var(--st-muted);--cyan:var(--st-blue);--violet:var(--st-blue2);--blue:var(--st-blue);--green:var(--st-green);--amber:var(--st-amber);--red:var(--st-red);--grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));}
html:where([data-theme="studio"][data-studio-page="terms"]) ::selection{background-color:var(--st-blue2);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .progress{box-shadow:0 0 12px rgb(var(--studio-rgb-blue) / .5)}
html[data-theme="studio"][data-studio-page="terms"] nav.site{background-color:rgb(var(--studio-rgb-paper) / .72)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .links a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .login:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .cta{color:var(--st-ink);box-shadow:0 0 24px rgb(var(--studio-rgb-blue2) / .30)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .burger{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] #mmenu{background-color:rgb(var(--studio-rgb-paper) / .93)}
html[data-theme="studio"][data-studio-page="terms"] #mmenu a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .dd-wrap:hover>button,html[data-theme="studio"][data-studio-page="terms"] nav.site .dd-wrap:focus-within>button{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .dd-menu{border-color:rgb(var(--studio-rgb-line2) / 1);background-color:rgb(var(--studio-rgb-soft) / .92)}
html[data-theme="studio"][data-studio-page="terms"] nav.site .dd-menu a:hover{background-color:rgb(var(--studio-rgb-ink) / .05);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .lhero .glow{background-image:radial-gradient(ellipse 55% 45% at 78% 0%,rgb(var(--studio-rgb-ink) / 0),transparent 70%),radial-gradient(ellipse 50% 40% at 12% 8%,rgb(var(--studio-rgb-ink) / 0),transparent 70%)}
html[data-theme="studio"][data-studio-page="terms"] .badge{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .08)}
html[data-theme="studio"][data-studio-page="terms"] button.pill:hover{color:var(--st-ink);background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .tabstrip a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .tabstrip a.on{color:var(--st-ink);background-image:linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08));border-color:rgb(var(--studio-rgb-blue2) / 1);box-shadow:0 0 20px rgb(var(--studio-rgb-blue2) / .18)}
html[data-theme="studio"][data-studio-page="terms"] .gcard::before{background-image:radial-gradient(circle at 20% 0%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 65%)}
html[data-theme="studio"][data-studio-page="terms"] .gcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .gcard b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .toc a.on{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .toc a.on::before{box-shadow:0 0 8px rgb(var(--studio-rgb-blue) / .6)}
html[data-theme="studio"][data-studio-page="terms"] .doc h2{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .doc h2 .n{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .07)}
html[data-theme="studio"][data-studio-page="terms"] .doc h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .doc p b,html[data-theme="studio"][data-studio-page="terms"] .doc li b{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .co.info{border-color:rgb(var(--studio-rgb-blue) / 1);background-color:rgb(var(--studio-rgb-blue) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .co.warn{border-color:rgb(var(--studio-rgb-amber) / 1);background-color:rgb(var(--studio-rgb-amber) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .co.danger{border-color:rgb(var(--studio-rgb-red) / 1);background-color:rgb(var(--studio-rgb-red) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .co.ok{border-color:rgb(var(--studio-rgb-green) / 1);background-color:rgb(var(--studio-rgb-green) / .05)}
html[data-theme="studio"][data-studio-page="terms"] table.tbl th{background-color:rgb(var(--studio-rgb-ink) / .03)}
html[data-theme="studio"][data-studio-page="terms"] table.tbl tr:hover td{background-color:rgb(var(--studio-rgb-ink) / .02)}
html[data-theme="studio"][data-studio-page="terms"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .tag.cyan{background-color:rgb(var(--studio-rgb-blue) / .08);border-color:rgb(var(--studio-rgb-blue) / 1)}
html[data-theme="studio"][data-studio-page="terms"] .tag.violet{color:var(--st-blue2);background-color:rgb(var(--studio-rgb-blue2) / .08);border-color:rgb(var(--studio-rgb-blue2) / 1)}
html[data-theme="studio"][data-studio-page="terms"] .tag.green{color:var(--st-green);background-color:rgb(var(--studio-rgb-green) / .08);border-color:rgb(var(--studio-rgb-green) / 1)}
html[data-theme="studio"][data-studio-page="terms"] .tag.amber{color:var(--st-amber);background-color:rgb(var(--studio-rgb-amber) / .08);border-color:rgb(var(--studio-rgb-amber) / 1)}
html[data-theme="studio"][data-studio-page="terms"] .tag.red{color:var(--st-red);background-color:rgb(var(--studio-rgb-red) / .08);border-color:rgb(var(--studio-rgb-red) / 1)}
html[data-theme="studio"][data-studio-page="terms"] .tag.gray{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .contact-card{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="terms"] .contact-card .row a{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .hcard::before{background-image:radial-gradient(circle at 18% -10%,var(--gg,rgb(var(--studio-rgb-ink) / 0)),transparent 62%)}
html[data-theme="studio"][data-studio-page="terms"] .hcard:hover{box-shadow:0 24px 60px -24px rgb(var(--studio-rgb-ink) / .8)}
html[data-theme="studio"][data-studio-page="terms"] .hcard .ic{background-color:rgb(var(--studio-rgb-ink) / .05)}
html[data-theme="studio"][data-studio-page="terms"] .hcard h3{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .hub-note{background-image:linear-gradient(135deg,rgb(var(--studio-rgb-ink) / 0),rgb(var(--studio-rgb-ink) / 0) 55%,rgb(var(--studio-rgb-ink) / 0))}
html[data-theme="studio"][data-studio-page="terms"] .hub-note .btn{color:var(--st-ink);box-shadow:0 0 30px rgb(var(--studio-rgb-blue2) / .3)}
html[data-theme="studio"][data-studio-page="terms"] footer.site{background-color:var(--st-paper)}
html[data-theme="studio"][data-studio-page="terms"] footer.site .soc a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] footer.site h4{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] footer.site ul a:hover{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] footer.site .base .st b{color:var(--st-green)}
@media print{
html[data-theme="studio"][data-studio-page="terms"] body{background-color:var(--st-paper);color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .lhero h1,html[data-theme="studio"][data-studio-page="terms"] .lhero h1 .grad{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .lhero .lede,html[data-theme="studio"][data-studio-page="terms"] .doc p,html[data-theme="studio"][data-studio-page="terms"] .doc li,html[data-theme="studio"][data-studio-page="terms"] .gcard p,html[data-theme="studio"][data-studio-page="terms"] .pill{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .gcard,html[data-theme="studio"][data-studio-page="terms"] .pill,html[data-theme="studio"][data-studio-page="terms"] .co,html[data-theme="studio"][data-studio-page="terms"] .tblwrap,html[data-theme="studio"][data-studio-page="terms"] .contact-card{background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="terms"] .gcard b,html[data-theme="studio"][data-studio-page="terms"] .doc h2,html[data-theme="studio"][data-studio-page="terms"] .doc h3,html[data-theme="studio"][data-studio-page="terms"] .doc p b,html[data-theme="studio"][data-studio-page="terms"] .doc li b,html[data-theme="studio"][data-studio-page="terms"] table.tbl td.k{color:var(--st-ink)}
html[data-theme="studio"][data-studio-page="terms"] .doc h2 .n{color:var(--st-blue);border-color:var(--st-blue)}
html[data-theme="studio"][data-studio-page="terms"] table.tbl th{color:var(--st-muted);background-color:var(--st-paper);border-color:var(--st-line2)}
html[data-theme="studio"][data-studio-page="terms"] table.tbl td{color:var(--st-ink);border-color:var(--st-line2)}}
/* waitlist-activate.html */
html[data-theme="studio"][data-studio-page="waitlist-activate"] .glass-panel{background-color:rgb(var(--studio-rgb-soft) / 0.8);border-color:rgb(var(--studio-rgb-line2) / 1);}
html[data-theme="studio"][data-studio-page="waitlist-activate"] .eye-toggle:hover{color:var(--st-ink);}
/* what-is-an-llm-router.html */
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] body{background-color:var(--st-paper);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] .site-glass{background-color:rgb(var(--studio-rgb-soft) / .7);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] .site-grad{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08) 0%,rgb(var(--studio-rgb-blue2) / .08) 100%));}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header.site-glass.scrolled{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .9));box-shadow:0 16px 40px -18px rgb(var(--studio-rgb-ink) / .85);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header a[data-nav],html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .site-dropdown-wrap>button{color:var(--hdr-ink,var(--st-muted));}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header a[data-nav]:hover,html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .site-dropdown-wrap:hover>button{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header a[data-nav]::after,html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .site-dropdown-wrap>button::after{background-image:linear-gradient(90deg,var(--hdr-accent,rgb(var(--studio-rgb-blue) / .08)),var(--hdr-accent-2,rgb(var(--studio-rgb-blue2) / .08)));}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header a[data-nav][aria-current="page"]{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .site-dropdown>.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .92));border-color:var(--hdr-line,rgb(var(--studio-rgb-line2) / 1));}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .site-dropdown i{color:var(--hdr-accent,var(--st-blue));}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .site-dropdown a:hover{background-color:color-mix(in srgb,var(--hdr-accent,var(--st-blue)) 13%,transparent);color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .hdr-cta{background:var(--hdr-grad,linear-gradient(90deg,rgb(var(--studio-rgb-blue) / .08),rgb(var(--studio-rgb-blue2) / .08)));color:var(--st-ink);box-shadow:0 6px 20px -7px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .4)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .2);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header .hdr-cta:hover{box-shadow:0 12px 30px -8px var(--hdr-glow,rgb(var(--studio-rgb-ink) / .5)),inset 0 1px 0 rgb(var(--studio-rgb-ink) / .25);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header #mobile-menu.site-glass{background:var(--hdr-tint-solid,rgb(var(--studio-rgb-soft) / .95));}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header #mobile-menu a:hover{color:var(--st-ink);}
html[data-theme="studio"][data-studio-page="what-is-an-llm-router"] nav#header{--hdr-tint:rgb(var(--studio-rgb-paper) / .72);--hdr-tint-solid:rgb(var(--studio-rgb-paper) / .93);--hdr-accent:var(--st-blue);--hdr-accent-2:var(--st-blue2);--hdr-grad:linear-gradient(90deg,var(--st-blue),var(--st-blue2));--hdr-glow:rgb(var(--studio-rgb-blue) / .42);--hdr-ink:var(--st-mid);--hdr-line:var(--st-line);}
/* Existing inline colors and native chart marks. */
html[data-theme="studio"] [style="position:absolute;left:-9999px;top:auto;z-index:100;padding:8px 16px;background:#111827;color:#fff;border-radius:6px"]{background-color:var(--st-soft)!important;color:var(--st-ink)!important}
html[data-theme="studio"] [style="background-image: radial-gradient(#4B5563 1px, transparent 1px); background-size: 24px 24px;"]{background-image:radial-gradient(var(--st-line2) 1px, transparent 1px)!important}
html[data-theme="studio"] [style="--gc:var(--cyan);--gg:rgba(0,240,255,.07)"]{--gg:rgb(var(--studio-rgb-blue) / 1)!important}
html[data-theme="studio"] [style="--gc:var(--violet);--gg:rgba(138,43,226,.10)"]{--gg:rgb(var(--studio-rgb-blue2) / 1)!important}
html[data-theme="studio"] [style="--gc:var(--amber);--gg:rgba(234,179,8,.10)"]{--gg:rgb(var(--studio-rgb-amber) / 1)!important}
html[data-theme="studio"] [style="--gc:var(--green);--gg:rgba(34,197,94,.10)"]{--gg:rgb(var(--studio-rgb-green) / 1)!important}
html[data-theme="studio"] [fill="#94a3b8"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: #94a3b8"]:not(mask *):not(clipPath *),html[data-theme="studio"] [fill="rgb(148, 163, 184)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: rgb(148, 163, 184)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [fill="rgb(148,163,184)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: rgb(148,163,184)"]:not(mask *):not(clipPath *){fill:var(--st-muted)!important}
html[data-theme="studio"] [stroke="#94a3b8"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: #94a3b8"]:not(mask *):not(clipPath *),html[data-theme="studio"] [stroke="rgb(148, 163, 184)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: rgb(148, 163, 184)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [stroke="rgb(148,163,184)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: rgb(148,163,184)"]:not(mask *):not(clipPath *){stroke:var(--st-muted)!important}
html[data-theme="studio"] [fill="#0ea5e9"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: #0ea5e9"]:not(mask *):not(clipPath *),html[data-theme="studio"] [fill="rgb(14, 165, 233)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: rgb(14, 165, 233)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [fill="rgb(14,165,233)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: rgb(14,165,233)"]:not(mask *):not(clipPath *){fill:var(--st-blue)!important}
html[data-theme="studio"] [stroke="#0ea5e9"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: #0ea5e9"]:not(mask *):not(clipPath *),html[data-theme="studio"] [stroke="rgb(14, 165, 233)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: rgb(14, 165, 233)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [stroke="rgb(14,165,233)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: rgb(14,165,233)"]:not(mask *):not(clipPath *){stroke:var(--st-blue)!important}
html[data-theme="studio"] [fill="#f8fafc"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: #f8fafc"]:not(mask *):not(clipPath *),html[data-theme="studio"] [fill="rgb(248, 250, 252)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: rgb(248, 250, 252)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [fill="rgb(248,250,252)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="fill: rgb(248,250,252)"]:not(mask *):not(clipPath *){fill:var(--st-ink)!important}
html[data-theme="studio"] [stroke="#f8fafc"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: #f8fafc"]:not(mask *):not(clipPath *),html[data-theme="studio"] [stroke="rgb(248, 250, 252)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: rgb(248, 250, 252)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [stroke="rgb(248,250,252)"]:not(mask *):not(clipPath *),html[data-theme="studio"] [style*="stroke: rgb(248,250,252)"]:not(mask *):not(clipPath *){stroke:var(--st-ink)!important}
html[data-theme="studio"] [style="--gc:#3b82f6;--gg:rgba(0,85,255,.10)"]{--gc:var(--st-blue)!important;--gg:rgb(var(--studio-rgb-blue) / 1)!important}
html[data-theme="studio"] [style="--gc:var(--cyan);--gg:rgba(0,240,255,.08)"]{--gg:rgb(var(--studio-rgb-blue) / 1)!important}
html[data-theme="studio"] [style="--gc:#ff6ec7;--gg:rgba(255,110,199,.10)"]{--gc:var(--st-blue2)!important;--gg:rgb(var(--studio-rgb-blue2) / 1)!important}
/* Studio component surfaces. Appended after the palette adapter so complete
   foreground/background pairs win over isolated utility-color conversions.
   Content, layout, typography, icons, and native animation handlers are shared. */
html[data-theme="studio"] :is(.glass-panel,.glass-card,.glass,.gcard,.hcard,.mc,.plan,.contact-card,.doc,.toc,.tblwrap,.card-glass,.code-block) {
  background-color:var(--st-paper)!important;
  border-color:var(--st-line2)!important;
  color:var(--st-ink);
  box-shadow:0 2px 4px rgb(var(--studio-rgb-ink) / .035),0 12px 28px -20px rgb(var(--studio-rgb-ink) / .18);
}
html[data-theme="studio"] :is(.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl)[class*="border"]:is([class~="p-4"],[class~="p-5"],[class~="p-6"],[class~="p-8"]) {
  border-color:var(--st-line2)!important;
}
html[data-theme="studio"] :is(.glass-panel,.glass-card,.gcard,.hcard,.mc,.plan,.contact-card):hover,
html[data-theme="studio"] :is(.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl)[class*="border"]:is([class~="p-4"],[class~="p-5"],[class~="p-6"],[class~="p-8"]):hover {
  border-color:var(--st-control)!important;
}
/* The existing section rhythm reads as white cards on soft blue-gray bands. */
html[data-theme="studio"][data-studio-page="index"] :is(#metrics,#tool-compatibility,#value-proposition,#technical-trust,#faq) {
  background-color:var(--st-soft);
  --surface:var(--st-paper);
  --surface-solid:var(--st-paper);
  --line:var(--st-line2);
}
html[data-theme="studio"] :is(.airllm-hero-viz .req,.airllm-hero-viz .bill,.airllm-hero-viz .mpill) {
  background-color:var(--st-paper)!important;
  border-color:var(--st-line2)!important;
}
html[data-theme="studio"] :is(.airllm-hero-viz .core,.airllm-hero-viz .proc) {
  background-color:var(--st-paper)!important;
  border-color:var(--st-control)!important;
}
html[data-theme="studio"] :is(.airllm-hero-viz .tok,.airllm-hero-viz .zone-label,.airllm-hero-viz .mpill .mk) { color:var(--st-muted)!important; }
html[data-theme="studio"][data-studio-page="coming-soon"] .vis .ln i { color:var(--st-onAccent)!important; }
/* Solid accent badges need the same readable label pair as filled buttons. */
html[data-theme="studio"] :is(.bg-btn-gradient,.bg-accent-blue,.bg-cyan):not(.bg-clip-text),
html[data-theme="studio"][data-studio-page="benchmark"] .from-primary.via-accent.to-cyan-400 {
  background-color:var(--st-blue)!important;
  background-image:linear-gradient(90deg,var(--st-blue),var(--st-blue2))!important;
  color:var(--st-onAccent)!important;
}
html[data-theme="studio"] :is(.bg-btn-gradient,.bg-accent-blue,.bg-cyan):not(.bg-clip-text) *,
html[data-theme="studio"][data-studio-page="benchmark"] .from-primary.via-accent.to-cyan-400 * { color:var(--st-onAccent)!important; }
/* Primary actions always have a saturated blue fill and a white label. */
html[data-theme="studio"] :is(a,button,input[type="submit"]):is(.bg-btn-gradient,.bg-button-glow,.bg-accent-gradient,.site-grad,.hdr-cta,
  .bg-primary,.bg-primaryHover,.bg-accent,.bg-accent-main,.bg-accent-hover,.bg-accent-blue,.bg-accent-cyan,.bg-accent-purple,
  .bg-brand-cyan,.bg-brand-blue,.bg-brand-violet,.bg-electric-blue,.bg-electric-cyan,.bg-electric-purple,
  .bg-blue-500,.bg-blue-600,.bg-cyan-500,.bg-purple-500,.bg-green-500,.bg-green-400,.bg-white,.btn-primary,.cta,[class*="bg-gradient-to-"]):not(.bg-clip-text),
html[data-theme="studio"] .hub-note .btn {
  background-color:var(--st-blue)!important;
  background-image:linear-gradient(90deg,var(--st-blue),var(--st-blue2))!important;
  border-color:var(--st-blue)!important;
  color:var(--st-onAccent)!important;
  box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3);
}
html[data-theme="studio"] :is(a,button,input[type="submit"]):is(.bg-btn-gradient,.bg-button-glow,.bg-accent-gradient,.site-grad,.hdr-cta,
  .bg-primary,.bg-primaryHover,.bg-accent,.bg-accent-main,.bg-accent-hover,.bg-accent-blue,.bg-accent-cyan,.bg-accent-purple,
  .bg-brand-cyan,.bg-brand-blue,.bg-brand-violet,.bg-electric-blue,.bg-electric-cyan,.bg-electric-purple,
  .bg-blue-500,.bg-blue-600,.bg-cyan-500,.bg-purple-500,.bg-green-500,.bg-green-400,.bg-white,.btn-primary,.cta,[class*="bg-gradient-to-"]):not(.bg-clip-text) *,
html[data-theme="studio"] .hub-note .btn * { color:var(--st-onAccent)!important; }
html[data-theme="studio"] :is(a,button):is(.bg-btn-gradient,.bg-button-glow,.bg-accent-gradient,.site-grad,.hdr-cta,.bg-primary,.bg-primaryHover,
  .bg-accent-main,.bg-accent-blue,.bg-electric-blue,.bg-green-500,.bg-green-400,.bg-white,.btn-primary,.cta,[class*="bg-gradient-to-"]):not(.bg-clip-text):hover {
  background-color:var(--st-hover)!important;
  background-image:linear-gradient(90deg,var(--st-hover),var(--st-blue2))!important;
  border-color:var(--st-hover)!important;
}
/* Secondary actions have opaque surfaces, dark labels, and a visible outline. */
html[data-theme="studio"] :is(a,button):is(.glass-panel,.glass-card,.btn-ghost),
html[data-theme="studio"] :is(a,button)[class*="border"]:is([class~="bg-white/3"],[class~="bg-white/5"],[class~="bg-white/10"],[class~="bg-white/20"],[class~="bg-white/[0.02]"]),
html[data-theme="studio"] :is(a,button).bg-surface[class*="border"] {
  background-color:var(--st-paper)!important;
  border-color:var(--st-control)!important;
  color:var(--st-ink)!important;
}
html[data-theme="studio"] :is(a,button):is(.glass-panel,.glass-card,.btn-ghost) *,
html[data-theme="studio"] :is(a,button)[class*="border"]:is([class~="bg-white/3"],[class~="bg-white/5"],[class~="bg-white/10"],[class~="bg-white/20"],[class~="bg-white/[0.02]"]) * { color:var(--st-ink)!important; }
html[data-theme="studio"] :is(a,button):is(.glass-panel,.glass-card,.btn-ghost):hover,
html[data-theme="studio"] :is(a,button)[class*="border"]:is([class~="bg-white/3"],[class~="bg-white/5"],[class~="bg-white/10"],[class~="bg-white/20"],[class~="bg-white/[0.02]"]):hover {
  background-color:var(--st-soft)!important;
  border-color:var(--st-blue)!important;
  color:var(--st-blue)!important;
}
/* Selected tabs stay distinct from the surface and from their unselected peers. */
html[data-theme="studio"] :is(a,button):is(.pricing-toggle-active,.os-tab.active,.pill-on),
html[data-theme="studio"] .tabstrip a.on {
  background-color:var(--st-blue)!important;
  background-image:linear-gradient(90deg,var(--st-blue),var(--st-blue2))!important;
  border-color:var(--st-blue)!important;
  color:var(--st-onAccent)!important;
}
html[data-theme="studio"] :is(a,button):is(.pricing-toggle-active,.os-tab.active,.pill-on) *,
html[data-theme="studio"] .tabstrip a.on * { color:var(--st-onAccent)!important; }
html[data-theme="studio"] :is(a,button).os-tab:not(.active) {
  background-color:var(--st-paper)!important;
  border-color:var(--st-control)!important;
  color:var(--st-mid)!important;
}
html[data-theme="studio"] :is(.code-block,.code-lang,.tabstrip,.client-row,.checklist-item) { border-color:var(--st-line2)!important; }
/* studio-fixes/404.css */
/* Studio fixes for 404.html — colour-only, scoped to this page.
   The hero glow is cleared site-wide in _shared.css (white pages). */
/* studio-fixes/_icons.css */
/* Studio colour system (the approved mock-ups: icons 07 "Clay 3D", cards 32 "Full glow, light").
   studio-icons.js tags Font Awesome icons by meaning with data-st-ico="<family>" (the page's own
   red / orange / green wins), icon-only tiles with data-st-tile, rounded labels with data-st-pill
   and content cards with data-st-card (coloured by their icon; slate when they have none). UI
   glyphs (arrows, chevrons, copy, menu, the Day/Night switch) and anything on a filled or dark
   surface are never tagged. Family tokens: --st-ia light, --st-im mid, --st-ib deep, --st-iv deep
   text (AA on its own tint); --st-ic / --st-icm / --st-icb are the same as rgb channels. */
html[data-theme="studio"] [data-st-ico="blue"], html[data-theme="studio"] [data-st-tile="blue"], html[data-theme="studio"] [data-st-pill="blue"], html[data-theme="studio"] [data-st-card="blue"] { --st-ia:#29b6ff; --st-im:#1e7bff; --st-ib:#2f4fe0; --st-iv:#1d4ed8; --st-ic:41 182 255; --st-icm:30 123 255; --st-icb:47 79 224; }
html[data-theme="studio"] [data-st-ico="sky"], html[data-theme="studio"] [data-st-tile="sky"], html[data-theme="studio"] [data-st-pill="sky"], html[data-theme="studio"] [data-st-card="sky"] { --st-ia:#3dd5ff; --st-im:#12a4f0; --st-ib:#0b6fcc; --st-iv:#075985; --st-ic:61 213 255; --st-icm:18 164 240; --st-icb:11 111 204; }
html[data-theme="studio"] [data-st-ico="teal"], html[data-theme="studio"] [data-st-tile="teal"], html[data-theme="studio"] [data-st-pill="teal"], html[data-theme="studio"] [data-st-card="teal"] { --st-ia:#3ee0c8; --st-im:#12b5a5; --st-ib:#0a7f7d; --st-iv:#115e59; --st-ic:62 224 200; --st-icm:18 181 165; --st-icb:10 127 125; }
html[data-theme="studio"] [data-st-ico="green"], html[data-theme="studio"] [data-st-tile="green"], html[data-theme="studio"] [data-st-pill="green"], html[data-theme="studio"] [data-st-card="green"] { --st-ia:#5ee08a; --st-im:#1fb860; --st-ib:#0b8045; --st-iv:#166534; --st-ic:94 224 138; --st-icm:31 184 96; --st-icb:11 128 69; }
html[data-theme="studio"] [data-st-ico="amber"], html[data-theme="studio"] [data-st-tile="amber"], html[data-theme="studio"] [data-st-pill="amber"], html[data-theme="studio"] [data-st-card="amber"] { --st-ia:#ffd24a; --st-im:#ffa41a; --st-ib:#d96a06; --st-iv:#92400e; --st-ic:255 210 74; --st-icm:255 164 26; --st-icb:217 106 6; }
html[data-theme="studio"] [data-st-ico="orange"], html[data-theme="studio"] [data-st-tile="orange"], html[data-theme="studio"] [data-st-pill="orange"], html[data-theme="studio"] [data-st-card="orange"] { --st-ia:#ffaa5c; --st-im:#ff7a2e; --st-ib:#d4400f; --st-iv:#9a3412; --st-ic:255 170 92; --st-icm:255 122 46; --st-icb:212 64 15; }
html[data-theme="studio"] [data-st-ico="red"], html[data-theme="studio"] [data-st-tile="red"], html[data-theme="studio"] [data-st-pill="red"], html[data-theme="studio"] [data-st-card="red"] { --st-ia:#ff8a8a; --st-im:#f2475a; --st-ib:#c81e3a; --st-iv:#9f1239; --st-ic:255 138 138; --st-icm:242 71 90; --st-icb:200 30 58; }
html[data-theme="studio"] [data-st-ico="pink"], html[data-theme="studio"] [data-st-tile="pink"], html[data-theme="studio"] [data-st-pill="pink"], html[data-theme="studio"] [data-st-card="pink"] { --st-ia:#ff8ac6; --st-im:#f04da0; --st-ib:#be1d72; --st-iv:#9d174d; --st-ic:255 138 198; --st-icm:240 77 160; --st-icb:190 29 114; }
html[data-theme="studio"] [data-st-ico="purple"], html[data-theme="studio"] [data-st-tile="purple"], html[data-theme="studio"] [data-st-pill="purple"], html[data-theme="studio"] [data-st-card="purple"] { --st-ia:#d39bff; --st-im:#a35cff; --st-ib:#7a2fe0; --st-iv:#6b21a8; --st-ic:211 155 255; --st-icm:163 92 255; --st-icb:122 47 224; }
html[data-theme="studio"] [data-st-ico="ai"], html[data-theme="studio"] [data-st-tile="ai"], html[data-theme="studio"] [data-st-pill="ai"], html[data-theme="studio"] [data-st-card="ai"] { --st-ia:#3aa0ff; --st-im:#8e5cff; --st-ib:#e0418f; --st-iv:#5b21b6; --st-ic:58 160 255; --st-icm:142 92 255; --st-icb:224 65 143; }
html[data-theme="studio"] [data-st-ico="indigo"], html[data-theme="studio"] [data-st-tile="indigo"], html[data-theme="studio"] [data-st-pill="indigo"], html[data-theme="studio"] [data-st-card="indigo"] { --st-ia:#8ea2ff; --st-im:#6170ff; --st-ib:#4338ca; --st-iv:#3730a3; --st-ic:142 162 255; --st-icm:97 112 255; --st-icb:67 56 202; }
html[data-theme="studio"] [data-st-ico="slate"], html[data-theme="studio"] [data-st-tile="slate"], html[data-theme="studio"] [data-st-pill="slate"], html[data-theme="studio"] [data-st-card="slate"] { --st-ia:#a3b1c6; --st-im:#74859c; --st-ib:#4f5f75; --st-iv:#334155; --st-ic:163 177 198; --st-icm:116 133 156; --st-icb:79 95 117; }
html[data-theme="studio"] [data-st-ico="github"], html[data-theme="studio"] [data-st-tile="github"], html[data-theme="studio"] [data-st-pill="github"], html[data-theme="studio"] [data-st-card="github"] { --st-ia:#8b949e; --st-im:#4b535d; --st-ib:#24292f; --st-iv:#24292f; --st-ic:139 148 158; --st-icm:75 83 93; --st-icb:36 41 47; }
html[data-theme="studio"] [data-st-ico="apple"], html[data-theme="studio"] [data-st-tile="apple"], html[data-theme="studio"] [data-st-pill="apple"], html[data-theme="studio"] [data-st-card="apple"] { --st-ia:#8e8e93; --st-im:#55585e; --st-ib:#1d1d1f; --st-iv:#1d1d1f; --st-ic:142 142 147; --st-icm:85 88 94; --st-icb:29 29 31; }
html[data-theme="studio"] [data-st-ico="twitter"], html[data-theme="studio"] [data-st-tile="twitter"], html[data-theme="studio"] [data-st-pill="twitter"], html[data-theme="studio"] [data-st-card="twitter"] { --st-ia:#5cc0ff; --st-im:#1d9bf0; --st-ib:#1478c0; --st-iv:#0c5a8c; --st-ic:92 192 255; --st-icm:29 155 240; --st-icb:20 120 192; }
html[data-theme="studio"] [data-st-ico="discord"], html[data-theme="studio"] [data-st-tile="discord"], html[data-theme="studio"] [data-st-pill="discord"], html[data-theme="studio"] [data-st-card="discord"] { --st-ia:#8c9bff; --st-im:#5865f2; --st-ib:#3c45b8; --st-iv:#3c45b8; --st-ic:140 155 255; --st-icm:88 101 242; --st-icb:60 69 184; }
html[data-theme="studio"] [data-st-ico="linkedin"], html[data-theme="studio"] [data-st-tile="linkedin"], html[data-theme="studio"] [data-st-pill="linkedin"], html[data-theme="studio"] [data-st-card="linkedin"] { --st-ia:#4a9ae6; --st-im:#0a66c2; --st-ib:#004182; --st-iv:#004182; --st-ic:74 154 230; --st-icm:10 102 194; --st-icb:0 65 130; }
html[data-theme="studio"] [data-st-ico="windows"], html[data-theme="studio"] [data-st-tile="windows"], html[data-theme="studio"] [data-st-pill="windows"], html[data-theme="studio"] [data-st-card="windows"] { --st-ia:#4cc2ff; --st-im:#0078d4; --st-ib:#0055a6; --st-iv:#00519c; --st-ic:76 194 255; --st-icm:0 120 212; --st-icb:0 85 166; }
html[data-theme="studio"] [data-st-ico="microsoft"], html[data-theme="studio"] [data-st-tile="microsoft"], html[data-theme="studio"] [data-st-pill="microsoft"], html[data-theme="studio"] [data-st-card="microsoft"] { --st-ia:#00a4ef; --st-im:#7fba00; --st-ib:#f25022; --st-iv:#0f5bd8; --st-ic:0 164 239; --st-icm:127 186 0; --st-icb:242 80 34; }
html[data-theme="studio"] [data-st-ico="google"], html[data-theme="studio"] [data-st-tile="google"], html[data-theme="studio"] [data-st-pill="google"], html[data-theme="studio"] [data-st-card="google"] { --st-ia:#4285f4; --st-im:#34a853; --st-ib:#ea4335; --st-iv:#1a56c4; --st-ic:66 133 244; --st-icm:52 168 83; --st-icb:234 67 53; }
html[data-theme="studio"] [data-st-ico="slack"], html[data-theme="studio"] [data-st-tile="slack"], html[data-theme="studio"] [data-st-pill="slack"], html[data-theme="studio"] [data-st-card="slack"] { --st-ia:#36c5f0; --st-im:#2eb67d; --st-ib:#e01e5a; --st-iv:#8a1c47; --st-ic:54 197 240; --st-icm:46 182 125; --st-icb:224 30 90; }
html[data-theme="studio"] [data-st-ico="aws"], html[data-theme="studio"] [data-st-tile="aws"], html[data-theme="studio"] [data-st-pill="aws"], html[data-theme="studio"] [data-st-card="aws"] { --st-ia:#ffb84d; --st-im:#ff9900; --st-ib:#e47911; --st-iv:#8a4400; --st-ic:255 184 77; --st-icm:255 153 0; --st-icb:228 121 17; }
html[data-theme="studio"] [data-st-ico="facebook"], html[data-theme="studio"] [data-st-tile="facebook"], html[data-theme="studio"] [data-st-pill="facebook"], html[data-theme="studio"] [data-st-card="facebook"] { --st-ia:#4a90ff; --st-im:#0866ff; --st-ib:#0047c2; --st-iv:#0047c2; --st-ic:74 144 255; --st-icm:8 102 255; --st-icb:0 71 194; }
html[data-theme="studio"] [data-st-ico="npm"], html[data-theme="studio"] [data-st-tile="npm"], html[data-theme="studio"] [data-st-pill="npm"], html[data-theme="studio"] [data-st-card="npm"] { --st-ia:#e25554; --st-im:#cb3837; --st-ib:#a32b2a; --st-iv:#8f2524; --st-ic:226 85 84; --st-icm:203 56 55; --st-icb:163 43 42; }
html[data-theme="studio"] [data-st-ico="confluence"], html[data-theme="studio"] [data-st-tile="confluence"], html[data-theme="studio"] [data-st-pill="confluence"], html[data-theme="studio"] [data-st-card="confluence"] { --st-ia:#4c9aff; --st-im:#1868db; --st-ib:#0052cc; --st-iv:#0747a6; --st-ic:76 154 255; --st-icm:24 104 219; --st-icb:0 82 204; }
/* Glyphs: matte, from the family's mid shade into its deep shade. */
html[data-theme="studio"][data-studio-page] i[data-st-ico]::before {
  background-image: linear-gradient(140deg, var(--st-im) 10%, var(--st-iv) 90%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--st-iv);
}
/* SVG glyphs point at the same gradient in #st-ico-defs (deep shade if it's missing). */
html[data-theme="studio"] svg[data-st-ico="blue"] { --st-ig: url(#st-icod-blue) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="sky"] { --st-ig: url(#st-icod-sky) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="teal"] { --st-ig: url(#st-icod-teal) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="green"] { --st-ig: url(#st-icod-green) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="amber"] { --st-ig: url(#st-icod-amber) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="orange"] { --st-ig: url(#st-icod-orange) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="red"] { --st-ig: url(#st-icod-red) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="pink"] { --st-ig: url(#st-icod-pink) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="purple"] { --st-ig: url(#st-icod-purple) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="ai"] { --st-ig: url(#st-icod-ai) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="indigo"] { --st-ig: url(#st-icod-indigo) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="slate"] { --st-ig: url(#st-icod-slate) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="github"] { --st-ig: url(#st-icod-github) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="apple"] { --st-ig: url(#st-icod-apple) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="twitter"] { --st-ig: url(#st-icod-twitter) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="discord"] { --st-ig: url(#st-icod-discord) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="linkedin"] { --st-ig: url(#st-icod-linkedin) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="windows"] { --st-ig: url(#st-icod-windows) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="microsoft"] { --st-ig: url(#st-icod-microsoft) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="google"] { --st-ig: url(#st-icod-google) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="slack"] { --st-ig: url(#st-icod-slack) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="aws"] { --st-ig: url(#st-icod-aws) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="facebook"] { --st-ig: url(#st-icod-facebook) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="npm"] { --st-ig: url(#st-icod-npm) var(--st-iv); }
html[data-theme="studio"] svg[data-st-ico="confluence"] { --st-ig: url(#st-icod-confluence) var(--st-iv); }
html[data-theme="studio"][data-studio-page] svg[data-st-ico] :is(path, circle, rect, polygon) {
  fill: var(--st-ig, var(--st-iv));
}
html[data-theme="studio"] #st-ico-defs .sa { stop-color: var(--st-ia); }
html[data-theme="studio"] #st-ico-defs .sm { stop-color: var(--st-im); }
html[data-theme="studio"] #st-ico-defs .sb { stop-color: var(--st-ib); }
html[data-theme="studio"] #st-ico-defs .dm { stop-color: var(--st-im); }
html[data-theme="studio"] #st-ico-defs .dv { stop-color: var(--st-iv); }
/* Icon tiles — Clay 3D: a soft tinted tile lit from above (inner top highlight), shaded below
   (inner depth in the deep shade) and lifted by a shadow of its own colour. The repeated
   attribute outranks page fixes that had filled some tiles solid. */
html[data-theme="studio"][data-studio-page] [data-st-tile][data-st-tile][data-st-tile] {
  background-color: #ffffff !important;
  background-image: linear-gradient(160deg, rgb(var(--st-ic) / .20), rgb(var(--st-icm) / .30)) !important;
  border-color: rgb(255 255 255 / .65) !important;
  box-shadow:
    inset 0 2px 1px rgb(255 255 255 / .95),
    inset 0 -5px 9px rgb(var(--st-icb) / .20),
    0 12px 20px -12px rgb(var(--st-icb) / .6),
    0 2px 4px rgb(var(--studio-rgb-ink) / .06) !important;
}
html[data-theme="studio"][data-studio-page] [data-st-tile] :is(svg[data-st-ico], i[data-st-ico]:not(:has(svg))) {
  filter: drop-shadow(0 1px 0 rgb(255 255 255 / .85));
}
/* Labels: a flat tint of the family with a matching outline and deep AA text. */
html[data-theme="studio"][data-studio-page] [data-st-pill] {
  background-color: var(--st-paper) !important;
  background-image: linear-gradient(rgb(var(--st-ic) / .16), rgb(var(--st-ic) / .16)) !important;
  border-color: rgb(var(--st-icm) / .45) !important;
  color: var(--st-iv) !important;
  box-shadow: none !important;
}
html[data-theme="studio"][data-studio-page] [data-st-pill] :not([data-st-ico], [data-st-ico] *) {
  color: var(--st-iv) !important;
  -webkit-text-fill-color: currentColor;
}
html[data-theme="studio"][data-studio-page] [data-st-pill] > :is(span, div):empty {
  background-color: var(--st-im) !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* Cards — Full glow, light: white, with a barely-there glow of the card's colour across the whole
   card (brightest top-right, a deeper echo from the bottom-left), a tinted outline, a white top
   highlight and a soft lift in the same colour. */
html[data-theme="studio"][data-studio-page] [data-st-card][data-st-card][data-st-card] {
  background-color: #ffffff !important;
  background-image:
    radial-gradient(130% 115% at 100% 0%, rgb(var(--st-ic) / .06) 0%, rgb(var(--st-ic) / .024) 45%, rgb(var(--st-ic) / 0) 80%),
    radial-gradient(115% 105% at 0% 100%, rgb(var(--st-icm) / .032) 0%, rgb(var(--st-icm) / 0) 70%),
    linear-gradient(160deg, rgb(var(--st-ic) / .014), rgb(var(--st-icm) / .01)) !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .9),
    0 1px 2px rgb(var(--studio-rgb-ink) / .05),
    0 16px 32px -22px rgb(var(--st-icm) / .5) !important;
}
/* The legal pages paint their own corner glow on ::before through --gg; the card glow replaces it. */
html[data-theme="studio"][data-studio-page] [data-st-card][data-st-card][data-st-card] { --gg: transparent !important; }
html[data-theme="studio"][data-studio-page] [data-st-card][data-st-card][data-st-card]:not([data-st-card-border]) {
  border-color: rgb(var(--st-icm) / .24) !important;
}
/* Warm families (amber, orange) turn the glow cream, which read as a cream section on wide cards
   and panels: those cards stay plain white and keep only their tinted outline and lift. */
html[data-theme="studio"][data-studio-page] :is([data-st-card="amber"], [data-st-card="orange"], [data-st-card="aws"])[data-st-card][data-st-card] {
  background-image: none !important;
}
/* studio-fixes/_shared.css */
/* Shared chrome every public page carries: both header variants (nav#header, nav.site), their
   dropdowns and mobile menus, the theme switcher, page scrollbars and the Alina widget.
   [data-studio-page] matches the specificity of the generated per-page copies, so these win by
   order. Studio-scoped and color-only, like everything else in studio-redesign.css. */
/* Scrolled header: Dark's 85%-black drop shadow became a heavy grey band on white paper. */
html[data-theme="studio"][data-studio-page] nav#header.site-glass.scrolled {
  box-shadow: 0 1px 0 var(--st-line), 0 10px 28px -18px rgb(var(--studio-rgb-ink) / .28);
}
/* Floating panels (nav dropdowns) share one soft elevation instead of the near-black glow
   tuned for Dark. */
html[data-theme="studio"][data-studio-page] nav#header .site-dropdown > .site-glass {
  box-shadow: 0 14px 34px -14px rgb(var(--studio-rgb-ink) / .22), 0 2px 6px -2px rgb(var(--studio-rgb-ink) / .08);
}
/* Mobile menus: opaque paper with a clear lower edge, so the menu doesn't blur into the hero
   beneath it; hover reads as a link (Dark's hover went to white, here only text→ink). */
html[data-theme="studio"][data-studio-page] nav#header #mobile-menu.site-glass,
html[data-theme="studio"][data-studio-page] #mmenu {
  background-color: var(--st-paper);
  box-shadow: 0 18px 30px -22px rgb(var(--studio-rgb-ink) / .35);
}
html[data-theme="studio"][data-studio-page] nav#header #mobile-menu a:not(.site-grad):hover,
html[data-theme="studio"][data-studio-page] #mmenu a:hover {
  color: var(--st-blue);
}
/* Page scrollbars: the generator mapped both Dark track and thumb to soft/paper, leaving an
   invisible thumb on nine pages. Same zero-class weight as those rules, so component
   scrollbars keep their own colors. */
html:where([data-theme="studio"]) ::-webkit-scrollbar-track { background-color: var(--st-soft); }
html:where([data-theme="studio"]) ::-webkit-scrollbar-thumb { background-color: var(--st-line2); }
html:where([data-theme="studio"]) ::-webkit-scrollbar-thumb:hover { background-color: var(--st-control); }
/* Alina: the site-wide Studio focus outline drew a hard square inside the rounded composer.
   The composer carries the focus indication instead, as it does in Dark. */
html[data-theme="studio"] .alina-root[data-ctx="public"] .alina-input:focus-visible {
  outline-color: transparent;
}
html[data-theme="studio"] .alina-root[data-ctx="public"] .alina-composer:focus-within {
  border-color: var(--st-blue);
  box-shadow: 0 0 0 3px rgb(var(--studio-rgb-blue) / .18);
}
/* Decorative blur blobs (`rounded-full blur-3xl bg-*-500/10` orbs behind heroes and sections)
   were Studio-blue at 5–8% and stacked into a blue cast across every page. They exist only as
   Dark's ambient light, so Studio keeps the page paper clean. (`backdrop-blur-*` panels are
   real surfaces and are excluded.) */
html[data-theme="studio"][data-studio-page] :is([class*=" blur-"], [class^="blur-"]):not([class*="backdrop-blur"]) {
  background-color: transparent !important;
  background-image: none !important;
}
/* Page rhythm. The page base is white paper; sections Dark set apart with their own tone are
   neutral bands (studio-icons.js alternates data-st-band="paper|tone" after the hero), and panels that depict a product
   screen — architecture maps, dashboards, chat mockups — sit on a canvas (data-st-surface), so
   the cards inside them read as UI. A screen on a band turns white to stay distinct. */
html[data-theme="studio"] { --st-band: #f5f6f8; --st-screen: #f6f8fa; }
html[data-theme="studio"][data-studio-page],
html[data-theme="studio"][data-studio-page] body,
html[data-theme="studio"][data-studio-page] main:not(#main-content) {
  background-color: var(--st-paper) !important;
}
html[data-theme="studio"][data-studio-page] body { background-image: none !important; }
html[data-theme="studio"][data-studio-page] [data-st-band="paper"] {
  background-color: var(--st-paper) !important;
  background-image: none !important;
}
html[data-theme="studio"][data-studio-page] [data-st-band="tone"] {
  background-color: var(--st-band) !important;
  background-image: none !important;
  border-color: var(--st-line) !important;
  --st-screen: #ffffff;
}
html[data-theme="studio"][data-studio-page] [data-st-surface="screen"] {
  background-color: var(--st-screen) !important;
  background-image: linear-gradient(180deg, rgb(255 255 255 / .75), rgb(255 255 255 / 0) 140px) !important;
  border-color: var(--st-line2) !important;
  box-shadow: 0 1px 2px rgb(var(--studio-rgb-ink) / .05), 0 22px 44px -26px rgb(var(--studio-rgb-ink) / .28) !important;
}
/* Full-bleed texture overlays (grid lines, mesh glows) left a faint grey wash on white. */
html[data-theme="studio"][data-studio-page] :is(.grid-bg, .mesh-bg, .hero-bg, .bg-hero-glow, .bg-radial-glow, .glow) {
  background-image: none !important;
}
/* Gradient headlines: Dark's .glow-text halo reads as a blur behind clipped gradient text on
   white (page fixes removed it page by page; this covers every page, the AirCode product
   pages included). */
html[data-theme="studio"][data-studio-page] .glow-text { text-shadow: none !important; }
/* Window chrome traffic lights: Dark's red / amber / green dots at 80% became 8% tints. */
html[data-theme="studio"][data-studio-page] .rounded-full.bg-red-500\/80 { background-color: #ff5f57 !important; }
html[data-theme="studio"][data-studio-page] .rounded-full.bg-yellow-500\/80 { background-color: #febc2e !important; }
html[data-theme="studio"][data-studio-page] .rounded-full.bg-green-500\/80 { background-color: #28c840 !important; }
/* studio-fixes/about.css */
/* about.html — Studio-only colour fixes. Colour properties only; no geometry, no content. */
/* Glass cards (values, stats) were soft-on-white with no visible edge: give them the
   same hairline + soft lift the shared Studio cards use. */
html[data-theme="studio"][data-studio-page="about"] main .site-glass {
  background-color: var(--st-soft);
  box-shadow: 0 0 0 1px var(--st-line), 0 12px 28px -22px rgb(var(--studio-rgb-ink) / .22);
}
/* Mission badge: the gradient tile became an 8% wash, and its white glyph turned navy.
   Keep the wash but use the accent glyph like the value icons below it. */
html[data-theme="studio"][data-studio-page="about"] main .site-grad > i.text-white {
  color: var(--st-blue);
}
/* CTA panel: on the light wash the former blue-100 supporting copy became saturated
   link-blue body text; it is secondary copy, not a link. */
html[data-theme="studio"][data-studio-page="about"] main .site-grad .text-blue-100 {
  color: var(--st-text);
}
/* studio-fixes/accept-invite.css */
/* Studio fixes: accept-invite.html (set password from an invite link). Colour-only; geometry, copy
   and Final Dark untouched. */
/* Invalid/expired-link alert: the generator maps text-red-300 to blue, so an error read as an info
   note (blue text and icon on a red wash). */
html[data-theme="studio"][data-studio-page="accept-invite"] #invalid-banner { color:var(--st-red); border-color:rgb(var(--studio-rgb-red) / .35); background-color:rgb(var(--studio-rgb-red) / .06); }
/* "Or accept with" divider: the label's bg-ui-surface mask is soft grey on the white card. */
html[data-theme="studio"][data-studio-page="accept-invite"] #invite-card span.bg-ui-surface { background-color:var(--st-paper); }
/* "Contact Support | Back to Website" separator: text-ui-border became solid navy ink. */
html[data-theme="studio"][data-studio-page="accept-invite"] .text-ui-border { color:var(--st-control); }
/* studio-fixes/acceptable-use.css */
/* Studio fixes: acceptable-use.html (Acceptable Use Policy). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="acceptable-use"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="acceptable-use"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="acceptable-use"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="acceptable-use"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="acceptable-use"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* At-a-glance cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard[style*="--gc:var(--amber);"] { --gg:rgb(var(--studio-rgb-amber) / .07)!important; --st-hue:var(--studio-rgb-amber); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .gcard p { color:var(--st-mid); }
/* Table of contents. Desktop: Dark shows it as plain text beside the article; the shared card
   rule boxed it with a shadow. Below 1024px Dark makes it a soft bordered panel. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc a { border-color:var(--st-line); color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc a:hover { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc a.on { color:var(--st-ink); border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc a.on::before { background-color:var(--st-blue); box-shadow:none; }
html[data-theme="studio"][data-studio-page="acceptable-use"] .toc .toc-foot { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-muted); }
@media (max-width:1023px) {
  html[data-theme="studio"][data-studio-page="acceptable-use"] .toc { background-color:var(--st-soft)!important; border-color:var(--st-line)!important; }
  html[data-theme="studio"][data-studio-page="acceptable-use"] .toc .toc-foot { background-color:var(--st-paper); }
}
/* Article: Dark renders it as open text. The shared card rule gave the zero-padding <article> a
   shadow, so faint box edges hugged the copy on both sides and under the last section. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc .sec + .sec { border-color:var(--st-line); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc h2 .n { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc p, html[data-theme="studio"][data-studio-page="acceptable-use"] .doc li { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc ul li::marker, html[data-theme="studio"][data-studio-page="acceptable-use"] .doc ol li::marker { color:var(--st-blue); }
/* In-text links: blue vs. the body copy is only ~1.4:1, so colour alone can't mark them
   (axe link-in-text-block). A painted 1px underline marks them without touching typography;
   on hover the page's own text-decoration underline takes over. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc :is(p,li) a, html[data-theme="studio"][data-studio-page="acceptable-use"] .toc .toc-foot a {
  color:var(--st-blue);
  background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-blue) / .55) calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="acceptable-use"] .doc :is(p,li) a:hover, html[data-theme="studio"][data-studio-page="acceptable-use"] .toc .toc-foot a:hover { color:var(--st-hover); background-image:none; }
/* Callouts: their outline was lost, leaving a 5% wash that barely separated from the page.
   Slightly firmer wash + hue edge colour; icon keeps the semantic colour. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .co { border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.info   { background-color:rgb(var(--studio-rgb-blue) / .06);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.warn   { background-color:rgb(var(--studio-rgb-amber) / .07); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.danger { background-color:rgb(var(--studio-rgb-red) / .06);   border-color:rgb(var(--studio-rgb-red) / .35); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.ok     { background-color:rgb(var(--studio-rgb-green) / .06); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.info i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.warn i { color:var(--st-amber); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.danger i { color:var(--st-red); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co.ok i { color:var(--st-green); }
html[data-theme="studio"][data-studio-page="acceptable-use"] .co p { color:var(--st-text); }
/* Tables: header band and row rules in Studio hairlines. */
html[data-theme="studio"][data-studio-page="acceptable-use"] .tblwrap { border-color:var(--st-line2)!important; }
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl th { background-color:var(--st-soft); color:var(--st-muted); border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl td { border-color:var(--st-line); color:var(--st-text); }
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl td.k { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="acceptable-use"] table.tbl tr:hover td { background-color:rgb(var(--studio-rgb-blue) / .03); }
/* studio-fixes/agents.css */
/* Studio fixes for agents.html: none needed.
 * Since the 2026-10-19 rebuild, the page's <main> draws all five themes itself (agents-page.css, linked, so the
 * generated adapter never rewrites it) and carries data-st-own, so studio-icons.js leaves it untagged. The shared
 * header and footer are covered by _shared.css. The old page's fixes are in backup/. Add rules here only for page chrome. */
/* studio-fixes/aircode-connect.css */
/* Studio fixes: aircode-connect.html (AirCode CLI device-connect card and its states).
   Colour-only; geometry, copy and Final Dark untouched. */
/* Card: Dark's 80% black drop shadow became a heavy navy smear on white, and the 8% border vanished. */
html[data-theme="studio"][data-studio-page="aircode-connect"] .card {
  border-color:var(--st-line);
  box-shadow:0 2px 6px rgb(var(--studio-rgb-ink) / .05),0 30px 64px -34px rgb(var(--studio-rgb-ink) / .34),0 0 60px -30px rgb(var(--studio-rgb-blue2) / .22);
}
html[data-theme="studio"][data-studio-page="aircode-connect"] .brand .tag { border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .client-row .ic { border-color:rgb(var(--studio-rgb-blue) / .25); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .who i { box-shadow:0 0 0 3px rgb(var(--studio-rgb-green) / .18); }
/* Anti-phishing notes: the network-mismatch heading was painted blue on a red wash; outlines were
   100% hue (Dark uses ~35-45%). */
html[data-theme="studio"][data-studio-page="aircode-connect"] .warn { border-color:rgb(var(--studio-rgb-amber) / .35); background-color:rgb(var(--studio-rgb-amber) / .07); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .danger { border-color:rgb(var(--studio-rgb-red) / .38); background-color:rgb(var(--studio-rgb-red) / .06); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .danger b { color:var(--st-red); }
/* Code entry: the muted placeholder in 22px bold mono read like an already-typed code. */
html[data-theme="studio"][data-studio-page="aircode-connect"] .code-input::placeholder { color:var(--st-control)!important; }
/* beats the site-wide !important placeholder ink: "1234-5678" must not read as a typed code */
html[data-theme="studio"][data-studio-page="aircode-connect"] .code-input[aria-invalid="true"] { border-color:var(--st-red); }
/* Plan picker. The shared card rule repaints every .plan border line2 !important, which covered the
   transparent border the selected plan uses to show its gradient ring; selection then read only as
   a faint glow. Unselected radios get a 3:1 outline. The "Recommended" chip had navy text on blue. */
html[data-theme="studio"][data-studio-page="aircode-connect"] .plan[aria-checked="true"] { border-color:transparent!important; box-shadow:0 8px 20px -12px rgb(var(--studio-rgb-blue) / .55); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .plan .radio { border-color:var(--st-control); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .plan[aria-checked="true"] .radio { border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .chip { color:var(--st-onAccent); }
html[data-theme="studio"][data-studio-page="aircode-connect"] .pill-on { border-color:rgb(var(--studio-rgb-green) / .35); }
/* Result states: the success halo was a 50% green bloom on white. */
html[data-theme="studio"][data-studio-page="aircode-connect"] .result-icon.ok { box-shadow:0 0 30px -8px rgb(var(--studio-rgb-green) / .3); }
/* Links in running text: "--faint" and "--muted" both became the same slate, so the footer link was
   indistinguishable, and the success note's blue link was only 1.05:1 against its text. Paint a 1px
   underline (no typography change); hover keeps the page's own text-decoration underline. */
html[data-theme="studio"][data-studio-page="aircode-connect"] .foot a { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="aircode-connect"] :is(.note,.foot) a {
  background-image:linear-gradient(transparent calc(100% - 1px),currentColor calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="aircode-connect"] :is(.note,.foot) a:hover { background-image:none; }
/* Gradient headline words use color:transparent (not text-fill), so anything that reads `color`
   (forced colours, selection, contrast tools) sees invisible text. Give them a real Studio blue and
   move the transparency to the text fill, so the clipped blue gradient still paints the glyphs. */
html[data-theme="studio"][data-studio-page="aircode-connect"] .grad-text { color:var(--st-blue); -webkit-text-fill-color:transparent; }
/* studio-fixes/aircode.css */
/* Studio fixes for aircode.html: none needed.
 * Since the 2026-10-14 rebuild, the page's <main> draws its own Day palette (aircode-cli.css, linked, so
 * the generated adapter never rewrites it) and carries data-st-own, so studio-icons.js leaves it untagged.
 * The shared header and footer are covered by _shared.css. Add rules here only for page chrome. */
/* studio-fixes/benchmark.css */
/* benchmark.html — Studio-only colour fixes. Colour properties only; no geometry, no content. */
/* Gradient headline words paint through `color: transparent` + background-clip:text.
   Give them an explicit accent colour and do the transparency with the text-fill instead,
   so anything that ignores the clip (forced colours, selection, audits) sees blue, not nothing. */
html[data-theme="studio"][data-studio-page="benchmark"] .gradient-text {
  color: var(--st-blue);
  -webkit-text-fill-color: transparent;
}
/* Progress-bar fills (input token usage, direct vs optimized cost basis) became 8% washes
   and were invisible on their tracks. They carry the comparison, so they need solid fills. */
html[data-theme="studio"][data-studio-page="benchmark"] .rounded-full.bg-gradient-to-r:is(.h-2, .h-3):is(.from-red-500, .from-red-600) {
  background-image: linear-gradient(90deg, var(--st-red), rgb(var(--studio-rgb-red) / .78));
}
html[data-theme="studio"][data-studio-page="benchmark"] .rounded-full.bg-gradient-to-r:is(.h-2, .h-3).from-primary.to-cyan-400 {
  background-image: linear-gradient(90deg, var(--st-blue), var(--st-blue2));
}
/* Hairline connectors and dividers (engine spine, pipeline rail, the 4x -> 1x divider) were
   also flattened to 8% and vanished. */
html[data-theme="studio"][data-studio-page="benchmark"] .w-px.bg-gradient-to-b.from-primary\/30 {
  background-image: linear-gradient(to bottom, rgb(var(--studio-rgb-blue) / .22), rgb(var(--studio-rgb-blue2) / .4), rgb(var(--studio-rgb-blue) / .22));
}
html[data-theme="studio"][data-studio-page="benchmark"] .h-px.bg-gradient-to-r.from-primary\/30 {
  background-image: linear-gradient(to right, rgb(var(--studio-rgb-blue) / .22), rgb(var(--studio-rgb-blue2) / .4), rgb(var(--studio-rgb-blue) / .22));
}
html[data-theme="studio"][data-studio-page="benchmark"] .h-px.bg-gradient-to-r.from-transparent.to-primary\/50 {
  background-image: linear-gradient(to right, transparent, rgb(var(--studio-rgb-blue) / .4));
}
html[data-theme="studio"][data-studio-page="benchmark"] .h-px.bg-gradient-to-r.from-primary\/50.to-transparent {
  background-image: linear-gradient(to right, rgb(var(--studio-rgb-blue) / .4), transparent);
}
html[data-theme="studio"][data-studio-page="benchmark"] .h-px.bg-gradient-to-r.via-red-500\/30 {
  background-image: linear-gradient(to right, transparent, rgb(var(--studio-rgb-red) / .4), transparent);
}
html[data-theme="studio"][data-studio-page="benchmark"] .h-px.bg-gradient-to-r.via-primary\/30 {
  background-image: linear-gradient(to right, transparent, rgb(var(--studio-rgb-blue) / .4), transparent);
}
/* Tinted outlines: the dark theme's 10-40% red/sky/violet hairlines were repainted as solid
   red/blue strokes, so every payload row, chip and card footer was boxed in a saturated line.
   Restore them as tints of the same hue (strength follows the original alpha). */
html[data-theme="studio"][data-studio-page="benchmark"] :is([class~="border-red-500/10"], [class~="border-red-500/15"], [class~="border-red-500/20"]) {
  border-color: rgb(var(--studio-rgb-red) / .22);
}
html[data-theme="studio"][data-studio-page="benchmark"] :is([class~="border-red-500/30"], [class~="border-red-500/40"]) {
  border-color: rgb(var(--studio-rgb-red) / .34);
}
html[data-theme="studio"][data-studio-page="benchmark"] :is([class~="border-primary/10"], [class~="border-primary/15"], [class~="border-primary/20"], [class~="border-primary/25"],
  [class~="border-cyan-500/10"], [class~="border-cyan-500/20"], [class~="border-cyan-500/25"],
  [class~="border-accent/10"], [class~="border-accent/20"], [class~="border-accent/25"]) {
  border-color: rgb(var(--studio-rgb-blue) / .22);
}
html[data-theme="studio"][data-studio-page="benchmark"] :is([class~="border-primary/30"], [class~="border-cyan-500/30"], [class~="border-accent/30"]) {
  border-color: rgb(var(--studio-rgb-blue) / .32);
}
html[data-theme="studio"][data-studio-page="benchmark"] :is([class~="border-primary/40"], [class~="border-primary/50"], [class~="border-cyan-500/40"], [class~="border-accent/40"]) {
  border-color: rgb(var(--studio-rgb-blue) / .5);
}
/* Results table legend: "AirLLM Optimized" (sky) and "Reduction" (violet) both collapsed to
   blue and became indistinguishable. Give the Reduction series its own hue (savings green)
   on the legend dot, the reduction pills and the footer total it labels. */
html[data-theme="studio"][data-studio-page="benchmark"] .w-3.h-3.rounded-full.bg-accent,
html[data-theme="studio"][data-studio-page="benchmark"] .w-2.h-2.rounded-full.bg-accent {
  background-color: var(--st-green);
}
html[data-theme="studio"][data-studio-page="benchmark"] #benchmark-table-body .bg-accent\/15 {
  background-color: rgb(var(--studio-rgb-green) / .08);
  border-color: rgb(var(--studio-rgb-green) / .3);
}
html[data-theme="studio"][data-studio-page="benchmark"] #benchmark-table-body .bg-accent\/15 .text-accent,
html[data-theme="studio"][data-studio-page="benchmark"] .w-2.h-2.rounded-full.bg-accent + span .text-accent {
  color: var(--st-green);
}
/* Token breakdown chart (Plotly, inline SVG styles): the 70%-alpha light-red "Direct" bars
   were 2.3:1 against white; use the Studio red so both series clear 3:1. The near-black
   (#444) zero line becomes a hairline. */
html[data-theme="studio"][data-studio-page="benchmark"] #token-breakdown-chart [style*="fill: rgb(239, 68, 68)"] {
  fill: var(--st-red) !important;
  stroke: var(--st-red) !important;
}
html[data-theme="studio"][data-studio-page="benchmark"] #token-breakdown-chart .zerolinelayer path {
  stroke: var(--st-line2) !important;
}
/* studio-fixes/chat.css */
/* Studio fixes for chat.html (palette only: colours, fills, shadows).
 * Every selector is scoped to html[data-theme="studio"][data-studio-page="chat"]. */
/* 1. Gradient text: the generated from-/via- rules are emitted after the to- rules at the same
 *    specificity, so their transparent fallback stop wins and the last word fades out
 *    ("Scale", "Apps", "<30s", "6", "40%", "Routing", "100%"). Re-assert the end stop. */
html[data-theme="studio"][data-studio-page="chat"] .bg-clip-text.to-electric-cyan,
html[data-theme="studio"][data-studio-page="chat"] .bg-clip-text.to-electric-blue {
  --tw-gradient-to: rgb(var(--studio-rgb-blue) / 1) var(--tw-gradient-to-position);
}
html[data-theme="studio"][data-studio-page="chat"] .bg-clip-text.to-electric-purple {
  --tw-gradient-to: rgb(var(--studio-rgb-blue2) / 1) var(--tw-gradient-to-position);
}
html[data-theme="studio"][data-studio-page="chat"] .bg-clip-text.to-green-400 {
  --tw-gradient-to: rgb(var(--studio-rgb-green) / 1) var(--tw-gradient-to-position);
}
html[data-theme="studio"][data-studio-page="chat"] .bg-clip-text.to-yellow-400 {
  --tw-gradient-to: rgb(var(--studio-rgb-amber) / 1) var(--tw-gradient-to-position);
}
/* 2. Neon glows read as blurry halos on white: hero headline glow, icon-tile / node / timeline
 *    glows. Buttons (anchors) keep their Studio button shadow. */
html[data-theme="studio"][data-studio-page="chat"] .glow-text {
  text-shadow: none;
}
html[data-theme="studio"][data-studio-page="chat"] div[class*="shadow-[0_0_"] {
  box-shadow: none;
}
/* Phone mockup: a soft elevation instead of a cyan halo plus a 50% navy drop. */
html[data-theme="studio"][data-studio-page="chat"] div.rounded-\[2\.5rem\][class*="shadow-[0_0_60px"] {
  box-shadow: 0 2px 6px rgb(var(--studio-rgb-ink) / .06), 0 28px 56px -28px rgb(var(--studio-rgb-ink) / .32);
}
/* 3. Connector lines: every bg-X/30..60 fill was flattened to 8% alpha, so flow and timeline
 *    connectors vanished on white. */
html[data-theme="studio"][data-studio-page="chat"] .h-px.bg-gradient-to-r {
  background-image: linear-gradient(to right, rgb(var(--studio-rgb-blue) / .3), rgb(var(--studio-rgb-blue2) / .5));
}
html[data-theme="studio"][data-studio-page="chat"] .h-px.bg-gradient-to-r.from-transparent {
  background-image: linear-gradient(to right, rgb(var(--studio-rgb-blue) / 0), rgb(var(--studio-rgb-blue) / .35), rgb(var(--studio-rgb-blue) / 0));
}
html[data-theme="studio"][data-studio-page="chat"] .h-px.bg-gradient-to-r.from-transparent.via-white\/10 {
  background-image: linear-gradient(to right, rgb(var(--studio-rgb-line2) / 0), rgb(var(--studio-rgb-line2) / 1), rgb(var(--studio-rgb-line2) / 0));
}
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, rgb(var(--studio-rgb-blue) / .45), rgb(var(--studio-rgb-blue2) / .3));
}
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-gradient-to-b.absolute {
  background-image: linear-gradient(to bottom, rgb(var(--studio-rgb-blue) / .3), rgb(var(--studio-rgb-blue2) / .3), rgb(var(--studio-rgb-blue) / .3));
}
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-electric-blue\/30,
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-electric-cyan\/30,
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-electric-cyan\/50 {
  background-color: rgb(var(--studio-rgb-blue) / .4);
}
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-electric-purple\/30 {
  background-color: rgb(var(--studio-rgb-blue2) / .4);
}
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-red-500\/30 {
  background-color: rgb(var(--studio-rgb-red) / .4);
}
html[data-theme="studio"][data-studio-page="chat"] .w-px.bg-green-500\/30 {
  background-color: rgb(var(--studio-rgb-green) / .4);
}
/* 4. Status dots and meter fills (bg-X/40..60) — same 8% flattening. */
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-electric-blue\/60,
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-electric-cyan\/60,
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-electric-cyan\/40 {
  background-color: rgb(var(--studio-rgb-blue) / .8);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-electric-purple\/60 {
  background-color: rgb(var(--studio-rgb-blue2) / .8);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-green-400\/60,
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-green-500\/60 {
  background-color: rgb(var(--studio-rgb-green) / .8);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-yellow-400\/60,
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-orange-400\/60 {
  background-color: rgb(var(--studio-rgb-amber) / .8);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.bg-red-400\/60 {
  background-color: rgb(var(--studio-rgb-red) / .8);
}
/* Meter tracks (bg-navy-800 → near-white on a white card). */
html[data-theme="studio"][data-studio-page="chat"] .rounded-full.overflow-hidden.bg-navy-800 {
  background-color: var(--st-line);
}
/* Token-efficiency meters (Before: red, After: green → blue). */
html[data-theme="studio"][data-studio-page="chat"] .h-full.rounded-full.from-red-600 {
  background-image: linear-gradient(to right, var(--st-red), rgb(var(--studio-rgb-red) / .75));
}
html[data-theme="studio"][data-studio-page="chat"] .h-full.rounded-full.from-green-600 {
  background-image: linear-gradient(to right, var(--st-green), var(--st-blue));
}
/* 5. Translucent coloured borders were promoted to the full accent, which makes rows and
 *    callouts much heavier than the dark design. Tone them back to tinted hairlines. */
/* Before / After flow rows (bg-X/8 also became transparent). */
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3\.5.border-red-500\/15 {
  background-color: rgb(var(--studio-rgb-red) / .035);
  border-color: rgb(var(--studio-rgb-red) / .28);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3\.5.border-electric-blue\/15,
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3\.5.border-electric-cyan\/15 {
  background-color: rgb(var(--studio-rgb-blue) / .035);
  border-color: rgb(var(--studio-rgb-blue) / .28);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3\.5.border-electric-purple\/15 {
  background-color: rgb(var(--studio-rgb-blue2) / .035);
  border-color: rgb(var(--studio-rgb-blue2) / .28);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3\.5.border-green-500\/15 {
  background-color: rgb(var(--studio-rgb-green) / .035);
  border-color: rgb(var(--studio-rgb-green) / .28);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3\.5.border-green-500\/25 {
  border-color: rgb(var(--studio-rgb-green) / .45);
}
/* Step strip 01–07. */
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2.border-electric-blue\/15,
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2.border-electric-cyan\/15 {
  border-color: rgb(var(--studio-rgb-blue) / .28);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2.border-electric-purple\/15 {
  border-color: rgb(var(--studio-rgb-blue2) / .28);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2.border-orange-400\/15 {
  border-color: rgb(var(--studio-rgb-amber) / .3);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2.border-yellow-400\/15 {
  border-color: rgb(var(--studio-rgb-amber) / .3);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2.border-electric-cyan\/25 {
  border-color: rgb(var(--studio-rgb-blue) / .45);
}
/* Info callouts, phone settings fields, chat bubble. */
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-3.border-electric-cyan\/15,
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2\.5.border-electric-blue\/20,
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2\.5.border-electric-cyan\/20,
html[data-theme="studio"][data-studio-page="chat"] .rounded-tr-sm.border-electric-blue\/20 {
  border-color: rgb(var(--studio-rgb-blue) / .3);
}
html[data-theme="studio"][data-studio-page="chat"] .rounded-xl.p-2\.5.border-electric-purple\/20 {
  border-color: rgb(var(--studio-rgb-blue2) / .3);
}
/* "POST https://…/chat/completions" code chip: keep the chip surface it had in Dark. */
html[data-theme="studio"][data-studio-page="chat"] .rounded-lg.bg-navy-900\/80.border-electric-cyan\/15 {
  background-color: var(--st-soft);
  border-color: rgb(var(--studio-rgb-blue) / .3);
}
/* 6. Final CTA "Built for …" line: Dark lifts the audience words (gray-400) off a gray-600 base;
 *    both collapse to the same muted ink in Studio, so the emphasis disappears. */
html[data-theme="studio"][data-studio-page="chat"] #final-cta .font-mono.text-gray-600 > span.text-gray-400 {
  color: var(--st-ink);
}
/* studio-fixes/coding-tools.css */
/* Studio fixes for coding-tools.html: none needed.
 * Since the 2026-10-19 rebuild, the page's <main> draws all five themes itself (coding-tools-page.css, linked, so the
 * generated adapter never rewrites it) and carries data-st-own, so studio-icons.js leaves it untagged. The shared
 * header and footer are covered by _shared.css. The old page's fixes are in backup/. Add rules here only for page chrome. */
/* studio-fixes/coming-soon.css */
/* Studio fixes for coming-soon.html — colour-only, scoped to this page. */
/* Product "terminal" panels: --invert-2 (the 26px blueprint grid drawn over
   --invert) maps to the same navy as the panel, so the grid texture vanished.
   A faint mid-navy line brings it back without competing with the text. */
html[data-theme="studio"][data-studio-page="coming-soon"] .vis {
  --invert-2: rgb(var(--studio-rgb-mid) / .4);
}
/* Navy closing band: the shared secondary-button rule paints .btn-ghost as a
   white pill, which on the navy band out-shouts the primary action. In Final
   Dark this is an outline button on the inverted band, so keep it as one. */
html[data-theme="studio"][data-studio-page="coming-soon"] .dark .btn-ghost {
  background-color: transparent !important;
  background-image: none !important;
  border-color: rgb(var(--studio-rgb-line2) / .55) !important;
  color: var(--st-onAccent) !important;
}
html[data-theme="studio"][data-studio-page="coming-soon"] .dark .btn-ghost * {
  color: var(--st-onAccent) !important;
}
html[data-theme="studio"][data-studio-page="coming-soon"] .dark .btn-ghost:hover {
  background-color: rgb(var(--studio-rgb-paper) / .08) !important;
  border-color: var(--st-line) !important;
}
/* studio-fixes/confirm-email.css */
/* Studio fixes: confirm-email.html (confirm an email change from the link sent to the new address), built from accept-invite.html. Colour-only; geometry, copy
   and Final Dark untouched. */
/* Invalid/expired-link alert: the generator maps text-red-300 to blue, so an error read as an info
   note (blue text and icon on a red wash). */
html[data-theme="studio"][data-studio-page="confirm-email"] #invalid-banner { color:var(--st-red); border-color:rgb(var(--studio-rgb-red) / .35); background-color:rgb(var(--studio-rgb-red) / .06); }
/* "Contact Support | Back to Website" separator: text-ui-border became solid navy ink. */
html[data-theme="studio"][data-studio-page="confirm-email"] .text-ui-border { color:var(--st-control); }
/* studio-fixes/contact.css */
/* contact.html — Studio-only colour fixes. Colour properties only; no geometry, no content. */
/* Form card: soft-on-white with no visible edge. Same hairline + lift as Studio cards. */
html[data-theme="studio"][data-studio-page="contact"] main .site-glass {
  background-color: var(--st-soft);
  box-shadow: 0 0 0 1px var(--st-line), 0 12px 28px -22px rgb(var(--studio-rgb-ink) / .22);
}
/* Fields: the dark theme's white/5 fill became a grey 5%-ink wash that reads as disabled.
   Light-theme fields are white with the control-grey (3:1) outline. */
html[data-theme="studio"][data-studio-page="contact"] main form :is(input, select, textarea) {
  background-color: var(--st-paper);
  border-color: var(--st-control);
  color: var(--st-ink);
  caret-color: var(--st-blue);
}
html[data-theme="studio"][data-studio-page="contact"] main form select option {
  background-color: var(--st-paper);
  color: var(--st-ink);
}
/* Consent note's Privacy Policy link: blue on grey is told apart by hue alone (axe
   link-in-text-block). A painted 1px underline marks it, as on the legal pages. */
html[data-theme="studio"][data-studio-page="contact"] p > a.text-brand-blue.hover\:underline {
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="contact"] p > a.text-brand-blue.hover\:underline:hover { background-image: none; }
/* studio-fixes/cookie-policy.css */
/* Studio fixes: cookie-policy.html (Cookie Policy). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="cookie-policy"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="cookie-policy"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="cookie-policy"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="cookie-policy"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="cookie-policy"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* At-a-glance cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard[style*="--gc:#3b82f6;"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .gcard p { color:var(--st-mid); }
/* Table of contents. Desktop: Dark shows it as plain text beside the article; the shared card
   rule boxed it with a shadow. Below 1024px Dark makes it a soft bordered panel. */
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc a { border-color:var(--st-line); color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc a:hover { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc a.on { color:var(--st-ink); border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc a.on::before { background-color:var(--st-blue); box-shadow:none; }
html[data-theme="studio"][data-studio-page="cookie-policy"] .toc .toc-foot { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-muted); }
@media (max-width:1023px) {
  html[data-theme="studio"][data-studio-page="cookie-policy"] .toc { background-color:var(--st-soft)!important; border-color:var(--st-line)!important; }
  html[data-theme="studio"][data-studio-page="cookie-policy"] .toc .toc-foot { background-color:var(--st-paper); }
}
/* Article: Dark renders it as open text. The shared card rule gave the zero-padding <article> a
   shadow, so faint box edges hugged the copy on both sides and under the last section. */
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc .sec + .sec { border-color:var(--st-line); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc h2 .n { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc p, html[data-theme="studio"][data-studio-page="cookie-policy"] .doc li { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc ul li::marker, html[data-theme="studio"][data-studio-page="cookie-policy"] .doc ol li::marker { color:var(--st-blue); }
/* In-text links: blue vs. the body copy is only ~1.4:1, so colour alone can't mark them
   (axe link-in-text-block). A painted 1px underline marks them without touching typography;
   on hover the page's own text-decoration underline takes over. */
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc :is(p,li) a, html[data-theme="studio"][data-studio-page="cookie-policy"] .toc .toc-foot a {
  color:var(--st-blue);
  background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-blue) / .55) calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="cookie-policy"] .doc :is(p,li) a:hover, html[data-theme="studio"][data-studio-page="cookie-policy"] .toc .toc-foot a:hover { color:var(--st-hover); background-image:none; }
/* Tables: header band and row rules in Studio hairlines. */
html[data-theme="studio"][data-studio-page="cookie-policy"] .tblwrap { border-color:var(--st-line2)!important; }
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl th { background-color:var(--st-soft); color:var(--st-muted); border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl td { border-color:var(--st-line); color:var(--st-text); }
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl td.k { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="cookie-policy"] table.tbl tr:hover td { background-color:rgb(var(--studio-rgb-blue) / .03); }
/* Status tags: the generator painted the red tag's label blue, and every tag outline at 100%
   (Dark uses ~35%). */
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.cyan   { color:var(--st-blue);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.violet { color:var(--st-blue2); border-color:rgb(var(--studio-rgb-blue2) / .35); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.green  { color:var(--st-green); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.amber  { color:var(--st-amber); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.red    { color:var(--st-red);   border-color:rgb(var(--studio-rgb-red) / .35); background-color:rgb(var(--studio-rgb-red) / .07); }
html[data-theme="studio"][data-studio-page="cookie-policy"] .tag.gray   { color:var(--st-mid);   border-color:var(--st-line2); background-color:var(--st-soft); }
/* studio-fixes/data-retention.css */
/* Studio fixes: data-retention.html (Data Retention Policy). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="data-retention"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="data-retention"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="data-retention"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="data-retention"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="data-retention"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="data-retention"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="data-retention"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* At-a-glance cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="data-retention"] .gcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] .gcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="data-retention"] .gcard[style*="--gc:#3b82f6;"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] .gcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="data-retention"] .gcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="data-retention"] .gcard p { color:var(--st-mid); }
/* Table of contents. Desktop: Dark shows it as plain text beside the article; the shared card
   rule boxed it with a shadow. Below 1024px Dark makes it a soft bordered panel. */
html[data-theme="studio"][data-studio-page="data-retention"] .toc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="data-retention"] .toc a { border-color:var(--st-line); color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="data-retention"] .toc a:hover { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="data-retention"] .toc a.on { color:var(--st-ink); border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] .toc a.on::before { background-color:var(--st-blue); box-shadow:none; }
html[data-theme="studio"][data-studio-page="data-retention"] .toc .toc-foot { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-muted); }
@media (max-width:1023px) {
  html[data-theme="studio"][data-studio-page="data-retention"] .toc { background-color:var(--st-soft)!important; border-color:var(--st-line)!important; }
  html[data-theme="studio"][data-studio-page="data-retention"] .toc .toc-foot { background-color:var(--st-paper); }
}
/* Article: Dark renders it as open text. The shared card rule gave the zero-padding <article> a
   shadow, so faint box edges hugged the copy on both sides and under the last section. */
html[data-theme="studio"][data-studio-page="data-retention"] .doc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="data-retention"] .doc .sec + .sec { border-color:var(--st-line); }
html[data-theme="studio"][data-studio-page="data-retention"] .doc h2 .n { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] .doc p, html[data-theme="studio"][data-studio-page="data-retention"] .doc li { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="data-retention"] .doc ul li::marker, html[data-theme="studio"][data-studio-page="data-retention"] .doc ol li::marker { color:var(--st-blue); }
/* In-text links: blue vs. the body copy is only ~1.4:1, so colour alone can't mark them
   (axe link-in-text-block). A painted 1px underline marks them without touching typography;
   on hover the page's own text-decoration underline takes over. */
html[data-theme="studio"][data-studio-page="data-retention"] .doc :is(p,li) a, html[data-theme="studio"][data-studio-page="data-retention"] .toc .toc-foot a {
  color:var(--st-blue);
  background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-blue) / .55) calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="data-retention"] .doc :is(p,li) a:hover, html[data-theme="studio"][data-studio-page="data-retention"] .toc .toc-foot a:hover { color:var(--st-hover); background-image:none; }
/* Callouts: their outline was lost, leaving a 5% wash that barely separated from the page.
   Slightly firmer wash + hue edge colour; icon keeps the semantic colour. */
html[data-theme="studio"][data-studio-page="data-retention"] .co { border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.info   { background-color:rgb(var(--studio-rgb-blue) / .06);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.warn   { background-color:rgb(var(--studio-rgb-amber) / .07); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.danger { background-color:rgb(var(--studio-rgb-red) / .06);   border-color:rgb(var(--studio-rgb-red) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.ok     { background-color:rgb(var(--studio-rgb-green) / .06); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.info i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.warn i { color:var(--st-amber); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.danger i { color:var(--st-red); }
html[data-theme="studio"][data-studio-page="data-retention"] .co.ok i { color:var(--st-green); }
html[data-theme="studio"][data-studio-page="data-retention"] .co p { color:var(--st-text); }
/* Tables: header band and row rules in Studio hairlines. */
html[data-theme="studio"][data-studio-page="data-retention"] .tblwrap { border-color:var(--st-line2)!important; }
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl th { background-color:var(--st-soft); color:var(--st-muted); border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl td { border-color:var(--st-line); color:var(--st-text); }
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl td.k { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="data-retention"] table.tbl tr:hover td { background-color:rgb(var(--studio-rgb-blue) / .03); }
/* Status tags: the generator painted the red tag's label blue, and every tag outline at 100%
   (Dark uses ~35%). */
html[data-theme="studio"][data-studio-page="data-retention"] .tag.cyan   { color:var(--st-blue);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .tag.violet { color:var(--st-blue2); border-color:rgb(var(--studio-rgb-blue2) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .tag.green  { color:var(--st-green); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .tag.amber  { color:var(--st-amber); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="data-retention"] .tag.red    { color:var(--st-red);   border-color:rgb(var(--studio-rgb-red) / .35); background-color:rgb(var(--studio-rgb-red) / .07); }
html[data-theme="studio"][data-studio-page="data-retention"] .tag.gray   { color:var(--st-mid);   border-color:var(--st-line2); background-color:var(--st-soft); }
/* studio-fixes/dpa.css */
/* Studio fixes: dpa.html (Data Processing Addendum). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="dpa"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="dpa"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="dpa"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="dpa"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="dpa"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="dpa"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="dpa"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="dpa"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="dpa"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* At-a-glance cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="dpa"] .gcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="dpa"] .gcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="dpa"] .gcard[style*="--gc:#3b82f6;"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="dpa"] .gcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="dpa"] .gcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="dpa"] .gcard p { color:var(--st-mid); }
/* Table of contents. Desktop: Dark shows it as plain text beside the article; the shared card
   rule boxed it with a shadow. Below 1024px Dark makes it a soft bordered panel. */
html[data-theme="studio"][data-studio-page="dpa"] .toc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="dpa"] .toc a { border-color:var(--st-line); color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="dpa"] .toc a:hover { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="dpa"] .toc a.on { color:var(--st-ink); border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="dpa"] .toc a.on::before { background-color:var(--st-blue); box-shadow:none; }
html[data-theme="studio"][data-studio-page="dpa"] .toc .toc-foot { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-muted); }
@media (max-width:1023px) {
  html[data-theme="studio"][data-studio-page="dpa"] .toc { background-color:var(--st-soft)!important; border-color:var(--st-line)!important; }
  html[data-theme="studio"][data-studio-page="dpa"] .toc .toc-foot { background-color:var(--st-paper); }
}
/* Article: Dark renders it as open text. The shared card rule gave the zero-padding <article> a
   shadow, so faint box edges hugged the copy on both sides and under the last section. */
html[data-theme="studio"][data-studio-page="dpa"] .doc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="dpa"] .doc .sec + .sec { border-color:var(--st-line); }
html[data-theme="studio"][data-studio-page="dpa"] .doc h2 .n { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="dpa"] .doc p, html[data-theme="studio"][data-studio-page="dpa"] .doc li { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="dpa"] .doc ul li::marker, html[data-theme="studio"][data-studio-page="dpa"] .doc ol li::marker { color:var(--st-blue); }
/* In-text links: blue vs. the body copy is only ~1.4:1, so colour alone can't mark them
   (axe link-in-text-block). A painted 1px underline marks them without touching typography;
   on hover the page's own text-decoration underline takes over. */
html[data-theme="studio"][data-studio-page="dpa"] .doc :is(p,li) a, html[data-theme="studio"][data-studio-page="dpa"] .toc .toc-foot a {
  color:var(--st-blue);
  background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-blue) / .55) calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="dpa"] .doc :is(p,li) a:hover, html[data-theme="studio"][data-studio-page="dpa"] .toc .toc-foot a:hover { color:var(--st-hover); background-image:none; }
/* Callouts: their outline was lost, leaving a 5% wash that barely separated from the page.
   Slightly firmer wash + hue edge colour; icon keeps the semantic colour. */
html[data-theme="studio"][data-studio-page="dpa"] .co { border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="dpa"] .co.info   { background-color:rgb(var(--studio-rgb-blue) / .06);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="dpa"] .co.warn   { background-color:rgb(var(--studio-rgb-amber) / .07); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="dpa"] .co.danger { background-color:rgb(var(--studio-rgb-red) / .06);   border-color:rgb(var(--studio-rgb-red) / .35); }
html[data-theme="studio"][data-studio-page="dpa"] .co.ok     { background-color:rgb(var(--studio-rgb-green) / .06); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="dpa"] .co.info i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="dpa"] .co.warn i { color:var(--st-amber); }
html[data-theme="studio"][data-studio-page="dpa"] .co.danger i { color:var(--st-red); }
html[data-theme="studio"][data-studio-page="dpa"] .co.ok i { color:var(--st-green); }
html[data-theme="studio"][data-studio-page="dpa"] .co p { color:var(--st-text); }
/* Tables: header band and row rules in Studio hairlines. */
html[data-theme="studio"][data-studio-page="dpa"] .tblwrap { border-color:var(--st-line2)!important; }
html[data-theme="studio"][data-studio-page="dpa"] table.tbl th { background-color:var(--st-soft); color:var(--st-muted); border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="dpa"] table.tbl td { border-color:var(--st-line); color:var(--st-text); }
html[data-theme="studio"][data-studio-page="dpa"] table.tbl td.k { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="dpa"] table.tbl tr:hover td { background-color:rgb(var(--studio-rgb-blue) / .03); }
/* studio-fixes/index.css */
/* Studio fixes for index.html — colour-only, scoped to this page. Both pieces came from the old
   homepage (backup/index-classic-2026-10-16.studio-fixes.css) with the hero visual and the backdrop. */
/* ── Hero cost-saving visual ─────────────────────────────────────────── */
/* The panel paints from the page tokens, which Studio already maps. Only the glows are tuned for
   Dark's black ground; on paper they read as blur, so drop them as Final Light does. */
html[data-theme="studio"][data-studio-page="index"] .airllm-hero-viz {
  --hv-glow: 22%;
  --hv-halo: none;
  --hv-halo-lg: none;
}
html[data-theme="studio"][data-studio-page="index"] .airllm-hero-viz .hv-zl .dot {
  box-shadow: none;
}
/* ── Neural backdrop (neural-bg.js) ───────────────────────────────────── */
/* Dark's cyan network recoloured at Dark's alphas reads as specks on white paper;
   these are tuned for paper so the links read as a network without competing with copy. */
html[data-theme="studio"][data-studio-page="index"] {
  --nb-edge: rgb(var(--studio-rgb-blue) / .15);
  --nb-edge-hi: rgb(var(--studio-rgb-blue) / .26);
  --nb-route: rgb(var(--studio-rgb-blue) / .7);
  --nb-glow: rgb(var(--studio-rgb-blue) / .1);
  --nb-node-op: .55;
}
/* studio-fixes/legal.css */
/* Studio fixes: legal.html (Legal Center hub). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="legal"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="legal"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="legal"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="legal"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="legal"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="legal"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="legal"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="legal"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="legal"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* Hub cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="legal"] .hcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="legal"] .hcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="legal"] .hcard[style*="--gc:#3b82f6;"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="legal"] .hcard[style*="--gc:var(--amber);"] { --gg:rgb(var(--studio-rgb-amber) / .07)!important; --st-hue:var(--studio-rgb-amber); }
html[data-theme="studio"][data-studio-page="legal"] .hcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="legal"] .hcard[style*="--gc:#ff6ec7;"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="legal"] .hcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="legal"] .hcard p { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="legal"] .hcard .meta2 { color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="legal"] .hcard .meta2 .go { color:var(--gc, var(--st-blue)); }
/* The converted hover lift used Dark's 80% black drop shadow, which turned into a heavy navy smear. */
html[data-theme="studio"][data-studio-page="legal"] .hcard:hover { box-shadow:0 2px 4px rgb(var(--studio-rgb-ink) / .04),0 20px 36px -22px rgb(var(--studio-rgb-ink) / .3); }
/* Procurement band: keep the faint blue wash, give it a defined edge colour. */
html[data-theme="studio"][data-studio-page="legal"] .hub-note { border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="legal"] .hub-note h3 { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="legal"] .hub-note p { color:var(--st-mid); }
/* studio-fixes/login.css */
/* Studio fixes: login.html (sign in, create account, verify, reset, pending-invite dialog).
   Colour-only; geometry, copy and Final Dark untouched. */
/* "Or continue with" divider: the label masks the rule with bg-ui-surface, which Studio maps to the
   soft grey while the card itself is forced to white, so the label sat in a grey chip. */
html[data-theme="studio"][data-studio-page="login"] #login-card span.bg-ui-surface { background-color:var(--st-paper); }
/* "Contact Support | Back to Website" separator: text-ui-border became solid navy ink, a heavy bar
   between two links. Dark draws it as a faint hairline glyph. */
html[data-theme="studio"][data-studio-page="login"] .text-ui-border { color:var(--st-control); }
/* Pending-invite dialog scrim: bg-black/70 became a 70% white wash, so the dialog floated on a
   washed-out page with no sense of depth. Use a light navy scrim instead. */
html[data-theme="studio"][data-studio-page="login"] #invite-modal > .bg-black\/70 { background-color:rgb(var(--studio-rgb-ink) / .42); }
html[data-theme="studio"][data-studio-page="login"] #invite-modal .glass-panel { border-color:var(--st-line2); box-shadow:0 2px 6px rgb(var(--studio-rgb-ink) / .06),0 28px 60px -24px rgb(var(--studio-rgb-ink) / .35); }
html[data-theme="studio"][data-studio-page="login"] #invite-modal span.border-ui-border { border-color:var(--st-line2); }
/* studio-fixes/models.css */
/* Studio fixes for models.html — colour-only, scoped to this page. */
/* Featured cards ("Most popular" airllm-auto, "Recommended" picker item) keep
   their accent outline; the shared card rule had flattened them to the same
   grey hairline as every other card. */
html[data-theme="studio"][data-studio-page="models"] .mc.border-brand-cyan\/30,
html[data-theme="studio"][data-studio-page="models"] .mc.border-brand-cyan\/30:hover {
  border-color: rgb(var(--studio-rgb-blue) / .55) !important;
}
/* Card hover: the dark theme's near-black drop shadow (ink at 90%) read as a
   smudge on white. Keep the lift, at Studio card-shadow strength. */
html[data-theme="studio"][data-studio-page="models"] .mc:hover {
  box-shadow: 0 2px 4px rgb(var(--studio-rgb-ink) / .04), 0 24px 48px -28px rgb(var(--studio-rgb-ink) / .28);
}
/* Closing CTA: the panel became a pale wash, but its lede kept the
   light-on-gradient "blue-100" role and turned accent blue. Body copy on the
   wash reads as Studio text. */
html[data-theme="studio"][data-studio-page="models"] section[aria-labelledby="cta-title"] p.text-blue-100 {
  color: var(--st-text);
}
/* studio-fixes/platform.css */
/* Studio fixes for platform.html: none needed.
 * Since the 2026-10-17 rebuild, the page's <main> draws all five themes itself (platform-page.css, linked, so the
 * generated adapter never rewrites it) and carries data-st-own, so studio-icons.js leaves it untagged. The shared
 * header and footer are covered by _shared.css. The old page's fixes are in backup/. Add rules here only for page chrome. */
/* studio-fixes/pricing.css */
/* Studio fixes for pricing.html: none needed.
 * Since 2026-10-20 the page is the rebuild first previewed as pricing-new.html: its <main> draws all five themes itself
 * (pricing-page.css, linked, so the generated adapter never rewrites it) and carries data-st-own, so studio-icons.js
 * leaves it untagged. The shared header and footer are covered by _shared.css. The old page's fixes are in backup/.
 * Add rules here only for page chrome. */
/* studio-fixes/privacy.css */
/* Studio fixes: privacy.html (Privacy Policy). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="privacy"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="privacy"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="privacy"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="privacy"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="privacy"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="privacy"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="privacy"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="privacy"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* At-a-glance cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="privacy"] .gcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .gcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="privacy"] .gcard[style*="--gc:#3b82f6;"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .gcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="privacy"] .gcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="privacy"] .gcard p { color:var(--st-mid); }
/* Table of contents. Desktop: Dark shows it as plain text beside the article; the shared card
   rule boxed it with a shadow. Below 1024px Dark makes it a soft bordered panel. */
html[data-theme="studio"][data-studio-page="privacy"] .toc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="privacy"] .toc a { border-color:var(--st-line); color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="privacy"] .toc a:hover { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="privacy"] .toc a.on { color:var(--st-ink); border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .toc a.on::before { background-color:var(--st-blue); box-shadow:none; }
html[data-theme="studio"][data-studio-page="privacy"] .toc .toc-foot { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-muted); }
@media (max-width:1023px) {
  html[data-theme="studio"][data-studio-page="privacy"] .toc { background-color:var(--st-soft)!important; border-color:var(--st-line)!important; }
  html[data-theme="studio"][data-studio-page="privacy"] .toc .toc-foot { background-color:var(--st-paper); }
}
/* Article: Dark renders it as open text. The shared card rule gave the zero-padding <article> a
   shadow, so faint box edges hugged the copy on both sides and under the last section. */
html[data-theme="studio"][data-studio-page="privacy"] .doc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="privacy"] .doc .sec + .sec { border-color:var(--st-line); }
html[data-theme="studio"][data-studio-page="privacy"] .doc h2 .n { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .doc p, html[data-theme="studio"][data-studio-page="privacy"] .doc li { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="privacy"] .doc ul li::marker, html[data-theme="studio"][data-studio-page="privacy"] .doc ol li::marker { color:var(--st-blue); }
/* In-text links: blue vs. the body copy is only ~1.4:1, so colour alone can't mark them
   (axe link-in-text-block). A painted 1px underline marks them without touching typography;
   on hover the page's own text-decoration underline takes over. */
html[data-theme="studio"][data-studio-page="privacy"] .doc :is(p,li) a, html[data-theme="studio"][data-studio-page="privacy"] .toc .toc-foot a {
  color:var(--st-blue);
  background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-blue) / .55) calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="privacy"] .doc :is(p,li) a:hover, html[data-theme="studio"][data-studio-page="privacy"] .toc .toc-foot a:hover { color:var(--st-hover); background-image:none; }
/* Callouts: their outline was lost, leaving a 5% wash that barely separated from the page.
   Slightly firmer wash + hue edge colour; icon keeps the semantic colour. */
html[data-theme="studio"][data-studio-page="privacy"] .co { border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="privacy"] .co.info   { background-color:rgb(var(--studio-rgb-blue) / .06);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="privacy"] .co.warn   { background-color:rgb(var(--studio-rgb-amber) / .07); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="privacy"] .co.danger { background-color:rgb(var(--studio-rgb-red) / .06);   border-color:rgb(var(--studio-rgb-red) / .35); }
html[data-theme="studio"][data-studio-page="privacy"] .co.ok     { background-color:rgb(var(--studio-rgb-green) / .06); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="privacy"] .co.info i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .co.warn i { color:var(--st-amber); }
html[data-theme="studio"][data-studio-page="privacy"] .co.danger i { color:var(--st-red); }
html[data-theme="studio"][data-studio-page="privacy"] .co.ok i { color:var(--st-green); }
html[data-theme="studio"][data-studio-page="privacy"] .co p { color:var(--st-text); }
/* Contact card: Dark shows the addresses as white-on-grey; mirror that as ink with the same
   painted underline used for in-text links so they still read as links. */
html[data-theme="studio"][data-studio-page="privacy"] .contact-card { border-color:var(--st-line2)!important; }
html[data-theme="studio"][data-studio-page="privacy"] .contact-card .row { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="privacy"] .contact-card .row i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="privacy"] .contact-card .row a { color:var(--st-ink); background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-ink) / .45) calc(100% - 1px)); }
html[data-theme="studio"][data-studio-page="privacy"] .contact-card .row a:hover { color:var(--st-blue); background-image:none; }
/* studio-fixes/rag.css */
/* Studio fixes: rag.html
 * Colour-only corrections layered after the generated adapter. Every selector is scoped to the
 * rag page so nothing leaks into Final Dark or another page. */
/* --- Accent hairlines ----------------------------------------------------------------------
 * Dark draws hue borders at 10-50% alpha over navy; the adapter repaints every one of them at
 * full strength, so each chip, icon tile, chat bubble and callout gets a hard saturated outline.
 * Keep the hue, scale the weight back to a tinted hairline. Hover-variant borders are untouched. */
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-electric-blue/10"], [class~="border-electric-cyan/10"]) {
  border-color: rgb(var(--studio-rgb-blue) / .2);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-electric-blue/15"], [class~="border-electric-blue/20"], [class~="border-electric-blue/25"], [class~="border-electric-cyan/15"], [class~="border-electric-cyan/20"], [class~="border-electric-cyan/25"]) {
  border-color: rgb(var(--studio-rgb-blue) / .3);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-electric-blue/30"], [class~="border-electric-blue/35"], [class~="border-electric-blue/40"], [class~="border-electric-cyan/30"], [class~="border-electric-cyan/35"], [class~="border-electric-cyan/40"]) {
  border-color: rgb(var(--studio-rgb-blue) / .42);
}
html[data-theme="studio"][data-studio-page="rag"] [class~="border-electric-purple/10"] {
  border-color: rgb(var(--studio-rgb-blue2) / .2);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-electric-purple/15"], [class~="border-electric-purple/20"], [class~="border-electric-purple/25"]) {
  border-color: rgb(var(--studio-rgb-blue2) / .3);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-electric-purple/30"], [class~="border-electric-purple/35"], [class~="border-electric-purple/40"]) {
  border-color: rgb(var(--studio-rgb-blue2) / .42);
}
html[data-theme="studio"][data-studio-page="rag"] [class~="border-green-500/15"] {
  border-color: rgb(var(--studio-rgb-green) / .24);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-green-500/20"], [class~="border-green-500/35"]) {
  border-color: rgb(var(--studio-rgb-green) / .32);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-red-500/10"], [class~="border-red-500/15"]) {
  border-color: rgb(var(--studio-rgb-red) / .22);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-red-500/20"], [class~="border-red-500/25"]) {
  border-color: rgb(var(--studio-rgb-red) / .3);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-yellow-500/10"], [class~="border-orange-500/15"]) {
  border-color: rgb(var(--studio-rgb-amber) / .22);
}
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-yellow-500/15"], [class~="border-yellow-500/20"], [class~="border-orange-500/20"]) {
  border-color: rgb(var(--studio-rgb-amber) / .3);
}
/* Timeline step discs: 2px hue ring, keep it a touch stronger than a hairline. */
html[data-theme="studio"][data-studio-page="rag"] :is([class~="border-electric-blue/50"], [class~="border-electric-cyan/50"]) {
  border-color: rgb(var(--studio-rgb-blue) / .5);
}
html[data-theme="studio"][data-studio-page="rag"] [class~="border-electric-purple/50"] {
  border-color: rgb(var(--studio-rgb-blue2) / .5);
}
/* --- Filled accent tiles --------------------------------------------------------------------
 * In Dark these are solid blue->violet tiles/discs with a white glyph (chat avatar, gateway and
 * endpoint nodes, featured-card icons, timeline step 7, "answers faster" badge). The adapter
 * washes them to an 8% tint, recolours the glyph to ink and keeps a 20-24px blue halo, which
 * reads as a blurry blob. Restore the filled tile with a tight shadow. */
html[data-theme="studio"][data-studio-page="rag"] :is(div, span).bg-button-glow,
html[data-theme="studio"][data-studio-page="rag"] :is(#iibc856, #ii669hi) {
  background-color: var(--st-blue);
  background-image: linear-gradient(135deg, var(--st-blue), var(--st-blue2));
  box-shadow: 0 1px 2px rgb(var(--studio-rgb-ink) / .1), 0 8px 18px -10px rgb(var(--studio-rgb-blue) / .7);
}
html[data-theme="studio"][data-studio-page="rag"] :is(div, span).bg-button-glow > i,
html[data-theme="studio"][data-studio-page="rag"] :is(#iibc856, #ii669hi) > i {
  color: var(--st-onAccent);
}
/* --- Featured cards ------------------------------------------------------------------------
 * Card 6 / card 8 / step 7 and the highlighted architecture nodes carry an 8% blue wash plus a
 * 20-30px inset glow; on white that turns into a grey-blue haze. Clean white card, a light
 * blue tint and a soft lift instead. */
html[data-theme="studio"][data-studio-page="rag"] :is(#solution-card-6, #control-card-6, #doctype-card-8, #usecase-card-8, #ixxtw4n, #i93q9k, #ipagsh, #i02z8f) {
  background-color: var(--st-paper);
  background-image: linear-gradient(135deg, rgb(var(--studio-rgb-blue) / .09) 0%, rgb(var(--studio-rgb-blue2) / .05) 55%, rgb(var(--studio-rgb-blue) / .02) 100%);
  box-shadow: 0 1px 2px rgb(var(--studio-rgb-ink) / .05), 0 16px 32px -22px rgb(var(--studio-rgb-blue) / .55);
}
html[data-theme="studio"][data-studio-page="rag"] #i2aklk {
  background-color: var(--st-paper);
  background-image: linear-gradient(135deg, rgb(var(--studio-rgb-green) / .08) 0%, rgb(var(--studio-rgb-green) / .03) 60%, rgb(var(--studio-rgb-blue) / .02) 100%);
  box-shadow: 0 1px 2px rgb(var(--studio-rgb-ink) / .05), 0 16px 32px -22px rgb(var(--studio-rgb-green) / .5);
}
/* the inset-glow overlays inside those cards */
html[data-theme="studio"][data-studio-page="rag"] :is(#iydsbb, #ixu03pl, #ikrerea, #icom2du, #i38jiqz, #i24oos, #iq2o1j, #i0a1bg, #iqvt6h) {
  box-shadow: none;
}
/* --- Connectors and accent rules -----------------------------------------------------------
 * Flow arrows, the timeline spine and the panels' top accent lines were mapped to an 8% wash
 * and disappeared. Redraw them at a visible weight in the same hues. */
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="from-electric-blue/"] {
  --tw-gradient-from: rgb(var(--studio-rgb-blue) / .45) var(--tw-gradient-from-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="from-electric-cyan/"] {
  --tw-gradient-from: rgb(var(--studio-rgb-blue) / .45) var(--tw-gradient-from-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="from-electric-purple/"] {
  --tw-gradient-from: rgb(var(--studio-rgb-blue2) / .45) var(--tw-gradient-from-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="from-red-400/"] {
  --tw-gradient-from: rgb(var(--studio-rgb-red) / .4) var(--tw-gradient-from-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px):is([class*="to-electric-blue/"], [class*="to-electric-cyan/"]) {
  --tw-gradient-to: rgb(var(--studio-rgb-blue) / .55) var(--tw-gradient-to-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="to-electric-purple/"] {
  --tw-gradient-to: rgb(var(--studio-rgb-blue2) / .55) var(--tw-gradient-to-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="to-red-400/"] {
  --tw-gradient-to: rgb(var(--studio-rgb-red) / .45) var(--tw-gradient-to-position);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#rag-architecture, #solution) :is(.h-px, .w-px)[class*="to-green-400/"] {
  --tw-gradient-to: rgb(var(--studio-rgb-green) / .5) var(--tw-gradient-to-position);
}
/* timeline spine */
html[data-theme="studio"][data-studio-page="rag"] #isg829z {
  background-image: linear-gradient(rgb(var(--studio-rgb-blue) / .35) 0%, rgb(var(--studio-rgb-blue2) / .35) 40%, rgb(var(--studio-rgb-blue) / .35) 70%, rgb(var(--studio-rgb-green) / .35) 100%);
}
/* top accent lines on the featured panels (always on) and on hover cards (hover-only in Dark) */
html[data-theme="studio"][data-studio-page="rag"] :is(#ivmz483, #i1698d4, #i6dplnn, #ii3bx4k, #i8j51rb, #ideuupp, #ivjo4zn, #i2plxco) {
  background-image: linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .5), rgb(var(--studio-rgb-blue2) / .5), transparent);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#ikk508j, #iiu5roz, #i9r0cqq, #ijsv2hw, #ifpm15e, #i65xohg, #icma5p3, #ii2y62d, #ibwgvhn, #iduyrc2) {
  background-image: linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue) / .5), transparent);
}
html[data-theme="studio"][data-studio-page="rag"] :is(#i7gh1pa, #iznym9d, #i6kn8hf, #ikoh16a) {
  background-image: linear-gradient(90deg, transparent, rgb(var(--studio-rgb-blue2) / .5), transparent);
}
/* vertical separators (bg-white/10 -> an 8% ink wash that vanishes on white) */
html[data-theme="studio"][data-studio-page="rag"] :is(#enterprise-control, #final-cta) .w-px[class~="bg-white/10"] {
  background-color: var(--st-line2);
}
/* --- Timeline step discs: 20px halos -> a tight lift ----------------------------------------- */
html[data-theme="studio"][data-studio-page="rag"] :is(#iik8bhw, #i4yv0o8, #ifd5anr, #i4iba1i, #ih4pvhx, #i8ec2mi) {
  box-shadow: 0 0 0 4px var(--st-soft), 0 6px 14px -8px rgb(var(--studio-rgb-blue) / .55);
}
/* --- Comparison table: inner grid as light hairlines, AirLLM column rule tinted ------------- */
html[data-theme="studio"][data-studio-page="rag"] #comparison .grid-cols-3:is([class~="border-white/5"], [class~="border-white/10"]),
html[data-theme="studio"][data-studio-page="rag"] #comparison .grid-cols-3 > [class~="border-white/5"],
html[data-theme="studio"][data-studio-page="rag"] #comparison .grid-cols-3 > [class~="border-white/10"] {
  border-color: var(--st-line);
}
/* --- Panel icon tiles (vault / folder / briefcase): solid id-level outline -> tinted hairline - */
html[data-theme="studio"][data-studio-page="rag"] :is(#ikt3yly, #if6q4kw, #i23mqox) {
  border-color: rgb(var(--studio-rgb-blue) / .35);
}
/* Timeline step 4 disc: keep it the same family as the other step discs */
html[data-theme="studio"][data-studio-page="rag"] #i8ec2mi {
  background-color: var(--st-paper);
  background-image: linear-gradient(135deg, rgb(var(--studio-rgb-blue) / .12), rgb(var(--studio-rgb-blue2) / .12));
  border-color: rgb(var(--studio-rgb-blue2) / .5);
}
/* --- "Returns docs, not answers" mini bar chart: 8% ink bars vanish on white ---------------- */
html[data-theme="studio"][data-studio-page="rag"] #problem .w-1.rounded-full[class~="bg-white/10"] {
  background-color: var(--st-line2);
}
/* studio-fixes/security.css */
/* security.html — Studio-only colour fixes. Colour properties only; no geometry, no content. */
/* Feature cards and the data-flow panel were soft-on-white with no visible edge. The
   gateway mock already has its own border, so only the borderless glass gets a hairline. */
html[data-theme="studio"][data-studio-page="security"] main .site-glass {
  background-color: var(--st-soft);
}
html[data-theme="studio"][data-studio-page="security"] main .site-glass:not([class*="border"]) {
  box-shadow: 0 0 0 1px var(--st-line), 0 12px 28px -22px rgb(var(--studio-rgb-ink) / .22);
}
/* Gateway mock: a white window on the hero wash, with a soft (not near-black) drop shadow. */
html[data-theme="studio"][data-studio-page="security"] main .site-glass.shadow-2xl {
  background-color: var(--st-paper);
  border-color: var(--st-line2);
  box-shadow: 0 2px 4px rgb(var(--studio-rgb-ink) / .04), 0 28px 56px -28px rgb(var(--studio-rgb-ink) / .3);
}
/* Window-chrome dots were remapped to the dark text reds/ambers/greens and read as muddy
   brown spots; they are decorative traffic lights. */
html[data-theme="studio"][data-studio-page="security"] main .w-3.h-3.rounded-full.bg-red-400 { background-color: #ff5f57; }
html[data-theme="studio"][data-studio-page="security"] main .w-3.h-3.rounded-full.bg-amber-400 { background-color: #febc2e; }
html[data-theme="studio"][data-studio-page="security"] main .w-3.h-3.rounded-full.bg-green-400 { background-color: #28c840; }
/* CTA panel: the former blue-100 supporting copy became link-blue body text on the wash. */
html[data-theme="studio"][data-studio-page="security"] main .site-grad .text-blue-100 {
  color: var(--st-text);
}
/* studio-fixes/terms.css */
/* Studio fixes: terms.html (Terms & Conditions). Colour-only; geometry, copy and Final Dark untouched.
   The seven legal pages share one inline design system, so their fix files share these rules. */
/* Text selection: the generator kept the accent fill but turned the white label navy (≈2.4:1). */
html[data-theme="studio"][data-studio-page="terms"] ::selection { background-color:var(--st-blue2); color:var(--st-onAccent); }
/* Hero badge: outline back to the subtle Dark weight (the generator made it 100% blue). */
html[data-theme="studio"][data-studio-page="terms"] .badge { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); }
/* Meta pills (effective date, version, print): they rendered as loose text with no chip surface. */
html[data-theme="studio"][data-studio-page="terms"] .pill { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="terms"] .pill i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="terms"] button.pill:hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
/* Document tab strip: quiet chips, a solid selected chip with the standard Studio button shadow
   (the converted 20px purple glow looked smudged on white). */
html[data-theme="studio"][data-studio-page="terms"] .tabstrip { border-color:var(--st-line)!important; }
html[data-theme="studio"][data-studio-page="terms"] .tabstrip a:not(.on) { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="terms"] .tabstrip a:not(.on):hover { background-color:rgb(var(--studio-rgb-blue) / .06); border-color:rgb(var(--studio-rgb-blue) / .4); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="terms"] .tabstrip a.on { box-shadow:0 3px 8px rgb(var(--studio-rgb-blue) / .14),0 10px 20px -14px rgb(var(--studio-rgb-blue) / .3); }
/* At-a-glance cards: the generator raised each card's corner glow (--gg) from a 7-10% tint to 100%,
   so a saturated blob swallowed the icon tile. Restore a faint tint per hue and give the icon a
   tinted tile so it reads at 3:1+. --st-hue carries the card's rgb triple. */
html[data-theme="studio"][data-studio-page="terms"] .gcard[style*="--gc:var(--cyan);"] { --gg:rgb(var(--studio-rgb-blue) / .06)!important; --st-hue:var(--studio-rgb-blue); }
html[data-theme="studio"][data-studio-page="terms"] .gcard[style*="--gc:var(--violet);"] { --gg:rgb(var(--studio-rgb-blue2) / .06)!important; --st-hue:var(--studio-rgb-blue2); }
html[data-theme="studio"][data-studio-page="terms"] .gcard[style*="--gc:var(--amber);"] { --gg:rgb(var(--studio-rgb-amber) / .07)!important; --st-hue:var(--studio-rgb-amber); }
html[data-theme="studio"][data-studio-page="terms"] .gcard[style*="--gc:var(--green);"] { --gg:rgb(var(--studio-rgb-green) / .07)!important; --st-hue:var(--studio-rgb-green); }
html[data-theme="studio"][data-studio-page="terms"] .gcard .ic { background-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .09); border-color:rgb(var(--st-hue, var(--studio-rgb-blue)) / .22); color:var(--gc, var(--st-blue)); }
html[data-theme="studio"][data-studio-page="terms"] .gcard p { color:var(--st-mid); }
/* Table of contents. Desktop: Dark shows it as plain text beside the article; the shared card
   rule boxed it with a shadow. Below 1024px Dark makes it a soft bordered panel. */
html[data-theme="studio"][data-studio-page="terms"] .toc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="terms"] .toc a { border-color:var(--st-line); color:var(--st-muted); }
html[data-theme="studio"][data-studio-page="terms"] .toc a:hover { color:var(--st-ink); }
html[data-theme="studio"][data-studio-page="terms"] .toc a.on { color:var(--st-ink); border-color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="terms"] .toc a.on::before { background-color:var(--st-blue); box-shadow:none; }
html[data-theme="studio"][data-studio-page="terms"] .toc .toc-foot { background-color:var(--st-soft); border-color:var(--st-line); color:var(--st-muted); }
@media (max-width:1023px) {
  html[data-theme="studio"][data-studio-page="terms"] .toc { background-color:var(--st-soft)!important; border-color:var(--st-line)!important; }
  html[data-theme="studio"][data-studio-page="terms"] .toc .toc-foot { background-color:var(--st-paper); }
}
/* Article: Dark renders it as open text. The shared card rule gave the zero-padding <article> a
   shadow, so faint box edges hugged the copy on both sides and under the last section. */
html[data-theme="studio"][data-studio-page="terms"] .doc { background-color:transparent!important; box-shadow:none!important; }
html[data-theme="studio"][data-studio-page="terms"] .doc .sec + .sec { border-color:var(--st-line); }
html[data-theme="studio"][data-studio-page="terms"] .doc h2 .n { border-color:rgb(var(--studio-rgb-blue) / .35); background-color:rgb(var(--studio-rgb-blue) / .07); color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="terms"] .doc p, html[data-theme="studio"][data-studio-page="terms"] .doc li { color:var(--st-mid); }
html[data-theme="studio"][data-studio-page="terms"] .doc ul li::marker, html[data-theme="studio"][data-studio-page="terms"] .doc ol li::marker { color:var(--st-blue); }
/* In-text links: blue vs. the body copy is only ~1.4:1, so colour alone can't mark them
   (axe link-in-text-block). A painted 1px underline marks them without touching typography;
   on hover the page's own text-decoration underline takes over. */
html[data-theme="studio"][data-studio-page="terms"] .doc :is(p,li) a, html[data-theme="studio"][data-studio-page="terms"] .toc .toc-foot a {
  color:var(--st-blue);
  background-image:linear-gradient(transparent calc(100% - 1px),rgb(var(--studio-rgb-blue) / .55) calc(100% - 1px));
}
html[data-theme="studio"][data-studio-page="terms"] .doc :is(p,li) a:hover, html[data-theme="studio"][data-studio-page="terms"] .toc .toc-foot a:hover { color:var(--st-hover); background-image:none; }
/* Callouts: their outline was lost, leaving a 5% wash that barely separated from the page.
   Slightly firmer wash + hue edge colour; icon keeps the semantic colour. */
html[data-theme="studio"][data-studio-page="terms"] .co { border-color:var(--st-line2); }
html[data-theme="studio"][data-studio-page="terms"] .co.info   { background-color:rgb(var(--studio-rgb-blue) / .06);  border-color:rgb(var(--studio-rgb-blue) / .35); }
html[data-theme="studio"][data-studio-page="terms"] .co.warn   { background-color:rgb(var(--studio-rgb-amber) / .07); border-color:rgb(var(--studio-rgb-amber) / .35); }
html[data-theme="studio"][data-studio-page="terms"] .co.danger { background-color:rgb(var(--studio-rgb-red) / .06);   border-color:rgb(var(--studio-rgb-red) / .35); }
html[data-theme="studio"][data-studio-page="terms"] .co.ok     { background-color:rgb(var(--studio-rgb-green) / .06); border-color:rgb(var(--studio-rgb-green) / .35); }
html[data-theme="studio"][data-studio-page="terms"] .co.info i { color:var(--st-blue); }
html[data-theme="studio"][data-studio-page="terms"] .co.warn i { color:var(--st-amber); }
html[data-theme="studio"][data-studio-page="terms"] .co.danger i { color:var(--st-red); }
html[data-theme="studio"][data-studio-page="terms"] .co.ok i { color:var(--st-green); }
html[data-theme="studio"][data-studio-page="terms"] .co p { color:var(--st-text); }
/* studio-fixes/waitlist-activate.css */
/* Studio fixes: waitlist-activate.html (create an account from a waitlist invitation), built from accept-invite.html. Colour-only; geometry, copy
   and Final Dark untouched. */
/* Invalid/expired-link alert: the generator maps text-red-300 to blue, so an error read as an info
   note (blue text and icon on a red wash). */
html[data-theme="studio"][data-studio-page="waitlist-activate"] #invalid-banner { color:var(--st-red); border-color:rgb(var(--studio-rgb-red) / .35); background-color:rgb(var(--studio-rgb-red) / .06); }
/* "Contact Support | Back to Website" separator: text-ui-border became solid navy ink. */
html[data-theme="studio"][data-studio-page="waitlist-activate"] .text-ui-border { color:var(--st-control); }