@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Aquire;src:url(/fonts/AquireLight-YzE0o.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Aquire;src:url(/fonts/Aquire-BW0ox.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Aquire;src:url(/fonts/AquireBold-8Ma60.otf) format("opentype");font-weight:700;font-display:swap}:root{--vitra-navy:#062031;--vitra-navy-2:#0a2e47;--vitra-ink:#1a1a1a;--vitra-blue:#2596be;--vitra-blue-bright:#5271ff;--vitra-silver:#c8cdd0;--vitra-silver-2:#9aa3a8;--vitra-grey:#797979;--vitra-paper:#eaeef0;--bg:var(--vitra-navy);--bg-raised:var(--vitra-navy-2);--bg-sunken:#04162a;--bg-inverse:var(--vitra-paper);--fg-1:#fff;--fg-2:var(--vitra-silver);--fg-3:var(--vitra-grey);--border:rgba(234,238,240,.08);--border-2:rgba(234,238,240,.14);--border-strong:rgba(234,238,240,.18);--border-emphasis:rgba(234,238,240,.5);--accent:var(--vitra-blue);--accent-bright:var(--vitra-blue-bright);--scrim:rgba(6,32,49,.72);--glass:rgba(10,46,71,.72);--glass-strong:rgba(10,46,71,.86);--glass-blur:blur(18px) saturate(1.3);--success:#5cc89a;--warning:#e8b059;--danger:#e26a6a;--navy:#041928;--surface:hsla(0,0%,100%,.035);--surface-2:hsla(0,0%,100%,.06);--hover:rgba(82,113,255,.08);--blue:#5271ff;--blue-light:#2596be;--white:#eaeef0;--gray-1:#c8cdd0;--gray-2:#7a8fa6;--green:#00d97e;--amber:#f5a623;--red:#ff4c5e;--purple:#9b7bff;--font-display:"Aquire",system-ui,sans-serif;--font-heading:"Space Grotesk","Inter Tight",system-ui,sans-serif;--font-body:"Manrope",system-ui,sans-serif;--font-sans:"Barlow",system-ui,sans-serif;--font-cond:"Barlow Condensed",system-ui,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",monospace;--content-max:1280px;--nav-h:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-14:56px;--space-20:80px;--radius-0:0px;--radius-1:4px;--radius-2:8px;--radius-pill:999px;--elev-0:none;--elev-1:0 1px 0 hsla(0,0%,100%,.04);--elev-2:0 8px 24px rgba(0,0,0,.35);--elev-3:0 24px 64px rgba(0,0,0,.55);--tracking-wide:0.14em;--tracking-wider:0.22em;--tracking-tight:-0.01em;--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-micro:180ms;--dur-state:320ms;--dur-section:560ms}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gray-2)}::selection{background:var(--vitra-blue);color:#fff}.vitra-bg-grid{background-image:linear-gradient(rgba(234,238,240,.018) 1px,transparent 0),linear-gradient(90deg,rgba(234,238,240,.018) 1px,transparent 0);background-size:80px 80px}.vitra-bg-grid,.vitra-bg-vignette{position:fixed;inset:0;pointer-events:none;z-index:0}.vitra-bg-vignette{background:radial-gradient(120% 80% at 50% -10%,rgba(37,150,190,.1),transparent 60%)}.vitra-btn:not(:disabled):hover{filter:brightness(1.08);border-color:var(--border-emphasis)}.vitra-btn:not(:disabled):active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--vitra-blue);outline-offset:2px}.font-cond{font-family:var(--font-cond)}.font-mono{font-family:var(--font-mono)}.label{font-family:var(--font-cond);font-size:9px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:var(--gray-2)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:6px}.surface-hover:hover{background:var(--hover);border-color:rgba(82,113,255,.25)}@keyframes progress-fill{0%{width:0}}.progress-bar{animation:progress-fill .6s ease-out}@keyframes fadein{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.vitra-eyebrow{font-family:var(--font-heading);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.vitra-display{font-family:var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--vitra-silver)}.vitra-h1{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:500;line-height:1.05;text-wrap:balance}.vitra-h1,.vitra-h2{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.vitra-h2{font-size:1.5rem;font-weight:600;line-height:1.2}.vitra-data{font-family:var(--font-mono);font-weight:500;letter-spacing:var(--tracking-tight);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg-1)}@keyframes vitra-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.vitra-rise{animation:vitra-rise var(--dur-section) var(--ease-out-quint) both}@keyframes vx-card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.vx-card-in{animation:vx-card-in var(--dur-state) var(--ease-out-quint) both}.vx-focusable:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent);border-radius:2px}.vx-kbd{font-family:var(--font-mono);font-size:10px;line-height:1;color:var(--fg-3);border:1px solid var(--border-strong);border-radius:3px;padding:2px 5px;background:var(--bg-sunken);white-space:nowrap}.vx-skin{display:contents}.vx-skin button{font-family:var(--font-heading)}.vx-skin select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--bg-sunken)!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237a8fa6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;border:1px solid var(--border)!important;border-radius:2px!important;padding-right:30px!important;color:var(--fg-1);font-family:var(--font-body)}.vx-skin select option{background:var(--bg-raised);color:var(--fg-1)}.vx-skin input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),.vx-skin textarea{border-radius:2px}.vx-skin input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):focus,.vx-skin select:focus,.vx-skin textarea:focus{outline:none;border-color:var(--accent-bright)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-bright) 16%,transparent)!important}.vx-skin [role=button]:focus-visible,.vx-skin [tabindex]:focus-visible,.vx-skin a:focus-visible,.vx-skin button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px color-mix(in srgb,var(--accent-bright) 55%,transparent);border-radius:2px}.vx-skin input[type=checkbox],.vx-skin input[type=radio]{accent-color:var(--accent-bright)}.vx-skin ::selection{background:color-mix(in srgb,var(--accent) 42%,transparent);color:#fff}@media (prefers-reduced-motion:reduce){.vitra-rise,.vx-card-in{animation:none}*{scroll-behavior:auto!important}}.vitra-input:focus,.vitra-input:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.vitra-input::placeholder{color:var(--fg-3)}.vitra-input option{background:var(--bg-raised);color:var(--fg-1)}.os-settings-card{transition:border-color .16s var(--ease-out-quint),box-shadow .16s var(--ease-out-quint),transform .16s var(--ease-out-quint)}@media (hover:hover){.os-settings-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;box-shadow:0 8px 26px -14px rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-2px)}.os-settings-card:hover .os-settings-chev{transform:translateX(3px)}.os-row-lift:hover{border-color:var(--border-2)!important;box-shadow:0 6px 20px -16px rgba(0,0,0,.5)}}.os-settings-chev{transition:transform .16s var(--ease-out-quint)}.os-settings-card:focus-visible,a:focus-visible .os-settings-card{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes os-skel-shimmer{to{background-position:-200% 0}}.os-skel{background:linear-gradient(90deg,var(--bg-sunken) 0,color-mix(in srgb,var(--bg-sunken) 70%,var(--fg-3) 12%) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:os-skel-shimmer 1.4s linear infinite;border-radius:7px}@media (prefers-reduced-motion:reduce){.os-settings-card,.os-settings-chev{transition:none}.os-settings-card:hover{transform:none}.os-skel{animation:none}}.os-app{color-scheme:dark;accent-color:var(--vitra-blue)}.os-app button{font-family:var(--font-heading);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter var(--dur-micro) var(--ease-out-quint),box-shadow var(--dur-micro) var(--ease-out-quint),border-color var(--dur-micro) var(--ease-out-quint),background-color var(--dur-micro) var(--ease-out-quint),transform var(--dur-micro) var(--ease-out-quint)}@media (hover:hover){.os-app button:not(:disabled):hover{filter:brightness(1.08)}}.os-app button:not(:disabled):active{transform:translateY(.5px)}.os-app button:disabled{cursor:not-allowed;opacity:.55}.os-app input,.os-app select,.os-app textarea{transition:border-color var(--dur-micro) var(--ease-out-quint),box-shadow var(--dur-micro) var(--ease-out-quint),background-color var(--dur-micro) var(--ease-out-quint)}.os-app input:focus-visible,.os-app select:focus-visible,.os-app textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.os-app input::placeholder,.os-app textarea::placeholder{color:var(--fg-3);opacity:1}.os-app select{cursor:pointer}.os-app option{background:var(--bg-raised);color:var(--fg-1)}@media (prefers-reduced-motion:reduce){.os-app button,.os-app input,.os-app select,.os-app textarea{transition:none}.os-app button:not(:disabled):active{transform:none}}.vitra-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1;padding:10px 18px;border-radius:var(--radius-1);border:1px solid transparent;cursor:pointer;transition:filter var(--dur-micro) var(--ease-out-quint),box-shadow var(--dur-micro) var(--ease-out-quint),border-color var(--dur-micro) var(--ease-out-quint),background-color var(--dur-micro) var(--ease-out-quint),transform var(--dur-micro) var(--ease-out-quint)}.vitra-btn:disabled{cursor:not-allowed;opacity:.55}.vitra-btn--primary{background:var(--vitra-blue);color:#fff;box-shadow:0 8px 24px -14px color-mix(in srgb,var(--vitra-blue) 80%,transparent)}.vitra-btn--secondary{background:transparent;color:var(--vitra-silver);border-color:var(--border-strong)}.vitra-btn--ghost{background:transparent;color:var(--fg-2)}@media (hover:hover){.vitra-btn--ghost:not(:disabled):hover,.vitra-btn--secondary:not(:disabled):hover{background:var(--surface-2);border-color:var(--border-emphasis)}}.vitra-btn--sm{padding:7px 13px;font-size:12px}.vitra-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-sunken);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237a8fa6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}@media (max-width:640px){.os-main{padding:16px 14px!important;overflow-x:hidden}.vitra-modal{width:100%!important;max-width:100%!important}.vitra-h1{font-size:clamp(1.5rem,7vw,2rem)}}