@layer components{.landing{--landing-ease:cubic-bezier(.22, .8, .2, 1);--landing-turn:1.1s}.landing-button{border-radius:var(--radius-lg);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;height:2.75rem;padding-inline:1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.landing-button:active{transform:translateY(1px)}.landing-button-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 12%, transparent)}.landing-button-primary:hover{background:color-mix(in oklab, var(--primary) 90%, transparent)}.landing-button-outline{background:var(--card);color:var(--foreground);border-color:var(--border);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 8%, transparent)}.landing-button-outline:hover{background:var(--muted)}.landing-button-small{height:2.25rem;padding-inline:1rem;font-size:.875rem}.landing-lang{border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:2px;padding:2px;display:inline-flex}.landing-lang button{border-radius:var(--radius-md);height:1.75rem;color:var(--muted-foreground);cursor:pointer;padding-inline:.625rem;font-size:.8125rem}.landing-lang button:hover{color:var(--foreground)}.landing-lang button[aria-current=true]{background:var(--secondary);color:var(--secondary-foreground);font-weight:500}.landing-scene{--ax:-24deg;--ay:22deg;--card-scale:.84;width:100%;container-type:inline-size}.landing-scene[data-angle=map]{--ax:-24deg;--ay:22deg;--card-scale:.84}.landing-scene[data-angle=board]{--ax:0deg;--ay:0deg;--sz:0}.landing-scene[data-angle=calendar]{--ax:-90deg;--ay:0deg;--sy:0;--sz:.8}.landing-scene[data-angle=cycle]{--ax:0deg;--ay:90deg;--sx:0;--sz:.92;--card-scale:.9}.landing-stage{aspect-ratio:10/8;perspective:240cqw;perspective-origin:50% 42%;width:100%;position:relative}.landing-fabric{transform-style:preserve-3d;transform:rotateX(calc(var(--ax) + var(--py,0deg))) rotateY(calc(var(--ay) + var(--px,0deg)));transition:transform var(--landing-turn) var(--landing-ease);position:absolute;inset:0}.landing-card,.landing-thread,.landing-mark{transform-style:preserve-3d;transition:transform var(--landing-turn) var(--landing-ease), opacity .6s var(--landing-ease);position:absolute;top:50%;left:50%}.landing-card{transform:translate3d(calc(var(--x) * var(--sx,1) * 1cqw), calc(var(--y) * var(--sy,1) * 1cqw), calc(var(--z) * var(--sz,1) * 1cqw)) rotateY(calc(-1 * var(--ay))) rotateX(calc(-1 * var(--ax))) scale(var(--card-scale,1))}.landing-mark{transform:translate3d(calc(var(--x) * 1cqw), calc(var(--y) * 1cqw), calc(var(--z) * var(--sz,1) * 1cqw)) rotateY(calc(-1 * var(--ay))) rotateX(calc(-1 * var(--ax)))}.landing-card{border:1px solid var(--border);background:var(--card);width:21cqw;height:9.2cqw;color:var(--card-foreground);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 6%, transparent), 0 1.2cqw 2.4cqw color-mix(in oklab, var(--foreground) 8%, transparent);backface-visibility:hidden;border-radius:max(4px,1cqw);grid-template-rows:auto 1fr;gap:.3cqw;margin-top:-4.6cqw;margin-left:-10.5cqw;padding:.9cqw 1.1cqw;font-size:clamp(10px,1.9cqw,13px);line-height:1.25;display:grid;overflow:hidden}.landing-card-title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.landing-card-meta{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:.6cqw;font-size:.82em;display:flex}.landing-card-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-card-assignee{background:var(--secondary);width:2.2cqw;min-width:14px;height:2.2cqw;min-height:14px;color:var(--secondary-foreground);border-radius:50%;flex:none;place-items:center;font-size:.72em;font-weight:600;display:inline-grid}.landing-card-assignee[data-agent]{background:var(--primary);color:var(--primary-foreground)}.landing-card-assignee[data-agent] svg{width:62%;height:62%}.landing-card-doc{background:color-mix(in oklab, var(--card) 88%, var(--doc-color));grid-template-rows:auto;grid-template-columns:auto 1fr;align-items:center;gap:.8cqw;width:19cqw;height:6.8cqw;margin-top:-3.4cqw;margin-left:-9.5cqw}.landing-card-doc:before{content:"";background:var(--doc-color);border-radius:999px;width:.7cqw;min-width:3px;height:100%}.landing-card-doc[data-category=architecture]{--doc-color:var(--kb-architecture)}.landing-card-doc[data-category=decisions]{--doc-color:var(--kb-decisions)}.landing-card-doc[data-category=patterns]{--doc-color:var(--kb-patterns)}.landing-card-doc[data-category=bugs]{--doc-color:var(--kb-bugs)}.landing-card-doc[data-category=docs]{--doc-color:var(--kb-docs)}.landing-card-doc[data-category=general]{--doc-color:var(--kb-general)}.landing-thread{height:.32cqw;min-height:1.5px;width:calc(var(--len) * 1cqw);transform-origin:0;background:color-mix(in oklab, var(--foreground) 38%, transparent);transform:translate3d(calc(var(--x) * 1cqw), calc(var(--y) * 1cqw), calc(var(--z) * 1cqw)) rotateZ(var(--yaw)) rotateY(var(--pitch));border-radius:999px;margin-top:-.16cqw}.landing-mark{color:var(--muted-foreground);white-space:nowrap;text-align:center;letter-spacing:.01em;width:12cqw;margin-left:-6cqw;font-size:clamp(11px,1.5cqw,12px)}.landing-mark-column{color:var(--foreground);text-transform:none;font-weight:500}.landing-scene:not([data-angle=board]):not(.landing-demo) .landing-mark-column,.landing-scene[data-angle=map] .landing-mark-date,.landing-scene[data-angle=board] .landing-mark-date,.landing-scene:not([data-angle=map]):not(.landing-demo) .landing-card-doc,.landing-scene:not([data-angle=map]):not(.landing-demo) .landing-thread{opacity:0}.landing-fabric[data-focus] .landing-card:not(.is-linked),.landing-fabric[data-focus] .landing-thread:not(.is-linked){opacity:.22}.landing-fabric[data-focus] .landing-thread.is-linked{opacity:1;background:color-mix(in oklab, var(--foreground) 70%, transparent)}@media (max-width:640px){.landing-card[data-secondary],.landing-thread[data-secondary]{display:none}.landing-card{width:25cqw;height:15cqw;margin-top:-7.5cqw;margin-left:-12.5cqw;font-size:11px}.landing-card-meta{font-size:9px}.landing-card-doc{width:28cqw;height:11cqw;margin-top:-5.5cqw;margin-left:-14cqw}.landing-scene[data-angle=map]{--ax:-8deg;--ay:4deg;--sz:.5;--card-scale:.8}.landing-scene[data-angle=calendar]{--card-scale:.72}.landing-scene[data-angle=cycle]{--card-scale:.66;--sz:.85}}.landing-angles{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);gap:1.5rem 4rem;display:grid}.landing-angles-scene{z-index:1;background:var(--background);padding-block:.5rem 1rem;position:sticky;top:4rem}@media (min-width:1024px){.landing-angles{grid-template-rows:auto auto;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:2rem 4rem}.landing-angle-hero{grid-area:1/1}.landing-angles-copy{grid-area:2/1}.landing-angles-scene{background:0 0;grid-area:1/2/span 2;align-items:center;height:100dvh;padding-block:0;display:flex;top:0}}.landing-angle{flex-direction:column;justify-content:flex-start;min-height:44dvh;padding-top:1.5rem;scroll-margin-top:4rem;display:flex}.landing-angle-hero{min-height:0;padding-block:2.5rem 1rem}@media (min-width:1024px){.landing-angle{justify-content:center;min-height:60dvh;padding-top:0}.landing-angle-hero{min-height:calc(100dvh - 4rem);padding-block:0}}.landing-angle-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;display:flex;overflow-x:auto}@media (min-width:640px){.landing-angle-tabs{flex-wrap:wrap;overflow:visible}}.landing-angle-tab{color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);flex:none;padding:.25rem .75rem;font-size:.875rem;text-decoration:none;transition:color .15s,background-color .15s}.landing-angle-tab:hover{color:var(--foreground)}.landing-angle-tab[aria-current=true]{background:var(--secondary);color:var(--secondary-foreground);border-color:#0000}.landing-demo{--ax:-14deg;--ay:26deg;container-type:inline-size}.landing-demo .landing-stage{aspect-ratio:10/7}.landing-demo{max-width:34rem;margin-inline:auto}.landing-demo .landing-card-task{--x:-4;transition:transform .9s var(--landing-ease) .2s, opacity .6s var(--landing-ease)}.landing-demo[data-armed]:not(.is-live) .landing-card-task{--x:-26}.landing-demo .landing-bubble{background:var(--popover);width:30cqw;color:var(--popover-foreground);border:1px solid var(--border);box-shadow:0 1.2cqw 2.4cqw color-mix(in oklab, var(--foreground) 10%, transparent);transform:translate3d(calc(var(--x) * 1cqw), calc(var(--y) * 1cqw), calc(var(--z) * 1cqw)) rotateY(calc(-1 * var(--ay))) rotateX(calc(-1 * var(--ax)));transition:opacity .5s var(--landing-ease) var(--delay,0s), transform .9s var(--landing-ease) .2s;border-radius:max(4px,1cqw);margin-left:-15cqw;padding:1cqw 1.3cqw;font-size:clamp(9px,1.6cqw,13px);line-height:1.3;position:absolute;top:50%;left:50%}.landing-demo .landing-card-doc,.landing-demo .landing-thread{transition:opacity .5s var(--landing-ease) var(--delay,0s), transform .9s var(--landing-ease) .2s}.landing-demo[data-armed]:not(.is-live) .landing-bubble,.landing-demo[data-armed]:not(.is-live) .landing-card-doc,.landing-demo[data-armed]:not(.is-live) .landing-thread{opacity:0}.landing-demo .landing-bubble-label{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted-foreground);margin-bottom:.3em;font-size:.85em;display:block}@media (prefers-reduced-motion:reduce){.landing-fabric,.landing-card,.landing-thread,.landing-mark,.landing-bubble,.landing-demo .landing-card-task{transition:none}.landing-demo[data-armed]:not(.is-live) .landing-bubble,.landing-demo[data-armed]:not(.is-live) .landing-card-doc,.landing-demo[data-armed]:not(.is-live) .landing-thread{opacity:1}.landing-demo[data-armed]:not(.is-live) .landing-card-task{--x:-4}}}