@property --shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.shimmer-ring{position:relative;isolation:isolate}.shimmer-ring:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--shimmer-angle),transparent 0deg,transparent 300deg,#b8bec8 340deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;pointer-events:none;transition:opacity .9s ease-in-out}.dark .shimmer-ring:before{background:conic-gradient(from var(--shimmer-angle),transparent 0deg,transparent 300deg,#e2e8f0 340deg,transparent 1turn)}.shimmer-ring:before{animation:shimmer-ring-travel 6.4s linear infinite paused}.shimmer-ring:focus-visible:before,.shimmer-ring:hover:before{opacity:1;animation-play-state:running}@keyframes shimmer-ring-travel{0.0%{--shimmer-angle:0.00deg}2.5%{--shimmer-angle:16.37deg}5.0%{--shimmer-angle:30.09deg}7.5%{--shimmer-angle:39.71deg}10.0%{--shimmer-angle:45.51deg}12.5%{--shimmer-angle:49.24deg}15.0%{--shimmer-angle:53.09deg}17.5%{--shimmer-angle:58.61deg}20.0%{--shimmer-angle:66.12deg}22.5%{--shimmer-angle:74.92deg}25.0%{--shimmer-angle:84.00deg}27.5%{--shimmer-angle:92.92deg}30.0%{--shimmer-angle:102.12deg}32.5%{--shimmer-angle:112.61deg}35.0%{--shimmer-angle:125.09deg}37.5%{--shimmer-angle:139.24deg}40.0%{--shimmer-angle:153.51deg}42.5%{--shimmer-angle:165.71deg}45.0%{--shimmer-angle:174.09deg}47.5%{--shimmer-angle:178.37deg}50.0%{--shimmer-angle:180.00deg}52.5%{--shimmer-angle:181.63deg}55.0%{--shimmer-angle:185.91deg}57.5%{--shimmer-angle:194.29deg}60.0%{--shimmer-angle:206.49deg}62.5%{--shimmer-angle:220.76deg}65.0%{--shimmer-angle:234.91deg}67.5%{--shimmer-angle:247.39deg}70.0%{--shimmer-angle:257.88deg}72.5%{--shimmer-angle:267.08deg}75.0%{--shimmer-angle:276.00deg}77.5%{--shimmer-angle:285.08deg}80.0%{--shimmer-angle:293.88deg}82.5%{--shimmer-angle:301.39deg}85.0%{--shimmer-angle:306.91deg}87.5%{--shimmer-angle:310.76deg}90.0%{--shimmer-angle:314.49deg}92.5%{--shimmer-angle:320.29deg}95.0%{--shimmer-angle:329.91deg}97.5%{--shimmer-angle:343.63deg}100.0%{--shimmer-angle:360.00deg}}.shimmer-sheen{opacity:0;transition:opacity .9s ease-in-out}.shimmer-ring:focus-visible .shimmer-sheen,.shimmer-ring:hover .shimmer-sheen{opacity:1}.landing-tilt{perspective:1800px}.landing-tilt-frame{--lift:calc(min(80dvh, 50rem) * -0.1);--rest-tilt:15deg;transform-origin:50% 100%;transform:translateY(var(--lift)) rotateX(calc(var(--rest-tilt) + var(--tilt-x, 0deg))) rotateY(var(--tilt-y,0deg));transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform}.landing-tilt:hover .landing-tilt-frame{--lift:0px;--rest-tilt:0deg}.landing-hero-glow{position:absolute;inset:0 0 auto 0;height:44rem;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.55) 45%,transparent);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.55) 45%,transparent)}.landing-hero-glow-blobs{position:absolute;inset:-20%;opacity:.55;background:radial-gradient(22% 26% at 12% 34%,rgba(0,0,0,.85),transparent 72%),radial-gradient(26% 24% at 60% 12%,rgba(0,0,0,.8),transparent 72%),radial-gradient(20% 28% at 82% 62%,rgba(0,0,0,.85),transparent 72%),radial-gradient(24% 22% at 40% 56%,rgba(0,0,0,.7),transparent 72%),radial-gradient(38% 42% at 25% 20%,rgba(255,255,255,.5),transparent 70%),radial-gradient(34% 38% at 72% 14%,rgba(235,238,245,.34),transparent 70%),radial-gradient(40% 40% at 50% 38%,rgba(200,205,215,.26),transparent 70%),radial-gradient(30% 34% at 88% 40%,rgba(255,255,255,.22),transparent 70%);filter:blur(36px);animation:landing-hero-drift 26s ease-in-out infinite alternate}.shimmer-ring-always:before{opacity:1;animation-play-state:running}.landing-cta-silver{background:linear-gradient(90deg,rgba(210,216,226,.2),rgba(184,190,200,.07) 30%,rgba(184,190,200,0) 60%)!important;transition:filter .3s ease}.landing-cta-silver:hover{filter:brightness(1.35)}html:not(.dark) .landing-hero-glow{display:none}@keyframes landing-hero-drift{0%{transform:translate3d(-4%,-2%,0) scale(1) rotate(0deg)}50%{transform:translate3d(3%,3%,0) scale(1.08) rotate(4deg)}to{transform:translate3d(6%,-1%,0) scale(1.03) rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.landing-hero-glow-blobs{animation:none}.shimmer-ring-always:before,.shimmer-ring:focus-visible:before,.shimmer-ring:hover:before{animation:none}.shimmer-sheen{display:none}.landing-tilt-frame{transition:none}}.try-project-explorer{margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;overflow:auto;border:0;background:var(--color-surface);box-shadow:none;color:var(--color-ink)}.try-project-explorer::backdrop{background:var(--color-surface)}.try-project-name-dialog{margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface-elevated);color:var(--color-ink);box-shadow:0 24px 90px rgb(0 0 0/.25)}.try-project-name-dialog::backdrop{background:rgb(0 0 0/.45);backdrop-filter:blur(10px)}.try-explorer-layout{position:relative;min-height:100%}.try-explorer-footer{position:relative;background:transparent;box-shadow:none}.try-explorer-file-icon svg{width:32px!important;height:32px!important}.try-explorer-board-preview{background-image:radial-gradient(circle,var(--wb-grid-dot) .8px,transparent .8px);background-size:16px 16px;border-radius:12px}.try-explorer-slide{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .35s ease-in-out,transform .35s ease-in-out;pointer-events:none}.try-explorer-slide.is-active{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.try-explorer-slide{transition:none;transform:none}}.try-explorer-copy .try-explorer-slide.is-active{position:relative}@keyframes explorer-alert-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.explorer-alert{animation:explorer-alert-in .26s ease-out both}@media (prefers-reduced-motion:reduce){.explorer-alert{animation:none}}