@layer components{:root{--lp-display:"Inter Variable", ui-sans-serif, system-ui, sans-serif;--lp-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", P052, Georgia, serif;--lp-mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace;--lp-rule:color-mix(in oklab, var(--foreground) 13%, transparent);--lp-rule-strong:color-mix(in oklab, var(--foreground) 28%, transparent);--lp-wash:color-mix(in oklab, var(--primary) 8%, var(--background))}@media (prefers-contrast:more){:root{--lp-rule:color-mix(in oklab, var(--foreground) 42%, transparent);--lp-rule-strong:color-mix(in oklab, var(--foreground) 68%, transparent)}}.lp-h1,.lp-h2{font-family:var(--lp-display);font-feature-settings:"cv11", "ss03";text-wrap:balance}.lp-h1{letter-spacing:-.048em;font-size:clamp(2.6rem,1.55rem + 4.9vw,5.1rem);font-weight:800;line-height:.96}.lp-h2{letter-spacing:-.038em;font-size:clamp(1.95rem,1.35rem + 2.5vw,3.1rem);font-weight:750;line-height:1.02}.lp-em{font-family:var(--lp-serif);letter-spacing:-.025em;color:var(--primary);padding-right:.04em;font-style:italic;font-weight:500}.lp-eyebrow{font-family:var(--lp-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.7rem;font-size:.72rem;font-weight:600;display:inline-flex}.lp-eyebrow:before{content:"";background:var(--primary);flex:none;width:2.25rem;height:1px}.lp-serif{font-family:var(--lp-serif);letter-spacing:-.02em;font-style:italic;font-weight:500}.lp-mono{font-family:var(--lp-mono);font-variant-numeric:tabular-nums}.lp-tag{font-family:var(--lp-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--lp-rule-strong);color:var(--muted-foreground);background:color-mix(in oklab, var(--background) 60%, transparent);border-radius:.3rem;align-items:center;padding:.32rem .5rem;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex}.lp-hero{isolation:isolate;position:relative;overflow:clip}.lp-hero:before{content:"";z-index:-2;background-image:linear-gradient(var(--lp-rule) 1px, transparent 1px), linear-gradient(90deg, var(--lp-rule) 1px, transparent 1px);background-position:-1px -1px;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 85% at 72% 30%,#000 15%,#0000 78%);mask-image:radial-gradient(75% 85% at 72% 30%,#000 15%,#0000 78%)}.lp-hero:after{content:"";z-index:-1;background:radial-gradient(42% 52% at 80% 24%, color-mix(in oklab, var(--primary) 20%, transparent), transparent 72%), radial-gradient(38% 46% at 6% 90%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.lp-grain{position:relative}.lp-grain>.lp-grain-layer{z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.lp-ruler{background-image:repeating-linear-gradient(90deg, var(--lp-rule-strong) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, var(--lp-rule) 0 1px, transparent 1px 8px);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:100% 100%,100% 55%;height:14px}.lp-bezel{border-radius:calc(var(--radius) + 10px);background:linear-gradient(155deg, color-mix(in oklab, var(--primary) 55%, transparent), var(--lp-rule) 32%, var(--lp-rule) 70%, color-mix(in oklab, var(--primary) 30%, transparent));box-shadow:0 40px 80px -40px color-mix(in oklab, var(--primary) 55%, transparent);padding:6px;position:relative}.lp-bezel>[data-slot=card]{box-shadow:none;border-color:#0000}@keyframes lp-rise{0%{opacity:0;transform:translateY(16px)}}.lp-rise{animation:.85s cubic-bezier(.2,.7,.2,1) both lp-rise;animation-delay:calc(var(--i,0) * 90ms + 40ms)}.lp-reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms)}.lp-reveal[data-reveal=hidden]{opacity:0;transform:translateY(20px)}.lp-odo{--odo-h:1.34em;font-family:var(--lp-mono);font-variant-numeric:tabular-nums;color:oklch(97% .012 120);background:linear-gradient(oklch(27% .012 160),oklch(17% .01 160));border-radius:.6em;align-items:center;gap:2px;padding:.32em .42em;font-size:clamp(1.6rem,1.15rem + 1.9vw,2.4rem);font-weight:700;line-height:1;display:inline-flex;box-shadow:0 0 0 1px oklch(100% 0 0/.09),0 18px 34px -14px oklch(0% 0 0/.55),inset 0 1px oklch(100% 0 0/.14)}.lp-odo-win{width:.74em;height:var(--odo-h);background:oklch(11% .008 160);border-radius:.14em;position:relative;overflow:hidden}.lp-odo-win:after{content:"";pointer-events:none;background:linear-gradient(oklch(0% 0 0/.7),#0000 30% 70%,oklch(0% 0 0/.7));position:absolute;inset:0}.lp-odo-win[data-tenths]{background:var(--primary);color:var(--primary-foreground)}.lp-odo-point{color:oklch(80% .01 120);align-self:flex-end;padding-bottom:.3em}.lp-odo-strip{transform:translateY(calc(var(--to) * var(--odo-h) * -1));animation:lp-roll var(--dur,1.9s) cubic-bezier(.2, .9, .22, 1) var(--delay,0s) both;flex-direction:column;display:flex}.lp-odo-strip>span{height:var(--odo-h);place-items:center;display:grid}@keyframes lp-roll{0%{transform:translateY(0)}}.lp-needle{transform:rotate(var(--angle,48deg));transform-origin:200px 200px;animation:2.4s cubic-bezier(.3,1.35,.4,1) .35s both lp-sweep}@keyframes lp-sweep{0%{transform:rotate(-135deg)}}.lp-arc-fill{animation:2.4s cubic-bezier(.3,1,.4,1) .35s both lp-arc}@keyframes lp-arc{0%{stroke-dasharray:0 9999}}.lp-road{background-image:repeating-linear-gradient(90deg, var(--primary) 0 16px, transparent 16px 32px);background-size:32px 100%;border-radius:2px;height:4px;animation:1.4s linear infinite lp-drive}.lp-road-v{background-image:repeating-linear-gradient(180deg, var(--primary) 0 16px, transparent 16px 32px);background-size:100% 32px;border-radius:2px;width:4px;animation:1.4s linear infinite lp-drive-v}@keyframes lp-drive{to{background-position:32px 0}}@keyframes lp-drive-v{to{background-position:0 32px}}.lp-catalogue{border:1px solid var(--lp-rule-strong);border-radius:calc(var(--radius) + 6px);background:var(--lp-rule-strong);gap:1px;display:grid;overflow:hidden}.lp-tile{background:var(--card);transition:background-color .25s;position:relative}.lp-tile:hover{background:color-mix(in oklab, var(--card) 88%, var(--primary))}.lp-tile-icon{transition:transform .3s cubic-bezier(.3,1.4,.5,1),background-color .25s,color .25s}.lp-tile:hover .lp-tile-icon{background:var(--primary);color:var(--primary-foreground);transform:translateY(-2px)rotate(-6deg)}.lp-preview-frame{box-shadow:0 1px 0 var(--lp-rule-strong), 0 50px 90px -50px color-mix(in oklab, var(--foreground) 60%, transparent), 0 20px 40px -24px color-mix(in oklab, var(--primary) 35%, transparent)}.lp-marker{width:1.35rem;height:1.35rem;font-family:var(--lp-mono);color:var(--primary-foreground);background:var(--primary);box-shadow:0 0 0 3px var(--background), 0 0 0 4px var(--primary);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-grid}}