:root{--brand-purple:#471eff}.btn-secondary-spec{border:1px solid var(--brand-purple);color:var(--brand-purple);background-color:#0000;transition:background-color .15s,border-color .15s}.btn-secondary-spec:hover{background-color:color-mix(in srgb, var(--brand-purple) 12%, transparent);border-color:#0000}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-SemiBoldItalic.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Safiro;src:url(/fonts/safiro/Safiro-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}.font-safiro{font-family:"Safiro", var(--font-inter,"Inter"), system-ui, sans-serif}.splash-root{--splash-bg:#0a0a0b;text-align:left;background-color:var(--splash-bg);width:100%;animation:.6s both splash-bg-in;display:block;position:fixed;inset:0}@media (pointer:fine){.splash-root{cursor:none}}.splash-frame{flex-direction:column;justify-content:space-between;height:100%;padding-top:clamp(5.5rem,27vh,17rem);padding-bottom:clamp(4.5rem,23vh,14rem);display:flex}.splash-statement{color:#fff;max-width:20ch;font-family:"Safiro", var(--font-inter,"Inter"), system-ui, sans-serif;letter-spacing:-.015em;font-size:clamp(1.5rem,2.8vw,2.5rem);font-weight:500;line-height:1.16;animation:1s cubic-bezier(.16,1,.3,1) .22s both splash-rise}.splash-footer{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.splash-mark .brand-logo-svg{color:#fff;width:auto;height:clamp(1.5rem,2.6vw,2.25rem)}.splash-mark{animation:1s cubic-bezier(.16,1,.3,1) both splash-rise;display:inline-flex}.splash-hint{white-space:nowrap;font-family:var(--font-inter,"Inter"), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff6;flex-shrink:0;font-size:.75rem;animation:.9s cubic-bezier(.16,1,.3,1) .6s both splash-rise}@keyframes splash-bg-in{0%{opacity:0}}@keyframes splash-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:none}}.splash-root[data-leaving=true]{animation:.42s cubic-bezier(.4,0,.2,1) both splash-out}.splash-root[data-leaving=true] .splash-frame{animation:.42s cubic-bezier(.4,0,.2,1) both splash-frame-out}@keyframes splash-out{to{opacity:0}}@keyframes splash-frame-out{to{filter:blur(4px);transform:translateY(-14px)}}.splash-cursor{z-index:50;opacity:0;pointer-events:none;background-color:#fff;border-radius:999px;place-items:center;width:56px;height:56px;transition:opacity .2s,scale .18s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;top:0;left:0}.splash-cursor:before,.splash-cursor:after{content:"";background-color:#0a0a0b;border-radius:1px;position:absolute}.splash-cursor:before{width:40%;height:2px}.splash-cursor:after{width:2px;height:40%}.splash-root:active~.splash-cursor{scale:.88}.demo-surface{background-color:#f4f4f5;border-color:#09090b17}[data-theme=dark] .demo-surface{background-color:#27272a;border-color:#ffffff17}.home-tile{animation:.7s cubic-bezier(.16,1,.3,1) both home-tile-in}@keyframes home-tile-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.splash-root,.splash-statement,.splash-mark,.splash-hint,.splash-root[data-leaving=true],.splash-root[data-leaving=true] .splash-frame,.home-tile{animation:none}.splash-cursor{transition:none}}.brand-splash-logo .brand-logo-svg{color:currentColor;width:auto;height:3.25rem}@media (min-width:640px){.brand-splash-logo .brand-logo-svg{height:5rem}}.brand-logo-specimen .brand-logo-svg{color:currentColor;width:auto;height:1em}