/* finesse · register=brand · A=white+blue · B=serif+compact-ui · C=source-matched · D=CSS+Three · E=search-reference · SOUL=7 SPECTACLE=5 DENSITY=5 */
html { scroll-behavior: smooth; overflow-x: clip; }
html { --font-inter: "Inter"; }
body { overflow: visible; background: white; }
body :not(svg):not(path) { letter-spacing: 0 !important; }
button { cursor: pointer; }
.hero-container button[aria-label="Run preview"]:not(:disabled) { background: linear-gradient(180deg,#001651 0%,#0040f0 100%) !important; box-shadow: inset 0 -1.5px 2px #638dff, inset 0 0 10px #0043fb, inset 0 0 8px #0043fb; }
button:focus-visible, a:focus-visible, [role=checkbox]:focus-visible, textarea:focus-visible { outline: 2px solid #1f40ed; outline-offset: 3px; }
img[data-placeholder-index] { opacity: 1; }
.hero-content-motion h1 { position: relative; left: 50%; width: max-content; max-width: none; white-space: nowrap; transform: translateX(-50%) scaleX(.93004); transform-origin: center; }
#enterprise-security article p { width: calc(100% / .96); transform: scaleX(.96); transform-origin: left; }
#research-scale-title { width: calc(100% / .94); transform: scaleX(.94); transform-origin: left; }
.research-scale__subtext { width: calc(100% / .96); transform: scaleX(.96); transform-origin: left; }
[data-reference-heading="0"] { width: calc(100% / .95); max-width: calc(42rem / .95); transform: scaleX(.95); transform-origin: left; }
[data-reference-heading="1"], [data-reference-heading="6"] { width: calc(100% / .94); transform: scaleX(.94); transform-origin: left; }
[data-reference-heading="2"] { transform: scaleX(.93565); transform-origin: center; }
[data-reference-heading="8"] { transform: scaleX(.93223); transform-origin: left; }
.hero-squares img { transition: opacity .35s ease-out; }
.hero-squares { overflow: hidden; }
.hero-content-motion [class*="pointer-events-none absolute left-1/2 top-1/2"] { max-width: calc(100vw - 32px); }
.reference-cloud-label { position: absolute; transform: translate(-50%, -50%); padding: 4px 8px; border-radius: 1px; white-space: nowrap; background: #ffffff; color: #000000; font: 10px GeistMono, monospace; text-transform: uppercase; pointer-events: none; }
.reference-result { display: block; padding: 6px 9px; margin: 5px 0; color: #101321; border: 1px solid rgba(16,19,33,.10); border-radius: 5px; background: white; animation: reference-result-in .3s ease-out both; }
.reference-result strong { display: block; font-size: 12px; line-height: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reference-result small { display: block; color: #787572; font-size: 11px; line-height: 13px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reference-source-result + .reference-source-result { margin-top: 4px; }
.reference-result-skeleton { margin-top: 4px; padding: 6px 9px; border: 1px solid #00000014; border-radius: 6px; background: white; }
.reference-result-skeleton span { display: block; height: 8px; border-radius: 4px; background: #0000000d; animation: pulse 1.5s ease-in-out infinite; }
.reference-result-skeleton span:first-child { width: 64%; margin-bottom: 6px; }
.reference-result-skeleton span:last-child { width: 92%; }
.reference-answer { color: #101321; font-size: 13px; padding: 12px; line-height: 1.6; }
.reference-code { margin: 0; padding: 12px; color: #101321; font: 11px/1.6 GeistMono, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.reference-code-mode { background: #101114 !important; color: #d4d4d4; }
.reference-code-mode .reference-request-column { border-color: #ffffff14; }
.reference-code-mode .reference-output-surface, .reference-agent-mode .reference-output-surface { display: flex; flex: 1; min-height: 0; }
.reference-code-mode .reference-output, .reference-agent-mode .reference-output { flex: 1; height: auto; overflow: hidden; }
.reference-agent-mode .reference-output { display: flex; flex-direction: column; min-height: 0; }
.reference-code-mode .reference-output > div { width: 100%; }
.reference-code-mode .reference-request-column a, .reference-code-mode .reference-request-column button[aria-label^="Show"] { color: #ffffff80; background: #ffffff0a; border-color: #ffffff26; }
.reference-output-surface { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.reference-output { position: relative; flex: 1; min-height: 0; overflow: auto; scrollbar-width: thin; }
.reference-rich-output { display: flex; flex-direction: column; }
.reference-mobile-response { display: none; }
.reference-active { color: #000 !important; background: white !important; box-shadow: 0 1px 4px #00000012; border-radius: 3px; }
.reference-menu-panel { opacity: 0; pointer-events: none; transform: translateY(-3px); transition: opacity .15s, transform .15s; }
.reference-menu-panel.reference-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
#navbar button[aria-label="Toggle menu"] { position: relative; }
#navbar button[aria-label="Toggle menu"]::before { content: ''; position: absolute; inset: -6px; }
.reference-benchmark-tabs { overflow-x: auto; max-width: 100%; min-width: 0; }
.reference-mobile-bar-group { width: 100%; max-width: 248px; }
.reference-mobile-bar-group > div { flex: 1; min-width: 0; }
.reference-mobile-bar-group > div > div:last-child { width: 100% !important; }
.reference-dialog { max-width: 540px; width: calc(100vw - 40px); padding: 28px; color: #101321; background: white; border: 1px solid #d1d5db; border-radius: 6px; }
.reference-dialog::backdrop { background: #0008; }
.reference-dialog h2 { font: 32px/1.1 Arizona, Georgia, serif; margin: 0 0 20px; }
.reference-dialog p { font: 15px/1.6 ABCDiatype,sans-serif; }
.reference-dialog button { display: block; margin-top: 24px; background: #000; color: #fff; padding: 10px 18px; border-radius: 4px; }
.reference-is-loading { opacity: 1; }
.reference-graph-in { animation: reference-result-in .35s ease-out; }
[hidden] { display: none !important; }
@keyframes reference-result-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes reference-progress-x { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes reference-progress-y { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@media (max-width:1023px) { .reference-columns[data-mobile-panel=Response] > .reference-request-column { display: none; } .reference-mobile-response { display: flex; height: 280px; } .reference-columns[data-mobile-panel=Request] > .reference-mobile-response { display: none; } }
@media (max-width:360px) { .hero-container a:has(.lucide-external-link) > span, .reference-cost-badge { display: none; } }
@media (min-width:1024px) and (max-width:1279px) {
  .reference-desktop-bar-group { flex: 1; min-width: 0; max-width: 179px; }
  .reference-desktop-bar-group > div { flex: 1; min-width: 0; }
  .reference-desktop-bar-group > div > div:last-child { width: 100% !important; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } .hero-squares [style] { opacity: 1 !important; transform: none !important; } }